@100mslive/react-native-room-kit 1.0.6 → 1.0.8

package/lib/module/components/Chat/PinnedMessages.js

@@ -0,0 +1,288 @@
+import * as React from 'react';
+import { View, StyleSheet, Text, TouchableOpacity, ScrollView, Platform } from 'react-native';
+import { useSelector } from 'react-redux';
+import { FlashList } from '@shopify/flash-list';
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+import { useAllowPinningMessage, useHMSMessagePinningActions, useHMSRoomStyleSheet } from '../../hooks-util';
+import { PinIcon } from '../../Icons';
+import { hexToRgbA } from '../../utils/theme';
+const FLATLIST_VIEWABILITY_CONFIG = {
+  waitForInteraction: true,
+  itemVisiblePercentThreshold: 90
+};
+const LINE_HEIGHT = 20;
+var NumOfLines = /*#__PURE__*/function (NumOfLines) {
+  NumOfLines[NumOfLines["EXPANDED"] = 6] = "EXPANDED";
+  NumOfLines[NumOfLines["COLLAPSED"] = 3] = "COLLAPSED";
+  return NumOfLines;
+}(NumOfLines || {});
+const Heights = {
+  EXAPANDED: NumOfLines.EXPANDED * LINE_HEIGHT + 2,
+  COLLAPSED: NumOfLines.COLLAPSED * LINE_HEIGHT + 2
+};
+export const _PinnedMessages = ({
+  insetMode = false
+}) => {
+  const listRef = React.useRef(null);
+  const [numOfLinesInText, setNumOfLinesInText] = React.useState({});
+  const numOfLinesInTextRef = React.useRef(numOfLinesInText);
+  const [listHeight, setListHeight] = React.useState(Heights.COLLAPSED);
+  const listHeightRef = React.useRef(Heights.COLLAPSED);
+  const [selectedPinnedMessageIndex, setSelectedMessageIndex] = React.useState(0);
+  const selectedPinnedMessageIndexRef = React.useRef(0);
+  const allowPinningMessage = useAllowPinningMessage();
+  const {
+    unpinMessage
+  } = useHMSMessagePinningActions();
+  const pinnedMessages = useSelector(state => state.messages.pinnedMessages);
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    insetContainer: {
+      backgroundColor: theme.palette.background_dim && hexToRgbA(theme.palette.background_dim, 0.64)
+    },
+    pinContainer: {
+      backgroundColor: theme.palette.surface_default
+    },
+    activeMessageContainer: {
+      backgroundColor: theme.palette.on_surface_high
+    },
+    inactiveMessageContainer: {
+      backgroundColor: theme.palette.on_surface_low
+    },
+    closeIcon: {
+      tintColor: theme.palette.on_surface_medium
+    },
+    highlightedText: {
+      fontFamily: `${typography.font_family}-SemiBold`,
+      color: theme.palette.on_surface_high
+    },
+    text: {
+      fontFamily: `${typography.font_family}-Regular`,
+      color: theme.palette.on_surface_high
+    },
+    ellipsis: {
+      backgroundColor: theme.palette.background_dim && hexToRgbA(theme.palette.background_dim, 0.64)
+    }
+  }));
+  const handleTapOnPinnedMessage = React.useCallback(() => {
+    setListHeight(prevListHeight => {
+      let updated = prevListHeight > Heights.COLLAPSED ? Heights.COLLAPSED : Heights.EXAPANDED;
+      listHeightRef.current = updated;
+      return updated;
+    });
+  }, []);
+  const handleUnpinMessagePress = React.useCallback(() => {
+    const visiblePinnedMessage = pinnedMessages[selectedPinnedMessageIndexRef.current];
+    if (visiblePinnedMessage) {
+      if (listHeight > Heights.COLLAPSED) {
+        setListHeight(Heights.COLLAPSED);
+        listHeightRef.current = Heights.COLLAPSED;
+      }
+      unpinMessage(visiblePinnedMessage);
+    }
+  }, [listHeight, pinnedMessages]);
+  const _handleViewableItemsChanged = React.useCallback(info => {
+    const firstViewable = info.viewableItems[0];
+    if (firstViewable !== null && firstViewable !== void 0 && firstViewable.isViewable && typeof firstViewable.index === 'number') {
+      let viewableIndexChanged = false;
+      setSelectedMessageIndex(currIndex => {
+        if (currIndex !== firstViewable.index) {
+          viewableIndexChanged = true;
+        }
+        if (firstViewable.index !== null) {
+          return firstViewable.index;
+        }
+        return currIndex;
+      });
+      selectedPinnedMessageIndexRef.current = firstViewable.index;
+      const visiblePinnedMessage = pinnedMessages[selectedPinnedMessageIndexRef.current];
+      if (viewableIndexChanged && listHeightRef.current > Heights.COLLAPSED && visiblePinnedMessage) {
+        const visibleMessageExpandable = numOfLinesInTextRef.current[visiblePinnedMessage.id];
+        if (!visibleMessageExpandable) {
+          setListHeight(Heights.COLLAPSED);
+          listHeightRef.current = Heights.COLLAPSED;
+        }
+      }
+    }
+  }, [pinnedMessages]);
+  const _renderItem = React.useCallback(data => {
+    const numOfLines = numOfLinesInText[data.item.id];
+    const [sender, text] = data.item.text.split(':');
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      activeOpacity: 0.8,
+      disabled: typeof numOfLines !== 'number',
+      onPress: typeof numOfLines === 'number' ? handleTapOnPinnedMessage : undefined,
+      style: {
+        height: listHeight,
+        justifyContent: 'center',
+        overflow: Platform.OS === 'ios' && typeof numOfLines !== 'number' ? 'scroll' : 'hidden'
+      }
+    }, listHeight >= Heights.EXAPANDED && typeof numOfLines === 'number' && numOfLines > NumOfLines.EXPANDED ? /*#__PURE__*/React.createElement(ScrollView, {
+      nestedScrollEnabled: true,
+      contentContainerStyle: {
+        paddingBottom: 12
+      }
+    }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+      activeOpacity: 0.8,
+      onPress: handleTapOnPinnedMessage
+    }, /*#__PURE__*/React.createElement(Text, {
+      onTextLayout: ({
+        nativeEvent
+      }) => {
+        if (nativeEvent.lines.length > NumOfLines.COLLAPSED) {
+          setNumOfLinesInText(prev => {
+            const currentValue = prev[data.item.id];
+            let updated;
+            if (typeof currentValue === 'number' && currentValue === nativeEvent.lines.length) {
+              updated = prev;
+            } else {
+              updated = {
+                ...prev,
+                [data.item.id]: nativeEvent.lines.length
+              };
+            }
+            numOfLinesInTextRef.current = updated;
+            return updated;
+          });
+        }
+      },
+      style: [styles.text, hmsRoomStyles.text],
+      numberOfLines: listHeight === Heights.COLLAPSED && typeof numOfLines === 'number' ? 3 : undefined
+    }, text ? /*#__PURE__*/React.createElement(Text, {
+      style: hmsRoomStyles.highlightedText
+    }, sender, ":", ' ') : null, text ?? sender))) : /*#__PURE__*/React.createElement(Text, {
+      onTextLayout: ({
+        nativeEvent
+      }) => {
+        if (nativeEvent.lines.length > NumOfLines.COLLAPSED) {
+          setNumOfLinesInText(prev => {
+            const currentValue = prev[data.item.id];
+            let updated;
+            if (typeof currentValue === 'number' && currentValue === nativeEvent.lines.length) {
+              updated = prev;
+            } else {
+              updated = {
+                ...prev,
+                [data.item.id]: nativeEvent.lines.length
+              };
+            }
+            numOfLinesInTextRef.current = updated;
+            return updated;
+          });
+        }
+      },
+      style: [styles.text, hmsRoomStyles.text],
+      numberOfLines: listHeight === Heights.COLLAPSED && typeof numOfLines === 'number' ? 3 : undefined
+    }, text ? /*#__PURE__*/React.createElement(Text, {
+      style: hmsRoomStyles.highlightedText
+    }, sender, ": ") : null, text ?? sender));
+  }, [listHeight, numOfLinesInText, handleTapOnPinnedMessage]);
+  const _keyExtractor = React.useCallback(item => item.id, []);
+  const _onContentSizeChange = React.useCallback((_w, _h) => {
+    var _listRef$current;
+    (_listRef$current = listRef.current) === null || _listRef$current === void 0 || _listRef$current.scrollToOffset({
+      offset: listHeight * selectedPinnedMessageIndexRef.current,
+      animated: false
+    });
+  }, [listHeight]);
+  const tapGesture = React.useMemo(() => Gesture.Tap(), []);
+  const extraData = React.useMemo(() => [listHeight, numOfLinesInText, pinnedMessages], [listHeight, numOfLinesInText, pinnedMessages]);
+  if (pinnedMessages.length <= 0) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(GestureDetector, {
+    gesture: tapGesture
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [insetMode ? styles.insetContainer : styles.container, insetMode ? hmsRoomStyles.insetContainer : null]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.pinContainer, insetMode ? {
+      paddingRight: 0
+    } : hmsRoomStyles.pinContainer, {
+      height: listHeight + 16
+    }]
+  }, pinnedMessages.length > 1 ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginRight: 8,
+      flexDirection: 'column'
+    }
+  }, pinnedMessages.map((message, idx) => {
+    const isFirst = idx === 0;
+    const isSelected = selectedPinnedMessageIndex === idx;
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: message.id
+    }, isFirst ? null : /*#__PURE__*/React.createElement(View, {
+      style: [{
+        height: 3,
+        width: 2
+      }]
+    }), /*#__PURE__*/React.createElement(View, {
+      style: [{
+        width: 2,
+        flexGrow: 1,
+        borderRadius: 16
+      }, isSelected ? hmsRoomStyles.activeMessageContainer : hmsRoomStyles.inactiveMessageContainer]
+    }));
+  })) : null, /*#__PURE__*/React.createElement(FlashList, {
+    ref: listRef,
+    data: pinnedMessages,
+    extraData: extraData,
+    showsVerticalScrollIndicator: false,
+    pagingEnabled: true,
+    nestedScrollEnabled: true,
+    keyboardShouldPersistTaps: "always",
+    renderItem: _renderItem,
+    keyExtractor: _keyExtractor,
+    onContentSizeChange: _onContentSizeChange,
+    estimatedItemSize: 40,
+    onViewableItemsChanged: _handleViewableItemsChanged,
+    viewabilityConfig: FLATLIST_VIEWABILITY_CONFIG
+  })), allowPinningMessage ? /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: {
+      marginLeft: 8
+    },
+    onPress: handleUnpinMessagePress
+  }, /*#__PURE__*/React.createElement(PinIcon, {
+    type: "unpin",
+    style: [styles.icon, hmsRoomStyles.closeIcon]
+  })) : null));
+};
+export const PinnedMessages = /*#__PURE__*/React.memo(_PinnedMessages);
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginTop: 8
+  },
+  insetContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginTop: 8,
+    marginHorizontal: 8,
+    marginBottom: 4,
+    borderRadius: 8,
+    paddingRight: 8
+  },
+  pinContainer: {
+    flexDirection: 'row',
+    flexGrow: 1,
+    flexShrink: 1,
+    borderRadius: 8,
+    paddingVertical: 8,
+    paddingRight: 8,
+    paddingLeft: 8
+  },
+  textWrapper: {
+    maxHeight: 50,
+    marginHorizontal: 8
+  },
+  icon: {
+    width: 20,
+    height: 20
+    // marginTop: 8,
+  },
+  text: {
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.25
+  }
+});
+//# sourceMappingURL=PinnedMessages.js.map

