@sendbird/uikit-react-native 2.1.0 → 2.3.0

package/lib/module/fragments/createGroupChannelListFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","AppState","useGroupChannelList","PASS","useFreshCallback","StatusComposition","GroupChannelPreviewContainer","createGroupChannelListModule","useSendbirdChat","createGroupChannelListFragment","initModule","GroupChannelListModule","onPressChannel","onPressCreateChannel","queryCreator","collectionCreator","renderGroupChannelPreview","skipTypeSelection","flatListProps","menuItemCreator","sdk","currentUser","features","markAsDeliveredWithChannel","groupChannels","next","loading","userId","enableCollectionWithoutLocalCache","deliveryReceiptEnabled","listener","addEventListener","status","forEach","remove","_renderGroupChannelPreview","channel","onLongPressChannel","isChannelTypeAvailable","broadcastChannelEnabled","superGroupChannelEnabled","ListEmptyComponent","contentContainerStyle","flexGrow"],"sources":["createGroupChannelListFragment.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { AppState } from 'react-native';\n\nimport { useGroupChannelList } from '@sendbird/uikit-chat-hooks';\nimport { PASS, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport GroupChannelPreviewContainer from '../containers/GroupChannelPreviewContainer';\nimport createGroupChannelListModule from '../domain/groupChannelList/module/createGroupChannelListModule';\nimport type {\n  GroupChannelListFragment,\n  GroupChannelListModule,\n  GroupChannelListProps,\n} from '../domain/groupChannelList/types';\nimport { useSendbirdChat } from '../hooks/useContext';\n\nconst createGroupChannelListFragment = (initModule?: Partial<GroupChannelListModule>): GroupChannelListFragment => {\n  const GroupChannelListModule = createGroupChannelListModule(initModule);\n  return ({\n    onPressChannel,\n    onPressCreateChannel,\n    queryCreator,\n    collectionCreator,\n    renderGroupChannelPreview,\n    skipTypeSelection = false,\n    flatListProps = {},\n    menuItemCreator = PASS,\n  }) => {\n    const { sdk, currentUser, features, markAsDeliveredWithChannel } = useSendbirdChat();\n    const { groupChannels, next, loading } = useGroupChannelList(sdk, currentUser?.userId, {\n      queryCreator,\n      collectionCreator,\n      enableCollectionWithoutLocalCache: !queryCreator,\n    });\n\n    if (features.deliveryReceiptEnabled) {\n      useEffect(() => {\n        const listener = AppState.addEventListener('change', (status) => {\n          if (status === 'active') groupChannels.forEach(markAsDeliveredWithChannel);\n        });\n        return () => listener.remove();\n      }, []);\n    }\n\n    const _renderGroupChannelPreview: GroupChannelListProps['List']['renderGroupChannelPreview'] = useFreshCallback(\n      (channel, onLongPressChannel) => {\n        if (renderGroupChannelPreview) return renderGroupChannelPreview(channel, onLongPressChannel);\n        return (\n          <GroupChannelPreviewContainer\n            channel={channel}\n            onPress={() => onPressChannel(channel)}\n            onLongPress={() => onLongPressChannel()}\n          />\n        );\n      },\n    );\n\n    const isChannelTypeAvailable = features.broadcastChannelEnabled || features.superGroupChannelEnabled;\n\n    return (\n      <GroupChannelListModule.Provider>\n        <GroupChannelListModule.Header />\n        <StatusComposition loading={loading} LoadingComponent={<GroupChannelListModule.StatusLoading />}>\n          <GroupChannelListModule.List\n            menuItemCreator={menuItemCreator}\n            renderGroupChannelPreview={_renderGroupChannelPreview}\n            groupChannels={groupChannels}\n            onLoadNext={next}\n            flatListProps={{\n              ListEmptyComponent: <GroupChannelListModule.StatusEmpty />,\n              contentContainerStyle: { flexGrow: 1 },\n              ...flatListProps,\n            }}\n          />\n        </StatusComposition>\n        <GroupChannelListModule.TypeSelector\n          skipTypeSelection={isChannelTypeAvailable ? skipTypeSelection : true}\n          onSelectType={onPressCreateChannel}\n        />\n      </GroupChannelListModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelListFragment;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,SAASC,QAAT,QAAyB,cAAzB;AAEA,SAASC,mBAAT,QAAoC,4BAApC;AACA,SAASC,IAAT,EAAeC,gBAAf,QAAuC,uBAAvC;AAEA,OAAOC,iBAAP,MAA8B,iCAA9B;AACA,OAAOC,4BAAP,MAAyC,4CAAzC;AACA,OAAOC,4BAAP,MAAyC,gEAAzC;AAMA,SAASC,eAAT,QAAgC,qBAAhC;;AAEA,MAAMC,8BAA8B,GAAIC,UAAD,IAA4E;EACjH,MAAMC,sBAAsB,GAAGJ,4BAA4B,CAACG,UAAD,CAA3D;EACA,OAAO,QASD;IAAA,IATE;MACNE,cADM;MAENC,oBAFM;MAGNC,YAHM;MAINC,iBAJM;MAKNC,yBALM;MAMNC,iBAAiB,GAAG,KANd;MAONC,aAAa,GAAG,EAPV;MAQNC,eAAe,GAAGhB;IARZ,CASF;IACJ,MAAM;MAAEiB,GAAF;MAAOC,WAAP;MAAoBC,QAApB;MAA8BC;IAA9B,IAA6Df,eAAe,EAAlF;IACA,MAAM;MAAEgB,aAAF;MAAiBC,IAAjB;MAAuBC;IAAvB,IAAmCxB,mBAAmB,CAACkB,GAAD,EAAMC,WAAN,aAAMA,WAAN,uBAAMA,WAAW,CAAEM,MAAnB,EAA2B;MACrFb,YADqF;MAErFC,iBAFqF;MAGrFa,iCAAiC,EAAE,CAACd;IAHiD,CAA3B,CAA5D;;IAMA,IAAIQ,QAAQ,CAACO,sBAAb,EAAqC;MACnC7B,SAAS,CAAC,MAAM;QACd,MAAM8B,QAAQ,GAAG7B,QAAQ,CAAC8B,gBAAT,CAA0B,QAA1B,EAAqCC,MAAD,IAAY;UAC/D,IAAIA,MAAM,KAAK,QAAf,EAAyBR,aAAa,CAACS,OAAd,CAAsBV,0BAAtB;QAC1B,CAFgB,CAAjB;QAGA,OAAO,MAAMO,QAAQ,CAACI,MAAT,EAAb;MACD,CALQ,EAKN,EALM,CAAT;IAMD;;IAED,MAAMC,0BAAsF,GAAG/B,gBAAgB,CAC7G,CAACgC,OAAD,EAAUC,kBAAV,KAAiC;MAC/B,IAAIrB,yBAAJ,EAA+B,OAAOA,yBAAyB,CAACoB,OAAD,EAAUC,kBAAV,CAAhC;MAC/B,oBACE,oBAAC,4BAAD;QACE,OAAO,EAAED,OADX;QAEE,OAAO,EAAE,MAAMxB,cAAc,CAACwB,OAAD,CAF/B;QAGE,WAAW,EAAE,MAAMC,kBAAkB;MAHvC,EADF;IAOD,CAV4G,CAA/G;;IAaA,MAAMC,sBAAsB,GAAGhB,QAAQ,CAACiB,uBAAT,IAAoCjB,QAAQ,CAACkB,wBAA5E;IAEA,oBACE,oBAAC,sBAAD,CAAwB,QAAxB,qBACE,oBAAC,sBAAD,CAAwB,MAAxB,OADF,eAEE,oBAAC,iBAAD;MAAmB,OAAO,EAAEd,OAA5B;MAAqC,gBAAgB,eAAE,oBAAC,sBAAD,CAAwB,aAAxB;IAAvD,gBACE,oBAAC,sBAAD,CAAwB,IAAxB;MACE,eAAe,EAAEP,eADnB;MAEE,yBAAyB,EAAEgB,0BAF7B;MAGE,aAAa,EAAEX,aAHjB;MAIE,UAAU,EAAEC,IAJd;MAKE,aAAa,EAAE;QACbgB,kBAAkB,eAAE,oBAAC,sBAAD,CAAwB,WAAxB,OADP;QAEbC,qBAAqB,EAAE;UAAEC,QAAQ,EAAE;QAAZ,CAFV;QAGb,GAAGzB;MAHU;IALjB,EADF,CAFF,eAeE,oBAAC,sBAAD,CAAwB,YAAxB;MACE,iBAAiB,EAAEoB,sBAAsB,GAAGrB,iBAAH,GAAuB,IADlE;MAEE,YAAY,EAAEJ;IAFhB,EAfF,CADF;EAsBD,CA/DD;AAgED,CAlED;;AAoEA,eAAeJ,8BAAf"}
+{"version":3,"names":["React","useGroupChannelList","PASS","useAppState","useFreshCallback","StatusComposition","GroupChannelPreviewContainer","createGroupChannelListModule","useSendbirdChat","createGroupChannelListFragment","initModule","GroupChannelListModule","onPressChannel","onPressCreateChannel","queryCreator","collectionCreator","renderGroupChannelPreview","skipTypeSelection","flatListProps","menuItemCreator","sdk","currentUser","features","markAsDeliveredWithChannel","groupChannels","next","loading","userId","enableCollectionWithoutLocalCache","deliveryReceiptEnabled","status","forEach","_renderGroupChannelPreview","channel","onLongPressChannel","isChannelTypeAvailable","broadcastChannelEnabled","superGroupChannelEnabled","ListEmptyComponent","contentContainerStyle","flexGrow"],"sources":["createGroupChannelListFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useGroupChannelList } from '@sendbird/uikit-chat-hooks';\nimport { PASS, useAppState, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport GroupChannelPreviewContainer from '../containers/GroupChannelPreviewContainer';\nimport createGroupChannelListModule from '../domain/groupChannelList/module/createGroupChannelListModule';\nimport type {\n  GroupChannelListFragment,\n  GroupChannelListModule,\n  GroupChannelListProps,\n} from '../domain/groupChannelList/types';\nimport { useSendbirdChat } from '../hooks/useContext';\n\nconst createGroupChannelListFragment = (initModule?: Partial<GroupChannelListModule>): GroupChannelListFragment => {\n  const GroupChannelListModule = createGroupChannelListModule(initModule);\n  return ({\n    onPressChannel,\n    onPressCreateChannel,\n    queryCreator,\n    collectionCreator,\n    renderGroupChannelPreview,\n    skipTypeSelection = false,\n    flatListProps = {},\n    menuItemCreator = PASS,\n  }) => {\n    const { sdk, currentUser, features, markAsDeliveredWithChannel } = useSendbirdChat();\n    const { groupChannels, next, loading } = useGroupChannelList(sdk, currentUser?.userId, {\n      queryCreator,\n      collectionCreator,\n      enableCollectionWithoutLocalCache: !queryCreator,\n    });\n\n    if (features.deliveryReceiptEnabled) {\n      useAppState('change', (status) => {\n        if (status === 'active') groupChannels.forEach(markAsDeliveredWithChannel);\n      });\n    }\n\n    const _renderGroupChannelPreview: GroupChannelListProps['List']['renderGroupChannelPreview'] = useFreshCallback(\n      (channel, onLongPressChannel) => {\n        if (renderGroupChannelPreview) return renderGroupChannelPreview(channel, onLongPressChannel);\n        return (\n          <GroupChannelPreviewContainer\n            channel={channel}\n            onPress={() => onPressChannel(channel)}\n            onLongPress={() => onLongPressChannel()}\n          />\n        );\n      },\n    );\n\n    const isChannelTypeAvailable = features.broadcastChannelEnabled || features.superGroupChannelEnabled;\n\n    return (\n      <GroupChannelListModule.Provider>\n        <GroupChannelListModule.Header />\n        <StatusComposition loading={loading} LoadingComponent={<GroupChannelListModule.StatusLoading />}>\n          <GroupChannelListModule.List\n            menuItemCreator={menuItemCreator}\n            renderGroupChannelPreview={_renderGroupChannelPreview}\n            groupChannels={groupChannels}\n            onLoadNext={next}\n            flatListProps={{\n              ListEmptyComponent: <GroupChannelListModule.StatusEmpty />,\n              contentContainerStyle: { flexGrow: 1 },\n              ...flatListProps,\n            }}\n          />\n        </StatusComposition>\n        <GroupChannelListModule.TypeSelector\n          skipTypeSelection={isChannelTypeAvailable ? skipTypeSelection : true}\n          onSelectType={onPressCreateChannel}\n        />\n      </GroupChannelListModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelListFragment;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,mBAAT,QAAoC,4BAApC;AACA,SAASC,IAAT,EAAeC,WAAf,EAA4BC,gBAA5B,QAAoD,uBAApD;AAEA,OAAOC,iBAAP,MAA8B,iCAA9B;AACA,OAAOC,4BAAP,MAAyC,4CAAzC;AACA,OAAOC,4BAAP,MAAyC,gEAAzC;AAMA,SAASC,eAAT,QAAgC,qBAAhC;;AAEA,MAAMC,8BAA8B,GAAIC,UAAD,IAA4E;EACjH,MAAMC,sBAAsB,GAAGJ,4BAA4B,CAACG,UAAD,CAA3D;EACA,OAAO,QASD;IAAA,IATE;MACNE,cADM;MAENC,oBAFM;MAGNC,YAHM;MAINC,iBAJM;MAKNC,yBALM;MAMNC,iBAAiB,GAAG,KANd;MAONC,aAAa,GAAG,EAPV;MAQNC,eAAe,GAAGjB;IARZ,CASF;IACJ,MAAM;MAAEkB,GAAF;MAAOC,WAAP;MAAoBC,QAApB;MAA8BC;IAA9B,IAA6Df,eAAe,EAAlF;IACA,MAAM;MAAEgB,aAAF;MAAiBC,IAAjB;MAAuBC;IAAvB,IAAmCzB,mBAAmB,CAACmB,GAAD,EAAMC,WAAN,aAAMA,WAAN,uBAAMA,WAAW,CAAEM,MAAnB,EAA2B;MACrFb,YADqF;MAErFC,iBAFqF;MAGrFa,iCAAiC,EAAE,CAACd;IAHiD,CAA3B,CAA5D;;IAMA,IAAIQ,QAAQ,CAACO,sBAAb,EAAqC;MACnC1B,WAAW,CAAC,QAAD,EAAY2B,MAAD,IAAY;QAChC,IAAIA,MAAM,KAAK,QAAf,EAAyBN,aAAa,CAACO,OAAd,CAAsBR,0BAAtB;MAC1B,CAFU,CAAX;IAGD;;IAED,MAAMS,0BAAsF,GAAG5B,gBAAgB,CAC7G,CAAC6B,OAAD,EAAUC,kBAAV,KAAiC;MAC/B,IAAIlB,yBAAJ,EAA+B,OAAOA,yBAAyB,CAACiB,OAAD,EAAUC,kBAAV,CAAhC;MAC/B,oBACE,oBAAC,4BAAD;QACE,OAAO,EAAED,OADX;QAEE,OAAO,EAAE,MAAMrB,cAAc,CAACqB,OAAD,CAF/B;QAGE,WAAW,EAAE,MAAMC,kBAAkB;MAHvC,EADF;IAOD,CAV4G,CAA/G;;IAaA,MAAMC,sBAAsB,GAAGb,QAAQ,CAACc,uBAAT,IAAoCd,QAAQ,CAACe,wBAA5E;IAEA,oBACE,oBAAC,sBAAD,CAAwB,QAAxB,qBACE,oBAAC,sBAAD,CAAwB,MAAxB,OADF,eAEE,oBAAC,iBAAD;MAAmB,OAAO,EAAEX,OAA5B;MAAqC,gBAAgB,eAAE,oBAAC,sBAAD,CAAwB,aAAxB;IAAvD,gBACE,oBAAC,sBAAD,CAAwB,IAAxB;MACE,eAAe,EAAEP,eADnB;MAEE,yBAAyB,EAAEa,0BAF7B;MAGE,aAAa,EAAER,aAHjB;MAIE,UAAU,EAAEC,IAJd;MAKE,aAAa,EAAE;QACba,kBAAkB,eAAE,oBAAC,sBAAD,CAAwB,WAAxB,OADP;QAEbC,qBAAqB,EAAE;UAAEC,QAAQ,EAAE;QAAZ,CAFV;QAGb,GAAGtB;MAHU;IALjB,EADF,CAFF,eAeE,oBAAC,sBAAD,CAAwB,YAAxB;MACE,iBAAiB,EAAEiB,sBAAsB,GAAGlB,iBAAH,GAAuB,IADlE;MAEE,YAAY,EAAEJ;IAFhB,EAfF,CADF;EAsBD,CA5DD;AA6DD,CA/DD;;AAiEA,eAAeJ,8BAAf"}

package/lib/module/fragments/createGroupChannelNotificationsFragment.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { NOOP } from '@sendbird/uikit-utils';
+import { createGroupChannelNotificationsModule } from '../domain/groupChannelNotifications';
+
+const createGroupChannelNotificationsFragment = initModule => {
+  const GroupChannelNotificationsModule = createGroupChannelNotificationsModule(initModule);
+  return _ref => {
+    let {
+      onPressHeaderLeft = NOOP,
+      children,
+      channel
+    } = _ref;
+    return /*#__PURE__*/React.createElement(GroupChannelNotificationsModule.Provider, {
+      channel: channel
+    }, /*#__PURE__*/React.createElement(GroupChannelNotificationsModule.Header, {
+      onPressHeaderLeft: onPressHeaderLeft
+    }), /*#__PURE__*/React.createElement(GroupChannelNotificationsModule.View, null), children);
+  };
+};
+
+export default createGroupChannelNotificationsFragment;
+//# sourceMappingURL=createGroupChannelNotificationsFragment.js.map

package/lib/module/fragments/createGroupChannelNotificationsFragment.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","NOOP","createGroupChannelNotificationsModule","createGroupChannelNotificationsFragment","initModule","GroupChannelNotificationsModule","onPressHeaderLeft","children","channel"],"sources":["createGroupChannelNotificationsFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport { createGroupChannelNotificationsModule } from '../domain/groupChannelNotifications';\nimport type {\n  GroupChannelNotificationsFragment,\n  GroupChannelNotificationsModule,\n} from '../domain/groupChannelNotifications/types';\n\nconst createGroupChannelNotificationsFragment = (\n  initModule?: Partial<GroupChannelNotificationsModule>,\n): GroupChannelNotificationsFragment => {\n  const GroupChannelNotificationsModule = createGroupChannelNotificationsModule(initModule);\n\n  return ({ onPressHeaderLeft = NOOP, children, channel }) => {\n    return (\n      <GroupChannelNotificationsModule.Provider channel={channel}>\n        <GroupChannelNotificationsModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <GroupChannelNotificationsModule.View />\n        {children}\n      </GroupChannelNotificationsModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelNotificationsFragment;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,IAAT,QAAqB,uBAArB;AAEA,SAASC,qCAAT,QAAsD,qCAAtD;;AAMA,MAAMC,uCAAuC,GAC3CC,UAD8C,IAER;EACtC,MAAMC,+BAA+B,GAAGH,qCAAqC,CAACE,UAAD,CAA7E;EAEA,OAAO,QAAqD;IAAA,IAApD;MAAEE,iBAAiB,GAAGL,IAAtB;MAA4BM,QAA5B;MAAsCC;IAAtC,CAAoD;IAC1D,oBACE,oBAAC,+BAAD,CAAiC,QAAjC;MAA0C,OAAO,EAAEA;IAAnD,gBACE,oBAAC,+BAAD,CAAiC,MAAjC;MAAwC,iBAAiB,EAAEF;IAA3D,EADF,eAEE,oBAAC,+BAAD,CAAiC,IAAjC,OAFF,EAGGC,QAHH,CADF;EAOD,CARD;AASD,CAdD;;AAgBA,eAAeJ,uCAAf"}

package/lib/module/fragments/createGroupChannelSettingsFragment.js

@@ -14,6 +14,7 @@ const createGroupChannelSettingsFragment = initModule => {
       onPressMenuModeration,
       onPressMenuMembers,
       onPressMenuLeaveChannel,
+      onPressMenuNotification,
       menuItemsCreator
     } = _ref;
     const {
@@ -39,7 +40,8 @@ const createGroupChannelSettingsFragment = initModule => {
       menuItemsCreator: menuItemsCreator,
       onPressMenuModeration: onPressMenuModeration,
       onPressMenuMembers: onPressMenuMembers,
-      onPressMenuLeaveChannel: onPressMenuLeaveChannel
+      onPressMenuLeaveChannel: onPressMenuLeaveChannel,
+      onPressMenuNotification: onPressMenuNotification
     })));
   };
 };

package/lib/module/fragments/createGroupChannelSettingsFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ScrollView","useSafeAreaInsets","createStyleSheet","useUIKitTheme","NOOP","createGroupChannelSettingsModule","createGroupChannelSettingsFragment","initModule","GroupChannelSettingsModule","onPressHeaderLeft","channel","onPressMenuModeration","onPressMenuMembers","onPressMenuLeaveChannel","menuItemsCreator","colors","left","right","backgroundColor","background","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight"],"sources":["createGroupChannelSettingsFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport createGroupChannelSettingsModule from '../domain/groupChannelSettings/module/createGroupChannelSettingsModule';\nimport type { GroupChannelSettingsFragment, GroupChannelSettingsModule } from '../domain/groupChannelSettings/types';\n\nconst createGroupChannelSettingsFragment = (\n  initModule?: Partial<GroupChannelSettingsModule>,\n): GroupChannelSettingsFragment => {\n  const GroupChannelSettingsModule = createGroupChannelSettingsModule(initModule);\n\n  return ({\n    onPressHeaderLeft = NOOP,\n    channel,\n    onPressMenuModeration,\n    onPressMenuMembers,\n    onPressMenuLeaveChannel,\n    menuItemsCreator,\n  }) => {\n    const { colors } = useUIKitTheme();\n    const { left, right } = useSafeAreaInsets();\n\n    return (\n      <GroupChannelSettingsModule.Provider channel={channel}>\n        <GroupChannelSettingsModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <ScrollView\n          style={{ backgroundColor: colors.background }}\n          contentContainerStyle={{\n            paddingLeft: left + styles.viewContainer.paddingHorizontal,\n            paddingRight: right + styles.viewContainer.paddingHorizontal,\n          }}\n        >\n          <GroupChannelSettingsModule.Info />\n          <GroupChannelSettingsModule.Menu\n            menuItemsCreator={menuItemsCreator}\n            onPressMenuModeration={onPressMenuModeration}\n            onPressMenuMembers={onPressMenuMembers}\n            onPressMenuLeaveChannel={onPressMenuLeaveChannel}\n          />\n        </ScrollView>\n      </GroupChannelSettingsModule.Provider>\n    );\n  };\n};\n\nconst styles = createStyleSheet({\n  viewContainer: {\n    paddingHorizontal: 16,\n  },\n});\n\nexport default createGroupChannelSettingsFragment;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAEA,SAASC,gBAAT,EAA2BC,aAA3B,QAAgD,yCAAhD;AACA,SAASC,IAAT,QAAqB,uBAArB;AAEA,OAAOC,gCAAP,MAA6C,wEAA7C;;AAGA,MAAMC,kCAAkC,GACtCC,UADyC,IAER;EACjC,MAAMC,0BAA0B,GAAGH,gCAAgC,CAACE,UAAD,CAAnE;EAEA,OAAO,QAOD;IAAA,IAPE;MACNE,iBAAiB,GAAGL,IADd;MAENM,OAFM;MAGNC,qBAHM;MAINC,kBAJM;MAKNC,uBALM;MAMNC;IANM,CAOF;IACJ,MAAM;MAAEC;IAAF,IAAaZ,aAAa,EAAhC;IACA,MAAM;MAAEa,IAAF;MAAQC;IAAR,IAAkBhB,iBAAiB,EAAzC;IAEA,oBACE,oBAAC,0BAAD,CAA4B,QAA5B;MAAqC,OAAO,EAAES;IAA9C,gBACE,oBAAC,0BAAD,CAA4B,MAA5B;MAAmC,iBAAiB,EAAED;IAAtD,EADF,eAEE,oBAAC,UAAD;MACE,KAAK,EAAE;QAAES,eAAe,EAAEH,MAAM,CAACI;MAA1B,CADT;MAEE,qBAAqB,EAAE;QACrBC,WAAW,EAAEJ,IAAI,GAAGK,MAAM,CAACC,aAAP,CAAqBC,iBADpB;QAErBC,YAAY,EAAEP,KAAK,GAAGI,MAAM,CAACC,aAAP,CAAqBC;MAFtB;IAFzB,gBAOE,oBAAC,0BAAD,CAA4B,IAA5B,OAPF,eAQE,oBAAC,0BAAD,CAA4B,IAA5B;MACE,gBAAgB,EAAET,gBADpB;MAEE,qBAAqB,EAAEH,qBAFzB;MAGE,kBAAkB,EAAEC,kBAHtB;MAIE,uBAAuB,EAAEC;IAJ3B,EARF,CAFF,CADF;EAoBD,CA/BD;AAgCD,CArCD;;AAuCA,MAAMQ,MAAM,GAAGnB,gBAAgB,CAAC;EAC9BoB,aAAa,EAAE;IACbC,iBAAiB,EAAE;EADN;AADe,CAAD,CAA/B;AAMA,eAAejB,kCAAf"}
+{"version":3,"names":["React","ScrollView","useSafeAreaInsets","createStyleSheet","useUIKitTheme","NOOP","createGroupChannelSettingsModule","createGroupChannelSettingsFragment","initModule","GroupChannelSettingsModule","onPressHeaderLeft","channel","onPressMenuModeration","onPressMenuMembers","onPressMenuLeaveChannel","onPressMenuNotification","menuItemsCreator","colors","left","right","backgroundColor","background","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight"],"sources":["createGroupChannelSettingsFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport createGroupChannelSettingsModule from '../domain/groupChannelSettings/module/createGroupChannelSettingsModule';\nimport type { GroupChannelSettingsFragment, GroupChannelSettingsModule } from '../domain/groupChannelSettings/types';\n\nconst createGroupChannelSettingsFragment = (\n  initModule?: Partial<GroupChannelSettingsModule>,\n): GroupChannelSettingsFragment => {\n  const GroupChannelSettingsModule = createGroupChannelSettingsModule(initModule);\n\n  return ({\n    onPressHeaderLeft = NOOP,\n    channel,\n    onPressMenuModeration,\n    onPressMenuMembers,\n    onPressMenuLeaveChannel,\n    onPressMenuNotification,\n    menuItemsCreator,\n  }) => {\n    const { colors } = useUIKitTheme();\n    const { left, right } = useSafeAreaInsets();\n\n    return (\n      <GroupChannelSettingsModule.Provider channel={channel}>\n        <GroupChannelSettingsModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <ScrollView\n          style={{ backgroundColor: colors.background }}\n          contentContainerStyle={{\n            paddingLeft: left + styles.viewContainer.paddingHorizontal,\n            paddingRight: right + styles.viewContainer.paddingHorizontal,\n          }}\n        >\n          <GroupChannelSettingsModule.Info />\n          <GroupChannelSettingsModule.Menu\n            menuItemsCreator={menuItemsCreator}\n            onPressMenuModeration={onPressMenuModeration}\n            onPressMenuMembers={onPressMenuMembers}\n            onPressMenuLeaveChannel={onPressMenuLeaveChannel}\n            onPressMenuNotification={onPressMenuNotification}\n          />\n        </ScrollView>\n      </GroupChannelSettingsModule.Provider>\n    );\n  };\n};\n\nconst styles = createStyleSheet({\n  viewContainer: {\n    paddingHorizontal: 16,\n  },\n});\n\nexport default createGroupChannelSettingsFragment;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAEA,SAASC,gBAAT,EAA2BC,aAA3B,QAAgD,yCAAhD;AACA,SAASC,IAAT,QAAqB,uBAArB;AAEA,OAAOC,gCAAP,MAA6C,wEAA7C;;AAGA,MAAMC,kCAAkC,GACtCC,UADyC,IAER;EACjC,MAAMC,0BAA0B,GAAGH,gCAAgC,CAACE,UAAD,CAAnE;EAEA,OAAO,QAQD;IAAA,IARE;MACNE,iBAAiB,GAAGL,IADd;MAENM,OAFM;MAGNC,qBAHM;MAINC,kBAJM;MAKNC,uBALM;MAMNC,uBANM;MAONC;IAPM,CAQF;IACJ,MAAM;MAAEC;IAAF,IAAab,aAAa,EAAhC;IACA,MAAM;MAAEc,IAAF;MAAQC;IAAR,IAAkBjB,iBAAiB,EAAzC;IAEA,oBACE,oBAAC,0BAAD,CAA4B,QAA5B;MAAqC,OAAO,EAAES;IAA9C,gBACE,oBAAC,0BAAD,CAA4B,MAA5B;MAAmC,iBAAiB,EAAED;IAAtD,EADF,eAEE,oBAAC,UAAD;MACE,KAAK,EAAE;QAAEU,eAAe,EAAEH,MAAM,CAACI;MAA1B,CADT;MAEE,qBAAqB,EAAE;QACrBC,WAAW,EAAEJ,IAAI,GAAGK,MAAM,CAACC,aAAP,CAAqBC,iBADpB;QAErBC,YAAY,EAAEP,KAAK,GAAGI,MAAM,CAACC,aAAP,CAAqBC;MAFtB;IAFzB,gBAOE,oBAAC,0BAAD,CAA4B,IAA5B,OAPF,eAQE,oBAAC,0BAAD,CAA4B,IAA5B;MACE,gBAAgB,EAAET,gBADpB;MAEE,qBAAqB,EAAEJ,qBAFzB;MAGE,kBAAkB,EAAEC,kBAHtB;MAIE,uBAAuB,EAAEC,uBAJ3B;MAKE,uBAAuB,EAAEC;IAL3B,EARF,CAFF,CADF;EAqBD,CAjCD;AAkCD,CAvCD;;AAyCA,MAAMQ,MAAM,GAAGpB,gBAAgB,CAAC;EAC9BqB,aAAa,EAAE;IACbC,iBAAiB,EAAE;EADN;AADe,CAAD,CAA/B;AAMA,eAAelB,kCAAf"}

package/lib/module/hooks/useConnection.js

@@ -7,6 +7,7 @@ const cacheRestrictCodes = [400300, 400301, 400302, 400310];
 const useConnection = () => {
   const {
     sdk,
+    emojiManager,
     setCurrentUser,
     features
   } = useSendbirdChat();
@@ -39,6 +40,7 @@ const useConnection = () => {
 
       Logger.debug('[useConnection]', 'connected! (online)');
       setCurrentUser(user);
+      sdk.getAllEmoji().then(emojiManager.init);
       return user;
     } catch (e) {
       const error = e;
@@ -51,6 +53,7 @@ const useConnection = () => {
         } else if (sdk.currentUser) {
           Logger.debug('[useConnection]', 'connected! (offline)');
           setCurrentUser(sdk.currentUser);
+          sdk.getAllEmoji().finally(emojiManager.init);
           return sdk.currentUser;
         }
       }

package/lib/module/hooks/useConnection.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","Logger","useSendbirdChat","usePushTokenRegistration","cacheRestrictCodes","useConnection","sdk","setCurrentUser","features","registerPushTokenForCurrentUser","unregisterPushTokenForCurrentUser","connect","userId","opts","debug","user","accessToken","nickname","updateCurrentUserInfo","then","updatedUser","catch","e","warn","useUserIdForNicknameEnabled","autoPushTokenRegistrationEnabled","error","isCacheEnabled","some","code","message","clearCachedData","currentUser","disconnect","undefined","reconnect"],"sources":["useConnection.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { Logger, SendbirdError, SendbirdUser } from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from './useContext';\nimport usePushTokenRegistration from './usePushTokenRegistration';\n\ntype ConnectOptions = { nickname?: string; accessToken?: string };\nconst cacheRestrictCodes = [400300, 400301, 400302, 400310];\n\nconst useConnection = () => {\n  const { sdk, setCurrentUser, features } = useSendbirdChat();\n  const { registerPushTokenForCurrentUser, unregisterPushTokenForCurrentUser } = usePushTokenRegistration();\n\n  const connect = useCallback(\n    async (userId: string, opts?: ConnectOptions): Promise<SendbirdUser> => {\n      try {\n        Logger.debug('[useConnection]', 'connect start:', userId);\n        let user = await sdk.connect(userId, opts?.accessToken);\n\n        if (opts?.nickname) {\n          Logger.debug('[useConnection]', 'nickname-sync start:', opts.nickname);\n          await sdk\n            .updateCurrentUserInfo({ nickname: opts.nickname })\n            .then((updatedUser) => (user = updatedUser))\n            .catch((e) => Logger.warn('[useConnection]', 'nickname-sync failure', e));\n        } else if (features.useUserIdForNicknameEnabled) {\n          await sdk.updateCurrentUserInfo({ nickname: userId }).then((updatedUser) => (user = updatedUser));\n        }\n\n        if (features.autoPushTokenRegistrationEnabled) {\n          Logger.debug('[useConnection]', 'autoPushTokenRegistration enabled, register for current user');\n          await registerPushTokenForCurrentUser().catch((e) => {\n            Logger.warn('[useConnection]', 'autoPushToken Registration failure', e);\n          });\n        }\n\n        Logger.debug('[useConnection]', 'connected! (online)');\n        setCurrentUser(user);\n\n        return user;\n      } catch (e) {\n        const error = e as unknown as SendbirdError;\n\n        if (sdk.isCacheEnabled) {\n          if (cacheRestrictCodes.some((code) => error.code === code)) {\n            Logger.warn('[useConnection]', 'offline connect restricted', error.message, error.code);\n            Logger.warn('[useConnection]', 'clear cached-data');\n            await sdk.clearCachedData().catch((e) => Logger.warn('[useConnection]', 'clear cached-data failure', e));\n          } else if (sdk.currentUser) {\n            Logger.debug('[useConnection]', 'connected! (offline)');\n            setCurrentUser(sdk.currentUser);\n            return sdk.currentUser;\n          }\n        }\n\n        Logger.warn('[useConnection]', 'connect failure', error.message, error.code);\n        throw error;\n      }\n    },\n    [sdk, registerPushTokenForCurrentUser, features.autoPushTokenRegistrationEnabled],\n  );\n\n  const disconnect = useCallback(async () => {\n    Logger.debug('[useConnection]', 'disconnect start');\n\n    if (features.autoPushTokenRegistrationEnabled) {\n      Logger.debug('[useConnection]', 'autoPushTokenRegistration enabled, unregister for current user');\n      await unregisterPushTokenForCurrentUser().catch((e) => {\n        Logger.warn('[useConnection]', 'autoPushToken unregister failure', e);\n      });\n    }\n\n    await sdk.disconnect().then(() => setCurrentUser(undefined));\n    Logger.debug('[useConnection]', 'disconnected!');\n  }, [sdk, unregisterPushTokenForCurrentUser, features.autoPushTokenRegistrationEnabled]);\n\n  return { connect, disconnect, reconnect: () => sdk.reconnect() };\n};\n\nexport default useConnection;\n"],"mappings":"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"}
+{"version":3,"names":["useCallback","Logger","useSendbirdChat","usePushTokenRegistration","cacheRestrictCodes","useConnection","sdk","emojiManager","setCurrentUser","features","registerPushTokenForCurrentUser","unregisterPushTokenForCurrentUser","connect","userId","opts","debug","user","accessToken","nickname","updateCurrentUserInfo","then","updatedUser","catch","e","warn","useUserIdForNicknameEnabled","autoPushTokenRegistrationEnabled","getAllEmoji","init","error","isCacheEnabled","some","code","message","clearCachedData","currentUser","finally","disconnect","undefined","reconnect"],"sources":["useConnection.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { Logger, SendbirdError, SendbirdUser } from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from './useContext';\nimport usePushTokenRegistration from './usePushTokenRegistration';\n\ntype ConnectOptions = { nickname?: string; accessToken?: string };\nconst cacheRestrictCodes = [400300, 400301, 400302, 400310];\n\nconst useConnection = () => {\n  const { sdk, emojiManager, setCurrentUser, features } = useSendbirdChat();\n  const { registerPushTokenForCurrentUser, unregisterPushTokenForCurrentUser } = usePushTokenRegistration();\n\n  const connect = useCallback(\n    async (userId: string, opts?: ConnectOptions): Promise<SendbirdUser> => {\n      try {\n        Logger.debug('[useConnection]', 'connect start:', userId);\n        let user = await sdk.connect(userId, opts?.accessToken);\n\n        if (opts?.nickname) {\n          Logger.debug('[useConnection]', 'nickname-sync start:', opts.nickname);\n          await sdk\n            .updateCurrentUserInfo({ nickname: opts.nickname })\n            .then((updatedUser) => (user = updatedUser))\n            .catch((e) => Logger.warn('[useConnection]', 'nickname-sync failure', e));\n        } else if (features.useUserIdForNicknameEnabled) {\n          await sdk.updateCurrentUserInfo({ nickname: userId }).then((updatedUser) => (user = updatedUser));\n        }\n\n        if (features.autoPushTokenRegistrationEnabled) {\n          Logger.debug('[useConnection]', 'autoPushTokenRegistration enabled, register for current user');\n          await registerPushTokenForCurrentUser().catch((e) => {\n            Logger.warn('[useConnection]', 'autoPushToken Registration failure', e);\n          });\n        }\n\n        Logger.debug('[useConnection]', 'connected! (online)');\n        setCurrentUser(user);\n        sdk.getAllEmoji().then(emojiManager.init);\n\n        return user;\n      } catch (e) {\n        const error = e as unknown as SendbirdError;\n\n        if (sdk.isCacheEnabled) {\n          if (cacheRestrictCodes.some((code) => error.code === code)) {\n            Logger.warn('[useConnection]', 'offline connect restricted', error.message, error.code);\n            Logger.warn('[useConnection]', 'clear cached-data');\n            await sdk.clearCachedData().catch((e) => Logger.warn('[useConnection]', 'clear cached-data failure', e));\n          } else if (sdk.currentUser) {\n            Logger.debug('[useConnection]', 'connected! (offline)');\n            setCurrentUser(sdk.currentUser);\n            sdk.getAllEmoji().finally(emojiManager.init);\n            return sdk.currentUser;\n          }\n        }\n\n        Logger.warn('[useConnection]', 'connect failure', error.message, error.code);\n        throw error;\n      }\n    },\n    [sdk, registerPushTokenForCurrentUser, features.autoPushTokenRegistrationEnabled],\n  );\n\n  const disconnect = useCallback(async () => {\n    Logger.debug('[useConnection]', 'disconnect start');\n\n    if (features.autoPushTokenRegistrationEnabled) {\n      Logger.debug('[useConnection]', 'autoPushTokenRegistration enabled, unregister for current user');\n      await unregisterPushTokenForCurrentUser().catch((e) => {\n        Logger.warn('[useConnection]', 'autoPushToken unregister failure', e);\n      });\n    }\n\n    await sdk.disconnect().then(() => setCurrentUser(undefined));\n    Logger.debug('[useConnection]', 'disconnected!');\n  }, [sdk, unregisterPushTokenForCurrentUser, features.autoPushTokenRegistrationEnabled]);\n\n  return { connect, disconnect, reconnect: () => sdk.reconnect() };\n};\n\nexport default useConnection;\n"],"mappings":"AAAA,SAASA,WAAT,QAA4B,OAA5B;AAEA,SAASC,MAAT,QAAoD,uBAApD;AAEA,SAASC,eAAT,QAAgC,cAAhC;AACA,OAAOC,wBAAP,MAAqC,4BAArC;AAGA,MAAMC,kBAAkB,GAAG,CAAC,MAAD,EAAS,MAAT,EAAiB,MAAjB,EAAyB,MAAzB,CAA3B;;AAEA,MAAMC,aAAa,GAAG,MAAM;EAC1B,MAAM;IAAEC,GAAF;IAAOC,YAAP;IAAqBC,cAArB;IAAqCC;EAArC,IAAkDP,eAAe,EAAvE;EACA,MAAM;IAAEQ,+BAAF;IAAmCC;EAAnC,IAAyER,wBAAwB,EAAvG;EAEA,MAAMS,OAAO,GAAGZ,WAAW,CACzB,OAAOa,MAAP,EAAuBC,IAAvB,KAAwE;IACtE,IAAI;MACFb,MAAM,CAACc,KAAP,CAAa,iBAAb,EAAgC,gBAAhC,EAAkDF,MAAlD;MACA,IAAIG,IAAI,GAAG,MAAMV,GAAG,CAACM,OAAJ,CAAYC,MAAZ,EAAoBC,IAApB,aAAoBA,IAApB,uBAAoBA,IAAI,CAAEG,WAA1B,CAAjB;;MAEA,IAAIH,IAAJ,aAAIA,IAAJ,eAAIA,IAAI,CAAEI,QAAV,EAAoB;QAClBjB,MAAM,CAACc,KAAP,CAAa,iBAAb,EAAgC,sBAAhC,EAAwDD,IAAI,CAACI,QAA7D;QACA,MAAMZ,GAAG,CACNa,qBADG,CACmB;UAAED,QAAQ,EAAEJ,IAAI,CAACI;QAAjB,CADnB,EAEHE,IAFG,CAEGC,WAAD,IAAkBL,IAAI,GAAGK,WAF3B,EAGHC,KAHG,CAGIC,CAAD,IAAOtB,MAAM,CAACuB,IAAP,CAAY,iBAAZ,EAA+B,uBAA/B,EAAwDD,CAAxD,CAHV,CAAN;MAID,CAND,MAMO,IAAId,QAAQ,CAACgB,2BAAb,EAA0C;QAC/C,MAAMnB,GAAG,CAACa,qBAAJ,CAA0B;UAAED,QAAQ,EAAEL;QAAZ,CAA1B,EAAgDO,IAAhD,CAAsDC,WAAD,IAAkBL,IAAI,GAAGK,WAA9E,CAAN;MACD;;MAED,IAAIZ,QAAQ,CAACiB,gCAAb,EAA+C;QAC7CzB,MAAM,CAACc,KAAP,CAAa,iBAAb,EAAgC,8DAAhC;QACA,MAAML,+BAA+B,GAAGY,KAAlC,CAAyCC,CAAD,IAAO;UACnDtB,MAAM,CAACuB,IAAP,CAAY,iBAAZ,EAA+B,oCAA/B,EAAqED,CAArE;QACD,CAFK,CAAN;MAGD;;MAEDtB,MAAM,CAACc,KAAP,CAAa,iBAAb,EAAgC,qBAAhC;MACAP,cAAc,CAACQ,IAAD,CAAd;MACAV,GAAG,CAACqB,WAAJ,GAAkBP,IAAlB,CAAuBb,YAAY,CAACqB,IAApC;MAEA,OAAOZ,IAAP;IACD,CA1BD,CA0BE,OAAOO,CAAP,EAAU;MACV,MAAMM,KAAK,GAAGN,CAAd;;MAEA,IAAIjB,GAAG,CAACwB,cAAR,EAAwB;QACtB,IAAI1B,kBAAkB,CAAC2B,IAAnB,CAAyBC,IAAD,IAAUH,KAAK,CAACG,IAAN,KAAeA,IAAjD,CAAJ,EAA4D;UAC1D/B,MAAM,CAACuB,IAAP,CAAY,iBAAZ,EAA+B,4BAA/B,EAA6DK,KAAK,CAACI,OAAnE,EAA4EJ,KAAK,CAACG,IAAlF;UACA/B,MAAM,CAACuB,IAAP,CAAY,iBAAZ,EAA+B,mBAA/B;UACA,MAAMlB,GAAG,CAAC4B,eAAJ,GAAsBZ,KAAtB,CAA6BC,CAAD,IAAOtB,MAAM,CAACuB,IAAP,CAAY,iBAAZ,EAA+B,2BAA/B,EAA4DD,CAA5D,CAAnC,CAAN;QACD,CAJD,MAIO,IAAIjB,GAAG,CAAC6B,WAAR,EAAqB;UAC1BlC,MAAM,CAACc,KAAP,CAAa,iBAAb,EAAgC,sBAAhC;UACAP,cAAc,CAACF,GAAG,CAAC6B,WAAL,CAAd;UACA7B,GAAG,CAACqB,WAAJ,GAAkBS,OAAlB,CAA0B7B,YAAY,CAACqB,IAAvC;UACA,OAAOtB,GAAG,CAAC6B,WAAX;QACD;MACF;;MAEDlC,MAAM,CAACuB,IAAP,CAAY,iBAAZ,EAA+B,iBAA/B,EAAkDK,KAAK,CAACI,OAAxD,EAAiEJ,KAAK,CAACG,IAAvE;MACA,MAAMH,KAAN;IACD;EACF,CA/CwB,EAgDzB,CAACvB,GAAD,EAAMI,+BAAN,EAAuCD,QAAQ,CAACiB,gCAAhD,CAhDyB,CAA3B;EAmDA,MAAMW,UAAU,GAAGrC,WAAW,CAAC,YAAY;IACzCC,MAAM,CAACc,KAAP,CAAa,iBAAb,EAAgC,kBAAhC;;IAEA,IAAIN,QAAQ,CAACiB,gCAAb,EAA+C;MAC7CzB,MAAM,CAACc,KAAP,CAAa,iBAAb,EAAgC,gEAAhC;MACA,MAAMJ,iCAAiC,GAAGW,KAApC,CAA2CC,CAAD,IAAO;QACrDtB,MAAM,CAACuB,IAAP,CAAY,iBAAZ,EAA+B,kCAA/B,EAAmED,CAAnE;MACD,CAFK,CAAN;IAGD;;IAED,MAAMjB,GAAG,CAAC+B,UAAJ,GAAiBjB,IAAjB,CAAsB,MAAMZ,cAAc,CAAC8B,SAAD,CAA1C,CAAN;IACArC,MAAM,CAACc,KAAP,CAAa,iBAAb,EAAgC,eAAhC;EACD,CAZ6B,EAY3B,CAACT,GAAD,EAAMK,iCAAN,EAAyCF,QAAQ,CAACiB,gCAAlD,CAZ2B,CAA9B;EAcA,OAAO;IAAEd,OAAF;IAAWyB,UAAX;IAAuBE,SAAS,EAAE,MAAMjC,GAAG,CAACiC,SAAJ;EAAxC,CAAP;AACD,CAtED;;AAwEA,eAAelC,aAAf"}

package/lib/module/hooks/useContext.js

@@ -1,6 +1,7 @@
 import { useContext } from 'react';
 import { LocalizationContext } from '../contexts/LocalizationCtx';
 import { PlatformServiceContext } from '../contexts/PlatformServiceCtx';
+import { ReactionContext } from '../contexts/ReactionCtx';
 import { SendbirdChatContext } from '../contexts/SendbirdChatCtx';
 import { UserProfileContext } from '../contexts/UserProfileCtx';
 export const useLocalization = () => {
@@ -23,4 +24,9 @@ export const useUserProfile = () => {
   if (!value) throw new Error('UserProfileContext is not provided');
   return value;
 };
+export const useReaction = () => {
+  const value = useContext(ReactionContext);
+  if (!value) throw new Error('ReactionContext is not provided');
+  return value;
+};
 //# sourceMappingURL=useContext.js.map

package/lib/module/hooks/useContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","LocalizationContext","PlatformServiceContext","SendbirdChatContext","UserProfileContext","useLocalization","value","Error","usePlatformService","useSendbirdChat","useUserProfile"],"sources":["useContext.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { LocalizationContext } from '../contexts/LocalizationCtx';\nimport { PlatformServiceContext } from '../contexts/PlatformServiceCtx';\nimport { SendbirdChatContext } from '../contexts/SendbirdChatCtx';\nimport { UserProfileContext } from '../contexts/UserProfileCtx';\n\nexport const useLocalization = () => {\n  const value = useContext(LocalizationContext);\n  if (!value) throw new Error('LocalizationContext is not provided');\n  return value;\n};\n\nexport const usePlatformService = () => {\n  const value = useContext(PlatformServiceContext);\n  if (!value) throw new Error('PlatformServiceContext is not provided');\n  return value;\n};\n\nexport const useSendbirdChat = () => {\n  const value = useContext(SendbirdChatContext);\n  if (!value) throw new Error('SendbirdChatContext is not provided');\n  return value;\n};\n\nexport const useUserProfile = () => {\n  const value = useContext(UserProfileContext);\n  if (!value) throw new Error('UserProfileContext is not provided');\n  return value;\n};\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,mBAAT,QAAoC,6BAApC;AACA,SAASC,sBAAT,QAAuC,gCAAvC;AACA,SAASC,mBAAT,QAAoC,6BAApC;AACA,SAASC,kBAAT,QAAmC,4BAAnC;AAEA,OAAO,MAAMC,eAAe,GAAG,MAAM;EACnC,MAAMC,KAAK,GAAGN,UAAU,CAACC,mBAAD,CAAxB;EACA,IAAI,CAACK,KAAL,EAAY,MAAM,IAAIC,KAAJ,CAAU,qCAAV,CAAN;EACZ,OAAOD,KAAP;AACD,CAJM;AAMP,OAAO,MAAME,kBAAkB,GAAG,MAAM;EACtC,MAAMF,KAAK,GAAGN,UAAU,CAACE,sBAAD,CAAxB;EACA,IAAI,CAACI,KAAL,EAAY,MAAM,IAAIC,KAAJ,CAAU,wCAAV,CAAN;EACZ,OAAOD,KAAP;AACD,CAJM;AAMP,OAAO,MAAMG,eAAe,GAAG,MAAM;EACnC,MAAMH,KAAK,GAAGN,UAAU,CAACG,mBAAD,CAAxB;EACA,IAAI,CAACG,KAAL,EAAY,MAAM,IAAIC,KAAJ,CAAU,qCAAV,CAAN;EACZ,OAAOD,KAAP;AACD,CAJM;AAMP,OAAO,MAAMI,cAAc,GAAG,MAAM;EAClC,MAAMJ,KAAK,GAAGN,UAAU,CAACI,kBAAD,CAAxB;EACA,IAAI,CAACE,KAAL,EAAY,MAAM,IAAIC,KAAJ,CAAU,oCAAV,CAAN;EACZ,OAAOD,KAAP;AACD,CAJM"}
+{"version":3,"names":["useContext","LocalizationContext","PlatformServiceContext","ReactionContext","SendbirdChatContext","UserProfileContext","useLocalization","value","Error","usePlatformService","useSendbirdChat","useUserProfile","useReaction"],"sources":["useContext.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { LocalizationContext } from '../contexts/LocalizationCtx';\nimport { PlatformServiceContext } from '../contexts/PlatformServiceCtx';\nimport { ReactionContext } from '../contexts/ReactionCtx';\nimport { SendbirdChatContext } from '../contexts/SendbirdChatCtx';\nimport { UserProfileContext } from '../contexts/UserProfileCtx';\n\nexport const useLocalization = () => {\n  const value = useContext(LocalizationContext);\n  if (!value) throw new Error('LocalizationContext is not provided');\n  return value;\n};\n\nexport const usePlatformService = () => {\n  const value = useContext(PlatformServiceContext);\n  if (!value) throw new Error('PlatformServiceContext is not provided');\n  return value;\n};\n\nexport const useSendbirdChat = () => {\n  const value = useContext(SendbirdChatContext);\n  if (!value) throw new Error('SendbirdChatContext is not provided');\n  return value;\n};\n\nexport const useUserProfile = () => {\n  const value = useContext(UserProfileContext);\n  if (!value) throw new Error('UserProfileContext is not provided');\n  return value;\n};\n\nexport const useReaction = () => {\n  const value = useContext(ReactionContext);\n  if (!value) throw new Error('ReactionContext is not provided');\n  return value;\n};\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,mBAAT,QAAoC,6BAApC;AACA,SAASC,sBAAT,QAAuC,gCAAvC;AACA,SAASC,eAAT,QAAgC,yBAAhC;AACA,SAASC,mBAAT,QAAoC,6BAApC;AACA,SAASC,kBAAT,QAAmC,4BAAnC;AAEA,OAAO,MAAMC,eAAe,GAAG,MAAM;EACnC,MAAMC,KAAK,GAAGP,UAAU,CAACC,mBAAD,CAAxB;EACA,IAAI,CAACM,KAAL,EAAY,MAAM,IAAIC,KAAJ,CAAU,qCAAV,CAAN;EACZ,OAAOD,KAAP;AACD,CAJM;AAMP,OAAO,MAAME,kBAAkB,GAAG,MAAM;EACtC,MAAMF,KAAK,GAAGP,UAAU,CAACE,sBAAD,CAAxB;EACA,IAAI,CAACK,KAAL,EAAY,MAAM,IAAIC,KAAJ,CAAU,wCAAV,CAAN;EACZ,OAAOD,KAAP;AACD,CAJM;AAMP,OAAO,MAAMG,eAAe,GAAG,MAAM;EACnC,MAAMH,KAAK,GAAGP,UAAU,CAACI,mBAAD,CAAxB;EACA,IAAI,CAACG,KAAL,EAAY,MAAM,IAAIC,KAAJ,CAAU,qCAAV,CAAN;EACZ,OAAOD,KAAP;AACD,CAJM;AAMP,OAAO,MAAMI,cAAc,GAAG,MAAM;EAClC,MAAMJ,KAAK,GAAGP,UAAU,CAACK,kBAAD,CAAxB;EACA,IAAI,CAACE,KAAL,EAAY,MAAM,IAAIC,KAAJ,CAAU,oCAAV,CAAN;EACZ,OAAOD,KAAP;AACD,CAJM;AAMP,OAAO,MAAMK,WAAW,GAAG,MAAM;EAC/B,MAAML,KAAK,GAAGP,UAAU,CAACG,eAAD,CAAxB;EACA,IAAI,CAACI,KAAL,EAAY,MAAM,IAAIC,KAAJ,CAAU,iCAAV,CAAN;EACZ,OAAOD,KAAP;AACD,CAJM"}

package/lib/module/hooks/useKeyboardStatus.js

@@ -0,0 +1,78 @@
+import { useEffect, useState } from 'react';
+import { Keyboard, LayoutAnimation, Platform } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { NOOP } from '@sendbird/uikit-utils';
+let isLayoutAnimationConfigured = false;
+
+const configureNextLayoutAnimation = event => {
+  if (isLayoutAnimationConfigured) return;
+  const config = LayoutAnimation.create(event.duration, event.easing, LayoutAnimation.Properties.scaleY);
+  isLayoutAnimationConfigured = true;
+
+  const onEnd = () => isLayoutAnimationConfigured = false;
+
+  LayoutAnimation.configureNext(config, onEnd, onEnd);
+};
+
+const {
+  showEvent,
+  hideEvent
+} = Platform.select({
+  android: {
+    showEvent: 'keyboardDidShow',
+    hideEvent: 'keyboardDidHide'
+  },
+  default: {
+    showEvent: 'keyboardWillShow',
+    hideEvent: 'keyboardWillHide'
+  }
+});
+
+const useKeyboardStatus = () => {
+  const [keyboardStatus, setKeyboardStatus] = useState({
+    visible: false,
+    height: 0,
+    bottomSpace: 0
+  });
+  const {
+    bottom: bottomInset
+  } = useSafeAreaInsets();
+  useEffect(() => {
+    const subscriptions = [Keyboard.addListener(showEvent, event => {
+      const height = event.endCoordinates.height;
+      const bottomSpace = Platform.select({
+        ios: height - bottomInset,
+        default: 0
+      });
+      const nextLayoutAnimation = Platform.select({
+        ios: configureNextLayoutAnimation,
+        default: NOOP
+      });
+      nextLayoutAnimation(event);
+      setKeyboardStatus({
+        visible: true,
+        height,
+        bottomSpace
+      });
+    }), Keyboard.addListener(hideEvent, () => {
+      const height = 0;
+      const bottomSpace = Platform.select({
+        default: height
+      }); // const nextLayoutAnimation = Platform.select({ ios: configureNextLayoutAnimation, default: NOOP });
+      // nextLayoutAnimation(event);
+
+      setKeyboardStatus({
+        visible: false,
+        height,
+        bottomSpace
+      });
+    })];
+    return () => {
+      subscriptions.forEach(it => it.remove());
+    };
+  }, []);
+  return keyboardStatus;
+};
+
+export default useKeyboardStatus;
+//# sourceMappingURL=useKeyboardStatus.js.map

package/lib/module/hooks/useKeyboardStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","Keyboard","LayoutAnimation","Platform","useSafeAreaInsets","NOOP","isLayoutAnimationConfigured","configureNextLayoutAnimation","event","config","create","duration","easing","Properties","scaleY","onEnd","configureNext","showEvent","hideEvent","select","android","default","useKeyboardStatus","keyboardStatus","setKeyboardStatus","visible","height","bottomSpace","bottom","bottomInset","subscriptions","addListener","endCoordinates","ios","nextLayoutAnimation","forEach","it","remove"],"sources":["useKeyboardStatus.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { Keyboard, KeyboardEvent, KeyboardEventName, LayoutAnimation, Platform } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { NOOP } from '@sendbird/uikit-utils';\n\ntype KeyboardEvents = {\n  showEvent: KeyboardEventName;\n  hideEvent: KeyboardEventName;\n};\n\nlet isLayoutAnimationConfigured = false;\n\nconst configureNextLayoutAnimation = (event: KeyboardEvent) => {\n  if (isLayoutAnimationConfigured) return;\n  const config = LayoutAnimation.create(event.duration, event.easing, LayoutAnimation.Properties.scaleY);\n  isLayoutAnimationConfigured = true;\n  const onEnd = () => (isLayoutAnimationConfigured = false);\n  LayoutAnimation.configureNext(config, onEnd, onEnd);\n};\n\nconst { showEvent, hideEvent } = Platform.select<KeyboardEvents>({\n  android: { showEvent: 'keyboardDidShow', hideEvent: 'keyboardDidHide' },\n  default: { showEvent: 'keyboardWillShow', hideEvent: 'keyboardWillHide' },\n});\n\nconst useKeyboardStatus = () => {\n  const [keyboardStatus, setKeyboardStatus] = useState({ visible: false, height: 0, bottomSpace: 0 });\n  const { bottom: bottomInset } = useSafeAreaInsets();\n\n  useEffect(() => {\n    const subscriptions = [\n      Keyboard.addListener(showEvent, (event) => {\n        const height = event.endCoordinates.height;\n        const bottomSpace = Platform.select({ ios: height - bottomInset, default: 0 });\n        const nextLayoutAnimation = Platform.select({ ios: configureNextLayoutAnimation, default: NOOP });\n\n        nextLayoutAnimation(event);\n        setKeyboardStatus({ visible: true, height, bottomSpace });\n      }),\n\n      Keyboard.addListener(hideEvent, () => {\n        const height = 0;\n        const bottomSpace = Platform.select({ default: height });\n        // const nextLayoutAnimation = Platform.select({ ios: configureNextLayoutAnimation, default: NOOP });\n\n        // nextLayoutAnimation(event);\n        setKeyboardStatus({ visible: false, height, bottomSpace });\n      }),\n    ];\n    return () => {\n      subscriptions.forEach((it) => it.remove());\n    };\n  }, []);\n\n  return keyboardStatus;\n};\n\nexport default useKeyboardStatus;\n"],"mappings":"AAAA,SAASA,SAAT,EAAoBC,QAApB,QAAoC,OAApC;AACA,SAASC,QAAT,EAAqDC,eAArD,EAAsEC,QAAtE,QAAsF,cAAtF;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAEA,SAASC,IAAT,QAAqB,uBAArB;AAOA,IAAIC,2BAA2B,GAAG,KAAlC;;AAEA,MAAMC,4BAA4B,GAAIC,KAAD,IAA0B;EAC7D,IAAIF,2BAAJ,EAAiC;EACjC,MAAMG,MAAM,GAAGP,eAAe,CAACQ,MAAhB,CAAuBF,KAAK,CAACG,QAA7B,EAAuCH,KAAK,CAACI,MAA7C,EAAqDV,eAAe,CAACW,UAAhB,CAA2BC,MAAhF,CAAf;EACAR,2BAA2B,GAAG,IAA9B;;EACA,MAAMS,KAAK,GAAG,MAAOT,2BAA2B,GAAG,KAAnD;;EACAJ,eAAe,CAACc,aAAhB,CAA8BP,MAA9B,EAAsCM,KAAtC,EAA6CA,KAA7C;AACD,CAND;;AAQA,MAAM;EAAEE,SAAF;EAAaC;AAAb,IAA2Bf,QAAQ,CAACgB,MAAT,CAAgC;EAC/DC,OAAO,EAAE;IAAEH,SAAS,EAAE,iBAAb;IAAgCC,SAAS,EAAE;EAA3C,CADsD;EAE/DG,OAAO,EAAE;IAAEJ,SAAS,EAAE,kBAAb;IAAiCC,SAAS,EAAE;EAA5C;AAFsD,CAAhC,CAAjC;;AAKA,MAAMI,iBAAiB,GAAG,MAAM;EAC9B,MAAM,CAACC,cAAD,EAAiBC,iBAAjB,IAAsCxB,QAAQ,CAAC;IAAEyB,OAAO,EAAE,KAAX;IAAkBC,MAAM,EAAE,CAA1B;IAA6BC,WAAW,EAAE;EAA1C,CAAD,CAApD;EACA,MAAM;IAAEC,MAAM,EAAEC;EAAV,IAA0BzB,iBAAiB,EAAjD;EAEAL,SAAS,CAAC,MAAM;IACd,MAAM+B,aAAa,GAAG,CACpB7B,QAAQ,CAAC8B,WAAT,CAAqBd,SAArB,EAAiCT,KAAD,IAAW;MACzC,MAAMkB,MAAM,GAAGlB,KAAK,CAACwB,cAAN,CAAqBN,MAApC;MACA,MAAMC,WAAW,GAAGxB,QAAQ,CAACgB,MAAT,CAAgB;QAAEc,GAAG,EAAEP,MAAM,GAAGG,WAAhB;QAA6BR,OAAO,EAAE;MAAtC,CAAhB,CAApB;MACA,MAAMa,mBAAmB,GAAG/B,QAAQ,CAACgB,MAAT,CAAgB;QAAEc,GAAG,EAAE1B,4BAAP;QAAqCc,OAAO,EAAEhB;MAA9C,CAAhB,CAA5B;MAEA6B,mBAAmB,CAAC1B,KAAD,CAAnB;MACAgB,iBAAiB,CAAC;QAAEC,OAAO,EAAE,IAAX;QAAiBC,MAAjB;QAAyBC;MAAzB,CAAD,CAAjB;IACD,CAPD,CADoB,EAUpB1B,QAAQ,CAAC8B,WAAT,CAAqBb,SAArB,EAAgC,MAAM;MACpC,MAAMQ,MAAM,GAAG,CAAf;MACA,MAAMC,WAAW,GAAGxB,QAAQ,CAACgB,MAAT,CAAgB;QAAEE,OAAO,EAAEK;MAAX,CAAhB,CAApB,CAFoC,CAGpC;MAEA;;MACAF,iBAAiB,CAAC;QAAEC,OAAO,EAAE,KAAX;QAAkBC,MAAlB;QAA0BC;MAA1B,CAAD,CAAjB;IACD,CAPD,CAVoB,CAAtB;IAmBA,OAAO,MAAM;MACXG,aAAa,CAACK,OAAd,CAAuBC,EAAD,IAAQA,EAAE,CAACC,MAAH,EAA9B;IACD,CAFD;EAGD,CAvBQ,EAuBN,EAvBM,CAAT;EAyBA,OAAOd,cAAP;AACD,CA9BD;;AAgCA,eAAeD,iBAAf"}

package/lib/module/hooks/useMentionSuggestion.js

@@ -0,0 +1,100 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useAsyncEffect } from '@sendbird/uikit-utils';
+import { useSendbirdChat } from '../hooks/useContext';
+
+const useMentionSuggestion = params => {
+  const {
+    text,
+    selection,
+    channel,
+    mentionedUsers
+  } = params;
+  const [freshChannel, setFreshChannel] = useState(channel);
+  useAsyncEffect(async () => {
+    setFreshChannel(await channel.refresh());
+  }, [channel.url]);
+  const {
+    mentionManager,
+    currentUser
+  } = useSendbirdChat();
+  const [members, setMembers] = useState([]);
+  const timeoutRef = useRef();
+  const searchStringRangeRef = useRef({
+    start: 0,
+    end: 0
+  });
+  const searchLimitedRef = useRef(false);
+
+  const updateSearchStringRange = (selectionIndex, searchString) => {
+    searchStringRangeRef.current = mentionManager.getSearchStringRangeInText(selectionIndex, searchString);
+    return searchStringRangeRef.current;
+  };
+
+  const updateSearchLimited = (mentionCount, mentionLimit) => {
+    searchLimitedRef.current = mentionCount >= mentionLimit;
+    return searchLimitedRef.current;
+  };
+
+  const resetRefs = () => {
+    searchLimitedRef.current = false;
+    searchStringRangeRef.current = {
+      start: 0,
+      end: 0
+    };
+  };
+
+  const fetchMembers = async () => {
+    resetRefs();
+    const selectionRanged = selection.start !== selection.end;
+    if (selectionRanged) return [];
+    const selectionContainsMentionedUser = mentionedUsers.some(it => mentionManager.rangeHelpers.overlaps(it.range, selection, 'underMore'));
+    if (selectionContainsMentionedUser) return [];
+    const {
+      isTriggered,
+      isValidSearchString,
+      searchString
+    } = mentionManager.getSearchString(text, selection.start);
+    if (!isTriggered() || !isValidSearchString()) return [];
+    const limited = updateSearchLimited(mentionedUsers.length, mentionManager.config.mentionLimit);
+    if (limited) return [];
+    updateSearchStringRange(selection.start, searchString);
+
+    if (freshChannel.isSuper) {
+      return freshChannel.createMemberListQuery({
+        nicknameStartsWithFilter: searchString,
+        limit: mentionManager.config.suggestionLimit + 1
+      }).next().then(members => members.filter(member => member.userId !== (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId)));
+    } else {
+      return freshChannel.members.sort((a, b) => {
+        var _a$nickname;
+
+        return (_a$nickname = a.nickname) === null || _a$nickname === void 0 ? void 0 : _a$nickname.localeCompare(b.nickname);
+      }).filter(member => {
+        var _member$nickname;
+
+        return ((_member$nickname = member.nickname) === null || _member$nickname === void 0 ? void 0 : _member$nickname.toLowerCase().startsWith(searchString.toLowerCase())) && member.userId !== (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId);
+      }).slice(0, mentionManager.config.suggestionLimit);
+    }
+  };
+
+  useEffect(() => {
+    timeoutRef.current = setTimeout(async () => {
+      fetchMembers().then(setMembers).catch(() => setMembers([])).finally(() => timeoutRef.current = undefined);
+    }, mentionManager.config.debounceMills);
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = undefined;
+      }
+    };
+  }, [text, selection]);
+  return {
+    members,
+    reset: useCallback(() => setMembers([]), []),
+    searchStringRange: searchStringRangeRef.current,
+    searchLimited: searchLimitedRef.current
+  };
+};
+
+export default useMentionSuggestion;
+//# sourceMappingURL=useMentionSuggestion.js.map

package/lib/module/hooks/useMentionSuggestion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","useState","useAsyncEffect","useSendbirdChat","useMentionSuggestion","params","text","selection","channel","mentionedUsers","freshChannel","setFreshChannel","refresh","url","mentionManager","currentUser","members","setMembers","timeoutRef","searchStringRangeRef","start","end","searchLimitedRef","updateSearchStringRange","selectionIndex","searchString","current","getSearchStringRangeInText","updateSearchLimited","mentionCount","mentionLimit","resetRefs","fetchMembers","selectionRanged","selectionContainsMentionedUser","some","it","rangeHelpers","overlaps","range","isTriggered","isValidSearchString","getSearchString","limited","length","config","isSuper","createMemberListQuery","nicknameStartsWithFilter","limit","suggestionLimit","next","then","filter","member","userId","sort","a","b","nickname","localeCompare","toLowerCase","startsWith","slice","setTimeout","catch","finally","undefined","debounceMills","clearTimeout","reset","searchStringRange","searchLimited"],"sources":["useMentionSuggestion.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { SendbirdGroupChannel, SendbirdMember, SendbirdUser } from '@sendbird/uikit-utils';\nimport { useAsyncEffect } from '@sendbird/uikit-utils';\n\nimport { useSendbirdChat } from '../hooks/useContext';\nimport type { Range } from '../types';\n\nconst useMentionSuggestion = (params: {\n  text: string;\n  selection: Range;\n  channel: SendbirdGroupChannel;\n  mentionedUsers: { user: SendbirdUser; range: Range }[];\n}) => {\n  const { text, selection, channel, mentionedUsers } = params;\n\n  const [freshChannel, setFreshChannel] = useState(channel);\n\n  useAsyncEffect(async () => {\n    setFreshChannel(await channel.refresh());\n  }, [channel.url]);\n\n  const { mentionManager, currentUser } = useSendbirdChat();\n  const [members, setMembers] = useState<SendbirdMember[]>([]);\n  const timeoutRef = useRef<NodeJS.Timeout>();\n\n  const searchStringRangeRef = useRef<Range>({ start: 0, end: 0 });\n  const searchLimitedRef = useRef(false);\n\n  const updateSearchStringRange = (selectionIndex: number, searchString: string) => {\n    searchStringRangeRef.current = mentionManager.getSearchStringRangeInText(selectionIndex, searchString);\n    return searchStringRangeRef.current;\n  };\n  const updateSearchLimited = (mentionCount: number, mentionLimit: number) => {\n    searchLimitedRef.current = mentionCount >= mentionLimit;\n    return searchLimitedRef.current;\n  };\n  const resetRefs = () => {\n    searchLimitedRef.current = false;\n    searchStringRangeRef.current = { start: 0, end: 0 };\n  };\n\n  const fetchMembers = async (): Promise<SendbirdMember[]> => {\n    resetRefs();\n\n    const selectionRanged = selection.start !== selection.end;\n    if (selectionRanged) return [];\n\n    const selectionContainsMentionedUser = mentionedUsers.some((it) =>\n      mentionManager.rangeHelpers.overlaps(it.range, selection, 'underMore'),\n    );\n    if (selectionContainsMentionedUser) return [];\n\n    const { isTriggered, isValidSearchString, searchString } = mentionManager.getSearchString(text, selection.start);\n    if (!isTriggered() || !isValidSearchString()) return [];\n\n    const limited = updateSearchLimited(mentionedUsers.length, mentionManager.config.mentionLimit);\n    if (limited) return [];\n\n    updateSearchStringRange(selection.start, searchString);\n\n    if (freshChannel.isSuper) {\n      return freshChannel\n        .createMemberListQuery({\n          nicknameStartsWithFilter: searchString,\n          limit: mentionManager.config.suggestionLimit + 1,\n        })\n        .next()\n        .then((members) => members.filter((member) => member.userId !== currentUser?.userId));\n    } else {\n      return freshChannel.members\n        .sort((a, b) => a.nickname?.localeCompare(b.nickname))\n        .filter(\n          (member) =>\n            member.nickname?.toLowerCase().startsWith(searchString.toLowerCase()) &&\n            member.userId !== currentUser?.userId,\n        )\n        .slice(0, mentionManager.config.suggestionLimit);\n    }\n  };\n\n  useEffect(() => {\n    timeoutRef.current = setTimeout(async () => {\n      fetchMembers()\n        .then(setMembers)\n        .catch(() => setMembers([]))\n        .finally(() => (timeoutRef.current = undefined));\n    }, mentionManager.config.debounceMills);\n\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n        timeoutRef.current = undefined;\n      }\n    };\n  }, [text, selection]);\n\n  return {\n    members,\n    reset: useCallback(() => setMembers([]), []),\n    searchStringRange: searchStringRangeRef.current,\n    searchLimited: searchLimitedRef.current,\n  };\n};\n\nexport default useMentionSuggestion;\n"],"mappings":"AAAA,SAASA,WAAT,EAAsBC,SAAtB,EAAiCC,MAAjC,EAAyCC,QAAzC,QAAyD,OAAzD;AAGA,SAASC,cAAT,QAA+B,uBAA/B;AAEA,SAASC,eAAT,QAAgC,qBAAhC;;AAGA,MAAMC,oBAAoB,GAAIC,MAAD,IAKvB;EACJ,MAAM;IAAEC,IAAF;IAAQC,SAAR;IAAmBC,OAAnB;IAA4BC;EAA5B,IAA+CJ,MAArD;EAEA,MAAM,CAACK,YAAD,EAAeC,eAAf,IAAkCV,QAAQ,CAACO,OAAD,CAAhD;EAEAN,cAAc,CAAC,YAAY;IACzBS,eAAe,CAAC,MAAMH,OAAO,CAACI,OAAR,EAAP,CAAf;EACD,CAFa,EAEX,CAACJ,OAAO,CAACK,GAAT,CAFW,CAAd;EAIA,MAAM;IAAEC,cAAF;IAAkBC;EAAlB,IAAkCZ,eAAe,EAAvD;EACA,MAAM,CAACa,OAAD,EAAUC,UAAV,IAAwBhB,QAAQ,CAAmB,EAAnB,CAAtC;EACA,MAAMiB,UAAU,GAAGlB,MAAM,EAAzB;EAEA,MAAMmB,oBAAoB,GAAGnB,MAAM,CAAQ;IAAEoB,KAAK,EAAE,CAAT;IAAYC,GAAG,EAAE;EAAjB,CAAR,CAAnC;EACA,MAAMC,gBAAgB,GAAGtB,MAAM,CAAC,KAAD,CAA/B;;EAEA,MAAMuB,uBAAuB,GAAG,CAACC,cAAD,EAAyBC,YAAzB,KAAkD;IAChFN,oBAAoB,CAACO,OAArB,GAA+BZ,cAAc,CAACa,0BAAf,CAA0CH,cAA1C,EAA0DC,YAA1D,CAA/B;IACA,OAAON,oBAAoB,CAACO,OAA5B;EACD,CAHD;;EAIA,MAAME,mBAAmB,GAAG,CAACC,YAAD,EAAuBC,YAAvB,KAAgD;IAC1ER,gBAAgB,CAACI,OAAjB,GAA2BG,YAAY,IAAIC,YAA3C;IACA,OAAOR,gBAAgB,CAACI,OAAxB;EACD,CAHD;;EAIA,MAAMK,SAAS,GAAG,MAAM;IACtBT,gBAAgB,CAACI,OAAjB,GAA2B,KAA3B;IACAP,oBAAoB,CAACO,OAArB,GAA+B;MAAEN,KAAK,EAAE,CAAT;MAAYC,GAAG,EAAE;IAAjB,CAA/B;EACD,CAHD;;EAKA,MAAMW,YAAY,GAAG,YAAuC;IAC1DD,SAAS;IAET,MAAME,eAAe,GAAG1B,SAAS,CAACa,KAAV,KAAoBb,SAAS,CAACc,GAAtD;IACA,IAAIY,eAAJ,EAAqB,OAAO,EAAP;IAErB,MAAMC,8BAA8B,GAAGzB,cAAc,CAAC0B,IAAf,CAAqBC,EAAD,IACzDtB,cAAc,CAACuB,YAAf,CAA4BC,QAA5B,CAAqCF,EAAE,CAACG,KAAxC,EAA+ChC,SAA/C,EAA0D,WAA1D,CADqC,CAAvC;IAGA,IAAI2B,8BAAJ,EAAoC,OAAO,EAAP;IAEpC,MAAM;MAAEM,WAAF;MAAeC,mBAAf;MAAoChB;IAApC,IAAqDX,cAAc,CAAC4B,eAAf,CAA+BpC,IAA/B,EAAqCC,SAAS,CAACa,KAA/C,CAA3D;IACA,IAAI,CAACoB,WAAW,EAAZ,IAAkB,CAACC,mBAAmB,EAA1C,EAA8C,OAAO,EAAP;IAE9C,MAAME,OAAO,GAAGf,mBAAmB,CAACnB,cAAc,CAACmC,MAAhB,EAAwB9B,cAAc,CAAC+B,MAAf,CAAsBf,YAA9C,CAAnC;IACA,IAAIa,OAAJ,EAAa,OAAO,EAAP;IAEbpB,uBAAuB,CAAChB,SAAS,CAACa,KAAX,EAAkBK,YAAlB,CAAvB;;IAEA,IAAIf,YAAY,CAACoC,OAAjB,EAA0B;MACxB,OAAOpC,YAAY,CAChBqC,qBADI,CACkB;QACrBC,wBAAwB,EAAEvB,YADL;QAErBwB,KAAK,EAAEnC,cAAc,CAAC+B,MAAf,CAAsBK,eAAtB,GAAwC;MAF1B,CADlB,EAKJC,IALI,GAMJC,IANI,CAMEpC,OAAD,IAAaA,OAAO,CAACqC,MAAR,CAAgBC,MAAD,IAAYA,MAAM,CAACC,MAAP,MAAkBxC,WAAlB,aAAkBA,WAAlB,uBAAkBA,WAAW,CAAEwC,MAA/B,CAA3B,CANd,CAAP;IAOD,CARD,MAQO;MACL,OAAO7C,YAAY,CAACM,OAAb,CACJwC,IADI,CACC,CAACC,CAAD,EAAIC,CAAJ;QAAA;;QAAA,sBAAUD,CAAC,CAACE,QAAZ,gDAAU,YAAYC,aAAZ,CAA0BF,CAAC,CAACC,QAA5B,CAAV;MAAA,CADD,EAEJN,MAFI,CAGFC,MAAD;QAAA;;QAAA,OACE,qBAAAA,MAAM,CAACK,QAAP,sEAAiBE,WAAjB,GAA+BC,UAA/B,CAA0CrC,YAAY,CAACoC,WAAb,EAA1C,MACAP,MAAM,CAACC,MAAP,MAAkBxC,WAAlB,aAAkBA,WAAlB,uBAAkBA,WAAW,CAAEwC,MAA/B,CAFF;MAAA,CAHG,EAOJQ,KAPI,CAOE,CAPF,EAOKjD,cAAc,CAAC+B,MAAf,CAAsBK,eAP3B,CAAP;IAQD;EACF,CArCD;;EAuCAnD,SAAS,CAAC,MAAM;IACdmB,UAAU,CAACQ,OAAX,GAAqBsC,UAAU,CAAC,YAAY;MAC1ChC,YAAY,GACToB,IADH,CACQnC,UADR,EAEGgD,KAFH,CAES,MAAMhD,UAAU,CAAC,EAAD,CAFzB,EAGGiD,OAHH,CAGW,MAAOhD,UAAU,CAACQ,OAAX,GAAqByC,SAHvC;IAID,CAL8B,EAK5BrD,cAAc,CAAC+B,MAAf,CAAsBuB,aALM,CAA/B;IAOA,OAAO,MAAM;MACX,IAAIlD,UAAU,CAACQ,OAAf,EAAwB;QACtB2C,YAAY,CAACnD,UAAU,CAACQ,OAAZ,CAAZ;QACAR,UAAU,CAACQ,OAAX,GAAqByC,SAArB;MACD;IACF,CALD;EAMD,CAdQ,EAcN,CAAC7D,IAAD,EAAOC,SAAP,CAdM,CAAT;EAgBA,OAAO;IACLS,OADK;IAELsD,KAAK,EAAExE,WAAW,CAAC,MAAMmB,UAAU,CAAC,EAAD,CAAjB,EAAuB,EAAvB,CAFb;IAGLsD,iBAAiB,EAAEpD,oBAAoB,CAACO,OAHnC;IAIL8C,aAAa,EAAElD,gBAAgB,CAACI;EAJ3B,CAAP;AAMD,CA/FD;;AAiGA,eAAetB,oBAAf"}

package/lib/module/hooks/useMentionTextInput.js

@@ -0,0 +1,128 @@
+import { useEffect, useRef, useState } from 'react';
+import { Platform } from 'react-native';
+import { replace, useFreshCallback } from '@sendbird/uikit-utils';
+import { useSendbirdChat } from './useContext';
+
+const useMentionTextInput = params => {
+  const {
+    mentionManager
+  } = useSendbirdChat();
+  const mentionedUsersRef = useRef([]);
+  const textInputRef = useRef();
+  const [text, setText] = useState('');
+  const [selection, setSelection] = useState({
+    start: 0,
+    end: 0
+  }); // TODO: Refactor text edit logic more clearly
+
+  useEffect(() => {
+    if (mentionManager.shouldUseMentionedMessageTemplate(params.messageToEdit)) {
+      const result = mentionManager.templateToTextAndMentionedUsers(params.messageToEdit.mentionedMessageTemplate, params.messageToEdit.mentionedUsers);
+      mentionedUsersRef.current = result.mentionedUsers;
+      setText(result.mentionedText);
+    } else {
+      var _params$messageToEdit;
+
+      mentionedUsersRef.current = [];
+
+      if ((_params$messageToEdit = params.messageToEdit) !== null && _params$messageToEdit !== void 0 && _params$messageToEdit.isUserMessage()) {
+        setText(params.messageToEdit.message);
+      }
+    }
+  }, [params.messageToEdit]);
+  const onChangeText = useFreshCallback((_nextText, addedMentionedUser) => {
+    const prevText = text;
+    let nextText = _nextText;
+    let offset = nextText.length - prevText.length; // Text clear
+
+    if (nextText === '') {
+      mentionedUsersRef.current = [];
+    } // Text add
+    else if (offset > 0) {
+      /** Add mentioned user **/
+      if (addedMentionedUser) mentionedUsersRef.current.push(addedMentionedUser);
+      /** Reconcile mentioned users range on the right side of the selection **/
+
+      mentionedUsersRef.current = mentionManager.reconcileRangeOfMentionedUsers(offset, selection.end, mentionedUsersRef.current);
+    } // Text remove
+    else if (offset < 0) {
+      // Ranged remove
+      if (selection.start !== selection.end) {
+        /** Filter mentioned users in selection range **/
+        const {
+          filtered,
+          lastSelection
+        } = mentionManager.removeMentionedUsersInSelection(selection, mentionedUsersRef.current);
+        /** Reconcile mentioned users range on the right side of the selection **/
+
+        mentionedUsersRef.current = mentionManager.reconcileRangeOfMentionedUsers(offset, Math.max(selection.end, lastSelection), filtered);
+      } // Single remove
+      else {
+        /** Find mentioned user who ranges in removed selection **/
+        const foundIndex = mentionedUsersRef.current.findIndex(it => mentionManager.rangeHelpers.overlaps(it.range, selection, 'underMore'));
+        /** If found, remove from the mentioned user list and remove remainder text **/
+
+        if (foundIndex > -1) {
+          const it = mentionedUsersRef.current[foundIndex];
+          const remainderLength = it.range.end - it.range.start + offset;
+          offset = -remainderLength + offset;
+          nextText = replace(nextText, it.range.start, it.range.start + remainderLength, '');
+          mentionedUsersRef.current.splice(foundIndex, 1);
+        }
+        /** Reconcile mentioned users range on the right side of the selection **/
+
+
+        mentionedUsersRef.current = mentionManager.reconcileRangeOfMentionedUsers(offset, selection.end, mentionedUsersRef.current);
+      }
+    }
+
+    setText(nextText);
+  });
+  return {
+    textInputRef,
+    selection,
+    onSelectionChange: useFreshCallback(e => {
+      const nativeSelection = { ...e.nativeEvent.selection
+      }; // NOTE: To synchronize call onSelectionChange after onChangeText called on each platform.
+
+      setTimeout(() => {
+        const mentionedUser = mentionedUsersRef.current.find(it => mentionManager.rangeHelpers.overlaps(it.range, nativeSelection)); // Selection should be blocked if changed into mentioned area
+
+        if (mentionedUser) {
+          var _textInputRef$current;
+
+          const selectionBlock = {
+            start: mentionedUser.range.start,
+            end: mentionedUser.range.end
+          };
+          (_textInputRef$current = textInputRef.current) === null || _textInputRef$current === void 0 ? void 0 : _textInputRef$current.setNativeProps({
+            selection: selectionBlock
+          }); // BUG: setNativeProps called again when invoked onChangeText
+          //  https://github.com/facebook/react-native/issues/33520
+
+          if (Platform.OS === 'android') {
+            setTimeout(() => {
+              var _textInputRef$current2;
+
+              (_textInputRef$current2 = textInputRef.current) === null || _textInputRef$current2 === void 0 ? void 0 : _textInputRef$current2.setNativeProps({
+                selection: {
+                  start: 0
+                }
+              });
+            }, 250);
+          }
+
+          setSelection(selectionBlock);
+        } else {
+          setSelection(nativeSelection);
+        }
+      }, 10);
+    }),
+    text,
+    onChangeText,
+    mentionedUsers: mentionedUsersRef.current
+  };
+};
+
+export default useMentionTextInput;
+//# sourceMappingURL=useMentionTextInput.js.map

package/lib/module/hooks/useMentionTextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useState","Platform","replace","useFreshCallback","useSendbirdChat","useMentionTextInput","params","mentionManager","mentionedUsersRef","textInputRef","text","setText","selection","setSelection","start","end","shouldUseMentionedMessageTemplate","messageToEdit","result","templateToTextAndMentionedUsers","mentionedMessageTemplate","mentionedUsers","current","mentionedText","isUserMessage","message","onChangeText","_nextText","addedMentionedUser","prevText","nextText","offset","length","push","reconcileRangeOfMentionedUsers","filtered","lastSelection","removeMentionedUsersInSelection","Math","max","foundIndex","findIndex","it","rangeHelpers","overlaps","range","remainderLength","splice","onSelectionChange","e","nativeSelection","nativeEvent","setTimeout","mentionedUser","find","selectionBlock","setNativeProps","OS"],"sources":["useMentionTextInput.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport type { NativeSyntheticEvent, TextInput, TextInputSelectionChangeEventData } from 'react-native';\nimport { Platform } from 'react-native';\n\nimport { SendbirdFileMessage, SendbirdUserMessage, replace, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { MentionedUser } from '../types';\nimport { useSendbirdChat } from './useContext';\n\nconst useMentionTextInput = (params: { messageToEdit?: SendbirdUserMessage | SendbirdFileMessage }) => {\n  const { mentionManager } = useSendbirdChat();\n\n  const mentionedUsersRef = useRef<MentionedUser[]>([]);\n  const textInputRef = useRef<TextInput>();\n\n  const [text, setText] = useState('');\n  const [selection, setSelection] = useState({ start: 0, end: 0 });\n\n  // TODO: Refactor text edit logic more clearly\n  useEffect(() => {\n    if (mentionManager.shouldUseMentionedMessageTemplate(params.messageToEdit)) {\n      const result = mentionManager.templateToTextAndMentionedUsers(\n        params.messageToEdit.mentionedMessageTemplate,\n        params.messageToEdit.mentionedUsers,\n      );\n\n      mentionedUsersRef.current = result.mentionedUsers;\n      setText(result.mentionedText);\n    } else {\n      mentionedUsersRef.current = [];\n      if (params.messageToEdit?.isUserMessage()) {\n        setText(params.messageToEdit.message);\n      }\n    }\n  }, [params.messageToEdit]);\n\n  const onChangeText = useFreshCallback((_nextText: string, addedMentionedUser?: MentionedUser) => {\n    const prevText = text;\n    let nextText = _nextText;\n    let offset = nextText.length - prevText.length;\n\n    // Text clear\n    if (nextText === '') {\n      mentionedUsersRef.current = [];\n    }\n    // Text add\n    else if (offset > 0) {\n      /** Add mentioned user **/\n      if (addedMentionedUser) mentionedUsersRef.current.push(addedMentionedUser);\n\n      /** Reconcile mentioned users range on the right side of the selection **/\n      mentionedUsersRef.current = mentionManager.reconcileRangeOfMentionedUsers(\n        offset,\n        selection.end,\n        mentionedUsersRef.current,\n      );\n    }\n    // Text remove\n    else if (offset < 0) {\n      // Ranged remove\n      if (selection.start !== selection.end) {\n        /** Filter mentioned users in selection range **/\n        const { filtered, lastSelection } = mentionManager.removeMentionedUsersInSelection(\n          selection,\n          mentionedUsersRef.current,\n        );\n\n        /** Reconcile mentioned users range on the right side of the selection **/\n        mentionedUsersRef.current = mentionManager.reconcileRangeOfMentionedUsers(\n          offset,\n          Math.max(selection.end, lastSelection),\n          filtered,\n        );\n      }\n      // Single remove\n      else {\n        /** Find mentioned user who ranges in removed selection **/\n        const foundIndex = mentionedUsersRef.current.findIndex((it) =>\n          mentionManager.rangeHelpers.overlaps(it.range, selection, 'underMore'),\n        );\n        /** If found, remove from the mentioned user list and remove remainder text **/\n        if (foundIndex > -1) {\n          const it = mentionedUsersRef.current[foundIndex];\n          const remainderLength = it.range.end - it.range.start + offset;\n\n          offset = -remainderLength + offset;\n          nextText = replace(nextText, it.range.start, it.range.start + remainderLength, '');\n\n          mentionedUsersRef.current.splice(foundIndex, 1);\n        }\n\n        /** Reconcile mentioned users range on the right side of the selection **/\n        mentionedUsersRef.current = mentionManager.reconcileRangeOfMentionedUsers(\n          offset,\n          selection.end,\n          mentionedUsersRef.current,\n        );\n      }\n    }\n\n    setText(nextText);\n  });\n\n  return {\n    textInputRef,\n    selection,\n    onSelectionChange: useFreshCallback((e: NativeSyntheticEvent<TextInputSelectionChangeEventData>) => {\n      const nativeSelection = { ...e.nativeEvent.selection };\n\n      // NOTE: To synchronize call onSelectionChange after onChangeText called on each platform.\n      setTimeout(() => {\n        const mentionedUser = mentionedUsersRef.current.find((it) =>\n          mentionManager.rangeHelpers.overlaps(it.range, nativeSelection),\n        );\n\n        // Selection should be blocked if changed into mentioned area\n        if (mentionedUser) {\n          const selectionBlock = { start: mentionedUser.range.start, end: mentionedUser.range.end };\n          textInputRef.current?.setNativeProps({ selection: selectionBlock });\n          // BUG: setNativeProps called again when invoked onChangeText\n          //  https://github.com/facebook/react-native/issues/33520\n          if (Platform.OS === 'android') {\n            setTimeout(() => {\n              textInputRef.current?.setNativeProps({ selection: { start: 0 } });\n            }, 250);\n          }\n          setSelection(selectionBlock);\n        } else {\n          setSelection(nativeSelection);\n        }\n      }, 10);\n    }),\n    text,\n    onChangeText,\n    mentionedUsers: mentionedUsersRef.current,\n  };\n};\n\nexport default useMentionTextInput;\n"],"mappings":"AAAA,SAASA,SAAT,EAAoBC,MAApB,EAA4BC,QAA5B,QAA4C,OAA5C;AAEA,SAASC,QAAT,QAAyB,cAAzB;AAEA,SAAmDC,OAAnD,EAA4DC,gBAA5D,QAAoF,uBAApF;AAGA,SAASC,eAAT,QAAgC,cAAhC;;AAEA,MAAMC,mBAAmB,GAAIC,MAAD,IAA2E;EACrG,MAAM;IAAEC;EAAF,IAAqBH,eAAe,EAA1C;EAEA,MAAMI,iBAAiB,GAAGT,MAAM,CAAkB,EAAlB,CAAhC;EACA,MAAMU,YAAY,GAAGV,MAAM,EAA3B;EAEA,MAAM,CAACW,IAAD,EAAOC,OAAP,IAAkBX,QAAQ,CAAC,EAAD,CAAhC;EACA,MAAM,CAACY,SAAD,EAAYC,YAAZ,IAA4Bb,QAAQ,CAAC;IAAEc,KAAK,EAAE,CAAT;IAAYC,GAAG,EAAE;EAAjB,CAAD,CAA1C,CAPqG,CASrG;;EACAjB,SAAS,CAAC,MAAM;IACd,IAAIS,cAAc,CAACS,iCAAf,CAAiDV,MAAM,CAACW,aAAxD,CAAJ,EAA4E;MAC1E,MAAMC,MAAM,GAAGX,cAAc,CAACY,+BAAf,CACbb,MAAM,CAACW,aAAP,CAAqBG,wBADR,EAEbd,MAAM,CAACW,aAAP,CAAqBI,cAFR,CAAf;MAKAb,iBAAiB,CAACc,OAAlB,GAA4BJ,MAAM,CAACG,cAAnC;MACAV,OAAO,CAACO,MAAM,CAACK,aAAR,CAAP;IACD,CARD,MAQO;MAAA;;MACLf,iBAAiB,CAACc,OAAlB,GAA4B,EAA5B;;MACA,6BAAIhB,MAAM,CAACW,aAAX,kDAAI,sBAAsBO,aAAtB,EAAJ,EAA2C;QACzCb,OAAO,CAACL,MAAM,CAACW,aAAP,CAAqBQ,OAAtB,CAAP;MACD;IACF;EACF,CAfQ,EAeN,CAACnB,MAAM,CAACW,aAAR,CAfM,CAAT;EAiBA,MAAMS,YAAY,GAAGvB,gBAAgB,CAAC,CAACwB,SAAD,EAAoBC,kBAApB,KAA2D;IAC/F,MAAMC,QAAQ,GAAGnB,IAAjB;IACA,IAAIoB,QAAQ,GAAGH,SAAf;IACA,IAAII,MAAM,GAAGD,QAAQ,CAACE,MAAT,GAAkBH,QAAQ,CAACG,MAAxC,CAH+F,CAK/F;;IACA,IAAIF,QAAQ,KAAK,EAAjB,EAAqB;MACnBtB,iBAAiB,CAACc,OAAlB,GAA4B,EAA5B;IACD,CAFD,CAGA;IAHA,KAIK,IAAIS,MAAM,GAAG,CAAb,EAAgB;MACnB;MACA,IAAIH,kBAAJ,EAAwBpB,iBAAiB,CAACc,OAAlB,CAA0BW,IAA1B,CAA+BL,kBAA/B;MAExB;;MACApB,iBAAiB,CAACc,OAAlB,GAA4Bf,cAAc,CAAC2B,8BAAf,CAC1BH,MAD0B,EAE1BnB,SAAS,CAACG,GAFgB,EAG1BP,iBAAiB,CAACc,OAHQ,CAA5B;IAKD,CAVI,CAWL;IAXK,KAYA,IAAIS,MAAM,GAAG,CAAb,EAAgB;MACnB;MACA,IAAInB,SAAS,CAACE,KAAV,KAAoBF,SAAS,CAACG,GAAlC,EAAuC;QACrC;QACA,MAAM;UAAEoB,QAAF;UAAYC;QAAZ,IAA8B7B,cAAc,CAAC8B,+BAAf,CAClCzB,SADkC,EAElCJ,iBAAiB,CAACc,OAFgB,CAApC;QAKA;;QACAd,iBAAiB,CAACc,OAAlB,GAA4Bf,cAAc,CAAC2B,8BAAf,CAC1BH,MAD0B,EAE1BO,IAAI,CAACC,GAAL,CAAS3B,SAAS,CAACG,GAAnB,EAAwBqB,aAAxB,CAF0B,EAG1BD,QAH0B,CAA5B;MAKD,CAbD,CAcA;MAdA,KAeK;QACH;QACA,MAAMK,UAAU,GAAGhC,iBAAiB,CAACc,OAAlB,CAA0BmB,SAA1B,CAAqCC,EAAD,IACrDnC,cAAc,CAACoC,YAAf,CAA4BC,QAA5B,CAAqCF,EAAE,CAACG,KAAxC,EAA+CjC,SAA/C,EAA0D,WAA1D,CADiB,CAAnB;QAGA;;QACA,IAAI4B,UAAU,GAAG,CAAC,CAAlB,EAAqB;UACnB,MAAME,EAAE,GAAGlC,iBAAiB,CAACc,OAAlB,CAA0BkB,UAA1B,CAAX;UACA,MAAMM,eAAe,GAAGJ,EAAE,CAACG,KAAH,CAAS9B,GAAT,GAAe2B,EAAE,CAACG,KAAH,CAAS/B,KAAxB,GAAgCiB,MAAxD;UAEAA,MAAM,GAAG,CAACe,eAAD,GAAmBf,MAA5B;UACAD,QAAQ,GAAG5B,OAAO,CAAC4B,QAAD,EAAWY,EAAE,CAACG,KAAH,CAAS/B,KAApB,EAA2B4B,EAAE,CAACG,KAAH,CAAS/B,KAAT,GAAiBgC,eAA5C,EAA6D,EAA7D,CAAlB;UAEAtC,iBAAiB,CAACc,OAAlB,CAA0ByB,MAA1B,CAAiCP,UAAjC,EAA6C,CAA7C;QACD;QAED;;;QACAhC,iBAAiB,CAACc,OAAlB,GAA4Bf,cAAc,CAAC2B,8BAAf,CAC1BH,MAD0B,EAE1BnB,SAAS,CAACG,GAFgB,EAG1BP,iBAAiB,CAACc,OAHQ,CAA5B;MAKD;IACF;;IAEDX,OAAO,CAACmB,QAAD,CAAP;EACD,CAjEoC,CAArC;EAmEA,OAAO;IACLrB,YADK;IAELG,SAFK;IAGLoC,iBAAiB,EAAE7C,gBAAgB,CAAE8C,CAAD,IAAgE;MAClG,MAAMC,eAAe,GAAG,EAAE,GAAGD,CAAC,CAACE,WAAF,CAAcvC;MAAnB,CAAxB,CADkG,CAGlG;;MACAwC,UAAU,CAAC,MAAM;QACf,MAAMC,aAAa,GAAG7C,iBAAiB,CAACc,OAAlB,CAA0BgC,IAA1B,CAAgCZ,EAAD,IACnDnC,cAAc,CAACoC,YAAf,CAA4BC,QAA5B,CAAqCF,EAAE,CAACG,KAAxC,EAA+CK,eAA/C,CADoB,CAAtB,CADe,CAKf;;QACA,IAAIG,aAAJ,EAAmB;UAAA;;UACjB,MAAME,cAAc,GAAG;YAAEzC,KAAK,EAAEuC,aAAa,CAACR,KAAd,CAAoB/B,KAA7B;YAAoCC,GAAG,EAAEsC,aAAa,CAACR,KAAd,CAAoB9B;UAA7D,CAAvB;UACA,yBAAAN,YAAY,CAACa,OAAb,gFAAsBkC,cAAtB,CAAqC;YAAE5C,SAAS,EAAE2C;UAAb,CAArC,EAFiB,CAGjB;UACA;;UACA,IAAItD,QAAQ,CAACwD,EAAT,KAAgB,SAApB,EAA+B;YAC7BL,UAAU,CAAC,MAAM;cAAA;;cACf,0BAAA3C,YAAY,CAACa,OAAb,kFAAsBkC,cAAtB,CAAqC;gBAAE5C,SAAS,EAAE;kBAAEE,KAAK,EAAE;gBAAT;cAAb,CAArC;YACD,CAFS,EAEP,GAFO,CAAV;UAGD;;UACDD,YAAY,CAAC0C,cAAD,CAAZ;QACD,CAXD,MAWO;UACL1C,YAAY,CAACqC,eAAD,CAAZ;QACD;MACF,CApBS,EAoBP,EApBO,CAAV;IAqBD,CAzBkC,CAH9B;IA6BLxC,IA7BK;IA8BLgB,YA9BK;IA+BLL,cAAc,EAAEb,iBAAiB,CAACc;EA/B7B,CAAP;AAiCD,CA/HD;;AAiIA,eAAejB,mBAAf"}

package/lib/module/index.js

@@ -2,6 +2,8 @@
 import { Platform } from 'react-native';
 import { Logger } from '@sendbird/uikit-utils';
 export { default as MessageRenderer } from './components/MessageRenderer';
+export { ReactionAddons } from './components/ReactionAddons';
+export { ReactionBottomSheets } from './components/ReactionBottomSheets';
 export { default as ChannelCover } from './components/ChannelCover';
 export { default as ChatFlatList } from './components/ChatFlatList';
 export { default as FileViewer } from './components/FileViewer';
@@ -25,6 +27,7 @@ export { default as createGroupChannelOperatorsFragment } from './fragments/crea
 export { default as createGroupChannelRegisterOperatorFragment } from './fragments/createGroupChannelRegisterOperatorFragment';
 export { default as createGroupChannelMutedMembersFragment } from './fragments/createGroupChannelMutedMembersFragment';
 export { default as createGroupChannelBannedUsersFragment } from './fragments/createGroupChannelBannedUsersFragment';
+export { default as createGroupChannelNotificationsFragment } from './fragments/createGroupChannelNotificationsFragment';
 /** Context **/
 
 export { SendbirdChatContext, SendbirdChatProvider } from './contexts/SendbirdChatCtx';
@@ -35,7 +38,7 @@ export { LocalizationContext, LocalizationProvider } from './contexts/Localizati
 
 export { default as useConnection } from './hooks/useConnection';
 export { default as usePushTokenRegistration } from './hooks/usePushTokenRegistration';
-export { useLocalization, usePlatformService, useSendbirdChat, useUserProfile } from './hooks/useContext';
+export * from './hooks/useContext';
 /** Localization **/
 
 export { default as StringSetEn } from './localization/StringSet.en';
@@ -55,10 +58,12 @@ export { default as createExpoMediaService } from './platform/createMediaService
 export * from './domain/groupChannel';
 export * from './domain/groupChannelSettings';
 export * from './domain/groupChannelList';
-export * from './domain/userList';
+export * from './domain/groupChannelNotifications';
+export { GroupChannelNotificationsProps, GroupChannelNotificationsContextsType, GroupChannelNotificationsFragment, GroupChannelNotificationsModule } from './domain/groupChannelNotifications/types';
 export * from './domain/groupChannelUserList/types';
-/** UIKit **/
+export * from './domain/userList';
 
+/** UIKit **/
 export { default as SendbirdUIKitContainer, SendbirdUIKit } from './containers/SendbirdUIKitContainer';
 export { default as SBUError } from './libs/SBUError';
 export * from './types';