import React, { useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
import { Image, SafeAreaView, TouchableNativeFeedback, TouchableOpacity, View, Modal } from 'react-native';
import { BottomSheetFlatList, BottomSheetModal, BottomSheetModalProvider } from '../bottomSheet/bottom-sheet';
import chatStore from '../../screens/chat/ChatStore';
import { MText as Text } from '../index';
import quickMessageStore from '../../screens/chat/QuickMessageStore';
import colors from '../../Styles';
import listChatStore from '../../screens/listchat/ListChatStore';
import appStore from '../../screens/AppStore';
import { formatTimeLastMessage } from '../../utils';
import { chatVT } from '../../index';
import { Navigation } from 'react-native-navigation';
import services from '../../services';
const BottomSheetChatOptions = /*#__PURE__*/React.forwardRef((props, ref) => {
  const snapPoints = useMemo(() => ['40%'], []);
  const bottomSheetRef = useRef();
  const [data, setData] = useState([]);
  const [order, setOrder] = useState({});
  const [isSender, setIsSender] = useState(true);
  const [show, setShow] = useState(false);
  useImperativeHandle(ref,
  // forwarded ref
  () => {
    return {
      updateData(data, order, orderType) {
        setData(data);
        setOrder(order);
        setIsSender(orderType !== 4);
      },
      present() {
        setShow(true);
      },
      dismiss() {
        setShow(false);
      }
    }; // the forwarded ref value
  }, []);
  const toChat = listUserId => {
    appStore.createConversation({
      vtm_user_ids: listUserId,
      order_number: order.ORDER_NUMBER,
      is_receiver: !isSender
    }, conversation => {
      // Navigation.pop('ChatScreen')
      Navigation.push(props.componentId, {
        component: {
          id: 'ChatScreen',
          name: 'ChatScreen',
          options: {
            popGesture: false,
            bottomTabs: {
              visible: false
            },
            topBar: {
              visible: false,
              height: 0
            }
          },
          passProps: {
            data: conversation,
            order: order
          }
        }
      });
    }, error => alert(error));
  };
  const toChatGroup = () => {
    try {
      setShow(false);
      appStore.createConversation({
        order_number: order.ma_phieugui,
        chat_type: 'GROUP'
      }, conversation => {
        // Navigation.pop('ChatScreen')
        Navigation.push(props.componentId, {
          component: {
            id: 'ChatScreen',
            name: 'ChatScreen',
            options: {
              popGesture: false,
              bottomTabs: {
                visible: false
              },
              topBar: {
                visible: false,
                height: 0
              }
            },
            passProps: {
              data: conversation,
              order: order
            }
          }
        });
      }, error => alert(error));
    } catch (e) {}
  };
  const getUserIdFromOrder = async order_code => {
    try {
      var _response$data;
      const response = await services.create().getVTMCustomerByOrder({
        order_code
      });
      if ((_response$data = response.data) !== null && _response$data !== void 0 && _response$data.data) {
        var _response$data2, _response$data2$data;
        return (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : (_response$data2$data = _response$data2.data) === null || _response$data2$data === void 0 ? void 0 : _response$data2$data.cus_id;
      } else {
        return 0;
      }
    } catch (e) {
      return -1;
    }
  };
  const toChatWithCustomer = async (order_code, type) => {
    setShow(false);
    appStore.createConversation({
      order_number: order_code,
      chat_type: type
    }, conversation => {
      // Navigation.pop('ChatScreen')
      Navigation.push(props.componentId, {
        component: {
          id: 'ChatScreen',
          name: 'ChatScreen',
          options: {
            popGesture: false,
            bottomTabs: {
              visible: false
            },
            topBar: {
              visible: false,
              height: 0
            }
          },
          passProps: {
            data: conversation,
            order: order
          }
        }
      });
    }, error => alert(error));
  };
  const toChatReceiver = () => {
    setShow(false);
    appStore.createConversationWithReceiver({
      order_number: order.ORDER_NUMBER,
      is_receiver: !isSender
    }, conversation => {
      // Navigation.pop('ChatScreen')
      Navigation.push(props.componentId, {
        component: {
          id: 'ChatScreen',
          name: 'ChatScreen',
          options: {
            popGesture: false,
            bottomTabs: {
              visible: false
            },
            topBar: {
              visible: false,
              height: 0
            }
          },
          passProps: {
            data: conversation,
            order
          }
        }
      });
    }, error => alert(error));
  };
  const renderItem = (item, index) => {
    return /*#__PURE__*/React.createElement(TouchableOpacity, {
      onPress: () => {
        setShow(false);
        toChat([item.USERID]);
      },
      style: {
        flexDirection: 'row',
        backgroundColor: 'white',
        paddingVertical: 12,
        paddingHorizontal: 16
      }
    }, /*#__PURE__*/React.createElement(View, {
      style: {
        height: 48,
        width: 48,
        resizeMode: 'center',
        marginRight: 12
      }
    }, /*#__PURE__*/React.createElement(Image, {
      style: {
        height: 48,
        width: 48,
        resizeMode: 'contain'
      },
      source: require('../../assets/avatar_default.png')
    })), /*#__PURE__*/React.createElement(View, {
      style: {
        flex: 1
      }
    }, /*#__PURE__*/React.createElement(Text, {
      style: {
        fontSize: 17,
        fontWeight: '600',
        color: colors.primaryText
      }
    }, `Chat với bưu tá ${item.RECEIVER_POSTMAN === 1 ? 'giao' : 'lấy'}`), /*#__PURE__*/React.createElement(Text, {
      style: {
        fontSize: 15,
        fontWeight: '500',
        color: colors.neutralText,
        paddingTop: 4
      }
    }, item.LASTNAME + ' ' + item.FIRSTNAME)));
  };
  return /*#__PURE__*/React.createElement(Modal, {
    visible: show,
    transparent: true,
    animationType: 'fade',
    ref: bottomSheetRef
  }, appStore.appId === 'VTPost' && /*#__PURE__*/React.createElement(SafeAreaView, {
    style: {
      flex: 1
    }
  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
    activeOpacity: 1,
    onPress: () => setShow(false),
    style: {
      flex: 1,
      justifyContent: 'flex-end',
      backgroundColor: '#00000059'
    }
  }, /*#__PURE__*/React.createElement(View, {
    style: {
      borderTopLeftRadius: 24,
      borderTopRightRadius: 24,
      overflow: 'hidden'
    }
  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
    activeOpacity: 1,
    onPress: () => setShow(false),
    style: {
      alignItems: 'flex-end',
      width: '100%',
      height: '100%',
      backgroundColor: '#00000059'
    }
  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
    onPress: toChatReceiver,
    style: {
      flexDirection: 'row',
      backgroundColor: 'white',
      paddingVertical: 12,
      paddingHorizontal: 16
    }
  }, /*#__PURE__*/React.createElement(View, {
    style: {
      height: 48,
      width: 48,
      resizeMode: 'center',
      marginRight: 12
    }
  }, /*#__PURE__*/React.createElement(Image, {
    style: {
      height: 48,
      width: 48,
      resizeMode: 'contain'
    },
    source: require('../../assets/avatar_default_customer.png')
  })), /*#__PURE__*/React.createElement(View, {
    style: {
      flex: 1
    }
  }, /*#__PURE__*/React.createElement(Text, {
    style: {
      fontSize: 17,
      fontWeight: '600',
      color: colors.primaryText
    }
  }, `Chat với người nhận`), /*#__PURE__*/React.createElement(Text, {
    style: {
      fontSize: 15,
      fontWeight: '500',
      color: colors.neutralText,
      paddingTop: 4
    }
  }, order.RECEIVER_FULLNAME))), data.length > 0 && /*#__PURE__*/React.createElement(View, {
    style: {
      backgroundColor: 'white',
      height: 1
    }
  }, /*#__PURE__*/React.createElement(View, {
    style: {
      backgroundColor: '#E5E5E5',
      height: 1,
      marginLeft: 76,
      marginRight: 16
    }
  })), /*#__PURE__*/React.createElement(BottomSheetFlatList, {
    data: data,
    renderItem: _ref => {
      let {
        item,
        index
      } = _ref;
      return renderItem(item, index);
    },
    ItemSeparatorComponent: () => /*#__PURE__*/React.createElement(View, {
      style: {
        backgroundColor: 'white',
        height: 1
      }
    }, /*#__PURE__*/React.createElement(View, {
      style: {
        backgroundColor: '#E5E5E5',
        height: 1,
        marginLeft: 76,
        marginRight: 16
      }
    }))
  }))))), appStore.appId === 'VTMan' && /*#__PURE__*/React.createElement(SafeAreaView, {
    style: {
      flex: 1
    }
  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
    activeOpacity: 1,
    onPress: () => setShow(false),
    style: {
      flex: 1,
      justifyContent: 'flex-end',
      backgroundColor: '#00000059'
    }
  }, /*#__PURE__*/React.createElement(View, {
    style: {
      borderTopLeftRadius: 24,
      borderTopRightRadius: 24,
      overflow: 'hidden'
    }
  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
    onPress: toChatGroup,
    style: {
      flexDirection: 'row',
      backgroundColor: 'white',
      paddingVertical: 12,
      paddingHorizontal: 16
    }
  }, /*#__PURE__*/React.createElement(View, {
    style: {
      height: 48,
      width: 48,
      resizeMode: 'center',
      marginRight: 12
    }
  }, /*#__PURE__*/React.createElement(Image, {
    style: {
      height: 48,
      width: 48,
      resizeMode: 'contain'
    },
    source: require('../../assets/avatar_create_group.png')
  })), /*#__PURE__*/React.createElement(View, {
    style: {
      flex: 1
    }
  }, /*#__PURE__*/React.createElement(Text, {
    style: {
      fontSize: 17,
      fontWeight: '600',
      color: colors.primaryText
    }
  }, `Chat nhóm`), /*#__PURE__*/React.createElement(Text, {
    style: {
      fontSize: 15,
      fontWeight: '500',
      color: colors.neutralText,
      paddingTop: 4
    }
  }, 'Tham gia của nhiều người'))), /*#__PURE__*/React.createElement(View, {
    style: {
      backgroundColor: 'white',
      height: 1
    }
  }, /*#__PURE__*/React.createElement(View, {
    style: {
      backgroundColor: '#E5E5E5',
      height: 1,
      marginLeft: 76,
      marginRight: 16
    }
  })), /*#__PURE__*/React.createElement(TouchableOpacity, {
    onPress: () => {
      toChatWithCustomer(order.ma_phieugui, 'SENDER');
    },
    style: {
      flexDirection: 'row',
      backgroundColor: 'white',
      paddingVertical: 12,
      paddingHorizontal: 16
    }
  }, /*#__PURE__*/React.createElement(View, {
    style: {
      height: 48,
      width: 48,
      resizeMode: 'center',
      marginRight: 12
    }
  }, /*#__PURE__*/React.createElement(Image, {
    style: {
      height: 48,
      width: 48,
      resizeMode: 'contain'
    },
    source: require('../../assets/avatar_default_customer.png')
  })), /*#__PURE__*/React.createElement(View, {
    style: {
      flex: 1
    }
  }, /*#__PURE__*/React.createElement(Text, {
    style: {
      fontSize: 17,
      fontWeight: '600',
      color: colors.primaryText
    }
  }, `Chat với khách hàng gửi`), /*#__PURE__*/React.createElement(Text, {
    style: {
      fontSize: 15,
      fontWeight: '500',
      color: colors.neutralText,
      paddingTop: 4
    }
  }, order.ten_khgui))), /*#__PURE__*/React.createElement(View, {
    style: {
      backgroundColor: 'white',
      height: 1
    }
  }, /*#__PURE__*/React.createElement(View, {
    style: {
      backgroundColor: '#E5E5E5',
      height: 1,
      marginLeft: 76,
      marginRight: 16
    }
  })), /*#__PURE__*/React.createElement(TouchableOpacity, {
    onPress: () => {
      setShow(false);
      toChatWithCustomer(order.ma_phieugui, 'RECEIVER');
    },
    style: {
      flexDirection: 'row',
      backgroundColor: 'white',
      paddingVertical: 12,
      paddingHorizontal: 16
    }
  }, /*#__PURE__*/React.createElement(View, {
    style: {
      height: 48,
      width: 48,
      resizeMode: 'center',
      marginRight: 12
    }
  }, /*#__PURE__*/React.createElement(Image, {
    style: {
      height: 48,
      width: 48,
      resizeMode: 'contain'
    },
    source: require('../../assets/avatar_default_customer.png')
  })), /*#__PURE__*/React.createElement(View, {
    style: {
      flex: 1
    }
  }, /*#__PURE__*/React.createElement(Text, {
    style: {
      fontSize: 17,
      fontWeight: '600',
      color: colors.primaryText
    }
  }, `Chat với khách hàng nhận`), /*#__PURE__*/React.createElement(Text, {
    style: {
      fontSize: 15,
      fontWeight: '500',
      color: colors.neutralText,
      paddingTop: 4
    }
  }, order.ten_khnhan)))))));
});
export default BottomSheetChatOptions;
//# sourceMappingURL=index.js.map