package/lib/module/components/Chat/PinnedMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Text","TouchableOpacity","ScrollView","Platform","useSelector","FlashList","GestureDetector","Gesture","useAllowPinningMessage","useHMSMessagePinningActions","useHMSRoomStyleSheet","PinIcon","hexToRgbA","FLATLIST_VIEWABILITY_CONFIG","waitForInteraction","itemVisiblePercentThreshold","LINE_HEIGHT","NumOfLines","Heights","EXAPANDED","EXPANDED","COLLAPSED","_PinnedMessages","insetMode","listRef","useRef","numOfLinesInText","setNumOfLinesInText","useState","numOfLinesInTextRef","listHeight","setListHeight","listHeightRef","selectedPinnedMessageIndex","setSelectedMessageIndex","selectedPinnedMessageIndexRef","allowPinningMessage","unpinMessage","pinnedMessages","state","messages","hmsRoomStyles","theme","typography","insetContainer","backgroundColor","palette","background_dim","pinContainer","surface_default","activeMessageContainer","on_surface_high","inactiveMessageContainer","on_surface_low","closeIcon","tintColor","on_surface_medium","highlightedText","fontFamily","font_family","color","text","ellipsis","handleTapOnPinnedMessage","useCallback","prevListHeight","updated","current","handleUnpinMessagePress","visiblePinnedMessage","_handleViewableItemsChanged","info","firstViewable","viewableItems","isViewable","index","viewableIndexChanged","currIndex","visibleMessageExpandable","id","_renderItem","data","numOfLines","item","sender","split","createElement","activeOpacity","disabled","onPress","undefined","style","height","justifyContent","overflow","OS","nestedScrollEnabled","contentContainerStyle","paddingBottom","onTextLayout","nativeEvent","lines","length","prev","currentValue","styles","numberOfLines","_keyExtractor","_onContentSizeChange","_w","_h","_listRef$current","scrollToOffset","offset","animated","tapGesture","useMemo","Tap","extraData","gesture","container","paddingRight","marginRight","flexDirection","map","message","idx","isFirst","isSelected","Fragment","key","width","flexGrow","borderRadius","ref","showsVerticalScrollIndicator","pagingEnabled","keyboardShouldPersistTaps","renderItem","keyExtractor","onContentSizeChange","estimatedItemSize","onViewableItemsChanged","viewabilityConfig","marginLeft","type","icon","PinnedMessages","memo","create","alignItems","marginTop","marginHorizontal","marginBottom","flexShrink","paddingVertical","paddingLeft","textWrapper","maxHeight","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../../src","sources":["components/Chat/PinnedMessages.tsx"],"mappings":"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"}

