@ethora/chat-component-rn 26.4.2 → 26.5.2

package/lib/commonjs/components/UsersList/StyledComponents.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UserItem = exports.ScrollableContainer = exports.Label = exports.Checkbox = void 0;
+var _native = _interopRequireDefault(require("styled-components/native"));
+var _checkbox = _interopRequireDefault(require("@react-native-community/checkbox"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ScrollableContainer = exports.ScrollableContainer = _native.default.View`
+  max-height: 100px;
+  overflow-y: auto;
+  width: 80%;
+  padding: 8px;
+  max-width: 80%;
+`;
+const UserItem = exports.UserItem = _native.default.TouchableHighlight`
+  display: flex;
+  align-items: center;
+  padding: 8px;
+  border-bottom: 1px solid #f0f0f0;
+  gap: 8px;
+`;
+const Checkbox = exports.Checkbox = (0, _native.default)(_checkbox.default)`
+  width: 16px;
+  height: 16px;
+  tint-color: #0052cd;
+`;
+const Label = exports.Label = _native.default.Text`
+  font-size: 16px;
+  color: #333;
+`;
+//# sourceMappingURL=StyledComponents.js.map

package/lib/commonjs/components/UsersList/StyledComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_native","_interopRequireDefault","require","_checkbox","e","__esModule","default","ScrollableContainer","exports","styled","View","UserItem","TouchableHighlight","Checkbox","CheckBox","Label","Text"],"sourceRoot":"../../../../src","sources":["components/UsersList/StyledComponents.ts"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAwD,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEjD,MAAMG,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAGE,eAAM,CAACC,IAAI;AAC9C;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMC,QAAQ,GAAAH,OAAA,CAAAG,QAAA,GAAGF,eAAM,CAACG,kBAAkB;AACjD;AACA;AACA;AACA;AACA;AACA,CAAC;AAGM,MAAMC,QAAQ,GAAAL,OAAA,CAAAK,QAAA,GAAG,IAAAJ,eAAM,EAACK,iBAAQ,CAAC;AACxC;AACA;AACA;AACA,CAAC;AAEM,MAAMC,KAAK,GAAAP,OAAA,CAAAO,KAAA,GAAGN,eAAM,CAACO,IAAI;AAChC;AACA;AACA,CAAC","ignoreList":[]}

package/lib/commonjs/components/UsersList/UsersList.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _styledModalComponents = require("../Modals/styledModalComponents");
+var _StyledComponents = require("./StyledComponents");
+var _debounce = require("../../helpers/debounce");
+var _StyledInputComponents = require("../styled/StyledInputComponents/StyledInputComponents");
+var _useRoomState = require("../../hooks/useRoomState");
+var _reactNative = require("react-native");
+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 UsersList = ({
+  style,
+  selectedUsers,
+  setSelectedUsers,
+  headerElement,
+  filter
+}) => {
+  const {
+    usersSet
+  } = (0, _useRoomState.useRoomState)();
+  const [searchTerm, setSearchTerm] = (0, _react.useState)('');
+  const [filteredUsers, setFilteredUsers] = (0, _react.useState)([]);
+  const handleUserSelect = user => {
+    setSelectedUsers(prev => {
+      const isSelected = prev.some(u => u._id === user._id);
+      return isSelected ? prev.filter(u => u._id !== user._id) : [...prev, user];
+    });
+  };
+  const debouncedFilter = (0, _react.useMemo)(() => (0, _debounce.debounce)(term => {
+    const lower = term.toLowerCase();
+    const users = Object.values(usersSet).filter(user => `${user.firstName} ${user.lastName}`.toLowerCase().includes(lower));
+    setFilteredUsers(users);
+  }, 100), [usersSet]);
+  (0, _react.useEffect)(() => {
+    debouncedFilter(searchTerm);
+  }, [searchTerm, debouncedFilter]);
+  (0, _react.useEffect)(() => {
+    setFilteredUsers(Object.values(usersSet));
+  }, [usersSet]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      maxHeight: '100px',
+      ...style
+    },
+    children: [headerElement ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledModalComponents.ModalTitle, {
+      children: "Select Users (max 20)"
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: {
+        fontSize: 14,
+        fontWeight: '600'
+      },
+      children: "Select Users (max 20)"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledInputComponents.StyledInput, {
+      placeholder: "Search users...",
+      value: searchTerm,
+      onChangeText: setSearchTerm,
+      style: {
+        width: '100%'
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledComponents.ScrollableContainer, {
+      style: {
+        ...style
+      },
+      children: filteredUsers.map(user => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_StyledComponents.UserItem, {
+        onPress: () => handleUserSelect(user),
+        style: {
+          cursor: 'pointer'
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledComponents.Checkbox, {
+          value: selectedUsers.some(u => u._id === user._id),
+          onValueChange: () => handleUserSelect(user),
+          disabled: selectedUsers.length === 20
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledComponents.Label, {
+            children: `${user.firstName} ${user.lastName}`
+          })
+        })]
+      }, user._id))
+    })]
+  });
+};
+var _default = exports.default = UsersList;
+//# sourceMappingURL=UsersList.js.map

