@ethora/chat-component-rn 26.4.2 → 26.5.2

package/lib/commonjs/components/MainComponents/RoomList.js

@@ -0,0 +1,205 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _Search = require("../InputComponents/Search");
+var _icons = require("../../assets/icons");
+var _ChatRoomItem = _interopRequireDefault(require("../RoomComponents/ChatRoomItem"));
+var _useChatSettingState = require("../../hooks/useChatSettingState");
+var _Button = _interopRequireDefault(require("../styled/Button"));
+var _HeaderRoomList = require("../Header/HeaderRoomList");
+var _HeaderRoomListMenu = require("../Menu/HeaderRoomListMenu");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/** @format */
+
+const LONG_PRESS_THRESHOLD = 200;
+const RoomList = ({
+  chats,
+  burgerMenu = false,
+  onRoomClick
+}) => {
+  const {
+    config
+  } = (0, _useChatSettingState.useChatSettingState)();
+  const [open, setOpen] = (0, _react.useState)(false);
+  const [searchTerm, setSearchTerm] = (0, _react.useState)('');
+  const [isLongPress, setIsLongPress] = (0, _react.useState)(false);
+  const [isDrawerOpen, setDrawerOpen] = (0, _react.useState)(false);
+  const pressTimer = (0, _react.useRef)(null);
+  const containerRef = (0, _react.useRef)(null);
+  const drawerAnimation = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const overlayAnimation = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const handlePressIn = (0, _react.useCallback)(() => {
+    setIsLongPress(false);
+    pressTimer.current = setTimeout(() => {
+      setIsLongPress(true);
+    }, LONG_PRESS_THRESHOLD);
+  }, []);
+  const handlePressOut = (0, _react.useCallback)(() => {
+    if (pressTimer.current) {
+      clearTimeout(pressTimer.current);
+    }
+  }, []);
+  const performClick = (0, _react.useCallback)(chat => {
+    if (!isLongPress) {
+      onRoomClick?.(chat);
+    }
+    setOpen(false);
+  }, [onRoomClick, isLongPress]);
+  const handleSearchChange = (0, _react.useCallback)(text => {
+    setSearchTerm(text);
+  }, []);
+  const getLastMessage = (0, _react.useCallback)(chat => chat?.messages?.[chat?.messages.length - 1], []);
+  const filteredChats = (0, _react.useMemo)(() => {
+    const lowerCaseSearchTerm = searchTerm.toLowerCase();
+    const chatsMap = new Map();
+    if (!chatsMap.has(lowerCaseSearchTerm)) {
+      const result = chats.filter(chat => {
+        const hay = `${chat?.title || ''} ${chat?.name || ''}`.toLowerCase();
+        return hay.includes(lowerCaseSearchTerm);
+      }).sort((a, b) => {
+        if (getLastMessage(a)?.id && getLastMessage(b)?.id) {
+          return Number(getLastMessage(b).id) - Number(getLastMessage(a).id);
+        } else if (getLastMessage(a)?.id) {
+          return -1;
+        } else if (getLastMessage(b)?.id) {
+          return 1;
+        }
+        return -1;
+      });
+      chatsMap.set(lowerCaseSearchTerm, result);
+    }
+    return chatsMap.get(lowerCaseSearchTerm) || [];
+  }, [chats, searchTerm]);
+  (0, _react.useEffect)(() => {
+    if (burgerMenu) {
+      // Since React Native doesn't have a native mouse event, we won't use `mousedown`
+      // A listener for "blur" event (on touch outside) or "TouchableWithoutFeedback" may be used for mobile
+    }
+  }, [burgerMenu]);
+  const toggleDrawer = () => {
+    if (isDrawerOpen) {
+      closeDrawer();
+    } else {
+      setDrawerOpen(true);
+      _reactNative.Animated.parallel([_reactNative.Animated.timing(drawerAnimation, {
+        toValue: 1,
+        duration: 300,
+        useNativeDriver: true
+      }), _reactNative.Animated.timing(overlayAnimation, {
+        toValue: 1,
+        duration: 300,
+        useNativeDriver: true
+      })]).start();
+    }
+  };
+  const closeDrawer = () => {
+    _reactNative.Animated.parallel([_reactNative.Animated.timing(drawerAnimation, {
+      toValue: 0,
+      duration: 300,
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(overlayAnimation, {
+      toValue: 0,
+      duration: 300,
+      useNativeDriver: true
+    })]).start(() => {
+      setDrawerOpen(false);
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [burgerMenu && !open && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+      style: {
+        padding: 8,
+        borderRadius: 16,
+        backgroundColor: 'transparent'
+      },
+      color: "black",
+      unstyled: true,
+      EndIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.BurgerMenuIcon, {
+        color: config?.colors?.primary
+      }),
+      onPress: () => setOpen(!open)
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      ref: containerRef,
+      style: [styles.container, config?.roomListStyles],
+      children: (open || !burgerMenu) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.scrollContainer,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderRoomList.HeaderRoomList, {
+            setDrawerOpen: toggleDrawer
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+            data: filteredChats,
+            keyExtractor: item => item.jid,
+            renderItem: ({
+              item
+            }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable
+            // Stable testID so e2e drivers can target a room
+            // row by its jid local-part (e.g. Main chat under
+            // app id `..._...759` → testID `room-...759`).
+            , {
+              testID: `room-${(item.jid || '').split('@')[0]}`,
+              accessibilityLabel: `room-${item.title || item.name}`,
+              onPress: () => performClick(item),
+              onPressIn: handlePressIn,
+              onPressOut: handlePressOut,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatRoomItem.default, {
+                chat: item,
+                config: config
+              })
+            }),
+            ListHeaderComponent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Search.SearchInput, {
+              icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SearchIcon, {
+                height: 20
+              }),
+              value: searchTerm,
+              onChangeText: handleSearchChange,
+              placeholder: "Search..."
+            }),
+            style: styles.chatList
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderRoomListMenu.HeaderRoomListMenu, {
+            closeDrawer: closeDrawer,
+            drawerAnimation: drawerAnimation,
+            overlayAnimation: overlayAnimation,
+            isDrawerOpen: isDrawerOpen
+          })]
+        })
+      })
+    })]
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  burgerButton: {
+    fontSize: 24,
+    padding: 10,
+    color: '#333'
+  },
+  container: {
+    width: '100%',
+    height: '100%',
+    flex: 1,
+    backgroundColor: '#fff'
+  },
+  scrollContainer: {
+    flexGrow: 1
+  },
+  headerContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 16,
+    justifyContent: 'space-between'
+  },
+  chatList: {
+    flex: 1,
+    paddingTop: 8,
+    paddingHorizontal: 16,
+    backgroundColor: '#FAFAFA'
+  }
+});
+var _default = exports.default = RoomList;
+//# sourceMappingURL=RoomList.js.map