package/lib/module/components/Chat/index.js

@@ -1,5 +1,5 @@
 export * from './ChatBanner';
 export * from './ChatList';
 export * from './ChatMessage';
-export * from './PinnedMessage';
+export * from './PinnedMessages';
 //# sourceMappingURL=index.js.map

package/lib/module/components/Chat/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Chat/index.ts"],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,YAAY;AAC1B,cAAc,eAAe;AAC7B,cAAc,iBAAiB"}
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Chat/index.ts"],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,YAAY;AAC1B,cAAc,eAAe;AAC7B,cAAc,kBAAkB"}

package/lib/module/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.js

@@ -1,36 +1,37 @@
 import * as React from 'react';
 import { StyleSheet } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { BottomSheet } from '../BottomSheet';
-import { useShowChatAndParticipants } from '../../hooks-util';
+import { useHMSRoomStyleSheet, useShowChatAndParticipants } from '../../hooks-util';
 import { ChatAndParticipantsView } from './ChatAndParticipantsView';
-import { HEADER_HEIGHT } from '../Header';
+import { useHeaderHeight } from '../Header';
 import { useIsLandscapeOrientation } from '../../utils/dimension';
 export const ChatAndParticipantsBottomSheet = () => {
-  const {
-    top: topSafeArea
-  } = useSafeAreaInsets();
+  const headerHeight = useHeaderHeight();
   const isLandscapeOrientation = useIsLandscapeOrientation();
   const {
     modalVisible,
     hide
   } = useShowChatAndParticipants();
+  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
+    contentContainer: {
+      backgroundColor: theme.palette.surface_dim
+    }
+  }));
   const closeChatWindow = () => hide('modal');
   return /*#__PURE__*/React.createElement(BottomSheet, {
     fullWidth: true,
     dismissModal: closeChatWindow,
     isVisible: modalVisible,
     avoidKeyboard: true,
-    containerStyle: [styles.bottomSheet, {
-      marginTop: topSafeArea + (isLandscapeOrientation ? 0 : HEADER_HEIGHT)
-    }]
+    containerStyle: [styles.bottomSheet, hmsRoomStyles.contentContainer, {
+      marginTop: isLandscapeOrientation ? 0 : headerHeight
+    }],
+    bottomOffsetSpace: 0
   }, /*#__PURE__*/React.createElement(ChatAndParticipantsView, null));
 };
 const styles = StyleSheet.create({
   bottomSheet: {
-    flex: 1,
-    backgroundColor: undefined,
-    paddingBottom: 0
+    flex: 1
   }
 });
 //# sourceMappingURL=ChatAndParticipantsBottomSheet.js.map

