@sendbird/uikit-react-native 3.7.6 → 3.8.0

package/lib/module/domain/openChannelOperators/component/OpenChannelOperatorsList.js

@@ -1,32 +1,23 @@
 import React from 'react';
 import { FlatList } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { getUserUniqId, useFreshCallback } from '@sendbird/uikit-utils';
-const OpenChannelOperatorsList = _ref => {
-  let {
-    renderUser,
-    operators,
-    ListEmptyComponent,
-    onLoadNext
-  } = _ref;
-  const renderItem = useFreshCallback(_ref2 => {
-    let {
-      item
-    } = _ref2;
-    return renderUser === null || renderUser === void 0 ? void 0 : renderUser({
-      user: item
-    });
-  });
-  const {
-    left,
-    right
-  } = useSafeAreaInsets();
+import { getUserUniqId, useFreshCallback, useSafeAreaPadding } from '@sendbird/uikit-utils';
+const OpenChannelOperatorsList = ({
+  renderUser,
+  operators,
+  ListEmptyComponent,
+  onLoadNext
+}) => {
+  const renderItem = useFreshCallback(({
+    item
+  }) => renderUser === null || renderUser === void 0 ? void 0 : renderUser({
+    user: item
+  }));
+  const safeArea = useSafeAreaPadding(['left', 'right']);
   return /*#__PURE__*/React.createElement(FlatList, {
     data: operators,
     renderItem: renderItem,
     contentContainerStyle: {
-      paddingLeft: left,
-      paddingRight: right,
+      ...safeArea,
       flexGrow: 1
     },
     ListEmptyComponent: ListEmptyComponent,

package/lib/module/domain/openChannelOperators/component/OpenChannelOperatorsList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FlatList","useSafeAreaInsets","getUserUniqId","useFreshCallback","OpenChannelOperatorsList","_ref","renderUser","operators","ListEmptyComponent","onLoadNext","renderItem","_ref2","item","user","left","right","createElement","data","contentContainerStyle","paddingLeft","paddingRight","flexGrow","bounces","keyExtractor","onEndReached"],"sources":["OpenChannelOperatorsList.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { SendbirdUser, getUserUniqId, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { OpenChannelOperatorsProps } from '../types';\n\nconst OpenChannelOperatorsList = ({\n  renderUser,\n  operators,\n  ListEmptyComponent,\n  onLoadNext,\n}: OpenChannelOperatorsProps['List']) => {\n  const renderItem: ListRenderItem<SendbirdUser> = useFreshCallback(({ item }) => renderUser?.({ user: item }));\n  const { left, right } = useSafeAreaInsets();\n\n  return (\n    <FlatList\n      data={operators}\n      renderItem={renderItem}\n      contentContainerStyle={{ paddingLeft: left, paddingRight: right, flexGrow: 1 }}\n      ListEmptyComponent={ListEmptyComponent}\n      bounces={false}\n      keyExtractor={getUserUniqId}\n      onEndReached={onLoadNext}\n    />\n  );\n};\n\nexport default OpenChannelOperatorsList;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAwB,cAAc;AACvD,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAAuBC,aAAa,EAAEC,gBAAgB,QAAQ,uBAAuB;AAIrF,MAAMC,wBAAwB,GAAGC,IAAA,IAKQ;EAAA,IALP;IAChCC,UAAU;IACVC,SAAS;IACTC,kBAAkB;IAClBC;EACiC,CAAC,GAAAJ,IAAA;EAClC,MAAMK,UAAwC,GAAGP,gBAAgB,CAACQ,KAAA;IAAA,IAAC;MAAEC;IAAK,CAAC,GAAAD,KAAA;IAAA,OAAKL,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAG;MAAEO,IAAI,EAAED;IAAK,CAAC,CAAC;EAAA,EAAC;EAC7G,MAAM;IAAEE,IAAI;IAAEC;EAAM,CAAC,GAAGd,iBAAiB,EAAE;EAE3C,oBACEF,KAAA,CAAAiB,aAAA,CAAChB,QAAQ;IACPiB,IAAI,EAAEV,SAAU;IAChBG,UAAU,EAAEA,UAAW;IACvBQ,qBAAqB,EAAE;MAAEC,WAAW,EAAEL,IAAI;MAAEM,YAAY,EAAEL,KAAK;MAAEM,QAAQ,EAAE;IAAE,CAAE;IAC/Eb,kBAAkB,EAAEA,kBAAmB;IACvCc,OAAO,EAAE,KAAM;IACfC,YAAY,EAAErB,aAAc;IAC5BsB,YAAY,EAAEf;EAAW,EACzB;AAEN,CAAC;AAED,eAAeL,wBAAwB"}
+{"version":3,"names":["React","FlatList","getUserUniqId","useFreshCallback","useSafeAreaPadding","OpenChannelOperatorsList","renderUser","operators","ListEmptyComponent","onLoadNext","renderItem","item","user","safeArea","createElement","data","contentContainerStyle","flexGrow","bounces","keyExtractor","onEndReached"],"sources":["OpenChannelOperatorsList.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\n\nimport { SendbirdUser, getUserUniqId, useFreshCallback, useSafeAreaPadding } from '@sendbird/uikit-utils';\n\nimport type { OpenChannelOperatorsProps } from '../types';\n\nconst OpenChannelOperatorsList = ({\n  renderUser,\n  operators,\n  ListEmptyComponent,\n  onLoadNext,\n}: OpenChannelOperatorsProps['List']) => {\n  const renderItem: ListRenderItem<SendbirdUser> = useFreshCallback(({ item }) => renderUser?.({ user: item }));\n  const safeArea = useSafeAreaPadding(['left', 'right']);\n\n  return (\n    <FlatList\n      data={operators}\n      renderItem={renderItem}\n      contentContainerStyle={{ ...safeArea, flexGrow: 1 }}\n      ListEmptyComponent={ListEmptyComponent}\n      bounces={false}\n      keyExtractor={getUserUniqId}\n      onEndReached={onLoadNext}\n    />\n  );\n};\n\nexport default OpenChannelOperatorsList;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAwB,cAAc;AAEvD,SAAuBC,aAAa,EAAEC,gBAAgB,EAAEC,kBAAkB,QAAQ,uBAAuB;AAIzG,MAAMC,wBAAwB,GAAGA,CAAC;EAChCC,UAAU;EACVC,SAAS;EACTC,kBAAkB;EAClBC;AACiC,CAAC,KAAK;EACvC,MAAMC,UAAwC,GAAGP,gBAAgB,CAAC,CAAC;IAAEQ;EAAK,CAAC,KAAKL,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAG;IAAEM,IAAI,EAAED;EAAK,CAAC,CAAC,CAAC;EAC7G,MAAME,QAAQ,GAAGT,kBAAkB,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;EAEtD,oBACEJ,KAAA,CAAAc,aAAA,CAACb,QAAQ;IACPc,IAAI,EAAER,SAAU;IAChBG,UAAU,EAAEA,UAAW;IACvBM,qBAAqB,EAAE;MAAE,GAAGH,QAAQ;MAAEI,QAAQ,EAAE;IAAE,CAAE;IACpDT,kBAAkB,EAAEA,kBAAmB;IACvCU,OAAO,EAAE,KAAM;IACfC,YAAY,EAAEjB,aAAc;IAC5BkB,YAAY,EAAEX;EAAW,CAC1B,CAAC;AAEN,CAAC;AAED,eAAeJ,wBAAwB","ignoreList":[]}

package/lib/module/domain/openChannelOperators/component/OpenChannelOperatorsStatusEmpty.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Box","TypedPlaceholder","OpenChannelOperatorsStatusEmpty","createElement","flex","alignItems","justifyContent","type"],"sources":["OpenChannelOperatorsStatusEmpty.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box } from '@sendbird/uikit-react-native-foundation';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst OpenChannelOperatorsStatusEmpty = () => {\n  return (\n    <Box flex={1} alignItems={'center'} justifyContent={'center'}>\n      <TypedPlaceholder type={'no-users'} />\n    </Box>\n  );\n};\n\nexport default OpenChannelOperatorsStatusEmpty;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,GAAG,QAAQ,yCAAyC;AAE7D,OAAOC,gBAAgB,MAAM,sCAAsC;AAEnE,MAAMC,+BAA+B,GAAGA,CAAA,KAAM;EAC5C,oBACEH,KAAA,CAAAI,aAAA,CAACH,GAAG;IAACI,IAAI,EAAE,CAAE;IAACC,UAAU,EAAE,QAAS;IAACC,cAAc,EAAE;EAAS,gBAC3DP,KAAA,CAAAI,aAAA,CAACF,gBAAgB;IAACM,IAAI,EAAE;EAAW,EAAG,CAClC;AAEV,CAAC;AAED,eAAeL,+BAA+B"}
+{"version":3,"names":["React","Box","TypedPlaceholder","OpenChannelOperatorsStatusEmpty","createElement","flex","alignItems","justifyContent","type"],"sources":["OpenChannelOperatorsStatusEmpty.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box } from '@sendbird/uikit-react-native-foundation';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst OpenChannelOperatorsStatusEmpty = () => {\n  return (\n    <Box flex={1} alignItems={'center'} justifyContent={'center'}>\n      <TypedPlaceholder type={'no-users'} />\n    </Box>\n  );\n};\n\nexport default OpenChannelOperatorsStatusEmpty;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,GAAG,QAAQ,yCAAyC;AAE7D,OAAOC,gBAAgB,MAAM,sCAAsC;AAEnE,MAAMC,+BAA+B,GAAGA,CAAA,KAAM;EAC5C,oBACEH,KAAA,CAAAI,aAAA,CAACH,GAAG;IAACI,IAAI,EAAE,CAAE;IAACC,UAAU,EAAE,QAAS;IAACC,cAAc,EAAE;EAAS,gBAC3DP,KAAA,CAAAI,aAAA,CAACF,gBAAgB;IAACM,IAAI,EAAE;EAAW,CAAE,CAClC,CAAC;AAEV,CAAC;AAED,eAAeL,+BAA+B","ignoreList":[]}

package/lib/module/domain/openChannelOperators/component/OpenChannelOperatorsStatusError.js

@@ -1,10 +1,9 @@
 import React from 'react';
 import { Box } from '@sendbird/uikit-react-native-foundation';
 import TypedPlaceholder from '../../../components/TypedPlaceholder';
-const OpenChannelOperatorsStatusError = _ref => {
-  let {
-    onPressRetry
-  } = _ref;
+const OpenChannelOperatorsStatusError = ({
+  onPressRetry
+}) => {
   return /*#__PURE__*/React.createElement(Box, {
     flex: 1,
     alignItems: 'center',

package/lib/module/domain/openChannelOperators/component/OpenChannelOperatorsStatusError.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Box","TypedPlaceholder","OpenChannelOperatorsStatusError","_ref","onPressRetry","createElement","flex","alignItems","justifyContent","type"],"sources":["OpenChannelOperatorsStatusError.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box } from '@sendbird/uikit-react-native-foundation';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\nimport type { OpenChannelOperatorsModule } from '../types';\n\nconst OpenChannelOperatorsStatusError: OpenChannelOperatorsModule['StatusError'] = ({ onPressRetry }) => {\n  return (\n    <Box flex={1} alignItems={'center'} justifyContent={'center'}>\n      <TypedPlaceholder type={'error-wrong'} onPressRetry={onPressRetry} />\n    </Box>\n  );\n};\n\nexport default OpenChannelOperatorsStatusError;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,GAAG,QAAQ,yCAAyC;AAE7D,OAAOC,gBAAgB,MAAM,sCAAsC;AAGnE,MAAMC,+BAA0E,GAAGC,IAAA,IAAsB;EAAA,IAArB;IAAEC;EAAa,CAAC,GAAAD,IAAA;EAClG,oBACEJ,KAAA,CAAAM,aAAA,CAACL,GAAG;IAACM,IAAI,EAAE,CAAE;IAACC,UAAU,EAAE,QAAS;IAACC,cAAc,EAAE;EAAS,gBAC3DT,KAAA,CAAAM,aAAA,CAACJ,gBAAgB;IAACQ,IAAI,EAAE,aAAc;IAACL,YAAY,EAAEA;EAAa,EAAG,CACjE;AAEV,CAAC;AAED,eAAeF,+BAA+B"}
+{"version":3,"names":["React","Box","TypedPlaceholder","OpenChannelOperatorsStatusError","onPressRetry","createElement","flex","alignItems","justifyContent","type"],"sources":["OpenChannelOperatorsStatusError.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box } from '@sendbird/uikit-react-native-foundation';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\nimport type { OpenChannelOperatorsModule } from '../types';\n\nconst OpenChannelOperatorsStatusError: OpenChannelOperatorsModule['StatusError'] = ({ onPressRetry }) => {\n  return (\n    <Box flex={1} alignItems={'center'} justifyContent={'center'}>\n      <TypedPlaceholder type={'error-wrong'} onPressRetry={onPressRetry} />\n    </Box>\n  );\n};\n\nexport default OpenChannelOperatorsStatusError;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,GAAG,QAAQ,yCAAyC;AAE7D,OAAOC,gBAAgB,MAAM,sCAAsC;AAGnE,MAAMC,+BAA0E,GAAGA,CAAC;EAAEC;AAAa,CAAC,KAAK;EACvG,oBACEJ,KAAA,CAAAK,aAAA,CAACJ,GAAG;IAACK,IAAI,EAAE,CAAE;IAACC,UAAU,EAAE,QAAS;IAACC,cAAc,EAAE;EAAS,gBAC3DR,KAAA,CAAAK,aAAA,CAACH,gBAAgB;IAACO,IAAI,EAAE,aAAc;IAACL,YAAY,EAAEA;EAAa,CAAE,CACjE,CAAC;AAEV,CAAC;AAED,eAAeD,+BAA+B","ignoreList":[]}

package/lib/module/domain/openChannelOperators/component/OpenChannelOperatorsStatusLoading.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Box","TypedPlaceholder","OpenChannelOperatorsStatusLoading","createElement","flex","alignItems","justifyContent","type"],"sources":["OpenChannelOperatorsStatusLoading.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box } from '@sendbird/uikit-react-native-foundation';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst OpenChannelOperatorsStatusLoading = () => {\n  return (\n    <Box flex={1} alignItems={'center'} justifyContent={'center'}>\n      <TypedPlaceholder type={'loading'} />\n    </Box>\n  );\n};\n\nexport default OpenChannelOperatorsStatusLoading;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,GAAG,QAAQ,yCAAyC;AAE7D,OAAOC,gBAAgB,MAAM,sCAAsC;AAEnE,MAAMC,iCAAiC,GAAGA,CAAA,KAAM;EAC9C,oBACEH,KAAA,CAAAI,aAAA,CAACH,GAAG;IAACI,IAAI,EAAE,CAAE;IAACC,UAAU,EAAE,QAAS;IAACC,cAAc,EAAE;EAAS,gBAC3DP,KAAA,CAAAI,aAAA,CAACF,gBAAgB;IAACM,IAAI,EAAE;EAAU,EAAG,CACjC;AAEV,CAAC;AAED,eAAeL,iCAAiC"}
+{"version":3,"names":["React","Box","TypedPlaceholder","OpenChannelOperatorsStatusLoading","createElement","flex","alignItems","justifyContent","type"],"sources":["OpenChannelOperatorsStatusLoading.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box } from '@sendbird/uikit-react-native-foundation';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst OpenChannelOperatorsStatusLoading = () => {\n  return (\n    <Box flex={1} alignItems={'center'} justifyContent={'center'}>\n      <TypedPlaceholder type={'loading'} />\n    </Box>\n  );\n};\n\nexport default OpenChannelOperatorsStatusLoading;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,GAAG,QAAQ,yCAAyC;AAE7D,OAAOC,gBAAgB,MAAM,sCAAsC;AAEnE,MAAMC,iCAAiC,GAAGA,CAAA,KAAM;EAC9C,oBACEH,KAAA,CAAAI,aAAA,CAACH,GAAG;IAACI,IAAI,EAAE,CAAE;IAACC,UAAU,EAAE,QAAS;IAACC,cAAc,EAAE;EAAS,gBAC3DP,KAAA,CAAAI,aAAA,CAACF,gBAAgB;IAACM,IAAI,EAAE;EAAU,CAAE,CACjC,CAAC;AAEV,CAAC;AAED,eAAeL,iCAAiC","ignoreList":[]}

package/lib/module/domain/openChannelOperators/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","OpenChannelOperatorsHeader","OpenChannelOperatorsList","OpenChannelOperatorsStatusLoading","OpenChannelOperatorsStatusEmpty","createOpenChannelOperatorsModule","OpenChannelOperatorsContextsProvider","OpenChannelOperatorsContexts"],"sources":["index.ts"],"sourcesContent":["export { default as OpenChannelOperatorsHeader } from './component/OpenChannelOperatorsHeader';\nexport { default as OpenChannelOperatorsList } from './component/OpenChannelOperatorsList';\nexport { default as OpenChannelOperatorsStatusLoading } from './component/OpenChannelOperatorsStatusLoading';\nexport { default as OpenChannelOperatorsStatusEmpty } from './component/OpenChannelOperatorsStatusEmpty';\nexport { default as createOpenChannelOperatorsModule } from './module/createOpenChannelOperatorsModule';\nexport { OpenChannelOperatorsContextsProvider, OpenChannelOperatorsContexts } from './module/moduleContext';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,0BAA0B,QAAQ,wCAAwC;AAC9F,SAASD,OAAO,IAAIE,wBAAwB,QAAQ,sCAAsC;AAC1F,SAASF,OAAO,IAAIG,iCAAiC,QAAQ,+CAA+C;AAC5G,SAASH,OAAO,IAAII,+BAA+B,QAAQ,6CAA6C;AACxG,SAASJ,OAAO,IAAIK,gCAAgC,QAAQ,2CAA2C;AACvG,SAASC,oCAAoC,EAAEC,4BAA4B,QAAQ,wBAAwB"}
+{"version":3,"names":["default","OpenChannelOperatorsHeader","OpenChannelOperatorsList","OpenChannelOperatorsStatusLoading","OpenChannelOperatorsStatusEmpty","createOpenChannelOperatorsModule","OpenChannelOperatorsContextsProvider","OpenChannelOperatorsContexts"],"sources":["index.ts"],"sourcesContent":["export { default as OpenChannelOperatorsHeader } from './component/OpenChannelOperatorsHeader';\nexport { default as OpenChannelOperatorsList } from './component/OpenChannelOperatorsList';\nexport { default as OpenChannelOperatorsStatusLoading } from './component/OpenChannelOperatorsStatusLoading';\nexport { default as OpenChannelOperatorsStatusEmpty } from './component/OpenChannelOperatorsStatusEmpty';\nexport { default as createOpenChannelOperatorsModule } from './module/createOpenChannelOperatorsModule';\nexport { OpenChannelOperatorsContextsProvider, OpenChannelOperatorsContexts } from './module/moduleContext';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,0BAA0B,QAAQ,wCAAwC;AAC9F,SAASD,OAAO,IAAIE,wBAAwB,QAAQ,sCAAsC;AAC1F,SAASF,OAAO,IAAIG,iCAAiC,QAAQ,+CAA+C;AAC5G,SAASH,OAAO,IAAII,+BAA+B,QAAQ,6CAA6C;AACxG,SAASJ,OAAO,IAAIK,gCAAgC,QAAQ,2CAA2C;AACvG,SAASC,oCAAoC,EAAEC,4BAA4B,QAAQ,wBAAwB","ignoreList":[]}

package/lib/module/domain/openChannelOperators/module/createOpenChannelOperatorsModule.js

@@ -4,16 +4,15 @@ import OpenChannelOperatorsStatusEmpty from '../component/OpenChannelOperatorsSt
 import OpenChannelOperatorsStatusError from '../component/OpenChannelOperatorsStatusError';
 import OpenChannelOperatorsStatusLoading from '../component/OpenChannelOperatorsStatusLoading';
 import { OpenChannelOperatorsContextsProvider } from './moduleContext';
-const createOpenChannelOperatorsModule = function () {
-  let {
-    Header = OpenChannelOperatorsHeader,
-    List = OpenChannelOperatorsList,
-    StatusLoading = OpenChannelOperatorsStatusLoading,
-    StatusEmpty = OpenChannelOperatorsStatusEmpty,
-    StatusError = OpenChannelOperatorsStatusError,
-    Provider = OpenChannelOperatorsContextsProvider,
-    ...module
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+const createOpenChannelOperatorsModule = ({
+  Header = OpenChannelOperatorsHeader,
+  List = OpenChannelOperatorsList,
+  StatusLoading = OpenChannelOperatorsStatusLoading,
+  StatusEmpty = OpenChannelOperatorsStatusEmpty,
+  StatusError = OpenChannelOperatorsStatusError,
+  Provider = OpenChannelOperatorsContextsProvider,
+  ...module
+} = {}) => {
   return {
     Header,
     List,

package/lib/module/domain/openChannelOperators/module/createOpenChannelOperatorsModule.js.map

@@ -1 +1 @@
-{"version":3,"names":["OpenChannelOperatorsHeader","OpenChannelOperatorsList","OpenChannelOperatorsStatusEmpty","OpenChannelOperatorsStatusError","OpenChannelOperatorsStatusLoading","OpenChannelOperatorsContextsProvider","createOpenChannelOperatorsModule","Header","List","StatusLoading","StatusEmpty","StatusError","Provider","module","arguments","length","undefined"],"sources":["createOpenChannelOperatorsModule.tsx"],"sourcesContent":["import OpenChannelOperatorsHeader from '../component/OpenChannelOperatorsHeader';\nimport OpenChannelOperatorsList from '../component/OpenChannelOperatorsList';\nimport OpenChannelOperatorsStatusEmpty from '../component/OpenChannelOperatorsStatusEmpty';\nimport OpenChannelOperatorsStatusError from '../component/OpenChannelOperatorsStatusError';\nimport OpenChannelOperatorsStatusLoading from '../component/OpenChannelOperatorsStatusLoading';\nimport type { OpenChannelOperatorsModule } from '../types';\nimport { OpenChannelOperatorsContextsProvider } from './moduleContext';\n\nconst createOpenChannelOperatorsModule = ({\n  Header = OpenChannelOperatorsHeader,\n  List = OpenChannelOperatorsList,\n  StatusLoading = OpenChannelOperatorsStatusLoading,\n  StatusEmpty = OpenChannelOperatorsStatusEmpty,\n  StatusError = OpenChannelOperatorsStatusError,\n  Provider = OpenChannelOperatorsContextsProvider,\n  ...module\n}: Partial<OpenChannelOperatorsModule> = {}): OpenChannelOperatorsModule => {\n  return { Header, List, Provider, StatusEmpty, StatusLoading, StatusError, ...module };\n};\n\nexport default createOpenChannelOperatorsModule;\n"],"mappings":"AAAA,OAAOA,0BAA0B,MAAM,yCAAyC;AAChF,OAAOC,wBAAwB,MAAM,uCAAuC;AAC5E,OAAOC,+BAA+B,MAAM,8CAA8C;AAC1F,OAAOC,+BAA+B,MAAM,8CAA8C;AAC1F,OAAOC,iCAAiC,MAAM,gDAAgD;AAE9F,SAASC,oCAAoC,QAAQ,iBAAiB;AAEtE,MAAMC,gCAAgC,GAAG,SAAAA,CAAA,EAQmC;EAAA,IARlC;IACxCC,MAAM,GAAGP,0BAA0B;IACnCQ,IAAI,GAAGP,wBAAwB;IAC/BQ,aAAa,GAAGL,iCAAiC;IACjDM,WAAW,GAAGR,+BAA+B;IAC7CS,WAAW,GAAGR,+BAA+B;IAC7CS,QAAQ,GAAGP,oCAAoC;IAC/C,GAAGQ;EACgC,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACzC,OAAO;IAAEP,MAAM;IAAEC,IAAI;IAAEI,QAAQ;IAAEF,WAAW;IAAED,aAAa;IAAEE,WAAW;IAAE,GAAGE;EAAO,CAAC;AACvF,CAAC;AAED,eAAeP,gCAAgC"}
+{"version":3,"names":["OpenChannelOperatorsHeader","OpenChannelOperatorsList","OpenChannelOperatorsStatusEmpty","OpenChannelOperatorsStatusError","OpenChannelOperatorsStatusLoading","OpenChannelOperatorsContextsProvider","createOpenChannelOperatorsModule","Header","List","StatusLoading","StatusEmpty","StatusError","Provider","module"],"sources":["createOpenChannelOperatorsModule.tsx"],"sourcesContent":["import OpenChannelOperatorsHeader from '../component/OpenChannelOperatorsHeader';\nimport OpenChannelOperatorsList from '../component/OpenChannelOperatorsList';\nimport OpenChannelOperatorsStatusEmpty from '../component/OpenChannelOperatorsStatusEmpty';\nimport OpenChannelOperatorsStatusError from '../component/OpenChannelOperatorsStatusError';\nimport OpenChannelOperatorsStatusLoading from '../component/OpenChannelOperatorsStatusLoading';\nimport type { OpenChannelOperatorsModule } from '../types';\nimport { OpenChannelOperatorsContextsProvider } from './moduleContext';\n\nconst createOpenChannelOperatorsModule = ({\n  Header = OpenChannelOperatorsHeader,\n  List = OpenChannelOperatorsList,\n  StatusLoading = OpenChannelOperatorsStatusLoading,\n  StatusEmpty = OpenChannelOperatorsStatusEmpty,\n  StatusError = OpenChannelOperatorsStatusError,\n  Provider = OpenChannelOperatorsContextsProvider,\n  ...module\n}: Partial<OpenChannelOperatorsModule> = {}): OpenChannelOperatorsModule => {\n  return { Header, List, Provider, StatusEmpty, StatusLoading, StatusError, ...module };\n};\n\nexport default createOpenChannelOperatorsModule;\n"],"mappings":"AAAA,OAAOA,0BAA0B,MAAM,yCAAyC;AAChF,OAAOC,wBAAwB,MAAM,uCAAuC;AAC5E,OAAOC,+BAA+B,MAAM,8CAA8C;AAC1F,OAAOC,+BAA+B,MAAM,8CAA8C;AAC1F,OAAOC,iCAAiC,MAAM,gDAAgD;AAE9F,SAASC,oCAAoC,QAAQ,iBAAiB;AAEtE,MAAMC,gCAAgC,GAAGA,CAAC;EACxCC,MAAM,GAAGP,0BAA0B;EACnCQ,IAAI,GAAGP,wBAAwB;EAC/BQ,aAAa,GAAGL,iCAAiC;EACjDM,WAAW,GAAGR,+BAA+B;EAC7CS,WAAW,GAAGR,+BAA+B;EAC7CS,QAAQ,GAAGP,oCAAoC;EAC/C,GAAGQ;AACgC,CAAC,GAAG,CAAC,CAAC,KAAiC;EAC1E,OAAO;IAAEN,MAAM;IAAEC,IAAI;IAAEI,QAAQ;IAAEF,WAAW;IAAED,aAAa;IAAEE,WAAW;IAAE,GAAGE;EAAO,CAAC;AACvF,CAAC;AAED,eAAeP,gCAAgC","ignoreList":[]}

package/lib/module/domain/openChannelOperators/module/moduleContext.js

@@ -7,11 +7,10 @@ export const OpenChannelOperatorsContexts = {
     channel: {}
   })
 };
-export const OpenChannelOperatorsContextsProvider = _ref => {
-  let {
-    children,
-    channel
-  } = _ref;
+export const OpenChannelOperatorsContextsProvider = ({
+  children,
+  channel
+}) => {
   const {
     STRINGS
   } = useLocalization();

package/lib/module/domain/openChannelOperators/module/moduleContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","ProviderLayout","useLocalization","OpenChannelOperatorsContexts","Fragment","headerTitle","channel","OpenChannelOperatorsContextsProvider","_ref","children","STRINGS","createElement","Provider","value","OPEN_CHANNEL_OPERATORS","HEADER_TITLE"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext } from 'react';\n\nimport type { SendbirdOpenChannel } from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization } from '../../../hooks/useContext';\nimport type { OpenChannelOperatorsContextsType, OpenChannelOperatorsModule } from '../types';\n\nexport const OpenChannelOperatorsContexts: OpenChannelOperatorsContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdOpenChannel,\n  }),\n};\n\nexport const OpenChannelOperatorsContextsProvider: OpenChannelOperatorsModule['Provider'] = ({ children, channel }) => {\n  const { STRINGS } = useLocalization();\n  return (\n    <ProviderLayout>\n      <OpenChannelOperatorsContexts.Fragment.Provider\n        value={{ headerTitle: STRINGS.OPEN_CHANNEL_OPERATORS.HEADER_TITLE, channel }}\n      >\n        {children}\n      </OpenChannelOperatorsContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAI5C,OAAOC,cAAc,MAAM,oCAAoC;AAC/D,SAASC,eAAe,QAAQ,2BAA2B;AAG3D,OAAO,MAAMC,4BAA8D,GAAG;EAC5EC,QAAQ,eAAEJ,aAAa,CAAC;IACtBK,WAAW,EAAE,EAAE;IACfC,OAAO,EAAE,CAAC;EACZ,CAAC;AACH,CAAC;AAED,OAAO,MAAMC,oCAA4E,GAAGC,IAAA,IAA2B;EAAA,IAA1B;IAAEC,QAAQ;IAAEH;EAAQ,CAAC,GAAAE,IAAA;EAChH,MAAM;IAAEE;EAAQ,CAAC,GAAGR,eAAe,EAAE;EACrC,oBACEH,KAAA,CAAAY,aAAA,CAACV,cAAc,qBACbF,KAAA,CAAAY,aAAA,CAACR,4BAA4B,CAACC,QAAQ,CAACQ,QAAQ;IAC7CC,KAAK,EAAE;MAAER,WAAW,EAAEK,OAAO,CAACI,sBAAsB,CAACC,YAAY;MAAET;IAAQ;EAAE,GAE5EG,QAAQ,CACsC,CAClC;AAErB,CAAC"}
+{"version":3,"names":["React","createContext","ProviderLayout","useLocalization","OpenChannelOperatorsContexts","Fragment","headerTitle","channel","OpenChannelOperatorsContextsProvider","children","STRINGS","createElement","Provider","value","OPEN_CHANNEL_OPERATORS","HEADER_TITLE"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext } from 'react';\n\nimport type { SendbirdOpenChannel } from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization } from '../../../hooks/useContext';\nimport type { OpenChannelOperatorsContextsType, OpenChannelOperatorsModule } from '../types';\n\nexport const OpenChannelOperatorsContexts: OpenChannelOperatorsContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdOpenChannel,\n  }),\n};\n\nexport const OpenChannelOperatorsContextsProvider: OpenChannelOperatorsModule['Provider'] = ({ children, channel }) => {\n  const { STRINGS } = useLocalization();\n  return (\n    <ProviderLayout>\n      <OpenChannelOperatorsContexts.Fragment.Provider\n        value={{ headerTitle: STRINGS.OPEN_CHANNEL_OPERATORS.HEADER_TITLE, channel }}\n      >\n        {children}\n      </OpenChannelOperatorsContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAI5C,OAAOC,cAAc,MAAM,oCAAoC;AAC/D,SAASC,eAAe,QAAQ,2BAA2B;AAG3D,OAAO,MAAMC,4BAA8D,GAAG;EAC5EC,QAAQ,eAAEJ,aAAa,CAAC;IACtBK,WAAW,EAAE,EAAE;IACfC,OAAO,EAAE,CAAC;EACZ,CAAC;AACH,CAAC;AAED,OAAO,MAAMC,oCAA4E,GAAGA,CAAC;EAAEC,QAAQ;EAAEF;AAAQ,CAAC,KAAK;EACrH,MAAM;IAAEG;EAAQ,CAAC,GAAGP,eAAe,CAAC,CAAC;EACrC,oBACEH,KAAA,CAAAW,aAAA,CAACT,cAAc,qBACbF,KAAA,CAAAW,aAAA,CAACP,4BAA4B,CAACC,QAAQ,CAACO,QAAQ;IAC7CC,KAAK,EAAE;MAAEP,WAAW,EAAEI,OAAO,CAACI,sBAAsB,CAACC,YAAY;MAAER;IAAQ;EAAE,GAE5EE,QAC6C,CAClC,CAAC;AAErB,CAAC","ignoreList":[]}

package/lib/module/domain/openChannelOperators/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { UseUserListOptions } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdOpenChannel, SendbirdUser } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport type OpenChannelOperatorsProps = {\n  Fragment: {\n    channel: SendbirdOpenChannel;\n    onPressHeaderLeft: OpenChannelOperatorsProps['Header']['onPressHeaderLeft'];\n    onPressHeaderRight: OpenChannelOperatorsProps['Header']['onPressHeaderRight'];\n    renderUser?: OpenChannelOperatorsProps['List']['renderUser'];\n    queryCreator?: UseUserListOptions<SendbirdUser>['queryCreator'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: () => void;\n  };\n  List: {\n    operators: SendbirdUser[];\n    onLoadNext: () => void;\n    renderUser: (props: { user: SendbirdUser }) => React.ReactElement | null;\n    ListEmptyComponent?: React.ReactElement;\n  };\n  StatusError: {\n    onPressRetry: () => void;\n  };\n  Provider: {\n    channel: SendbirdOpenChannel;\n  };\n};\n\n/**\n * Internal context for OpenChannelOperators\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport type OpenChannelOperatorsContextsType = {\n  Fragment: React.Context<{\n    headerTitle: string;\n    channel: SendbirdOpenChannel;\n  }>;\n};\nexport interface OpenChannelOperatorsModule {\n  Provider: CommonComponent<OpenChannelOperatorsProps['Provider']>;\n  Header: CommonComponent<OpenChannelOperatorsProps['Header']>;\n  List: CommonComponent<OpenChannelOperatorsProps['List']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n  StatusError: CommonComponent<OpenChannelOperatorsProps['StatusError']>;\n}\n\nexport type OpenChannelOperatorsFragment = React.FC<OpenChannelOperatorsProps['Fragment']>;\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { UseUserListOptions } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdOpenChannel, SendbirdUser } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport type OpenChannelOperatorsProps = {\n  Fragment: {\n    channel: SendbirdOpenChannel;\n    onPressHeaderLeft: OpenChannelOperatorsProps['Header']['onPressHeaderLeft'];\n    onPressHeaderRight: OpenChannelOperatorsProps['Header']['onPressHeaderRight'];\n    renderUser?: OpenChannelOperatorsProps['List']['renderUser'];\n    queryCreator?: UseUserListOptions<SendbirdUser>['queryCreator'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: () => void;\n  };\n  List: {\n    operators: SendbirdUser[];\n    onLoadNext: () => void;\n    renderUser: (props: { user: SendbirdUser }) => React.ReactElement | null;\n    ListEmptyComponent?: React.ReactElement;\n  };\n  StatusError: {\n    onPressRetry: () => void;\n  };\n  Provider: {\n    channel: SendbirdOpenChannel;\n  };\n};\n\n/**\n * Internal context for OpenChannelOperators\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport type OpenChannelOperatorsContextsType = {\n  Fragment: React.Context<{\n    headerTitle: string;\n    channel: SendbirdOpenChannel;\n  }>;\n};\nexport interface OpenChannelOperatorsModule {\n  Provider: CommonComponent<OpenChannelOperatorsProps['Provider']>;\n  Header: CommonComponent<OpenChannelOperatorsProps['Header']>;\n  List: CommonComponent<OpenChannelOperatorsProps['List']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n  StatusError: CommonComponent<OpenChannelOperatorsProps['StatusError']>;\n}\n\nexport type OpenChannelOperatorsFragment = React.FC<OpenChannelOperatorsProps['Fragment']>;\n"],"mappings":"","ignoreList":[]}

package/lib/module/domain/openChannelSettings/component/OpenChannelSettingsHeader.js

@@ -1,10 +1,9 @@
 import React, { useContext } from 'react';
 import { Icon, Text, useHeaderStyle, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { OpenChannelSettingsContexts } from '../module/moduleContext';
-const OpenChannelSettingsHeader = _ref => {
-  let {
-    onPressHeaderLeft
-  } = _ref;
+const OpenChannelSettingsHeader = ({
+  onPressHeaderLeft
+}) => {
   const {
     colors
   } = useUIKitTheme();

package/lib/module/domain/openChannelSettings/component/OpenChannelSettingsHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","Icon","Text","useHeaderStyle","useUIKitTheme","OpenChannelSettingsContexts","OpenChannelSettingsHeader","_ref","onPressHeaderLeft","colors","headerTitle","headerRight","onPressHeaderRight","Fragment","HeaderComponent","createElement","title","left","icon","onPressLeft","right","button","color","primary","onPressRight"],"sources":["OpenChannelSettingsHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Icon, Text, useHeaderStyle, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nimport { OpenChannelSettingsContexts } from '../module/moduleContext';\nimport type { OpenChannelSettingsProps } from '../types';\n\nconst OpenChannelSettingsHeader = ({ onPressHeaderLeft }: OpenChannelSettingsProps['Header']) => {\n  const { colors } = useUIKitTheme();\n  const { headerTitle, headerRight, onPressHeaderRight } = useContext(OpenChannelSettingsContexts.Fragment);\n\n  const { HeaderComponent } = useHeaderStyle();\n\n  return (\n    <HeaderComponent\n      title={headerTitle}\n      left={<Icon icon={'arrow-left'} />}\n      onPressLeft={onPressHeaderLeft}\n      right={\n        <Text button color={colors.primary}>\n          {headerRight}\n        </Text>\n      }\n      onPressRight={onPressHeaderRight}\n    />\n  );\n};\n\nexport default OpenChannelSettingsHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,IAAI,EAAEC,IAAI,EAAEC,cAAc,EAAEC,aAAa,QAAQ,yCAAyC;AAEnG,SAASC,2BAA2B,QAAQ,yBAAyB;AAGrE,MAAMC,yBAAyB,GAAGC,IAAA,IAA+D;EAAA,IAA9D;IAAEC;EAAsD,CAAC,GAAAD,IAAA;EAC1F,MAAM;IAAEE;EAAO,CAAC,GAAGL,aAAa,EAAE;EAClC,MAAM;IAAEM,WAAW;IAAEC,WAAW;IAAEC;EAAmB,CAAC,GAAGZ,UAAU,CAACK,2BAA2B,CAACQ,QAAQ,CAAC;EAEzG,MAAM;IAAEC;EAAgB,CAAC,GAAGX,cAAc,EAAE;EAE5C,oBACEJ,KAAA,CAAAgB,aAAA,CAACD,eAAe;IACdE,KAAK,EAAEN,WAAY;IACnBO,IAAI,eAAElB,KAAA,CAAAgB,aAAA,CAACd,IAAI;MAACiB,IAAI,EAAE;IAAa,EAAI;IACnCC,WAAW,EAAEX,iBAAkB;IAC/BY,KAAK,eACHrB,KAAA,CAAAgB,aAAA,CAACb,IAAI;MAACmB,MAAM;MAACC,KAAK,EAAEb,MAAM,CAACc;IAAQ,GAChCZ,WAAW,CAEf;IACDa,YAAY,EAAEZ;EAAmB,EACjC;AAEN,CAAC;AAED,eAAeN,yBAAyB"}
+{"version":3,"names":["React","useContext","Icon","Text","useHeaderStyle","useUIKitTheme","OpenChannelSettingsContexts","OpenChannelSettingsHeader","onPressHeaderLeft","colors","headerTitle","headerRight","onPressHeaderRight","Fragment","HeaderComponent","createElement","title","left","icon","onPressLeft","right","button","color","primary","onPressRight"],"sources":["OpenChannelSettingsHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Icon, Text, useHeaderStyle, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nimport { OpenChannelSettingsContexts } from '../module/moduleContext';\nimport type { OpenChannelSettingsProps } from '../types';\n\nconst OpenChannelSettingsHeader = ({ onPressHeaderLeft }: OpenChannelSettingsProps['Header']) => {\n  const { colors } = useUIKitTheme();\n  const { headerTitle, headerRight, onPressHeaderRight } = useContext(OpenChannelSettingsContexts.Fragment);\n\n  const { HeaderComponent } = useHeaderStyle();\n\n  return (\n    <HeaderComponent\n      title={headerTitle}\n      left={<Icon icon={'arrow-left'} />}\n      onPressLeft={onPressHeaderLeft}\n      right={\n        <Text button color={colors.primary}>\n          {headerRight}\n        </Text>\n      }\n      onPressRight={onPressHeaderRight}\n    />\n  );\n};\n\nexport default OpenChannelSettingsHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,IAAI,EAAEC,IAAI,EAAEC,cAAc,EAAEC,aAAa,QAAQ,yCAAyC;AAEnG,SAASC,2BAA2B,QAAQ,yBAAyB;AAGrE,MAAMC,yBAAyB,GAAGA,CAAC;EAAEC;AAAsD,CAAC,KAAK;EAC/F,MAAM;IAAEC;EAAO,CAAC,GAAGJ,aAAa,CAAC,CAAC;EAClC,MAAM;IAAEK,WAAW;IAAEC,WAAW;IAAEC;EAAmB,CAAC,GAAGX,UAAU,CAACK,2BAA2B,CAACO,QAAQ,CAAC;EAEzG,MAAM;IAAEC;EAAgB,CAAC,GAAGV,cAAc,CAAC,CAAC;EAE5C,oBACEJ,KAAA,CAAAe,aAAA,CAACD,eAAe;IACdE,KAAK,EAAEN,WAAY;IACnBO,IAAI,eAAEjB,KAAA,CAAAe,aAAA,CAACb,IAAI;MAACgB,IAAI,EAAE;IAAa,CAAE,CAAE;IACnCC,WAAW,EAAEX,iBAAkB;IAC/BY,KAAK,eACHpB,KAAA,CAAAe,aAAA,CAACZ,IAAI;MAACkB,MAAM;MAACC,KAAK,EAAEb,MAAM,CAACc;IAAQ,GAChCZ,WACG,CACP;IACDa,YAAY,EAAEZ;EAAmB,CAClC,CAAC;AAEN,CAAC;AAED,eAAeL,yBAAyB","ignoreList":[]}

package/lib/module/domain/openChannelSettings/component/OpenChannelSettingsInfo.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","Box","Divider","Text","createStyleSheet","useUIKitTheme","getOpenChannelTitle","ChannelCover","useLocalization","OpenChannelSettingsContexts","OpenChannelSettingsInfo","_","channel","Fragment","STRINGS","colors","createElement","paddingVertical","alignItems","size","containerStyle","styles","avatarContainer","h1","numberOfLines","body2","color","onBackground02","style","infoUrl","OPEN_CHANNEL_SETTINGS","INFO_URL","body3","onBackground01","url","marginBottom"],"sources":["OpenChannelSettingsInfo.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Box, Divider, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { getOpenChannelTitle } from '@sendbird/uikit-utils';\n\nimport ChannelCover from '../../../components/ChannelCover';\nimport { useLocalization } from '../../../hooks/useContext';\nimport { OpenChannelSettingsContexts } from '../module/moduleContext';\nimport type { OpenChannelSettingsProps } from '../types';\n\nconst OpenChannelSettingsInfo = (_: OpenChannelSettingsProps['Info']) => {\n  const { channel } = useContext(OpenChannelSettingsContexts.Fragment);\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  return (\n    <Box>\n      <Box paddingVertical={24} alignItems={'center'}>\n        <ChannelCover channel={channel} size={80} containerStyle={styles.avatarContainer} />\n        <Text h1 numberOfLines={1}>\n          {getOpenChannelTitle(channel) || ' '}\n        </Text>\n      </Box>\n      <Divider />\n\n      <Box paddingVertical={16}>\n        <Text body2 color={colors.onBackground02} style={styles.infoUrl}>\n          {STRINGS.OPEN_CHANNEL_SETTINGS.INFO_URL}\n        </Text>\n        <Text body3 color={colors.onBackground01}>\n          {channel.url}\n        </Text>\n      </Box>\n      <Divider />\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  avatarContainer: {\n    marginBottom: 12,\n  },\n  infoUrl: {\n    marginBottom: 4,\n  },\n});\nexport default OpenChannelSettingsInfo;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,GAAG,EAAEC,OAAO,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,aAAa,QAAQ,yCAAyC;AAC7G,SAASC,mBAAmB,QAAQ,uBAAuB;AAE3D,OAAOC,YAAY,MAAM,kCAAkC;AAC3D,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,2BAA2B,QAAQ,yBAAyB;AAGrE,MAAMC,uBAAuB,GAAIC,CAAmC,IAAK;EACvE,MAAM;IAAEC;EAAQ,CAAC,GAAGZ,UAAU,CAACS,2BAA2B,CAACI,QAAQ,CAAC;EACpE,MAAM;IAAEC;EAAQ,CAAC,GAAGN,eAAe,EAAE;EACrC,MAAM;IAAEO;EAAO,CAAC,GAAGV,aAAa,EAAE;EAElC,oBACEN,KAAA,CAAAiB,aAAA,CAACf,GAAG,qBACFF,KAAA,CAAAiB,aAAA,CAACf,GAAG;IAACgB,eAAe,EAAE,EAAG;IAACC,UAAU,EAAE;EAAS,gBAC7CnB,KAAA,CAAAiB,aAAA,CAACT,YAAY;IAACK,OAAO,EAAEA,OAAQ;IAACO,IAAI,EAAE,EAAG;IAACC,cAAc,EAAEC,MAAM,CAACC;EAAgB,EAAG,eACpFvB,KAAA,CAAAiB,aAAA,CAACb,IAAI;IAACoB,EAAE;IAACC,aAAa,EAAE;EAAE,GACvBlB,mBAAmB,CAACM,OAAO,CAAC,IAAI,GAAG,CAC/B,CACH,eACNb,KAAA,CAAAiB,aAAA,CAACd,OAAO,OAAG,eAEXH,KAAA,CAAAiB,aAAA,CAACf,GAAG;IAACgB,eAAe,EAAE;EAAG,gBACvBlB,KAAA,CAAAiB,aAAA,CAACb,IAAI;IAACsB,KAAK;IAACC,KAAK,EAAEX,MAAM,CAACY,cAAe;IAACC,KAAK,EAAEP,MAAM,CAACQ;EAAQ,GAC7Df,OAAO,CAACgB,qBAAqB,CAACC,QAAQ,CAClC,eACPhC,KAAA,CAAAiB,aAAA,CAACb,IAAI;IAAC6B,KAAK;IAACN,KAAK,EAAEX,MAAM,CAACkB;EAAe,GACtCrB,OAAO,CAACsB,GAAG,CACP,CACH,eACNnC,KAAA,CAAAiB,aAAA,CAACd,OAAO,OAAG,CACP;AAEV,CAAC;AAED,MAAMmB,MAAM,GAAGjB,gBAAgB,CAAC;EAC9BkB,eAAe,EAAE;IACfa,YAAY,EAAE;EAChB,CAAC;EACDN,OAAO,EAAE;IACPM,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AACF,eAAezB,uBAAuB"}
+{"version":3,"names":["React","useContext","Box","Divider","Text","createStyleSheet","useUIKitTheme","getOpenChannelTitle","ChannelCover","useLocalization","OpenChannelSettingsContexts","OpenChannelSettingsInfo","_","channel","Fragment","STRINGS","colors","createElement","paddingVertical","alignItems","size","containerStyle","styles","avatarContainer","h1","numberOfLines","body2","color","onBackground02","style","infoUrl","OPEN_CHANNEL_SETTINGS","INFO_URL","body3","onBackground01","url","marginBottom"],"sources":["OpenChannelSettingsInfo.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Box, Divider, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { getOpenChannelTitle } from '@sendbird/uikit-utils';\n\nimport ChannelCover from '../../../components/ChannelCover';\nimport { useLocalization } from '../../../hooks/useContext';\nimport { OpenChannelSettingsContexts } from '../module/moduleContext';\nimport type { OpenChannelSettingsProps } from '../types';\n\nconst OpenChannelSettingsInfo = (_: OpenChannelSettingsProps['Info']) => {\n  const { channel } = useContext(OpenChannelSettingsContexts.Fragment);\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  return (\n    <Box>\n      <Box paddingVertical={24} alignItems={'center'}>\n        <ChannelCover channel={channel} size={80} containerStyle={styles.avatarContainer} />\n        <Text h1 numberOfLines={1}>\n          {getOpenChannelTitle(channel) || ' '}\n        </Text>\n      </Box>\n      <Divider />\n\n      <Box paddingVertical={16}>\n        <Text body2 color={colors.onBackground02} style={styles.infoUrl}>\n          {STRINGS.OPEN_CHANNEL_SETTINGS.INFO_URL}\n        </Text>\n        <Text body3 color={colors.onBackground01}>\n          {channel.url}\n        </Text>\n      </Box>\n      <Divider />\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  avatarContainer: {\n    marginBottom: 12,\n  },\n  infoUrl: {\n    marginBottom: 4,\n  },\n});\nexport default OpenChannelSettingsInfo;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,GAAG,EAAEC,OAAO,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,aAAa,QAAQ,yCAAyC;AAC7G,SAASC,mBAAmB,QAAQ,uBAAuB;AAE3D,OAAOC,YAAY,MAAM,kCAAkC;AAC3D,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,2BAA2B,QAAQ,yBAAyB;AAGrE,MAAMC,uBAAuB,GAAIC,CAAmC,IAAK;EACvE,MAAM;IAAEC;EAAQ,CAAC,GAAGZ,UAAU,CAACS,2BAA2B,CAACI,QAAQ,CAAC;EACpE,MAAM;IAAEC;EAAQ,CAAC,GAAGN,eAAe,CAAC,CAAC;EACrC,MAAM;IAAEO;EAAO,CAAC,GAAGV,aAAa,CAAC,CAAC;EAElC,oBACEN,KAAA,CAAAiB,aAAA,CAACf,GAAG,qBACFF,KAAA,CAAAiB,aAAA,CAACf,GAAG;IAACgB,eAAe,EAAE,EAAG;IAACC,UAAU,EAAE;EAAS,gBAC7CnB,KAAA,CAAAiB,aAAA,CAACT,YAAY;IAACK,OAAO,EAAEA,OAAQ;IAACO,IAAI,EAAE,EAAG;IAACC,cAAc,EAAEC,MAAM,CAACC;EAAgB,CAAE,CAAC,eACpFvB,KAAA,CAAAiB,aAAA,CAACb,IAAI;IAACoB,EAAE;IAACC,aAAa,EAAE;EAAE,GACvBlB,mBAAmB,CAACM,OAAO,CAAC,IAAI,GAC7B,CACH,CAAC,eACNb,KAAA,CAAAiB,aAAA,CAACd,OAAO,MAAE,CAAC,eAEXH,KAAA,CAAAiB,aAAA,CAACf,GAAG;IAACgB,eAAe,EAAE;EAAG,gBACvBlB,KAAA,CAAAiB,aAAA,CAACb,IAAI;IAACsB,KAAK;IAACC,KAAK,EAAEX,MAAM,CAACY,cAAe;IAACC,KAAK,EAAEP,MAAM,CAACQ;EAAQ,GAC7Df,OAAO,CAACgB,qBAAqB,CAACC,QAC3B,CAAC,eACPhC,KAAA,CAAAiB,aAAA,CAACb,IAAI;IAAC6B,KAAK;IAACN,KAAK,EAAEX,MAAM,CAACkB;EAAe,GACtCrB,OAAO,CAACsB,GACL,CACH,CAAC,eACNnC,KAAA,CAAAiB,aAAA,CAACd,OAAO,MAAE,CACP,CAAC;AAEV,CAAC;AAED,MAAMmB,MAAM,GAAGjB,gBAAgB,CAAC;EAC9BkB,eAAe,EAAE;IACfa,YAAY,EAAE;EAChB,CAAC;EACDN,OAAO,EAAE;IACPM,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AACF,eAAezB,uBAAuB","ignoreList":[]}

package/lib/module/domain/openChannelSettings/component/OpenChannelSettingsMenu.js

@@ -6,13 +6,12 @@ import { isDifferentChannel, useForceUpdate, useUniqHandlerId } from '@sendbird/
 import { UNKNOWN_USER_ID } from '../../../constants';
 import { useLocalization, useSendbirdChat } from '../../../hooks/useContext';
 import { OpenChannelSettingsContexts } from '../module/moduleContext';
-const OpenChannelSettingsMenu = _ref => {
-  let {
-    onPressMenuModeration,
-    onPressMenuParticipants,
-    onPressMenuDeleteChannel,
-    menuItemsCreator = menu => menu
-  } = _ref;
+const OpenChannelSettingsMenu = ({
+  onPressMenuModeration,
+  onPressMenuParticipants,
+  onPressMenuDeleteChannel,
+  menuItemsCreator = menu => menu
+}) => {
   const {
     currentUser,
     sdk

package/lib/module/domain/openChannelSettings/component/OpenChannelSettingsMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","View","useChannelHandler","Icon","MenuBar","useAlert","useUIKitTheme","isDifferentChannel","useForceUpdate","useUniqHandlerId","UNKNOWN_USER_ID","useLocalization","useSendbirdChat","OpenChannelSettingsContexts","OpenChannelSettingsMenu","_ref","onPressMenuModeration","onPressMenuParticipants","onPressMenuDeleteChannel","menuItemsCreator","menu","currentUser","sdk","channel","Fragment","STRINGS","colors","alert","forceUpdate","handlerId","onChannelUpdated","eventChannel","onChannelChanged","onChannelParticipantCountChanged","menuItems","icon","visible","isOperator","userId","name","OPEN_CHANNEL_SETTINGS","MENU_MODERATION","onPress","actionItem","createElement","color","onBackground01","MENU_PARTICIPANTS","actionLabel","String","participantCount","iconColor","error","MENU_DELETE_CHANNEL","title","DIALOG_CHANNEL_DELETE_CONFIRM_TITLE","buttons","text","DIALOG_CHANNEL_DELETE_CONFIRM_CANCEL","DIALOG_CHANNEL_DELETE_CONFIRM_OK","style","delete","then","map","key","disabled","iconBackgroundColor"],"sources":["OpenChannelSettingsMenu.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport type { MenuBarProps } from '@sendbird/uikit-react-native-foundation';\nimport { Icon, MenuBar, useAlert, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdBaseChannel, isDifferentChannel, useForceUpdate, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport { UNKNOWN_USER_ID } from '../../../constants';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { OpenChannelSettingsContexts } from '../module/moduleContext';\nimport type { OpenChannelSettingsProps } from '../types';\n\nconst OpenChannelSettingsMenu = ({\n  onPressMenuModeration,\n  onPressMenuParticipants,\n  onPressMenuDeleteChannel,\n  menuItemsCreator = (menu) => menu,\n}: OpenChannelSettingsProps['Menu']) => {\n  const { currentUser, sdk } = useSendbirdChat();\n  const { channel } = useContext(OpenChannelSettingsContexts.Fragment);\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  const { alert } = useAlert();\n\n  const forceUpdate = useForceUpdate();\n  const handlerId = useUniqHandlerId('OpenChannelSettingsMenu');\n\n  const onChannelUpdated = (eventChannel: SendbirdBaseChannel) => {\n    if (isDifferentChannel(channel, eventChannel)) return;\n    forceUpdate();\n  };\n\n  useChannelHandler(\n    sdk,\n    handlerId,\n    {\n      onChannelChanged: onChannelUpdated,\n      onChannelParticipantCountChanged: onChannelUpdated,\n    },\n    'open',\n  );\n\n  const menuItems: MenuBarProps[] = menuItemsCreator([\n    {\n      icon: 'moderation',\n      visible: channel.isOperator(currentUser?.userId ?? UNKNOWN_USER_ID),\n      name: STRINGS.OPEN_CHANNEL_SETTINGS.MENU_MODERATION,\n      onPress: () => onPressMenuModeration(),\n      actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n    },\n    {\n      icon: 'members',\n      name: STRINGS.OPEN_CHANNEL_SETTINGS.MENU_PARTICIPANTS,\n      onPress: () => onPressMenuParticipants(),\n      actionLabel: String(channel.participantCount),\n      actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n    },\n    {\n      icon: 'leave',\n      iconColor: colors.error,\n      name: STRINGS.OPEN_CHANNEL_SETTINGS.MENU_DELETE_CHANNEL,\n      onPress: () => {\n        alert({\n          title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANNEL_DELETE_CONFIRM_TITLE,\n          buttons: [\n            {\n              text: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANNEL_DELETE_CONFIRM_CANCEL,\n            },\n            {\n              text: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANNEL_DELETE_CONFIRM_OK,\n              style: 'destructive',\n              onPress: () => {\n                channel.delete().then(() => onPressMenuDeleteChannel());\n              },\n            },\n          ],\n        });\n      },\n    },\n  ]);\n\n  return (\n    <View>\n      {menuItems.map((menu) => {\n        return (\n          <MenuBar\n            key={menu.name}\n            onPress={menu.onPress}\n            name={menu.name}\n            disabled={menu.disabled}\n            visible={menu.visible}\n            icon={menu.icon}\n            iconColor={menu.iconColor}\n            iconBackgroundColor={menu.iconBackgroundColor}\n            actionLabel={menu.actionLabel}\n            actionItem={menu.actionItem}\n          />\n        );\n      })}\n    </View>\n  );\n};\n\nexport default OpenChannelSettingsMenu;\n"],"mappings":"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"}
+{"version":3,"names":["React","useContext","View","useChannelHandler","Icon","MenuBar","useAlert","useUIKitTheme","isDifferentChannel","useForceUpdate","useUniqHandlerId","UNKNOWN_USER_ID","useLocalization","useSendbirdChat","OpenChannelSettingsContexts","OpenChannelSettingsMenu","onPressMenuModeration","onPressMenuParticipants","onPressMenuDeleteChannel","menuItemsCreator","menu","currentUser","sdk","channel","Fragment","STRINGS","colors","alert","forceUpdate","handlerId","onChannelUpdated","eventChannel","onChannelChanged","onChannelParticipantCountChanged","menuItems","icon","visible","isOperator","userId","name","OPEN_CHANNEL_SETTINGS","MENU_MODERATION","onPress","actionItem","createElement","color","onBackground01","MENU_PARTICIPANTS","actionLabel","String","participantCount","iconColor","error","MENU_DELETE_CHANNEL","title","DIALOG_CHANNEL_DELETE_CONFIRM_TITLE","buttons","text","DIALOG_CHANNEL_DELETE_CONFIRM_CANCEL","DIALOG_CHANNEL_DELETE_CONFIRM_OK","style","delete","then","map","key","disabled","iconBackgroundColor"],"sources":["OpenChannelSettingsMenu.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport type { MenuBarProps } from '@sendbird/uikit-react-native-foundation';\nimport { Icon, MenuBar, useAlert, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdBaseChannel, isDifferentChannel, useForceUpdate, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport { UNKNOWN_USER_ID } from '../../../constants';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { OpenChannelSettingsContexts } from '../module/moduleContext';\nimport type { OpenChannelSettingsProps } from '../types';\n\nconst OpenChannelSettingsMenu = ({\n  onPressMenuModeration,\n  onPressMenuParticipants,\n  onPressMenuDeleteChannel,\n  menuItemsCreator = (menu) => menu,\n}: OpenChannelSettingsProps['Menu']) => {\n  const { currentUser, sdk } = useSendbirdChat();\n  const { channel } = useContext(OpenChannelSettingsContexts.Fragment);\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  const { alert } = useAlert();\n\n  const forceUpdate = useForceUpdate();\n  const handlerId = useUniqHandlerId('OpenChannelSettingsMenu');\n\n  const onChannelUpdated = (eventChannel: SendbirdBaseChannel) => {\n    if (isDifferentChannel(channel, eventChannel)) return;\n    forceUpdate();\n  };\n\n  useChannelHandler(\n    sdk,\n    handlerId,\n    {\n      onChannelChanged: onChannelUpdated,\n      onChannelParticipantCountChanged: onChannelUpdated,\n    },\n    'open',\n  );\n\n  const menuItems: MenuBarProps[] = menuItemsCreator([\n    {\n      icon: 'moderation',\n      visible: channel.isOperator(currentUser?.userId ?? UNKNOWN_USER_ID),\n      name: STRINGS.OPEN_CHANNEL_SETTINGS.MENU_MODERATION,\n      onPress: () => onPressMenuModeration(),\n      actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n    },\n    {\n      icon: 'members',\n      name: STRINGS.OPEN_CHANNEL_SETTINGS.MENU_PARTICIPANTS,\n      onPress: () => onPressMenuParticipants(),\n      actionLabel: String(channel.participantCount),\n      actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n    },\n    {\n      icon: 'leave',\n      iconColor: colors.error,\n      name: STRINGS.OPEN_CHANNEL_SETTINGS.MENU_DELETE_CHANNEL,\n      onPress: () => {\n        alert({\n          title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANNEL_DELETE_CONFIRM_TITLE,\n          buttons: [\n            {\n              text: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANNEL_DELETE_CONFIRM_CANCEL,\n            },\n            {\n              text: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANNEL_DELETE_CONFIRM_OK,\n              style: 'destructive',\n              onPress: () => {\n                channel.delete().then(() => onPressMenuDeleteChannel());\n              },\n            },\n          ],\n        });\n      },\n    },\n  ]);\n\n  return (\n    <View>\n      {menuItems.map((menu) => {\n        return (\n          <MenuBar\n            key={menu.name}\n            onPress={menu.onPress}\n            name={menu.name}\n            disabled={menu.disabled}\n            visible={menu.visible}\n            icon={menu.icon}\n            iconColor={menu.iconColor}\n            iconBackgroundColor={menu.iconBackgroundColor}\n            actionLabel={menu.actionLabel}\n            actionItem={menu.actionItem}\n          />\n        );\n      })}\n    </View>\n  );\n};\n\nexport default OpenChannelSettingsMenu;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/domain/openChannelSettings/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","OpenChannelSettingsHeader","OpenChannelSettingsMenu","OpenChannelSettingsInfo","createOpenChannelSettingsModule","OpenChannelSettingsContextsProvider","OpenChannelSettingsContexts"],"sources":["index.ts"],"sourcesContent":["export { default as OpenChannelSettingsHeader } from './component/OpenChannelSettingsHeader';\nexport { default as OpenChannelSettingsMenu } from './component/OpenChannelSettingsMenu';\nexport { default as OpenChannelSettingsInfo } from './component/OpenChannelSettingsInfo';\nexport { default as createOpenChannelSettingsModule } from './module/createOpenChannelSettingsModule';\nexport { OpenChannelSettingsContextsProvider, OpenChannelSettingsContexts } from './module/moduleContext';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,yBAAyB,QAAQ,uCAAuC;AAC5F,SAASD,OAAO,IAAIE,uBAAuB,QAAQ,qCAAqC;AACxF,SAASF,OAAO,IAAIG,uBAAuB,QAAQ,qCAAqC;AACxF,SAASH,OAAO,IAAII,+BAA+B,QAAQ,0CAA0C;AACrG,SAASC,mCAAmC,EAAEC,2BAA2B,QAAQ,wBAAwB"}
+{"version":3,"names":["default","OpenChannelSettingsHeader","OpenChannelSettingsMenu","OpenChannelSettingsInfo","createOpenChannelSettingsModule","OpenChannelSettingsContextsProvider","OpenChannelSettingsContexts"],"sources":["index.ts"],"sourcesContent":["export { default as OpenChannelSettingsHeader } from './component/OpenChannelSettingsHeader';\nexport { default as OpenChannelSettingsMenu } from './component/OpenChannelSettingsMenu';\nexport { default as OpenChannelSettingsInfo } from './component/OpenChannelSettingsInfo';\nexport { default as createOpenChannelSettingsModule } from './module/createOpenChannelSettingsModule';\nexport { OpenChannelSettingsContextsProvider, OpenChannelSettingsContexts } from './module/moduleContext';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,yBAAyB,QAAQ,uCAAuC;AAC5F,SAASD,OAAO,IAAIE,uBAAuB,QAAQ,qCAAqC;AACxF,SAASF,OAAO,IAAIG,uBAAuB,QAAQ,qCAAqC;AACxF,SAASH,OAAO,IAAII,+BAA+B,QAAQ,0CAA0C;AACrG,SAASC,mCAAmC,EAAEC,2BAA2B,QAAQ,wBAAwB","ignoreList":[]}

package/lib/module/domain/openChannelSettings/module/createOpenChannelSettingsModule.js

@@ -2,14 +2,13 @@ import OpenChannelSettingsHeader from '../component/OpenChannelSettingsHeader';
 import OpenChannelSettingsInfo from '../component/OpenChannelSettingsInfo';
 import OpenChannelSettingsMenu from '../component/OpenChannelSettingsMenu';
 import { OpenChannelSettingsContextsProvider } from './moduleContext';
-const createOpenChannelSettingsModule = function () {
-  let {
-    Header = OpenChannelSettingsHeader,
-    Info = OpenChannelSettingsInfo,
-    Menu = OpenChannelSettingsMenu,
-    Provider = OpenChannelSettingsContextsProvider,
-    ...module
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+const createOpenChannelSettingsModule = ({
+  Header = OpenChannelSettingsHeader,
+  Info = OpenChannelSettingsInfo,
+  Menu = OpenChannelSettingsMenu,
+  Provider = OpenChannelSettingsContextsProvider,
+  ...module
+} = {}) => {
   return {
     Header,
     Info,

package/lib/module/domain/openChannelSettings/module/createOpenChannelSettingsModule.js.map

@@ -1 +1 @@
-{"version":3,"names":["OpenChannelSettingsHeader","OpenChannelSettingsInfo","OpenChannelSettingsMenu","OpenChannelSettingsContextsProvider","createOpenChannelSettingsModule","Header","Info","Menu","Provider","module","arguments","length","undefined"],"sources":["createOpenChannelSettingsModule.tsx"],"sourcesContent":["import OpenChannelSettingsHeader from '../component/OpenChannelSettingsHeader';\nimport OpenChannelSettingsInfo from '../component/OpenChannelSettingsInfo';\nimport OpenChannelSettingsMenu from '../component/OpenChannelSettingsMenu';\nimport type { OpenChannelSettingsModule } from '../types';\nimport { OpenChannelSettingsContextsProvider } from './moduleContext';\n\nconst createOpenChannelSettingsModule = ({\n  Header = OpenChannelSettingsHeader,\n  Info = OpenChannelSettingsInfo,\n  Menu = OpenChannelSettingsMenu,\n  Provider = OpenChannelSettingsContextsProvider,\n  ...module\n}: Partial<OpenChannelSettingsModule> = {}): OpenChannelSettingsModule => {\n  return { Header, Info, Menu, Provider, ...module };\n};\n\nexport default createOpenChannelSettingsModule;\n"],"mappings":"AAAA,OAAOA,yBAAyB,MAAM,wCAAwC;AAC9E,OAAOC,uBAAuB,MAAM,sCAAsC;AAC1E,OAAOC,uBAAuB,MAAM,sCAAsC;AAE1E,SAASC,mCAAmC,QAAQ,iBAAiB;AAErE,MAAMC,+BAA+B,GAAG,SAAAA,CAAA,EAMkC;EAAA,IANjC;IACvCC,MAAM,GAAGL,yBAAyB;IAClCM,IAAI,GAAGL,uBAAuB;IAC9BM,IAAI,GAAGL,uBAAuB;IAC9BM,QAAQ,GAAGL,mCAAmC;IAC9C,GAAGM;EAC+B,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACxC,OAAO;IAAEL,MAAM;IAAEC,IAAI;IAAEC,IAAI;IAAEC,QAAQ;IAAE,GAAGC;EAAO,CAAC;AACpD,CAAC;AAED,eAAeL,+BAA+B"}
+{"version":3,"names":["OpenChannelSettingsHeader","OpenChannelSettingsInfo","OpenChannelSettingsMenu","OpenChannelSettingsContextsProvider","createOpenChannelSettingsModule","Header","Info","Menu","Provider","module"],"sources":["createOpenChannelSettingsModule.tsx"],"sourcesContent":["import OpenChannelSettingsHeader from '../component/OpenChannelSettingsHeader';\nimport OpenChannelSettingsInfo from '../component/OpenChannelSettingsInfo';\nimport OpenChannelSettingsMenu from '../component/OpenChannelSettingsMenu';\nimport type { OpenChannelSettingsModule } from '../types';\nimport { OpenChannelSettingsContextsProvider } from './moduleContext';\n\nconst createOpenChannelSettingsModule = ({\n  Header = OpenChannelSettingsHeader,\n  Info = OpenChannelSettingsInfo,\n  Menu = OpenChannelSettingsMenu,\n  Provider = OpenChannelSettingsContextsProvider,\n  ...module\n}: Partial<OpenChannelSettingsModule> = {}): OpenChannelSettingsModule => {\n  return { Header, Info, Menu, Provider, ...module };\n};\n\nexport default createOpenChannelSettingsModule;\n"],"mappings":"AAAA,OAAOA,yBAAyB,MAAM,wCAAwC;AAC9E,OAAOC,uBAAuB,MAAM,sCAAsC;AAC1E,OAAOC,uBAAuB,MAAM,sCAAsC;AAE1E,SAASC,mCAAmC,QAAQ,iBAAiB;AAErE,MAAMC,+BAA+B,GAAGA,CAAC;EACvCC,MAAM,GAAGL,yBAAyB;EAClCM,IAAI,GAAGL,uBAAuB;EAC9BM,IAAI,GAAGL,uBAAuB;EAC9BM,QAAQ,GAAGL,mCAAmC;EAC9C,GAAGM;AAC+B,CAAC,GAAG,CAAC,CAAC,KAAgC;EACxE,OAAO;IAAEJ,MAAM;IAAEC,IAAI;IAAEC,IAAI;IAAEC,QAAQ;IAAE,GAAGC;EAAO,CAAC;AACpD,CAAC;AAED,eAAeL,+BAA+B","ignoreList":[]}

package/lib/module/domain/openChannelSettings/module/moduleContext.js

@@ -14,12 +14,11 @@ export const OpenChannelSettingsContexts = {
     onPressHeaderRight: NOOP
   })
 };
-export const OpenChannelSettingsContextsProvider = _ref => {
-  let {
-    channel,
-    onNavigateToOpenChannel,
-    children
-  } = _ref;
+export const OpenChannelSettingsContextsProvider = ({
+  channel,
+  onNavigateToOpenChannel,
+  children
+}) => {
   const handlerId = useUniqHandlerId('OpenChannelSettingsContextsProvider');
   const forceUpdate = useForceUpdate();
   const {

package/lib/module/domain/openChannelSettings/module/moduleContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","useCallback","useChannelHandler","useActionMenu","useAlert","useBottomSheet","usePrompt","useToast","NOOP","isDifferentChannel","useForceUpdate","useUniqHandlerId","ProviderLayout","useLocalization","usePlatformService","useSendbirdChat","SBUError","SBUUtils","OpenChannelSettingsContexts","Fragment","channel","headerTitle","headerRight","onPressHeaderRight","OpenChannelSettingsContextsProvider","_ref","onNavigateToOpenChannel","children","handlerId","forceUpdate","STRINGS","sdk","currentUser","fileService","alert","onChannelChanged","eventChannel","onOperatorUpdated","isOpenChannel","isOperator","userId","onChannelUnfrozen","onChannelFrozen","onUserBanned","toast","openSheet","openPrompt","openMenu","updateChannel","params","changeChannelName","title","OPEN_CHANNEL_SETTINGS","DIALOG_CHANGE_NAME_PROMPT_TITLE","submitLabel","DIALOG_CHANGE_NAME_PROMPT_OK","placeholder","DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER","defaultValue","name","onSubmit","channelName","changeChannelImage","DIALOG_CHANGE_IMAGE_MENU_TITLE","menuItems","DIALOG_CHANGE_IMAGE_MENU_CAMERA","onPress","file","openCamera","mediaType","onOpenFailure","error","code","CODE","ERR_PERMISSIONS_DENIED","DIALOG","ALERT_PERMISSIONS_TITLE","message","ALERT_PERMISSIONS_MESSAGE","LABELS","PERMISSION_CAMERA","PERMISSION_APP_NAME","buttons","text","ALERT_PERMISSIONS_OK","openSettings","show","TOAST","OPEN_CAMERA_ERROR","coverUrlOrImage","DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY","files","openMediaLibrary","selectionLimit","PERMISSION_DEVICE_STORAGE","OPEN_PHOTO_LIBRARY_ERROR","sheetItems","DIALOG_CHANGE_NAME","DIALOG_CHANGE_IMAGE","createElement","Provider","value","HEADER_TITLE","HEADER_RIGHT"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useCallback } from 'react';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu, useAlert, useBottomSheet, usePrompt, useToast } from '@sendbird/uikit-react-native-foundation';\nimport {\n  NOOP,\n  SendbirdBaseChannel,\n  SendbirdOpenChannel,\n  SendbirdOpenChannelUpdateParams,\n  isDifferentChannel,\n  useForceUpdate,\n  useUniqHandlerId,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';\nimport SBUError from '../../../libs/SBUError';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport type { OpenChannelSettingsContextsType, OpenChannelSettingsModule } from '../types';\n\nexport const OpenChannelSettingsContexts: OpenChannelSettingsContextsType = {\n  Fragment: createContext({\n    channel: {} as SendbirdOpenChannel,\n    headerTitle: '',\n    headerRight: '',\n    onPressHeaderRight: NOOP,\n  }),\n};\n\nexport const OpenChannelSettingsContextsProvider: OpenChannelSettingsModule['Provider'] = ({\n  channel,\n  onNavigateToOpenChannel,\n  children,\n}) => {\n  const handlerId = useUniqHandlerId('OpenChannelSettingsContextsProvider');\n  const forceUpdate = useForceUpdate();\n  const { STRINGS } = useLocalization();\n  const { sdk, currentUser } = useSendbirdChat();\n  const { fileService } = usePlatformService();\n  const { alert } = useAlert();\n\n  const onChannelChanged = (eventChannel: SendbirdBaseChannel) => {\n    if (isDifferentChannel(eventChannel, channel)) return;\n    forceUpdate();\n  };\n  const onOperatorUpdated = (eventChannel: SendbirdBaseChannel) => {\n    if (isDifferentChannel(eventChannel, channel) || !eventChannel.isOpenChannel()) return;\n    if (currentUser && !eventChannel.isOperator(currentUser.userId)) {\n      onNavigateToOpenChannel();\n    }\n  };\n\n  useChannelHandler(\n    sdk,\n    handlerId,\n    {\n      onOperatorUpdated: onOperatorUpdated,\n      onChannelUnfrozen: onChannelChanged,\n      onChannelChanged: onChannelChanged,\n      onChannelFrozen: onChannelChanged,\n      onUserBanned: onChannelChanged,\n    },\n    'open',\n  );\n\n  const toast = useToast();\n  const { openSheet } = useBottomSheet();\n  const { openPrompt } = usePrompt();\n  const { openMenu } = useActionMenu();\n\n  const updateChannel = useCallback(\n    async (params: SendbirdOpenChannelUpdateParams) => {\n      await channel.updateChannel(params);\n      forceUpdate();\n    },\n    [channel],\n  );\n\n  const changeChannelName = useCallback(() => {\n    openPrompt({\n      title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_TITLE,\n      submitLabel: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_OK,\n      placeholder: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER,\n      defaultValue: channel.name,\n      onSubmit: (channelName) => updateChannel({ name: channelName }),\n    });\n  }, [STRINGS, updateChannel, channel.name]);\n\n  const changeChannelImage = useCallback(() => {\n    openMenu({\n      title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_TITLE,\n      menuItems: [\n        {\n          title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_CAMERA,\n          onPress: async () => {\n            const file = await fileService.openCamera({\n              mediaType: 'photo',\n              onOpenFailure: (error) => {\n                if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                  alert({\n                    title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                    message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n                      STRINGS.LABELS.PERMISSION_CAMERA,\n                      STRINGS.LABELS.PERMISSION_APP_NAME,\n                    ),\n                    buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                  });\n                } else {\n                  toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');\n                }\n              },\n            });\n            if (!file) return;\n\n            await updateChannel({ coverUrlOrImage: file });\n          },\n        },\n        {\n          title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY,\n          onPress: async () => {\n            const files = await fileService.openMediaLibrary({\n              selectionLimit: 1,\n              mediaType: 'photo',\n              onOpenFailure: (error) => {\n                if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                  alert({\n                    title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                    message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n                      STRINGS.LABELS.PERMISSION_DEVICE_STORAGE,\n                      STRINGS.LABELS.PERMISSION_APP_NAME,\n                    ),\n                    buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                  });\n                } else {\n                  toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error');\n                }\n              },\n            });\n            if (!files || !files[0]) return;\n\n            await updateChannel({ coverUrlOrImage: files[0] });\n          },\n        },\n      ],\n    });\n  }, [STRINGS, updateChannel]);\n\n  const onPressHeaderRight = useCallback(() => {\n    openSheet({\n      sheetItems: [\n        { title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME, onPress: changeChannelName },\n        { title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE, onPress: changeChannelImage },\n      ],\n    });\n  }, [STRINGS, changeChannelImage, changeChannelName]);\n\n  return (\n    <ProviderLayout>\n      <OpenChannelSettingsContexts.Fragment.Provider\n        value={{\n          channel,\n          headerTitle: STRINGS.OPEN_CHANNEL_SETTINGS.HEADER_TITLE,\n          headerRight: STRINGS.OPEN_CHANNEL_SETTINGS.HEADER_RIGHT,\n          onPressHeaderRight,\n        }}\n      >\n        {children}\n      </OpenChannelSettingsContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"names":["React","createContext","useCallback","useChannelHandler","useActionMenu","useAlert","useBottomSheet","usePrompt","useToast","NOOP","isDifferentChannel","useForceUpdate","useUniqHandlerId","ProviderLayout","useLocalization","usePlatformService","useSendbirdChat","SBUError","SBUUtils","OpenChannelSettingsContexts","Fragment","channel","headerTitle","headerRight","onPressHeaderRight","OpenChannelSettingsContextsProvider","onNavigateToOpenChannel","children","handlerId","forceUpdate","STRINGS","sdk","currentUser","fileService","alert","onChannelChanged","eventChannel","onOperatorUpdated","isOpenChannel","isOperator","userId","onChannelUnfrozen","onChannelFrozen","onUserBanned","toast","openSheet","openPrompt","openMenu","updateChannel","params","changeChannelName","title","OPEN_CHANNEL_SETTINGS","DIALOG_CHANGE_NAME_PROMPT_TITLE","submitLabel","DIALOG_CHANGE_NAME_PROMPT_OK","placeholder","DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER","defaultValue","name","onSubmit","channelName","changeChannelImage","DIALOG_CHANGE_IMAGE_MENU_TITLE","menuItems","DIALOG_CHANGE_IMAGE_MENU_CAMERA","onPress","file","openCamera","mediaType","onOpenFailure","error","code","CODE","ERR_PERMISSIONS_DENIED","DIALOG","ALERT_PERMISSIONS_TITLE","message","ALERT_PERMISSIONS_MESSAGE","LABELS","PERMISSION_CAMERA","PERMISSION_APP_NAME","buttons","text","ALERT_PERMISSIONS_OK","openSettings","show","TOAST","OPEN_CAMERA_ERROR","coverUrlOrImage","DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY","files","openMediaLibrary","selectionLimit","PERMISSION_DEVICE_STORAGE","OPEN_PHOTO_LIBRARY_ERROR","sheetItems","DIALOG_CHANGE_NAME","DIALOG_CHANGE_IMAGE","createElement","Provider","value","HEADER_TITLE","HEADER_RIGHT"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext, useCallback } from 'react';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu, useAlert, useBottomSheet, usePrompt, useToast } from '@sendbird/uikit-react-native-foundation';\nimport {\n  NOOP,\n  SendbirdBaseChannel,\n  SendbirdOpenChannel,\n  SendbirdOpenChannelUpdateParams,\n  isDifferentChannel,\n  useForceUpdate,\n  useUniqHandlerId,\n} from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';\nimport SBUError from '../../../libs/SBUError';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport type { OpenChannelSettingsContextsType, OpenChannelSettingsModule } from '../types';\n\nexport const OpenChannelSettingsContexts: OpenChannelSettingsContextsType = {\n  Fragment: createContext({\n    channel: {} as SendbirdOpenChannel,\n    headerTitle: '',\n    headerRight: '',\n    onPressHeaderRight: NOOP,\n  }),\n};\n\nexport const OpenChannelSettingsContextsProvider: OpenChannelSettingsModule['Provider'] = ({\n  channel,\n  onNavigateToOpenChannel,\n  children,\n}) => {\n  const handlerId = useUniqHandlerId('OpenChannelSettingsContextsProvider');\n  const forceUpdate = useForceUpdate();\n  const { STRINGS } = useLocalization();\n  const { sdk, currentUser } = useSendbirdChat();\n  const { fileService } = usePlatformService();\n  const { alert } = useAlert();\n\n  const onChannelChanged = (eventChannel: SendbirdBaseChannel) => {\n    if (isDifferentChannel(eventChannel, channel)) return;\n    forceUpdate();\n  };\n  const onOperatorUpdated = (eventChannel: SendbirdBaseChannel) => {\n    if (isDifferentChannel(eventChannel, channel) || !eventChannel.isOpenChannel()) return;\n    if (currentUser && !eventChannel.isOperator(currentUser.userId)) {\n      onNavigateToOpenChannel();\n    }\n  };\n\n  useChannelHandler(\n    sdk,\n    handlerId,\n    {\n      onOperatorUpdated: onOperatorUpdated,\n      onChannelUnfrozen: onChannelChanged,\n      onChannelChanged: onChannelChanged,\n      onChannelFrozen: onChannelChanged,\n      onUserBanned: onChannelChanged,\n    },\n    'open',\n  );\n\n  const toast = useToast();\n  const { openSheet } = useBottomSheet();\n  const { openPrompt } = usePrompt();\n  const { openMenu } = useActionMenu();\n\n  const updateChannel = useCallback(\n    async (params: SendbirdOpenChannelUpdateParams) => {\n      await channel.updateChannel(params);\n      forceUpdate();\n    },\n    [channel],\n  );\n\n  const changeChannelName = useCallback(() => {\n    openPrompt({\n      title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_TITLE,\n      submitLabel: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_OK,\n      placeholder: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER,\n      defaultValue: channel.name,\n      onSubmit: (channelName) => updateChannel({ name: channelName }),\n    });\n  }, [STRINGS, updateChannel, channel.name]);\n\n  const changeChannelImage = useCallback(() => {\n    openMenu({\n      title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_TITLE,\n      menuItems: [\n        {\n          title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_CAMERA,\n          onPress: async () => {\n            const file = await fileService.openCamera({\n              mediaType: 'photo',\n              onOpenFailure: (error) => {\n                if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                  alert({\n                    title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                    message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n                      STRINGS.LABELS.PERMISSION_CAMERA,\n                      STRINGS.LABELS.PERMISSION_APP_NAME,\n                    ),\n                    buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                  });\n                } else {\n                  toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');\n                }\n              },\n            });\n            if (!file) return;\n\n            await updateChannel({ coverUrlOrImage: file });\n          },\n        },\n        {\n          title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY,\n          onPress: async () => {\n            const files = await fileService.openMediaLibrary({\n              selectionLimit: 1,\n              mediaType: 'photo',\n              onOpenFailure: (error) => {\n                if (error.code === SBUError.CODE.ERR_PERMISSIONS_DENIED) {\n                  alert({\n                    title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,\n                    message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(\n                      STRINGS.LABELS.PERMISSION_DEVICE_STORAGE,\n                      STRINGS.LABELS.PERMISSION_APP_NAME,\n                    ),\n                    buttons: [{ text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK, onPress: () => SBUUtils.openSettings() }],\n                  });\n                } else {\n                  toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error');\n                }\n              },\n            });\n            if (!files || !files[0]) return;\n\n            await updateChannel({ coverUrlOrImage: files[0] });\n          },\n        },\n      ],\n    });\n  }, [STRINGS, updateChannel]);\n\n  const onPressHeaderRight = useCallback(() => {\n    openSheet({\n      sheetItems: [\n        { title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME, onPress: changeChannelName },\n        { title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE, onPress: changeChannelImage },\n      ],\n    });\n  }, [STRINGS, changeChannelImage, changeChannelName]);\n\n  return (\n    <ProviderLayout>\n      <OpenChannelSettingsContexts.Fragment.Provider\n        value={{\n          channel,\n          headerTitle: STRINGS.OPEN_CHANNEL_SETTINGS.HEADER_TITLE,\n          headerRight: STRINGS.OPEN_CHANNEL_SETTINGS.HEADER_RIGHT,\n          onPressHeaderRight,\n        }}\n      >\n        {children}\n      </OpenChannelSettingsContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/module/domain/openChannelSettings/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { MenuBarProps } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdOpenChannel } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport type OpenChannelSettingsProps = {\n  Fragment: {\n    channel: OpenChannelSettingsProps['Provider']['channel'];\n    onPressHeaderLeft: OpenChannelSettingsProps['Header']['onPressHeaderLeft'];\n    onPressMenuModeration: OpenChannelSettingsProps['Menu']['onPressMenuModeration'];\n    onPressMenuParticipants: OpenChannelSettingsProps['Menu']['onPressMenuParticipants'];\n    onPressMenuDeleteChannel: OpenChannelSettingsProps['Menu']['onPressMenuDeleteChannel'];\n    onNavigateToOpenChannel: OpenChannelSettingsProps['Provider']['onNavigateToOpenChannel'];\n    menuItemsCreator?: OpenChannelSettingsProps['Menu']['menuItemsCreator'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n  };\n  Info: {};\n  Menu: {\n    onPressMenuModeration: () => void;\n    onPressMenuParticipants: () => void;\n    onPressMenuDeleteChannel: () => void;\n    menuItemsCreator?: (defaultMenuItems: MenuBarProps[]) => MenuBarProps[];\n  };\n  Provider: {\n    channel: SendbirdOpenChannel;\n    onNavigateToOpenChannel: () => void;\n  };\n};\n\n/**\n * Internal context for OpenChannelSettings\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport type OpenChannelSettingsContextsType = {\n  Fragment: React.Context<{\n    channel: SendbirdOpenChannel;\n    headerTitle: string;\n    headerRight: string;\n    onPressHeaderRight: () => void;\n  }>;\n};\nexport interface OpenChannelSettingsModule {\n  Provider: CommonComponent<OpenChannelSettingsProps['Provider']>;\n  Header: CommonComponent<OpenChannelSettingsProps['Header']>;\n  Info: CommonComponent<OpenChannelSettingsProps['Info']>;\n  Menu: CommonComponent<OpenChannelSettingsProps['Menu']>;\n}\n\nexport type OpenChannelSettingsFragment = React.FC<OpenChannelSettingsProps['Fragment']>;\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { MenuBarProps } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdOpenChannel } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport type OpenChannelSettingsProps = {\n  Fragment: {\n    channel: OpenChannelSettingsProps['Provider']['channel'];\n    onPressHeaderLeft: OpenChannelSettingsProps['Header']['onPressHeaderLeft'];\n    onPressMenuModeration: OpenChannelSettingsProps['Menu']['onPressMenuModeration'];\n    onPressMenuParticipants: OpenChannelSettingsProps['Menu']['onPressMenuParticipants'];\n    onPressMenuDeleteChannel: OpenChannelSettingsProps['Menu']['onPressMenuDeleteChannel'];\n    onNavigateToOpenChannel: OpenChannelSettingsProps['Provider']['onNavigateToOpenChannel'];\n    menuItemsCreator?: OpenChannelSettingsProps['Menu']['menuItemsCreator'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n  };\n  Info: {};\n  Menu: {\n    onPressMenuModeration: () => void;\n    onPressMenuParticipants: () => void;\n    onPressMenuDeleteChannel: () => void;\n    menuItemsCreator?: (defaultMenuItems: MenuBarProps[]) => MenuBarProps[];\n  };\n  Provider: {\n    channel: SendbirdOpenChannel;\n    onNavigateToOpenChannel: () => void;\n  };\n};\n\n/**\n * Internal context for OpenChannelSettings\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport type OpenChannelSettingsContextsType = {\n  Fragment: React.Context<{\n    channel: SendbirdOpenChannel;\n    headerTitle: string;\n    headerRight: string;\n    onPressHeaderRight: () => void;\n  }>;\n};\nexport interface OpenChannelSettingsModule {\n  Provider: CommonComponent<OpenChannelSettingsProps['Provider']>;\n  Header: CommonComponent<OpenChannelSettingsProps['Header']>;\n  Info: CommonComponent<OpenChannelSettingsProps['Info']>;\n  Menu: CommonComponent<OpenChannelSettingsProps['Menu']>;\n}\n\nexport type OpenChannelSettingsFragment = React.FC<OpenChannelSettingsProps['Fragment']>;\n"],"mappings":"","ignoreList":[]}

package/lib/module/domain/openChannelUserList/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { UseUserListOptions } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdOpenChannel, SendbirdParticipant, SendbirdUser } from '@sendbird/uikit-utils';\n\nimport type { UserListProps } from '../userList/types';\n\nexport interface OpenChannelParticipantsProps {\n  Fragment: {\n    channel: SendbirdOpenChannel;\n    onPressHeaderLeft: () => void;\n    renderUser?: UserListProps<SendbirdParticipant>['List']['renderUser'];\n    // NOTE: SDK does not migrate the response type of query to Participant from User yet due to backward compat.\n    queryCreator?: UseUserListOptions<SendbirdUser | SendbirdParticipant>['queryCreator'];\n    sortComparator?: UseUserListOptions<SendbirdUser | SendbirdParticipant>['sortComparator'];\n  };\n}\nexport type OpenChannelParticipantsFragment = React.FC<OpenChannelParticipantsProps['Fragment']>;\n\nexport interface OpenChannelRegisterOperatorProps {\n  Fragment: {\n    channel: SendbirdOpenChannel;\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: (channel: SendbirdOpenChannel) => void;\n    renderUser?: UserListProps<SendbirdParticipant>['List']['renderUser'];\n    // NOTE: SDK does not migrate the response type of query to Participant from User yet due to backward compat.\n    queryCreator?: UseUserListOptions<SendbirdUser | SendbirdParticipant>['queryCreator'];\n    sortComparator?: UseUserListOptions<SendbirdUser | SendbirdParticipant>['sortComparator'];\n  };\n}\nexport type OpenChannelRegisterOperatorFragment = React.FC<OpenChannelRegisterOperatorProps['Fragment']>;\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { UseUserListOptions } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdOpenChannel, SendbirdParticipant, SendbirdUser } from '@sendbird/uikit-utils';\n\nimport type { UserListProps } from '../userList/types';\n\nexport interface OpenChannelParticipantsProps {\n  Fragment: {\n    channel: SendbirdOpenChannel;\n    onPressHeaderLeft: () => void;\n    renderUser?: UserListProps<SendbirdParticipant>['List']['renderUser'];\n    // NOTE: SDK does not migrate the response type of query to Participant from User yet due to backward compat.\n    queryCreator?: UseUserListOptions<SendbirdUser | SendbirdParticipant>['queryCreator'];\n    sortComparator?: UseUserListOptions<SendbirdUser | SendbirdParticipant>['sortComparator'];\n  };\n}\nexport type OpenChannelParticipantsFragment = React.FC<OpenChannelParticipantsProps['Fragment']>;\n\nexport interface OpenChannelRegisterOperatorProps {\n  Fragment: {\n    channel: SendbirdOpenChannel;\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: (channel: SendbirdOpenChannel) => void;\n    renderUser?: UserListProps<SendbirdParticipant>['List']['renderUser'];\n    // NOTE: SDK does not migrate the response type of query to Participant from User yet due to backward compat.\n    queryCreator?: UseUserListOptions<SendbirdUser | SendbirdParticipant>['queryCreator'];\n    sortComparator?: UseUserListOptions<SendbirdUser | SendbirdParticipant>['sortComparator'];\n  };\n}\nexport type OpenChannelRegisterOperatorFragment = React.FC<OpenChannelRegisterOperatorProps['Fragment']>;\n"],"mappings":"","ignoreList":[]}

package/lib/module/domain/userList/component/UserListHeader.js

@@ -1,14 +1,13 @@
 import React, { useContext } from 'react';
 import { Icon, Text, useHeaderStyle, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { UserListContexts } from '../module/moduleContext';
-const UserListHeader = _ref => {
-  let {
-    onPressHeaderLeft,
-    onPressHeaderRight,
-    right,
-    left,
-    shouldActivateHeaderRight = selectedUsers => selectedUsers.length > 0
-  } = _ref;
+const UserListHeader = ({
+  onPressHeaderLeft,
+  onPressHeaderRight,
+  right,
+  left,
+  shouldActivateHeaderRight = selectedUsers => selectedUsers.length > 0
+}) => {
   const {
     headerTitle,
     headerRight

package/lib/module/domain/userList/component/UserListHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","Icon","Text","useHeaderStyle","useUIKitTheme","UserListContexts","UserListHeader","_ref","onPressHeaderLeft","onPressHeaderRight","right","left","shouldActivateHeaderRight","selectedUsers","length","headerTitle","headerRight","Fragment","List","HeaderComponent","colors","isActive","createElement","title","button","color","primary","onBackground04","onPressRight","undefined","icon","onPressLeft"],"sources":["UserListHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Icon, Text, useHeaderStyle, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nimport { UserListContexts } from '../module/moduleContext';\nimport type { UserListContextsType, UserListProps } from '../types';\n\nconst UserListHeader = <T,>({\n  onPressHeaderLeft,\n  onPressHeaderRight,\n  right,\n  left,\n  shouldActivateHeaderRight = (selectedUsers) => selectedUsers.length > 0,\n}: UserListProps<T>['Header']) => {\n  const { headerTitle, headerRight } = useContext(UserListContexts.Fragment);\n  const { selectedUsers } = useContext(UserListContexts.List as UserListContextsType<T>['List']);\n  const { HeaderComponent } = useHeaderStyle();\n  const { colors } = useUIKitTheme();\n\n  const isActive = shouldActivateHeaderRight(selectedUsers);\n\n  return (\n    <HeaderComponent\n      title={headerTitle}\n      right={\n        right ?? (\n          <Text button color={isActive ? colors.primary : colors.onBackground04}>\n            {headerRight}\n          </Text>\n        )\n      }\n      onPressRight={isActive ? () => onPressHeaderRight(selectedUsers) : undefined}\n      left={left ?? <Icon icon={'arrow-left'} />}\n      onPressLeft={onPressHeaderLeft}\n    />\n  );\n};\n\nexport default UserListHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,IAAI,EAAEC,IAAI,EAAEC,cAAc,EAAEC,aAAa,QAAQ,yCAAyC;AAEnG,SAASC,gBAAgB,QAAQ,yBAAyB;AAG1D,MAAMC,cAAc,GAAGC,IAAA,IAMW;EAAA,IANN;IAC1BC,iBAAiB;IACjBC,kBAAkB;IAClBC,KAAK;IACLC,IAAI;IACJC,yBAAyB,GAAIC,aAAa,IAAKA,aAAa,CAACC,MAAM,GAAG;EAC5C,CAAC,GAAAP,IAAA;EAC3B,MAAM;IAAEQ,WAAW;IAAEC;EAAY,CAAC,GAAGhB,UAAU,CAACK,gBAAgB,CAACY,QAAQ,CAAC;EAC1E,MAAM;IAAEJ;EAAc,CAAC,GAAGb,UAAU,CAACK,gBAAgB,CAACa,IAAI,CAAoC;EAC9F,MAAM;IAAEC;EAAgB,CAAC,GAAGhB,cAAc,EAAE;EAC5C,MAAM;IAAEiB;EAAO,CAAC,GAAGhB,aAAa,EAAE;EAElC,MAAMiB,QAAQ,GAAGT,yBAAyB,CAACC,aAAa,CAAC;EAEzD,oBACEd,KAAA,CAAAuB,aAAA,CAACH,eAAe;IACdI,KAAK,EAAER,WAAY;IACnBL,KAAK,EACHA,KAAK,iBACHX,KAAA,CAAAuB,aAAA,CAACpB,IAAI;MAACsB,MAAM;MAACC,KAAK,EAAEJ,QAAQ,GAAGD,MAAM,CAACM,OAAO,GAAGN,MAAM,CAACO;IAAe,GACnEX,WAAW,CAGjB;IACDY,YAAY,EAAEP,QAAQ,GAAG,MAAMZ,kBAAkB,CAACI,aAAa,CAAC,GAAGgB,SAAU;IAC7ElB,IAAI,EAAEA,IAAI,iBAAIZ,KAAA,CAAAuB,aAAA,CAACrB,IAAI;MAAC6B,IAAI,EAAE;IAAa,EAAI;IAC3CC,WAAW,EAAEvB;EAAkB,EAC/B;AAEN,CAAC;AAED,eAAeF,cAAc"}
+{"version":3,"names":["React","useContext","Icon","Text","useHeaderStyle","useUIKitTheme","UserListContexts","UserListHeader","onPressHeaderLeft","onPressHeaderRight","right","left","shouldActivateHeaderRight","selectedUsers","length","headerTitle","headerRight","Fragment","List","HeaderComponent","colors","isActive","createElement","title","button","color","primary","onBackground04","onPressRight","undefined","icon","onPressLeft"],"sources":["UserListHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Icon, Text, useHeaderStyle, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nimport { UserListContexts } from '../module/moduleContext';\nimport type { UserListContextsType, UserListProps } from '../types';\n\nconst UserListHeader = <T,>({\n  onPressHeaderLeft,\n  onPressHeaderRight,\n  right,\n  left,\n  shouldActivateHeaderRight = (selectedUsers) => selectedUsers.length > 0,\n}: UserListProps<T>['Header']) => {\n  const { headerTitle, headerRight } = useContext(UserListContexts.Fragment);\n  const { selectedUsers } = useContext(UserListContexts.List as UserListContextsType<T>['List']);\n  const { HeaderComponent } = useHeaderStyle();\n  const { colors } = useUIKitTheme();\n\n  const isActive = shouldActivateHeaderRight(selectedUsers);\n\n  return (\n    <HeaderComponent\n      title={headerTitle}\n      right={\n        right ?? (\n          <Text button color={isActive ? colors.primary : colors.onBackground04}>\n            {headerRight}\n          </Text>\n        )\n      }\n      onPressRight={isActive ? () => onPressHeaderRight(selectedUsers) : undefined}\n      left={left ?? <Icon icon={'arrow-left'} />}\n      onPressLeft={onPressHeaderLeft}\n    />\n  );\n};\n\nexport default UserListHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,IAAI,EAAEC,IAAI,EAAEC,cAAc,EAAEC,aAAa,QAAQ,yCAAyC;AAEnG,SAASC,gBAAgB,QAAQ,yBAAyB;AAG1D,MAAMC,cAAc,GAAGA,CAAK;EAC1BC,iBAAiB;EACjBC,kBAAkB;EAClBC,KAAK;EACLC,IAAI;EACJC,yBAAyB,GAAIC,aAAa,IAAKA,aAAa,CAACC,MAAM,GAAG;AAC5C,CAAC,KAAK;EAChC,MAAM;IAAEC,WAAW;IAAEC;EAAY,CAAC,GAAGf,UAAU,CAACK,gBAAgB,CAACW,QAAQ,CAAC;EAC1E,MAAM;IAAEJ;EAAc,CAAC,GAAGZ,UAAU,CAACK,gBAAgB,CAACY,IAAuC,CAAC;EAC9F,MAAM;IAAEC;EAAgB,CAAC,GAAGf,cAAc,CAAC,CAAC;EAC5C,MAAM;IAAEgB;EAAO,CAAC,GAAGf,aAAa,CAAC,CAAC;EAElC,MAAMgB,QAAQ,GAAGT,yBAAyB,CAACC,aAAa,CAAC;EAEzD,oBACEb,KAAA,CAAAsB,aAAA,CAACH,eAAe;IACdI,KAAK,EAAER,WAAY;IACnBL,KAAK,EACHA,KAAK,iBACHV,KAAA,CAAAsB,aAAA,CAACnB,IAAI;MAACqB,MAAM;MAACC,KAAK,EAAEJ,QAAQ,GAAGD,MAAM,CAACM,OAAO,GAAGN,MAAM,CAACO;IAAe,GACnEX,WACG,CAET;IACDY,YAAY,EAAEP,QAAQ,GAAG,MAAMZ,kBAAkB,CAACI,aAAa,CAAC,GAAGgB,SAAU;IAC7ElB,IAAI,EAAEA,IAAI,iBAAIX,KAAA,CAAAsB,aAAA,CAACpB,IAAI;MAAC4B,IAAI,EAAE;IAAa,CAAE,CAAE;IAC3CC,WAAW,EAAEvB;EAAkB,CAChC,CAAC;AAEN,CAAC;AAED,eAAeD,cAAc","ignoreList":[]}

package/lib/module/domain/userList/component/UserListList.js

@@ -1,28 +1,20 @@
 import React, { useCallback, useContext } from 'react';
 import { FlatList } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { getUserUniqId } from '@sendbird/uikit-utils';
+import { getUserUniqId, useSafeAreaPadding } from '@sendbird/uikit-utils';
 import { UserListContexts } from '../module/moduleContext';
-const UserListList = _ref => {
-  let {
-    users,
-    onRefresh,
-    refreshing,
-    renderUser,
-    onLoadNext,
-    ListEmptyComponent
-  } = _ref;
+const UserListList = ({
+  users,
+  onRefresh,
+  refreshing,
+  renderUser,
+  onLoadNext,
+  ListEmptyComponent
+}) => {
   const context = useContext(UserListContexts.List);
-  const renderItem = useCallback(_ref2 => {
-    let {
-      item
-    } = _ref2;
-    return renderUser === null || renderUser === void 0 ? void 0 : renderUser(item, context.selectedUsers, context.setSelectedUsers);
-  }, [renderUser, context.selectedUsers, context.setSelectedUsers]);
-  const {
-    left,
-    right
-  } = useSafeAreaInsets();
+  const renderItem = useCallback(({
+    item
+  }) => renderUser === null || renderUser === void 0 ? void 0 : renderUser(item, context.selectedUsers, context.setSelectedUsers), [renderUser, context.selectedUsers, context.setSelectedUsers]);
+  const safeArea = useSafeAreaPadding(['left', 'right']);
   return /*#__PURE__*/React.createElement(FlatList, {
     data: users,
     refreshing: refreshing,
@@ -30,8 +22,7 @@ const UserListList = _ref => {
     renderItem: renderItem,
     onEndReached: onLoadNext,
     contentContainerStyle: {
-      paddingLeft: left,
-      paddingRight: right,
+      ...safeArea,
       flexGrow: 1
     },
     ListEmptyComponent: ListEmptyComponent,