package/lib/commonjs/components/MainComponents/RoomList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_Search","_icons","_ChatRoomItem","_interopRequireDefault","_useChatSettingState","_Button","_HeaderRoomList","_HeaderRoomListMenu","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LONG_PRESS_THRESHOLD","RoomList","chats","burgerMenu","onRoomClick","config","useChatSettingState","open","setOpen","useState","searchTerm","setSearchTerm","isLongPress","setIsLongPress","isDrawerOpen","setDrawerOpen","pressTimer","useRef","containerRef","drawerAnimation","Animated","Value","current","overlayAnimation","handlePressIn","useCallback","setTimeout","handlePressOut","clearTimeout","performClick","chat","handleSearchChange","text","getLastMessage","messages","length","filteredChats","useMemo","lowerCaseSearchTerm","toLowerCase","chatsMap","Map","result","filter","hay","title","name","includes","sort","a","b","id","Number","useEffect","toggleDrawer","closeDrawer","parallel","timing","toValue","duration","useNativeDriver","start","jsxs","Fragment","children","jsx","style","padding","borderRadius","backgroundColor","color","unstyled","EndIcon","BurgerMenuIcon","colors","primary","onPress","View","ref","styles","container","roomListStyles","scrollContainer","HeaderRoomList","FlatList","data","keyExtractor","item","jid","renderItem","Pressable","testID","split","accessibilityLabel","onPressIn","onPressOut","ListHeaderComponent","SearchInput","icon","SearchIcon","height","value","onChangeText","placeholder","chatList","HeaderRoomListMenu","StyleSheet","create","burgerButton","fontSize","width","flex","flexGrow","headerContainer","flexDirection","alignItems","justifyContent","paddingTop","paddingHorizontal","_default","exports"],"sourceRoot":"../../../../src","sources":["components/MainComponents/RoomList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/MainComponents/Select.js