package/lib/module/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","useSafeAreaInsets","BottomSheet","useShowChatAndParticipants","ChatAndParticipantsView","HEADER_HEIGHT","useIsLandscapeOrientation","ChatAndParticipantsBottomSheet","top","topSafeArea","isLandscapeOrientation","modalVisible","hide","closeChatWindow","createElement","fullWidth","dismissModal","isVisible","avoidKeyboard","containerStyle","styles","bottomSheet","marginTop","create","flex","backgroundColor","undefined","paddingBottom"],"sourceRoot":"../../../../src","sources":["components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,SAASC,0BAA0B,QAAQ,kBAAkB;AAC7D,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,aAAa,QAAQ,WAAW;AACzC,SAASC,yBAAyB,QAAQ,uBAAuB;AAEjE,OAAO,MAAMC,8BAA8B,GAAGA,CAAA,KAAM;EAClD,MAAM;IAAEC,GAAG,EAAEC;EAAY,CAAC,GAAGR,iBAAiB,CAAC,CAAC;EAChD,MAAMS,sBAAsB,GAAGJ,yBAAyB,CAAC,CAAC;EAE1D,MAAM;IAAEK,YAAY;IAAEC;EAAK,CAAC,GAAGT,0BAA0B,CAAC,CAAC;EAE3D,MAAMU,eAAe,GAAGA,CAAA,KAAMD,IAAI,CAAC,OAAO,CAAC;EAE3C,oBACEb,KAAA,CAAAe,aAAA,CAACZ,WAAW;IACVa,SAAS,EAAE,IAAK;IAChBC,YAAY,EAAEH,eAAgB;IAC9BI,SAAS,EAAEN,YAAa;IACxBO,aAAa,EAAE,IAAK;IACpBC,cAAc,EAAE,CACdC,MAAM,CAACC,WAAW,EAClB;MACEC,SAAS,EAAEb,WAAW,IAAIC,sBAAsB,GAAG,CAAC,GAAGL,aAAa;IACtE,CAAC;EACD,gBAEFN,KAAA,CAAAe,aAAA,CAACV,uBAAuB,MAAE,CACf,CAAC;AAElB,CAAC;AAED,MAAMgB,MAAM,GAAGpB,UAAU,CAACuB,MAAM,CAAC;EAC/BF,WAAW,EAAE;IACXG,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEC,SAAS;IAC1BC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","StyleSheet","BottomSheet","useHMSRoomStyleSheet","useShowChatAndParticipants","ChatAndParticipantsView","useHeaderHeight","useIsLandscapeOrientation","ChatAndParticipantsBottomSheet","headerHeight","isLandscapeOrientation","modalVisible","hide","hmsRoomStyles","theme","contentContainer","backgroundColor","palette","surface_dim","closeChatWindow","createElement","fullWidth","dismissModal","isVisible","avoidKeyboard","containerStyle","styles","bottomSheet","marginTop","bottomOffsetSpace","create","flex"],"sourceRoot":"../../../../src","sources":["components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,SACEC,oBAAoB,EACpBC,0BAA0B,QACrB,kBAAkB;AACzB,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,eAAe,QAAQ,WAAW;AAC3C,SAASC,yBAAyB,QAAQ,uBAAuB;AAEjE,OAAO,MAAMC,8BAA8B,GAAGA,CAAA,KAAM;EAClD,MAAMC,YAAY,GAAGH,eAAe,CAAC,CAAC;EACtC,MAAMI,sBAAsB,GAAGH,yBAAyB,CAAC,CAAC;EAE1D,MAAM;IAAEI,YAAY;IAAEC;EAAK,CAAC,GAAGR,0BAA0B,CAAC,CAAC;EAE3D,MAAMS,aAAa,GAAGV,oBAAoB,CAAEW,KAAK,KAAM;IACrDC,gBAAgB,EAAE;MAChBC,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACC;IACjC;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,eAAe,GAAGA,CAAA,KAAMP,IAAI,CAAC,OAAO,CAAC;EAE3C,oBACEZ,KAAA,CAAAoB,aAAA,CAAClB,WAAW;IACVmB,SAAS,EAAE,IAAK;IAChBC,YAAY,EAAEH,eAAgB;IAC9BI,SAAS,EAAEZ,YAAa;IACxBa,aAAa,EAAE,IAAK;IACpBC,cAAc,EAAE,CACdC,MAAM,CAACC,WAAW,EAClBd,aAAa,CAACE,gBAAgB,EAC9B;MACEa,SAAS,EAAElB,sBAAsB,GAAG,CAAC,GAAGD;IAC1C,CAAC,CACD;IACFoB,iBAAiB,EAAE;EAAE,gBAErB7B,KAAA,CAAAoB,aAAA,CAACf,uBAAuB,MAAE,CACf,CAAC;AAElB,CAAC;AAED,MAAMqB,MAAM,GAAGzB,UAAU,CAAC6B,MAAM,CAAC;EAC/BH,WAAW,EAAE;IACXI,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}

package/lib/module/components/ChatAndParticipants/ChatAndParticipantsHeader.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 import { useDispatch, useSelector } from 'react-redux';
-import { CloseIcon } from '../../Icons';
-import { useHMSRoomStyleSheet, useShowChatAndParticipants } from '../../hooks-util';
+import { CloseIcon, SettingsIcon } from '../../Icons';
+import { useHMSCanDisableChat, useHMSRoomStyleSheet, useShowChatAndParticipants } from '../../hooks-util';
 import { ChatBottomSheetTabs } from '../../utils/types';