package/lib/commonjs/components/UsersList/UsersList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_styledModalComponents","_StyledComponents","_debounce","_StyledInputComponents","_useRoomState","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","UsersList","style","selectedUsers","setSelectedUsers","headerElement","filter","usersSet","useRoomState","searchTerm","setSearchTerm","useState","filteredUsers","setFilteredUsers","handleUserSelect","user","prev","isSelected","some","u","_id","debouncedFilter","useMemo","debounce","term","lower","toLowerCase","users","values","firstName","lastName","includes","useEffect","jsxs","View","maxHeight","children","jsx","ModalTitle","Text","fontSize","fontWeight","StyledInput","placeholder","value","onChangeText","width","ScrollableContainer","map","UserItem","onPress","cursor","Checkbox","onValueChange","disabled","length","Label","_default","exports"],"sourceRoot":"../../../../src","sources":["components/UsersList/UsersList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/styled/ActionButton.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActionButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _StyledComponents = require("./StyledComponents");
+var _icons = require("../../assets/icons");
+var _reactRedux = require("react-redux");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ActionButton = ({
+  icon,
+  ...props
+}) => {
+  const config = (0, _reactRedux.useSelector)(state => state.chatSettingStore.config);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledComponents.IconButton, {
+    style: {
+      height: 40,
+      width: 40,
+      borderRadius: 8,
+      backgroundColor: '#fff',
+      border: `1px solid ${config?.colors?.primary || '#0052CD'}`,
+      ...props.style
+    },
+    ...props,
+    children: icon ? (/*#__PURE__*/_react.default.cloneElement(icon, {
+      style: {
+        width: 40,
+        height: 40
+      }
+    })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.DownloadIcon, {
+      style: {
+        width: 40,
+        height: 40
+      }
+    })
+  });
+};
+exports.ActionButton = ActionButton;
+//# sourceMappingURL=ActionButton.js.map

package/lib/commonjs/components/styled/ActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_StyledComponents","_icons","_reactRedux","_jsxRuntime","e","__esModule","default","ActionButton","icon","props","config","useSelector","state","chatSettingStore","jsx","IconButton","style","height","width","borderRadius","backgroundColor","border","colors","primary","children","React","cloneElement","DownloadIcon","exports"],"sourceRoot":"../../../../src","sources":["components/styled/ActionButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AAA0C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQ1C,MAAMG,YAAmC,GAAGA,CAAC;EAAEC,IAAI;EAAE,GAAGC;AAAM,CAAC,KAAK;EAClE,MAAMC,MAAM,GAAG,IAAAC,uBAAW,EACvBC,KAAgB,IAAKA,KAAK,CAACC,gBAAgB,CAACH,MAC/C,CAAC;EAED,oBACE,IAAAP,WAAA,CAAAW,GAAA,EAACd,iBAAA,CAAAe,UAAU;IACTC,KAAK,EAAE;MACLC,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE,EAAE;MACTC,YAAY,EAAE,CAAC;MACfC,eAAe,EAAE,MAAM;MACvBC,MAAM,EAAE,aAAaX,MAAM,EAAEY,MAAM,EAAEC,OAAO,IAAI,SAAS,EAAE;MAC3D,GAAGd,KAAK,CAACO;IACX,CAAS;IAAA,GACLP,KAAK;IAAAe,QAAA,EAERhB,IAAI,iBACHiB,cAAK,CAACC,YAAY,CAAClB,IAAI,EAA6B;MAClDQ,KAAK,EAAE;QAAEE,KAAK,EAAE,EAAE;QAAED,MAAM,EAAE;MAAG;IACjC,CAAC,CAAC,iBAEF,IAAAd,WAAA,CAAAW,GAAA,EAACb,MAAA,CAAA0B,YAAY;MAACX,KAAK,EAAE;QAAEE,KAAK,EAAE,EAAE;QAAED,MAAM,EAAE;MAAG;IAAE,CAAE;EAClD,CACS,CAAC;AAEjB,CAAC;AAACW,OAAA,CAAArB,YAAA,GAAAA,YAAA","ignoreList":[]}