@@ -0,0 +1,136 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _native = _interopRequireDefault(require("styled-components/native"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const SelectWrapper = _native.default.View`
+  position: relative;
+  width: 100%;
+`;
+const SelectBox = _native.default.TouchableOpacity`
+  border: ${({
+  borderColor
+}) => borderColor ? `1px solid ${borderColor}` : '1px solid #ccc'};
+  padding: 10px;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  background-color: #fff;
+  border-radius: 5px;
+  box-shadow: ${({
+  isOpen
+}) => isOpen ? '0px 4px 8px rgba(0, 0, 0, 0.1)' : 'none'};
+`;
+const Placeholder = _native.default.Text`
+  color: #aaa;
+`;
+const Icon = (0, _native.default)(_reactNative.Animated.Text)`
+  margin-left: 10px;
+`;
+const Dropdown = _native.default.View`
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  background-color: #fff;
+  max-height: 200px;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  z-index: 100;
+`;
+const SearchBox = _native.default.TextInput`
+  width: 100%;
+  padding: 10px;
+  border-bottom-width: 1px;
+  border-color: #ccc;
+  box-sizing: border-box;
+`;
+const DropdownItem = _native.default.TouchableOpacity`
+  padding: 10px;
+`;
+const DropdownItemText = _native.default.Text`
+  color: #000;
+`;
+const Select = ({
+  options,
+  placeholder,
+  onSelect,
+  accentColor,
+  selectedValue = null
+}) => {
+  const [isOpen, setIsOpen] = (0, _react.useState)(false);
+  const [selected, setSelected] = (0, _react.useState)(selectedValue);
+  const [searchTerm, setSearchTerm] = (0, _react.useState)('');
+  const rotationAnim = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const toggleDropdown = () => {
+    setIsOpen(prev => !prev);
+    _reactNative.Animated.timing(rotationAnim, {
+      toValue: isOpen ? 0 : 1,
+      duration: 300,
+      useNativeDriver: true
+    }).start();
+  };
+  const handleSelect = option => {
+    setSelected(option);
+    onSelect(option);
+    setIsOpen(false);
+    setSearchTerm('');
+    _reactNative.Keyboard.dismiss();
+  };
+  const filteredOptions = options.filter(option => option.name.toLowerCase().includes(searchTerm.toLowerCase()));
+  const rotateInterpolation = rotationAnim.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['0deg', '180deg']
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SelectWrapper, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(SelectBox, {
+      isOpen: isOpen,
+      onPress: toggleDropdown,
+      borderColor: accentColor,
+      children: [selected ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Placeholder, {
+        children: selected.name
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(Placeholder, {
+        children: placeholder
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+        style: {
+          transform: [{
+            rotate: rotateInterpolation
+          }],
+          color: accentColor
+        },
+        children: "\u25BC"
+      })]
+    }), isOpen && /*#__PURE__*/(0, _jsxRuntime.jsxs)(Dropdown, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SearchBox, {
+        placeholder: "Search...",
+        value: searchTerm,
+        onChangeText: setSearchTerm
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+        data: filteredOptions,
+        keyExtractor: item => item.id,
+        renderItem: ({
+          item
+        }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownItem, {
+          onPress: () => handleSelect(item),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownItemText, {
+            children: item.name
+          })
+        }),
+        ListEmptyComponent: /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownItem, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownItemText, {
+            children: "No options found"
+          })
+        })
+      })]
+    })]
+  });
+};
+var _default = exports.default = Select;
+//# sourceMappingURL=Select.js.map