-import { setActiveChatBottomSheetTab } from '../../redux/actions';
+import { setActiveChatBottomSheetTab, setChatMoreActionsSheetVisible } from '../../redux/actions';
 import { TestIds } from '../../utils/constants';
 const _ChatAndParticipantsHeader = ({
   onClosePress
@@ -14,6 +14,7 @@ const _ChatAndParticipantsHeader = ({
     var _state$hmsStates$room;
     return (_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.peerCount;
   });
+  const canDisableChat = useHMSCanDisableChat();
   const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
     headerTitleWrapper: {
       backgroundColor: theme.palette.surface_default
@@ -41,6 +42,13 @@ const _ChatAndParticipantsHeader = ({
     if (tab === 'Chat') return canShowChat && !overlayChatLayout;
     return true;
   });
+  const onSettingsPress = () => {
+    dispatch(setChatMoreActionsSheetVisible(true));
+  };
+  const hideSettigsButton = !canDisableChat ||
+  // can't disable chat, OR
+  visibleChatBottomSheetTabs.length === 1 && visibleChatBottomSheetTabs[0] === 'Participants'; // Only Participants Header is visible
+
   return /*#__PURE__*/React.createElement(View, {
     style: visibleChatBottomSheetTabs.length > 1 ? styles.tabsHeader : styles.header
   }, visibleChatBottomSheetTabs.length === 1 ? /*#__PURE__*/React.createElement(Text, {
@@ -59,10 +67,21 @@ const _ChatAndParticipantsHeader = ({
       testID: tab === 'Participants' ? isActive ? TestIds.participants_heading_active : TestIds.participants_heading : tab === 'Chat' ? isActive ? TestIds.chat_heading_active : TestIds.chat_heading : undefined,
       style: [styles.headerTitle, hmsRoomStyles.headerTitle, isActive ? hmsRoomStyles.activeHeaderTitle : null]
     }, tab, tab === 'Participants' && typeof peersCount === 'number' ? ` (${peersCount})` : null));
-  })), /*#__PURE__*/React.createElement(TouchableOpacity, {
+  })), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: 'row'
+    }
+  }, hideSettigsButton ? null : /*#__PURE__*/React.createElement(TouchableOpacity, {
+    disabled: activeChatBottomSheetTab === 'Participants',
+    onPress: onSettingsPress,
+    style: {
+      marginRight: 16,
+      opacity: activeChatBottomSheetTab === 'Participants' ? 0.5 : 1
+    }
+  }, /*#__PURE__*/React.createElement(SettingsIcon, null)), /*#__PURE__*/React.createElement(TouchableOpacity, {
     testID: TestIds.participants_close_btn,
     onPress: onClosePress
-  }, /*#__PURE__*/React.createElement(CloseIcon, null)));
+  }, /*#__PURE__*/React.createElement(CloseIcon, null))));
 };
 const styles = StyleSheet.create({
   tabsHeader: {

package/lib/module/components/ChatAndParticipants/ChatAndParticipantsHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Text","TouchableOpacity","View","useDispatch","useSelector","CloseIcon","useHMSRoomStyleSheet","useShowChatAndParticipants","ChatBottomSheetTabs","setActiveChatBottomSheetTab","TestIds","_ChatAndParticipantsHeader","onClosePress","dispatch","peersCount","state","_state$hmsStates$room","hmsStates","room","peerCount","hmsRoomStyles","theme","typography","headerTitleWrapper","backgroundColor","palette","surface_default","tab","surface_bright","headerTitle","color","on_surface_low","fontFamily","font_family","activeHeaderTitle","on_surface_high","activeChatBottomSheetTab","app","canShowParticipants","canShowChat","overlayChatLayout","visibleChatBottomSheetTabs","filter","createElement","style","length","styles","tabsHeader","header","testID","participants_heading","chat_heading","undefined","map","isActive","key","participants_heading_btn","chat_heading_btn","onPress","participants_heading_active","chat_heading_active","participants_close_btn","create","flexDirection","alignItems","justifyContent","marginTop","flex","padding","borderRadius","marginRight","fontSize","lineHeight","letterSpacing","textAlign","ChatAndParticipantsHeader","memo"],"sourceRoot":"../../../../src","sources":["components/ChatAndParticipants/ChatAndParticipantsHeader.tsx"],"mappings":"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"}
+{"version":3,"names":["React","StyleSheet","Text","TouchableOpacity","View","useDispatch","useSelector","CloseIcon","SettingsIcon","useHMSCanDisableChat","useHMSRoomStyleSheet","useShowChatAndParticipants","ChatBottomSheetTabs","setActiveChatBottomSheetTab","setChatMoreActionsSheetVisible","TestIds","_ChatAndParticipantsHeader","onClosePress","dispatch","peersCount","state","_state$hmsStates$room","hmsStates","room","peerCount","canDisableChat","hmsRoomStyles","theme","typography","headerTitleWrapper","backgroundColor","palette","surface_default","tab","surface_bright","headerTitle","color","on_surface_low","fontFamily","font_family","activeHeaderTitle","on_surface_high","activeChatBottomSheetTab","app","canShowParticipants","canShowChat","overlayChatLayout","visibleChatBottomSheetTabs","filter","onSettingsPress","hideSettigsButton","length","createElement","style","styles","tabsHeader","header","testID","participants_heading","chat_heading","undefined","map","isActive","key","participants_heading_btn","chat_heading_btn","onPress","participants_heading_active","chat_heading_active","flexDirection","disabled","marginRight","opacity","participants_close_btn","create","alignItems","justifyContent","marginTop","flex","padding","borderRadius","fontSize","lineHeight","letterSpacing","textAlign","ChatAndParticipantsHeader","memo"],"sourceRoot":"../../../../src","sources":["components/ChatAndParticipants/ChatAndParticipantsHeader.tsx"],"mappings":"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"}

package/lib/module/components/ChatAndParticipants/ChatAndParticipantsView.js

@@ -1,11 +1,14 @@
 import * as React from 'react';
 import { useSelector } from 'react-redux';
-import { StyleSheet, View } from 'react-native';
+import { Platform, StyleSheet, View } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
 import { useHMSRoomStyleSheet, useShowChatAndParticipants } from '../../hooks-util';
 import { ChatAndParticipantsHeader } from './ChatAndParticipantsHeader';
 import { ChatFilterBottomSheetView } from '../Chat/ChatFilterBottomSheetView';
 import { ParticipantsView } from './ParticipantsView';
 import { ChatView } from './ChatView';
+import { ChatMoreActionsSheetView } from '../Chat/ChatMoreActionsSheetView';
+import { MessageOptionsBottomSheetView } from '../Chat/MessageOptionsBottomSheetView';
 const _ChatAndParticipantsView = () => {
   const activeChatBottomSheetTab = useSelector(state => state.app.activeChatBottomSheetTab);
   const {
@@ -22,15 +25,16 @@ const _ChatAndParticipantsView = () => {
   }));
   const showParticipants = activeChatBottomSheetTab === 'Participants' && canShowParticipants;
   const showChat = activeChatBottomSheetTab === 'Chat' && canShowChat && !overlayChatLayout;
-  return /*#__PURE__*/React.createElement(View, {
-    style: styles.container
+  return /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: styles.container,
+    edges: ['left', 'right']
   }, /*#__PURE__*/React.createElement(View, {
     style: [styles.contentContainer, hmsRoomStyles.contentContainer, showParticipants ? styles.participantsContainer : null]
   }, /*#__PURE__*/React.createElement(ChatAndParticipantsHeader, {
     onClosePress: closeBottomSheet
   }), showParticipants ? /*#__PURE__*/React.createElement(View, {
     style: styles.participantsWrapper
-  }, /*#__PURE__*/React.createElement(ParticipantsView, null)) : showChat ? /*#__PURE__*/React.createElement(ChatView, null) : null), /*#__PURE__*/React.createElement(ChatFilterBottomSheetView, null));
+  }, /*#__PURE__*/React.createElement(ParticipantsView, null)) : showChat ? /*#__PURE__*/React.createElement(ChatView, null) : null), canShowChat && !overlayChatLayout ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MessageOptionsBottomSheetView, null), /*#__PURE__*/React.createElement(ChatFilterBottomSheetView, null), /*#__PURE__*/React.createElement(ChatMoreActionsSheetView, null)) : null);
 };
 const styles = StyleSheet.create({
   container: {
@@ -41,7 +45,7 @@ const styles = StyleSheet.create({
     flex: 1,
     paddingHorizontal: 16,
     paddingTop: 12,
-    paddingBottom: 32,
+    paddingBottom: Platform.OS === 'ios' ? 32 : 0,
     borderTopLeftRadius: 16,
     borderTopRightRadius: 16
   },

package/lib/module/components/ChatAndParticipants/ChatAndParticipantsView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useSelector","StyleSheet","View","useHMSRoomStyleSheet","useShowChatAndParticipants","ChatAndParticipantsHeader","ChatFilterBottomSheetView","ParticipantsView","ChatView","_ChatAndParticipantsView","activeChatBottomSheetTab","state","app","hide","canShowParticipants","canShowChat","overlayChatLayout","closeBottomSheet","hmsRoomStyles","theme","contentContainer","backgroundColor","palette","surface_dim","showParticipants","showChat","createElement","style","styles","container","participantsContainer","onClosePress","participantsWrapper","create","flex","position","paddingHorizontal","paddingTop","paddingBottom","borderTopLeftRadius","borderTopRightRadius","marginTop","ChatAndParticipantsView","memo"],"sourceRoot":"../../../../src","sources":["components/ChatAndParticipants/ChatAndParticipantsView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SACEC,oBAAoB,EACpBC,0BAA0B,QACrB,kBAAkB;AACzB,SAASC,yBAAyB,QAAQ,6BAA6B;AACvE,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,QAAQ,QAAQ,YAAY;AAErC,MAAMC,wBAAkC,GAAGA,CAAA,KAAM;EAC/C,MAAMC,wBAAwB,GAAGV,WAAW,CACzCW,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACF,wBAClC,CAAC;EAED,MAAM;IAAEG,IAAI;IAAEC,mBAAmB;IAAEC,WAAW;IAAEC;EAAkB,CAAC,GACjEZ,0BAA0B,CAAC,CAAC;EAE9B,MAAMa,gBAAgB,GAAGA,CAAA,KAAMJ,IAAI,CAAC,OAAO,CAAC;EAE5C,MAAMK,aAAa,GAAGf,oBAAoB,CAAEgB,KAAK,KAAM;IACrDC,gBAAgB,EAAE;MAChBC,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACC;IACjC;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,gBAAgB,GACpBd,wBAAwB,KAAK,cAAc,IAAII,mBAAmB;EAEpE,MAAMW,QAAQ,GACZf,wBAAwB,KAAK,MAAM,IAAIK,WAAW,IAAI,CAACC,iBAAiB;EAE1E,oBACEjB,KAAA,CAAA2B,aAAA,CAACxB,IAAI;IAACyB,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5B9B,KAAA,CAAA2B,aAAA,CAACxB,IAAI;IACHyB,KAAK,EAAE,CACLC,MAAM,CAACR,gBAAgB,EACvBF,aAAa,CAACE,gBAAgB,EAC9BI,gBAAgB,GAAGI,MAAM,CAACE,qBAAqB,GAAG,IAAI;EACtD,gBAEF/B,KAAA,CAAA2B,aAAA,CAACrB,yBAAyB;IAAC0B,YAAY,EAAEd;EAAiB,CAAE,CAAC,EAE5DO,gBAAgB,gBACfzB,KAAA,CAAA2B,aAAA,CAACxB,IAAI;IAACyB,KAAK,EAAEC,MAAM,CAACI;EAAoB,gBACtCjC,KAAA,CAAA2B,aAAA,CAACnB,gBAAgB,MAAE,CACf,CAAC,GACLkB,QAAQ,gBACV1B,KAAA,CAAA2B,aAAA,CAAClB,QAAQ,MAAE,CAAC,GACV,IACA,CAAC,eAEPT,KAAA,CAAA2B,aAAA,CAACpB,yBAAyB,MAAE,CACxB,CAAC;AAEX,CAAC;AAED,MAAMsB,MAAM,GAAG3B,UAAU,CAACgC,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE;EACZ,CAAC;EACDf,gBAAgB,EAAE;IAChBc,IAAI,EAAE,CAAC;IACPE,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,EAAE;IACjBC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE;EACxB,CAAC;EACDV,qBAAqB,EAAE;IACrBQ,aAAa,EAAE;EACjB,CAAC;EACDN,mBAAmB,EAAE;IACnBE,IAAI,EAAE,CAAC;IACPO,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,uBAAuB,gBAAG3C,KAAK,CAAC4C,IAAI,CAAClC,wBAAwB,CAAC"}
+{"version":3,"names":["React","useSelector","Platform","StyleSheet","View","SafeAreaView","useHMSRoomStyleSheet","useShowChatAndParticipants","ChatAndParticipantsHeader","ChatFilterBottomSheetView","ParticipantsView","ChatView","ChatMoreActionsSheetView","MessageOptionsBottomSheetView","_ChatAndParticipantsView","activeChatBottomSheetTab","state","app","hide","canShowParticipants","canShowChat","overlayChatLayout","closeBottomSheet","hmsRoomStyles","theme","contentContainer","backgroundColor","palette","surface_dim","showParticipants","showChat","createElement","style","styles","container","edges","participantsContainer","onClosePress","participantsWrapper","Fragment","create","flex","position","paddingHorizontal","paddingTop","paddingBottom","OS","borderTopLeftRadius","borderTopRightRadius","marginTop","ChatAndParticipantsView","memo"],"sourceRoot":"../../../../src","sources":["components/ChatAndParticipants/ChatAndParticipantsView.tsx"],"mappings":"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"}

package/lib/module/components/ChatAndParticipants/ChatView.js

@@ -1,19 +1,32 @@
 import * as React from 'react';
 import { StyleSheet } from 'react-native';
-import { useHMSRoomStyleSheet } from '../../hooks-util';
+import { useSelector } from 'react-redux';
+import { useHMSChatState, useHMSRoomStyleSheet, useIsAllowedToSendMessage, useIsLocalPeerBlockedFromChat } from '../../hooks-util';
 import { ChatList } from '../Chat/ChatList';
 import { HMSSendMessageInput } from '../HMSSendMessageInput';
 import { ChatFilterBottomSheetOpener } from '../Chat/ChatFilterBottomSheetOpener';
+import { ChatPaused } from '../Chat/ChatPaused';
+import { PeerBlockedFromChat } from '../Chat/PeerBlockedFromChat';
 const _ChatView = () => {
+  const {
+    chatState
+  } = useHMSChatState();
+  const isAllowedToSendMessage = useIsAllowedToSendMessage();
+  const isChatRecipientSelected = useSelector(state => state.chatWindow.sendTo !== null);
+  const isLocalPeerBlockedFromChat = useIsLocalPeerBlockedFromChat();
   const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
     input: {
       backgroundColor: theme.palette.surface_default,
       borderColor: theme.palette.surface_default
     }
   }));
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ChatList, null), /*#__PURE__*/React.createElement(ChatFilterBottomSheetOpener, null), /*#__PURE__*/React.createElement(HMSSendMessageInput, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ChatList, null), isLocalPeerBlockedFromChat ? /*#__PURE__*/React.createElement(PeerBlockedFromChat, {
+    style: styles.peerBlocked
+  }) : chatState.enabled ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ChatFilterBottomSheetOpener, null), isAllowedToSendMessage && isChatRecipientSelected ? /*#__PURE__*/React.createElement(HMSSendMessageInput, {
     containerStyle: [styles.input, hmsRoomStyles.input]
-  }));
+  }) : null) : isAllowedToSendMessage ? /*#__PURE__*/React.createElement(ChatPaused, {
+    style: styles.chatPaused
+  }) : null);
 };
 const styles = StyleSheet.create({
   input: {
@@ -22,6 +35,12 @@ const styles = StyleSheet.create({
     marginHorizontal: 0,
     marginTop: 0,
     marginBottom: 0
+  },
+  chatPaused: {
+    marginTop: 18 // Applied margin so that content does not shift when this component mounts or unmounts
+  },
+  peerBlocked: {
+    marginTop: 18 // Applied margin so that content does not shift when this component mounts or unmounts
   }
 });
 export const ChatView = /*#__PURE__*/React.memo(_ChatView);

package/lib/module/components/ChatAndParticipants/ChatView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","useHMSRoomStyleSheet","ChatList","HMSSendMessageInput","ChatFilterBottomSheetOpener","_ChatView","hmsRoomStyles","theme","input","backgroundColor","palette","surface_default","borderColor","createElement","Fragment","containerStyle","styles","create","flex","height","marginHorizontal","marginTop","marginBottom","ChatView","memo"],"sourceRoot":"../../../../src","sources":["components/ChatAndParticipants/ChatView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,oBAAoB,QAAQ,kBAAkB;AACvD,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,mBAAmB,QAAQ,wBAAwB;AAC5D,SAASC,2BAA2B,QAAQ,qCAAqC;AAIjF,MAAMC,SAAkC,GAAGA,CAAA,KAAM;EAC/C,MAAMC,aAAa,GAAGL,oBAAoB,CAAEM,KAAK,KAAM;IACrDC,KAAK,EAAE;MACLC,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACC,eAAe;MAC9CC,WAAW,EAAEL,KAAK,CAACG,OAAO,CAACC;IAC7B;EACF,CAAC,CAAC,CAAC;EAEH,oBACEZ,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,qBACEf,KAAA,CAAAc,aAAA,CAACX,QAAQ,MAAE,CAAC,eAEZH,KAAA,CAAAc,aAAA,CAACT,2BAA2B,MAAE,CAAC,eAE/BL,KAAA,CAAAc,aAAA,CAACV,mBAAmB;IAClBY,cAAc,EAAE,CAACC,MAAM,CAACR,KAAK,EAAEF,aAAa,CAACE,KAAK;EAAE,CACrD,CACD,CAAC;AAEP,CAAC;AAED,MAAMQ,MAAM,GAAGhB,UAAU,CAACiB,MAAM,CAAC;EAC/BT,KAAK,EAAE;IACLU,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,EAAE;IACVC,gBAAgB,EAAE,CAAC;IACnBC,SAAS,EAAE,CAAC;IACZC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,QAAQ,gBAAGxB,KAAK,CAACyB,IAAI,CAACnB,SAAS,CAAC"}
+{"version":3,"names":["React","StyleSheet","useSelector","useHMSChatState","useHMSRoomStyleSheet","useIsAllowedToSendMessage","useIsLocalPeerBlockedFromChat","ChatList","HMSSendMessageInput","ChatFilterBottomSheetOpener","ChatPaused","PeerBlockedFromChat","_ChatView","chatState","isAllowedToSendMessage","isChatRecipientSelected","state","chatWindow","sendTo","isLocalPeerBlockedFromChat","hmsRoomStyles","theme","input","backgroundColor","palette","surface_default","borderColor","createElement","Fragment","style","styles","peerBlocked","enabled","containerStyle","chatPaused","create","flex","height","marginHorizontal","marginTop","marginBottom","ChatView","memo"],"sourceRoot":"../../../../src","sources":["components/ChatAndParticipants/ChatView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,WAAW,QAAQ,aAAa;AAEzC,SACEC,eAAe,EACfC,oBAAoB,EACpBC,yBAAyB,EACzBC,6BAA6B,QACxB,kBAAkB;AACzB,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,mBAAmB,QAAQ,wBAAwB;AAC5D,SAASC,2BAA2B,QAAQ,qCAAqC;AACjF,SAASC,UAAU,QAAQ,oBAAoB;AAE/C,SAASC,mBAAmB,QAAQ,6BAA6B;AAIjE,MAAMC,SAAkC,GAAGA,CAAA,KAAM;EAC/C,MAAM;IAAEC;EAAU,CAAC,GAAGV,eAAe,CAAC,CAAC;EACvC,MAAMW,sBAAsB,GAAGT,yBAAyB,CAAC,CAAC;EAC1D,MAAMU,uBAAuB,GAAGb,WAAW,CACxCc,KAAgB,IAAKA,KAAK,CAACC,UAAU,CAACC,MAAM,KAAK,IACpD,CAAC;EACD,MAAMC,0BAA0B,GAAGb,6BAA6B,CAAC,CAAC;EAElE,MAAMc,aAAa,GAAGhB,oBAAoB,CAAEiB,KAAK,KAAM;IACrDC,KAAK,EAAE;MACLC,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACC,eAAe;MAC9CC,WAAW,EAAEL,KAAK,CAACG,OAAO,CAACC;IAC7B;EACF,CAAC,CAAC,CAAC;EAEH,oBACEzB,KAAA,CAAA2B,aAAA,CAAA3B,KAAA,CAAA4B,QAAA,qBACE5B,KAAA,CAAA2B,aAAA,CAACpB,QAAQ,MAAE,CAAC,EAEXY,0BAA0B,gBACzBnB,KAAA,CAAA2B,aAAA,CAAChB,mBAAmB;IAACkB,KAAK,EAAEC,MAAM,CAACC;EAAY,CAAE,CAAC,GAChDlB,SAAS,CAACmB,OAAO,gBACnBhC,KAAA,CAAA2B,aAAA,CAAA3B,KAAA,CAAA4B,QAAA,qBACE5B,KAAA,CAAA2B,aAAA,CAAClB,2BAA2B,MAAE,CAAC,EAE9BK,sBAAsB,IAAIC,uBAAuB,gBAChDf,KAAA,CAAA2B,aAAA,CAACnB,mBAAmB;IAClByB,cAAc,EAAE,CAACH,MAAM,CAACR,KAAK,EAAEF,aAAa,CAACE,KAAK;EAAE,CACrD,CAAC,GACA,IACJ,CAAC,GACDR,sBAAsB,gBACxBd,KAAA,CAAA2B,aAAA,CAACjB,UAAU;IAACmB,KAAK,EAAEC,MAAM,CAACI;EAAW,CAAE,CAAC,GACtC,IACJ,CAAC;AAEP,CAAC;AAED,MAAMJ,MAAM,GAAG7B,UAAU,CAACkC,MAAM,CAAC;EAC/Bb,KAAK,EAAE;IACLc,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,EAAE;IACVC,gBAAgB,EAAE,CAAC;IACnBC,SAAS,EAAE,CAAC;IACZC,YAAY,EAAE;EAChB,CAAC;EACDN,UAAU,EAAE;IACVK,SAAS,EAAE,EAAE,CAAE;EACjB,CAAC;EACDR,WAAW,EAAE;IACXQ,SAAS,EAAE,EAAE,CAAE;EACjB;AACF,CAAC,CAAC;AAEF,OAAO,MAAME,QAAQ,gBAAGzC,KAAK,CAAC0C,IAAI,CAAC9B,SAAS,CAAC"}