package/lib/commonjs/components/styled/AudioMessage.js

@@ -0,0 +1,139 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _expoAv = require("expo-av");
+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 formatTime = millis => {
+  const totalSec = Math.floor(millis / 1000);
+  const min = Math.floor(totalSec / 60);
+  const sec = totalSec % 60;
+  return `${min}:${sec.toString().padStart(2, '0')}`;
+};
+const AudioMessage = ({
+  src
+}) => {
+  const soundRef = (0, _react.useRef)(null);
+  const [isPlaying, setIsPlaying] = (0, _react.useState)(false);
+  const [isLoading, setIsLoading] = (0, _react.useState)(false);
+  const [position, setPosition] = (0, _react.useState)(0);
+  const [duration, setDuration] = (0, _react.useState)(0);
+  const onPlaybackStatusUpdate = status => {
+    if (!status.isLoaded) return;
+    setPosition(status.positionMillis);
+    setDuration(status.durationMillis ?? 0);
+    setIsPlaying(status.isPlaying);
+    if (status.didJustFinish) {
+      setIsPlaying(false);
+      soundRef.current?.setPositionAsync(0);
+    }
+  };
+  const togglePlayback = async () => {
+    try {
+      if (!soundRef.current) {
+        setIsLoading(true);
+        const {
+          sound
+        } = await _expoAv.Audio.Sound.createAsync({
+          uri: src
+        }, {
+          shouldPlay: true
+        }, onPlaybackStatusUpdate);
+        soundRef.current = sound;
+        setIsLoading(false);
+        setIsPlaying(true);
+        return;
+      }
+      if (isPlaying) {
+        await soundRef.current.pauseAsync();
+      } else {
+        await soundRef.current.playAsync();
+      }
+    } catch (error) {
+      console.error('Audio playback error:', error);
+      setIsLoading(false);
+    }
+  };
+  (0, _react.useEffect)(() => {
+    return () => {
+      soundRef.current?.unloadAsync();
+    };
+  }, []);
+  const progress = duration > 0 ? position / duration : 0;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      style: styles.playButton,
+      onPress: togglePlayback,
+      disabled: isLoading,
+      children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+        size: "small",
+        color: "#fff"
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.playIcon,
+        children: isPlaying ? '⏸' : '▶'
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.progressContainer,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.progressTrack,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.progressFill, {
+            width: `${progress * 100}%`
+          }]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+        style: styles.time,
+        children: [formatTime(position), " / ", formatTime(duration)]
+      })]
+    })]
+  });
+};
+var _default = exports.default = AudioMessage;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 8,
+    paddingVertical: 6,
+    minWidth: 200
+  },
+  playButton: {
+    width: 36,
+    height: 36,
+    borderRadius: 18,
+    backgroundColor: '#007AFF',
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginRight: 10
+  },
+  playIcon: {
+    color: '#fff',
+    fontSize: 14
+  },
+  progressContainer: {
+    flex: 1
+  },
+  progressTrack: {
+    height: 4,
+    backgroundColor: '#E0E0E0',
+    borderRadius: 2,
+    overflow: 'hidden'
+  },
+  progressFill: {
+    height: '100%',
+    backgroundColor: '#007AFF',
+    borderRadius: 2
+  },
+  time: {
+    fontSize: 11,
+    color: '#888',
+    marginTop: 4
+  }
+});
+//# sourceMappingURL=AudioMessage.js.map