package/lib/commonjs/components/MainComponents/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_native","_interopRequireDefault","_reactNative","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SelectWrapper","styled","View","SelectBox","TouchableOpacity","borderColor","isOpen","Placeholder","Text","Icon","Animated","Dropdown","SearchBox","TextInput","DropdownItem","DropdownItemText","Select","options","placeholder","onSelect","accentColor","selectedValue","setIsOpen","useState","selected","setSelected","searchTerm","setSearchTerm","rotationAnim","useRef","Value","current","toggleDropdown","prev","timing","toValue","duration","useNativeDriver","start","handleSelect","option","Keyboard","dismiss","filteredOptions","filter","name","toLowerCase","includes","rotateInterpolation","interpolate","inputRange","outputRange","jsxs","children","onPress","jsx","style","transform","rotate","color","value","onChangeText","FlatList","data","keyExtractor","item","id","renderItem","ListEmptyComponent","_default","exports"],"sourceRoot":"../../../../src","sources":["components/MainComponents/Select.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/MainComponents/Switch.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _native = _interopRequireDefault(require("styled-components/native"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const SwitchContainer = _native.default.Pressable`
+  width: 34px;
+  height: 18px;
+  background-color: ${({
+  isOn,
+  bgColor
+}) => isOn ? bgColor ? bgColor : '#0056d2' : '#8C8C8C'};
+  border-radius: 100px;
+  display: flex;
+  transition: background-color 0.3s;
+  padding: 2px;
+`;
+const Toggle = (0, _native.default)(_reactNative.Animated.View)`
+  width: 15px;
+  height: 15px;
+  background-color: white;
+  border-radius: 100px;
+`;
+const Switch = ({
+  onSwitchOn,
+  onSwitchOff,
+  onToggle,
+  bgColor
+}) => {
+  const [isOn, setIsOn] = (0, _react.useState)(false);
+  const translateX = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const toggleSwitch = () => {
+    const nextState = !isOn;
+    _reactNative.Animated.timing(translateX, {
+      toValue: nextState ? 15 : 0,
+      duration: 300,
+      useNativeDriver: true
+    }).start();
+    if (nextState) {
+      onSwitchOn?.();
+    } else {
+      onSwitchOff?.();
+    }
+    setIsOn(nextState);
+    onToggle(nextState);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SwitchContainer, {
+    isOn: isOn,
+    onPress: toggleSwitch,
+    accessibilityRole: "switch",
+    accessibilityState: {
+      checked: isOn
+    },
+    accessibilityLabel: "Toggle switch",
+    accessibilityHint: "Double tap to toggle on or off",
+    bgColor: bgColor,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Toggle, {
+      style: {
+        transform: [{
+          translateX
+        }]
+      }
+    })
+  });
+};
+var _default = exports.default = Switch;
+//# sourceMappingURL=Switch.js.map

package/lib/commonjs/components/MainComponents/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_native","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SwitchContainer","styled","Pressable","isOn","bgColor","Toggle","Animated","View","Switch","onSwitchOn","onSwitchOff","onToggle","setIsOn","useState","translateX","useRef","Value","current","toggleSwitch","nextState","timing","toValue","duration","useNativeDriver","start","jsx","onPress","accessibilityRole","accessibilityState","checked","accessibilityLabel","accessibilityHint","children","style","transform","_default","exports"],"sourceRoot":"../../../../src","sources":["components/MainComponents/Switch.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/MainComponents/SystemMessage.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.CustomSystemMessageText = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _StyledComponents = require("../styled/StyledComponents");
+var _native = _interopRequireDefault(require("styled-components/native"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CustomSystemMessageText = exports.CustomSystemMessageText = _native.default.Text`
+  margin: 0;
+  color: ${props => props.primary || '#0052cd'};
+  border-radius: 118px;
+  padding: 5px 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  line-height: 14px;
+  font-weight: 600;
+  background-color: ${props => props.secondary || '#e7edf9'};
+  height: 24px;
+  white-space: nowrap;
+`;
+const SystemMessage = ({
+  messageText,
+  colors
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledComponents.CustomSystemMessage, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomSystemMessageText, {
+      ...colors,
+      children: messageText
+    })
+  });
+};
+var _default = exports.default = SystemMessage;
+//# sourceMappingURL=SystemMessage.js.map

package/lib/commonjs/components/MainComponents/SystemMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_StyledComponents","_native","_jsxRuntime","e","__esModule","default","CustomSystemMessageText","exports","styled","Text","props","primary","secondary","SystemMessage","messageText","colors","jsx","CustomSystemMessage","children","_default"],"sourceRoot":"../../../../src","sources":["components/MainComponents/SystemMessage.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA8C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOvC,MAAMG,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAGE,eAAM,CAACC,IAG5C;AACF;AACA,WAAYC,KAAK,IAAKA,KAAK,CAACC,OAAO,IAAI,SAAS;AAChD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAuBD,KAAK,IAAKA,KAAK,CAACE,SAAS,IAAI,SAAS;AAC7D;AACA;AACA,CAAC;AAED,MAAMC,aAA2C,GAAGA,CAAC;EACnDC,WAAW;EACXC;AACF,CAAC,KAAK;EACJ,oBACE,IAAAb,WAAA,CAAAc,GAAA,EAAChB,iBAAA,CAAAiB,mBAAmB;IAAAC,QAAA,eAClB,IAAAhB,WAAA,CAAAc,GAAA,EAACV,uBAAuB;MAAA,GAAKS,MAAM;MAAAG,QAAA,EAChCJ;IAAW,CACW;EAAC,CACP,CAAC;AAE1B,CAAC;AAAC,IAAAK,QAAA,GAAAZ,OAAA,CAAAF,OAAA,GAEaQ,aAAa","ignoreList":[]}

package/lib/commonjs/components/Menu/HeaderRoomListMenu.js

@@ -0,0 +1,163 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HeaderRoomListMenu = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _icons = require("../../assets/icons");
+var _reactRedux = require("react-redux");
+var _chatSettingsSlice = require("../../roomStore/chatSettingsSlice");
+var _MODAL_TYPES = require("../../helpers/constants/MODAL_TYPES");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const {
+  width
+} = _reactNative.Dimensions.get('window');
+const HeaderRoomListMenu = ({
+  isDrawerOpen,
+  drawerAnimation,
+  overlayAnimation,
+  closeDrawer
+}) => {
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const drawerTranslateX = drawerAnimation.interpolate({
+    inputRange: [0, 1],
+    outputRange: [width, 0]
+  });
+  const menuOptions = (0, _react.useMemo)(() => [{
+    label: 'New Chat',
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.AddNewIcon, {
+      color: "#8C8C8C"
+    }),
+    onClick: () => {
+      dispatch((0, _chatSettingsSlice.setActiveModal)(_MODAL_TYPES.MODAL_TYPES.NEW_CHAT));
+      console.log('New chat clicked');
+    },
+    styles: {
+      color: '#141414'
+    }
+  }, {
+    label: 'Profile',
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ProfileIcon, {
+      color: "#8C8C8C"
+    }),
+    onClick: () => {
+      dispatch((0, _chatSettingsSlice.setActiveModal)(_MODAL_TYPES.MODAL_TYPES.PROFILE));
+      console.log('Profile clicked');
+    }
+  }, {
+    label: 'Settings',
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SettingIcon, {
+      color: "#8C8C8C"
+    }),
+    onClick: () => {
+      dispatch((0, _chatSettingsSlice.setActiveModal)(_MODAL_TYPES.MODAL_TYPES.SETTINGS));
+      console.log('Settings clicked');
+    }
+  }
+  // {
+  //   label: "Logout",
+  //   onClick: handleLogout,
+  // },
+  ], []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+      style: [styles.drawer, {
+        transform: [{
+          translateX: drawerTranslateX
+        }]
+      }],
+      children: menuOptions.map((option, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.menuItemWrapper,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+          style: styles.menuItem,
+          onPress: () => {
+            option.onClick();
+            closeDrawer();
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              width: 22,
+              alignItems: 'center'
+            },
+            children: option.icon
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.label, option?.styles],
+            children: option.label
+          })]
+        }), index < menuOptions.length - 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.divider
+        })]
+      }, index))
+    }), isDrawerOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
+      onPress: closeDrawer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+        style: [styles.overlay, {
+          opacity: overlayAnimation
+        }]
+      })
+    })]
+  });
+};
+exports.HeaderRoomListMenu = HeaderRoomListMenu;
+const styles = _reactNative.StyleSheet.create({
+  menuItemWrapper: {
+    display: 'flex',
+    flexDirection: 'column'
+  },
+  menuItem: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 16
+  },
+  label: {
+    fontSize: 16,
+    marginLeft: 10
+  },
+  divider: {
+    height: 1,
+    width: '100%',
+    backgroundColor: '#0052cd0d'
+  },
+  drawer: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    right: 0,
+    width: width * 0.7,
+    backgroundColor: '#fff',
+    padding: 20,
+    shadowColor: '#000',
+    shadowOpacity: 0.3,
+    shadowOffset: {
+      width: -2,
+      height: 0
+    },
+    shadowRadius: 5,
+    elevation: 5,
+    zIndex: 999
+  },
+  drawerTitle: {
+    fontSize: 20,
+    fontWeight: 'bold',
+    marginBottom: 20
+  },
+  drawerItem: {
+    fontSize: 18,
+    marginBottom: 10
+  },
+  overlay: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    flex: 1,
+    width: '100%',
+    height: '100%',
+    backgroundColor: 'rgba(0, 0, 0, 0.5)'
+  }
+});
+//# sourceMappingURL=HeaderRoomListMenu.js.map