package/lib/commonjs/components/styled/AudioMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_expoAv","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","formatTime","millis","totalSec","Math","floor","min","sec","toString","padStart","AudioMessage","src","soundRef","useRef","isPlaying","setIsPlaying","useState","isLoading","setIsLoading","position","setPosition","duration","setDuration","onPlaybackStatusUpdate","status","isLoaded","positionMillis","durationMillis","didJustFinish","current","setPositionAsync","togglePlayback","sound","Audio","Sound","createAsync","uri","shouldPlay","pauseAsync","playAsync","error","console","useEffect","unloadAsync","progress","jsxs","View","style","styles","container","children","jsx","TouchableOpacity","playButton","onPress","disabled","ActivityIndicator","size","color","Text","playIcon","progressContainer","progressTrack","progressFill","width","time","_default","exports","StyleSheet","create","flexDirection","alignItems","paddingHorizontal","paddingVertical","minWidth","height","borderRadius","backgroundColor","justifyContent","marginRight","fontSize","flex","overflow","marginTop"],"sourceRoot":"../../../../src","sources":["components/styled/AudioMessage.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/styled/Button.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _native = _interopRequireDefault(require("styled-components/native"));
+var _reactNative = require("react-native");
+var _Loader = _interopRequireDefault(require("./Loader"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CustomButton = (0, _native.default)(_reactNative.TouchableOpacity)`
+  border-width: ${({
+  variant
+}) => variant === 'outlined' ? 1 : 0}px;
+  border-color: ${({
+  backgroundColor
+}) => backgroundColor || '#0052CD'};
+  border-radius: 20px;
+  background-color: ${({
+  variant,
+  backgroundColor
+}) => variant === 'filled' ? backgroundColor || '#0052CD' : 'transparent'};
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  height: 40px;
+  width: 40px;
+  margin: 0 10px;
+  padding-horizontal: 8px;
+  opacity: ${({
+  disabled
+}) => disabled ? 0.6 : 1};
+`;
+const ButtonText = _native.default.Text`
+  color: ${({
+  variant,
+  backgroundColor
+}) => variant === 'filled' ? '#FFFFFF' : backgroundColor || '#0052CD'};
+  font-size: ${_reactNative.PixelRatio.getFontScale() * 14}px;
+  font-weight: bold;
+`;
+const Button = ({
+  text,
+  EndIcon,
+  loading = false,
+  disabled = false,
+  unstyled = false,
+  variant = 'default',
+  backgroundColor,
+  onPress,
+  StartIcon,
+  style: containerStyle,
+  color,
+  children,
+  testID,
+  accessibilityLabel
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(CustomButton, {
+    testID: testID,
+    accessibilityLabel: accessibilityLabel,
+    style: [containerStyle],
+    disabled: disabled || loading,
+    onPress: onPress,
+    variant: variant,
+    backgroundColor: backgroundColor,
+    children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loader.default, {
+      size: 24
+    }), !loading && StartIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.icon,
+      children: StartIcon
+    }), !loading && (children || /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonText, {
+      style: [{
+        color: color || 'black'
+      }],
+      variant: variant,
+      backgroundColor: backgroundColor,
+      children: text
+    })), !loading && EndIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.icon,
+      children: EndIcon
+    })]
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  icon: {
+    marginHorizontal: 4
+    // maxWidth: '20%',
+  }
+});
+var _default = exports.default = Button;
+//# sourceMappingURL=Button.js.map

package/lib/commonjs/components/styled/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_native","_reactNative","_Loader","_jsxRuntime","e","__esModule","default","CustomButton","styled","TouchableOpacity","variant","backgroundColor","disabled","ButtonText","Text","PixelRatio","getFontScale","Button","text","EndIcon","loading","unstyled","onPress","StartIcon","style","containerStyle","color","children","testID","accessibilityLabel","jsxs","jsx","size","View","styles","icon","StyleSheet","create","marginHorizontal","_default","exports"],"sourceRoot":"../../../../src","sources":["components/styled/Button.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/styled/ChatWrapperBox.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatWrapperBox = void 0;
+var _native = _interopRequireDefault(require("styled-components/native"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ChatWrapperBox = exports.ChatWrapperBox = _native.default.View`
+  flex: 1;
+  width: 100%;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+`;
+//# sourceMappingURL=ChatWrapperBox.js.map

package/lib/commonjs/components/styled/ChatWrapperBox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_native","_interopRequireDefault","require","e","__esModule","default","ChatWrapperBox","exports","styled","View"],"sourceRoot":"../../../../src","sources":["components/styled/ChatWrapperBox.tsx"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8C,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEvC,MAAMG,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAGE,eAAM,CAACC,IAAI;AACzC;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/commonjs/components/styled/DateLabel.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.StyledDateText = exports.StyledDateLabel = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _native = _interopRequireDefault(require("styled-components/native"));
+var _StyledComponents = require("./StyledComponents");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Container = _native.default.View`
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  background-color: transparent;
+  gap: 16px;
+  margin: 16px 0;
+`;
+const StyledDateLabel = exports.StyledDateLabel = _native.default.View`
+  margin: 0;
+  border-radius: 118px;
+  padding: 5px 8px;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  background-color: ${props => '#e7edf9'};
+`;
+const StyledDateText = exports.StyledDateText = _native.default.Text`
+  color: ${props => '#0052cd'};
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 14px;
+  white-space: nowrap;
+`;
+const DateLabel = ({
+  date,
+  colors
+}) => {
+  const today = new Date();
+  const yesterday = new Date(today);
+  yesterday.setDate(today.getDate() - 1);
+  const sameDay = (d1, d2) => d1.getFullYear() === d2.getFullYear() && d1.getMonth() === d2.getMonth() && d1.getDate() === d2.getDate();
+  const sameYear = (d1, d2) => d1.getFullYear() === d2.getFullYear();
+  let label;
+  if (sameDay(date, today)) {
+    label = 'Today';
+  } else if (sameDay(date, yesterday)) {
+    label = 'Yesterday';
+  } else {
+    const options = sameYear(date, today) ? {
+      month: 'long',
+      day: 'numeric'
+    } : {
+      month: 'long',
+      day: 'numeric',
+      year: 'numeric'
+    };
+    label = date.toLocaleDateString('en-US', options);
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledComponents.Line, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledDateLabel, {
+      secondary: colors?.secondary,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledDateText, {
+        primary: colors?.primary,
+        children: label
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledComponents.Line, {})]
+  });
+};
+var _default = exports.default = DateLabel;
+//# sourceMappingURL=DateLabel.js.map

package/lib/commonjs/components/styled/DateLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_native","_StyledComponents","_jsxRuntime","e","__esModule","default","Container","styled","View","StyledDateLabel","exports","props","StyledDateText","Text","DateLabel","date","colors","today","Date","yesterday","setDate","getDate","sameDay","d1","d2","getFullYear","getMonth","sameYear","label","options","month","day","year","toLocaleDateString","jsxs","children","jsx","Line","secondary","primary","_default"],"sourceRoot":"../../../../src","sources":["components/styled/DateLabel.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/styled/Loader.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Loader;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+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); }
+/** @format */
+
+function Loader({
+  size = 32,
+  color = '#3498db'
+}) {
+  const spinValue = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  (0, _react.useEffect)(() => {
+    const spinAnimation = _reactNative.Animated.loop(_reactNative.Animated.timing(spinValue, {
+      toValue: 1,
+      duration: 1000,
+      easing: _reactNative.Easing.linear,
+      useNativeDriver: true
+    }));
+    spinAnimation.start();
+    return () => {
+      spinAnimation.stop();
+    };
+  }, [spinValue]);
+  const spin = spinValue.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['0deg', '360deg']
+  });
+  const borderWidth = size ? size / 8 : 4;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+      style: [{
+        width: size,
+        height: size,
+        borderRadius: size / 2,
+        borderWidth: borderWidth,
+        borderTopColor: color,
+        borderRightColor: 'transparent',
+        borderBottomColor: 'transparent',
+        borderLeftColor: 'transparent',
+        transform: [{
+          rotate: spin
+        }]
+      }]
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 8
+  }
+});
+//# sourceMappingURL=Loader.js.map

package/lib/commonjs/components/styled/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Loader","size","color","spinValue","useRef","Animated","Value","current","useEffect","spinAnimation","loop","timing","toValue","duration","easing","Easing","linear","useNativeDriver","start","stop","spin","interpolate","inputRange","outputRange","borderWidth","jsx","View","style","styles","container","children","width","height","borderRadius","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","transform","rotate","StyleSheet","create","justifyContent","alignItems","padding"],"sourceRoot":"../../../../src","sources":["components/styled/Loader.tsx"],"mappings":"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","ignoreList":[]}