@sendbird/uikit-react-native 3.7.5 → 3.8.0

package/lib/module/domain/openChannelBannedUsers/component/OpenChannelBannedUsersList.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 OpenChannelBannedUsersList = _ref => {
-  let {
-    renderUser,
-    bannedUsers,
-    onLoadNext,
-    ListEmptyComponent
-  } = _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 OpenChannelBannedUsersList = ({
+  renderUser,
+  bannedUsers,
+  onLoadNext,
+  ListEmptyComponent
+}) => {
+  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: bannedUsers,
     renderItem: renderItem,
     contentContainerStyle: {
-      paddingLeft: left,
-      paddingRight: right,
+      ...safeArea,
       flexGrow: 1
     },
     ListEmptyComponent: ListEmptyComponent,

package/lib/module/domain/openChannelBannedUsers/component/OpenChannelBannedUsersList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FlatList","useSafeAreaInsets","getUserUniqId","useFreshCallback","OpenChannelBannedUsersList","_ref","renderUser","bannedUsers","onLoadNext","ListEmptyComponent","renderItem","_ref2","item","user","left","right","createElement","data","contentContainerStyle","paddingLeft","paddingRight","flexGrow","onEndReached","bounces","keyExtractor"],"sources":["OpenChannelBannedUsersList.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { SendbirdRestrictedUser, getUserUniqId, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { OpenChannelBannedUsersProps } from '../types';\n\nconst OpenChannelBannedUsersList = ({\n  renderUser,\n  bannedUsers,\n  onLoadNext,\n  ListEmptyComponent,\n}: OpenChannelBannedUsersProps['List']) => {\n  const renderItem: ListRenderItem<SendbirdRestrictedUser> = useFreshCallback(({ item }) =>\n    renderUser?.({ user: item }),\n  );\n  const { left, right } = useSafeAreaInsets();\n\n  return (\n    <FlatList\n      data={bannedUsers}\n      renderItem={renderItem}\n      contentContainerStyle={{ paddingLeft: left, paddingRight: right, flexGrow: 1 }}\n      ListEmptyComponent={ListEmptyComponent}\n      onEndReached={onLoadNext}\n      bounces={false}\n      keyExtractor={getUserUniqId}\n    />\n  );\n};\n\nexport default OpenChannelBannedUsersList;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAwB,cAAc;AACvD,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAAiCC,aAAa,EAAEC,gBAAgB,QAAQ,uBAAuB;AAI/F,MAAMC,0BAA0B,GAAGC,IAAA,IAKQ;EAAA,IALP;IAClCC,UAAU;IACVC,WAAW;IACXC,UAAU;IACVC;EACmC,CAAC,GAAAJ,IAAA;EACpC,MAAMK,UAAkD,GAAGP,gBAAgB,CAACQ,KAAA;IAAA,IAAC;MAAEC;IAAK,CAAC,GAAAD,KAAA;IAAA,OACnFL,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAG;MAAEO,IAAI,EAAED;IAAK,CAAC,CAAC;EAAA,EAC7B;EACD,MAAM;IAAEE,IAAI;IAAEC;EAAM,CAAC,GAAGd,iBAAiB,EAAE;EAE3C,oBACEF,KAAA,CAAAiB,aAAA,CAAChB,QAAQ;IACPiB,IAAI,EAAEV,WAAY;IAClBG,UAAU,EAAEA,UAAW;IACvBQ,qBAAqB,EAAE;MAAEC,WAAW,EAAEL,IAAI;MAAEM,YAAY,EAAEL,KAAK;MAAEM,QAAQ,EAAE;IAAE,CAAE;IAC/EZ,kBAAkB,EAAEA,kBAAmB;IACvCa,YAAY,EAAEd,UAAW;IACzBe,OAAO,EAAE,KAAM;IACfC,YAAY,EAAEtB;EAAc,EAC5B;AAEN,CAAC;AAED,eAAeE,0BAA0B"}
+{"version":3,"names":["React","FlatList","getUserUniqId","useFreshCallback","useSafeAreaPadding","OpenChannelBannedUsersList","renderUser","bannedUsers","onLoadNext","ListEmptyComponent","renderItem","item","user","safeArea","createElement","data","contentContainerStyle","flexGrow","onEndReached","bounces","keyExtractor"],"sources":["OpenChannelBannedUsersList.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\n\nimport { SendbirdRestrictedUser, getUserUniqId, useFreshCallback, useSafeAreaPadding } from '@sendbird/uikit-utils';\n\nimport type { OpenChannelBannedUsersProps } from '../types';\n\nconst OpenChannelBannedUsersList = ({\n  renderUser,\n  bannedUsers,\n  onLoadNext,\n  ListEmptyComponent,\n}: OpenChannelBannedUsersProps['List']) => {\n  const renderItem: ListRenderItem<SendbirdRestrictedUser> = useFreshCallback(({ item }) =>\n    renderUser?.({ user: item }),\n  );\n  const safeArea = useSafeAreaPadding(['left', 'right']);\n\n  return (\n    <FlatList\n      data={bannedUsers}\n      renderItem={renderItem}\n      contentContainerStyle={{ ...safeArea, flexGrow: 1 }}\n      ListEmptyComponent={ListEmptyComponent}\n      onEndReached={onLoadNext}\n      bounces={false}\n      keyExtractor={getUserUniqId}\n    />\n  );\n};\n\nexport default OpenChannelBannedUsersList;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAwB,cAAc;AAEvD,SAAiCC,aAAa,EAAEC,gBAAgB,EAAEC,kBAAkB,QAAQ,uBAAuB;AAInH,MAAMC,0BAA0B,GAAGA,CAAC;EAClCC,UAAU;EACVC,WAAW;EACXC,UAAU;EACVC;AACmC,CAAC,KAAK;EACzC,MAAMC,UAAkD,GAAGP,gBAAgB,CAAC,CAAC;IAAEQ;EAAK,CAAC,KACnFL,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAG;IAAEM,IAAI,EAAED;EAAK,CAAC,CAC7B,CAAC;EACD,MAAME,QAAQ,GAAGT,kBAAkB,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;EAEtD,oBACEJ,KAAA,CAAAc,aAAA,CAACb,QAAQ;IACPc,IAAI,EAAER,WAAY;IAClBG,UAAU,EAAEA,UAAW;IACvBM,qBAAqB,EAAE;MAAE,GAAGH,QAAQ;MAAEI,QAAQ,EAAE;IAAE,CAAE;IACpDR,kBAAkB,EAAEA,kBAAmB;IACvCS,YAAY,EAAEV,UAAW;IACzBW,OAAO,EAAE,KAAM;IACfC,YAAY,EAAElB;EAAc,CAC7B,CAAC;AAEN,CAAC;AAED,eAAeG,0BAA0B","ignoreList":[]}

package/lib/module/domain/openChannelBannedUsers/component/OpenChannelBannedUsersStatusEmpty.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Box","TypedPlaceholder","OpenChannelBannedUsersStatusEmpty","createElement","flex","alignItems","justifyContent","type"],"sources":["OpenChannelBannedUsersStatusEmpty.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box } from '@sendbird/uikit-react-native-foundation';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst OpenChannelBannedUsersStatusEmpty = () => {\n  return (\n    <Box flex={1} alignItems={'center'} justifyContent={'center'}>\n      <TypedPlaceholder type={'no-banned-users'} />\n    </Box>\n  );\n};\n\nexport default OpenChannelBannedUsersStatusEmpty;\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;EAAkB,EAAG,CACzC;AAEV,CAAC;AAED,eAAeL,iCAAiC"}
+{"version":3,"names":["React","Box","TypedPlaceholder","OpenChannelBannedUsersStatusEmpty","createElement","flex","alignItems","justifyContent","type"],"sources":["OpenChannelBannedUsersStatusEmpty.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box } from '@sendbird/uikit-react-native-foundation';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst OpenChannelBannedUsersStatusEmpty = () => {\n  return (\n    <Box flex={1} alignItems={'center'} justifyContent={'center'}>\n      <TypedPlaceholder type={'no-banned-users'} />\n    </Box>\n  );\n};\n\nexport default OpenChannelBannedUsersStatusEmpty;\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;EAAkB,CAAE,CACzC,CAAC;AAEV,CAAC;AAED,eAAeL,iCAAiC","ignoreList":[]}

package/lib/module/domain/openChannelBannedUsers/component/OpenChannelBannedUsersStatusError.js

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

package/lib/module/domain/openChannelBannedUsers/component/OpenChannelBannedUsersStatusError.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Box","TypedPlaceholder","OpenChannelBannedUsersStatusError","_ref","onPressRetry","createElement","flex","alignItems","justifyContent","type"],"sources":["OpenChannelBannedUsersStatusError.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box } from '@sendbird/uikit-react-native-foundation';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\nimport type { OpenChannelBannedUsersModule } from '../types';\n\nconst OpenChannelBannedUsersStatusError: OpenChannelBannedUsersModule['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 OpenChannelBannedUsersStatusError;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,GAAG,QAAQ,yCAAyC;AAE7D,OAAOC,gBAAgB,MAAM,sCAAsC;AAGnE,MAAMC,iCAA8E,GAAGC,IAAA,IAAsB;EAAA,IAArB;IAAEC;EAAa,CAAC,GAAAD,IAAA;EACtG,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,iCAAiC"}
+{"version":3,"names":["React","Box","TypedPlaceholder","OpenChannelBannedUsersStatusError","onPressRetry","createElement","flex","alignItems","justifyContent","type"],"sources":["OpenChannelBannedUsersStatusError.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box } from '@sendbird/uikit-react-native-foundation';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\nimport type { OpenChannelBannedUsersModule } from '../types';\n\nconst OpenChannelBannedUsersStatusError: OpenChannelBannedUsersModule['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 OpenChannelBannedUsersStatusError;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,GAAG,QAAQ,yCAAyC;AAE7D,OAAOC,gBAAgB,MAAM,sCAAsC;AAGnE,MAAMC,iCAA8E,GAAGA,CAAC;EAAEC;AAAa,CAAC,KAAK;EAC3G,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,iCAAiC","ignoreList":[]}

package/lib/module/domain/openChannelBannedUsers/component/OpenChannelBannedUsersStatusLoading.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Box","TypedPlaceholder","OpenChannelBannedUsersStatusLoading","createElement","flex","alignItems","justifyContent","type"],"sources":["OpenChannelBannedUsersStatusLoading.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box } from '@sendbird/uikit-react-native-foundation';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst OpenChannelBannedUsersStatusLoading = () => {\n  return (\n    <Box flex={1} alignItems={'center'} justifyContent={'center'}>\n      <TypedPlaceholder type={'loading'} />\n    </Box>\n  );\n};\n\nexport default OpenChannelBannedUsersStatusLoading;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,GAAG,QAAQ,yCAAyC;AAE7D,OAAOC,gBAAgB,MAAM,sCAAsC;AAEnE,MAAMC,mCAAmC,GAAGA,CAAA,KAAM;EAChD,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,mCAAmC"}
+{"version":3,"names":["React","Box","TypedPlaceholder","OpenChannelBannedUsersStatusLoading","createElement","flex","alignItems","justifyContent","type"],"sources":["OpenChannelBannedUsersStatusLoading.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box } from '@sendbird/uikit-react-native-foundation';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst OpenChannelBannedUsersStatusLoading = () => {\n  return (\n    <Box flex={1} alignItems={'center'} justifyContent={'center'}>\n      <TypedPlaceholder type={'loading'} />\n    </Box>\n  );\n};\n\nexport default OpenChannelBannedUsersStatusLoading;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,GAAG,QAAQ,yCAAyC;AAE7D,OAAOC,gBAAgB,MAAM,sCAAsC;AAEnE,MAAMC,mCAAmC,GAAGA,CAAA,KAAM;EAChD,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,mCAAmC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["default","OpenChannelBannedUsersList","OpenChannelBannedUsersHeader","OpenChannelBannedUsersStatusLoading","OpenChannelBannedUsersStatusEmpty","OpenChannelBannedUsersStatusError","createOpenChannelBannedUsersModule","OpenChannelBannedUsersContextsProvider","OpenChannelBannedUsersContexts"],"sources":["index.ts"],"sourcesContent":["export { default as OpenChannelBannedUsersList } from './component/OpenChannelBannedUsersList';\nexport { default as OpenChannelBannedUsersHeader } from './component/OpenChannelBannedUsersHeader';\nexport { default as OpenChannelBannedUsersStatusLoading } from './component/OpenChannelBannedUsersStatusLoading';\nexport { default as OpenChannelBannedUsersStatusEmpty } from './component/OpenChannelBannedUsersStatusEmpty';\nexport { default as OpenChannelBannedUsersStatusError } from './component/OpenChannelBannedUsersStatusError';\nexport { default as createOpenChannelBannedUsersModule } from './module/createOpenChannelBannedUsersModule';\nexport { OpenChannelBannedUsersContextsProvider, OpenChannelBannedUsersContexts } from './module/moduleContext';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,0BAA0B,QAAQ,wCAAwC;AAC9F,SAASD,OAAO,IAAIE,4BAA4B,QAAQ,0CAA0C;AAClG,SAASF,OAAO,IAAIG,mCAAmC,QAAQ,iDAAiD;AAChH,SAASH,OAAO,IAAII,iCAAiC,QAAQ,+CAA+C;AAC5G,SAASJ,OAAO,IAAIK,iCAAiC,QAAQ,+CAA+C;AAC5G,SAASL,OAAO,IAAIM,kCAAkC,QAAQ,6CAA6C;AAC3G,SAASC,sCAAsC,EAAEC,8BAA8B,QAAQ,wBAAwB"}
+{"version":3,"names":["default","OpenChannelBannedUsersList","OpenChannelBannedUsersHeader","OpenChannelBannedUsersStatusLoading","OpenChannelBannedUsersStatusEmpty","OpenChannelBannedUsersStatusError","createOpenChannelBannedUsersModule","OpenChannelBannedUsersContextsProvider","OpenChannelBannedUsersContexts"],"sources":["index.ts"],"sourcesContent":["export { default as OpenChannelBannedUsersList } from './component/OpenChannelBannedUsersList';\nexport { default as OpenChannelBannedUsersHeader } from './component/OpenChannelBannedUsersHeader';\nexport { default as OpenChannelBannedUsersStatusLoading } from './component/OpenChannelBannedUsersStatusLoading';\nexport { default as OpenChannelBannedUsersStatusEmpty } from './component/OpenChannelBannedUsersStatusEmpty';\nexport { default as OpenChannelBannedUsersStatusError } from './component/OpenChannelBannedUsersStatusError';\nexport { default as createOpenChannelBannedUsersModule } from './module/createOpenChannelBannedUsersModule';\nexport { OpenChannelBannedUsersContextsProvider, OpenChannelBannedUsersContexts } from './module/moduleContext';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,0BAA0B,QAAQ,wCAAwC;AAC9F,SAASD,OAAO,IAAIE,4BAA4B,QAAQ,0CAA0C;AAClG,SAASF,OAAO,IAAIG,mCAAmC,QAAQ,iDAAiD;AAChH,SAASH,OAAO,IAAII,iCAAiC,QAAQ,+CAA+C;AAC5G,SAASJ,OAAO,IAAIK,iCAAiC,QAAQ,+CAA+C;AAC5G,SAASL,OAAO,IAAIM,kCAAkC,QAAQ,6CAA6C;AAC3G,SAASC,sCAAsC,EAAEC,8BAA8B,QAAQ,wBAAwB","ignoreList":[]}

package/lib/module/domain/openChannelBannedUsers/module/createOpenChannelBannedUsersModule.js

@@ -4,16 +4,15 @@ import OpenChannelBannedUsersStatusEmpty from '../component/OpenChannelBannedUse
 import OpenChannelBannedUsersStatusError from '../component/OpenChannelBannedUsersStatusError';
 import OpenChannelBannedUsersStatusLoading from '../component/OpenChannelBannedUsersStatusLoading';
 import { OpenChannelBannedUsersContextsProvider } from './moduleContext';
-const createOpenChannelBannedUsersModule = function () {
-  let {
-    Header = OpenChannelBannedUsersHeader,
-    List = OpenChannelBannedUsersList,
-    StatusLoading = OpenChannelBannedUsersStatusLoading,
-    StatusEmpty = OpenChannelBannedUsersStatusEmpty,
-    StatusError = OpenChannelBannedUsersStatusError,
-    Provider = OpenChannelBannedUsersContextsProvider,
-    ...module
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+const createOpenChannelBannedUsersModule = ({
+  Header = OpenChannelBannedUsersHeader,
+  List = OpenChannelBannedUsersList,
+  StatusLoading = OpenChannelBannedUsersStatusLoading,
+  StatusEmpty = OpenChannelBannedUsersStatusEmpty,
+  StatusError = OpenChannelBannedUsersStatusError,
+  Provider = OpenChannelBannedUsersContextsProvider,
+  ...module
+} = {}) => {
   return {
     Header,
     List,

package/lib/module/domain/openChannelBannedUsers/module/createOpenChannelBannedUsersModule.js.map

@@ -1 +1 @@
-{"version":3,"names":["OpenChannelBannedUsersHeader","OpenChannelBannedUsersList","OpenChannelBannedUsersStatusEmpty","OpenChannelBannedUsersStatusError","OpenChannelBannedUsersStatusLoading","OpenChannelBannedUsersContextsProvider","createOpenChannelBannedUsersModule","Header","List","StatusLoading","StatusEmpty","StatusError","Provider","module","arguments","length","undefined"],"sources":["createOpenChannelBannedUsersModule.tsx"],"sourcesContent":["import OpenChannelBannedUsersHeader from '../component/OpenChannelBannedUsersHeader';\nimport OpenChannelBannedUsersList from '../component/OpenChannelBannedUsersList';\nimport OpenChannelBannedUsersStatusEmpty from '../component/OpenChannelBannedUsersStatusEmpty';\nimport OpenChannelBannedUsersStatusError from '../component/OpenChannelBannedUsersStatusError';\nimport OpenChannelBannedUsersStatusLoading from '../component/OpenChannelBannedUsersStatusLoading';\nimport type { OpenChannelBannedUsersModule } from '../types';\nimport { OpenChannelBannedUsersContextsProvider } from './moduleContext';\n\nconst createOpenChannelBannedUsersModule = ({\n  Header = OpenChannelBannedUsersHeader,\n  List = OpenChannelBannedUsersList,\n  StatusLoading = OpenChannelBannedUsersStatusLoading,\n  StatusEmpty = OpenChannelBannedUsersStatusEmpty,\n  StatusError = OpenChannelBannedUsersStatusError,\n  Provider = OpenChannelBannedUsersContextsProvider,\n  ...module\n}: Partial<OpenChannelBannedUsersModule> = {}): OpenChannelBannedUsersModule => {\n  return { Header, List, Provider, StatusEmpty, StatusLoading, StatusError, ...module };\n};\n\nexport default createOpenChannelBannedUsersModule;\n"],"mappings":"AAAA,OAAOA,4BAA4B,MAAM,2CAA2C;AACpF,OAAOC,0BAA0B,MAAM,yCAAyC;AAChF,OAAOC,iCAAiC,MAAM,gDAAgD;AAC9F,OAAOC,iCAAiC,MAAM,gDAAgD;AAC9F,OAAOC,mCAAmC,MAAM,kDAAkD;AAElG,SAASC,sCAAsC,QAAQ,iBAAiB;AAExE,MAAMC,kCAAkC,GAAG,SAAAA,CAAA,EAQqC;EAAA,IARpC;IAC1CC,MAAM,GAAGP,4BAA4B;IACrCQ,IAAI,GAAGP,0BAA0B;IACjCQ,aAAa,GAAGL,mCAAmC;IACnDM,WAAW,GAAGR,iCAAiC;IAC/CS,WAAW,GAAGR,iCAAiC;IAC/CS,QAAQ,GAAGP,sCAAsC;IACjD,GAAGQ;EACkC,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAC3C,OAAO;IAAEP,MAAM;IAAEC,IAAI;IAAEI,QAAQ;IAAEF,WAAW;IAAED,aAAa;IAAEE,WAAW;IAAE,GAAGE;EAAO,CAAC;AACvF,CAAC;AAED,eAAeP,kCAAkC"}
+{"version":3,"names":["OpenChannelBannedUsersHeader","OpenChannelBannedUsersList","OpenChannelBannedUsersStatusEmpty","OpenChannelBannedUsersStatusError","OpenChannelBannedUsersStatusLoading","OpenChannelBannedUsersContextsProvider","createOpenChannelBannedUsersModule","Header","List","StatusLoading","StatusEmpty","StatusError","Provider","module"],"sources":["createOpenChannelBannedUsersModule.tsx"],"sourcesContent":["import OpenChannelBannedUsersHeader from '../component/OpenChannelBannedUsersHeader';\nimport OpenChannelBannedUsersList from '../component/OpenChannelBannedUsersList';\nimport OpenChannelBannedUsersStatusEmpty from '../component/OpenChannelBannedUsersStatusEmpty';\nimport OpenChannelBannedUsersStatusError from '../component/OpenChannelBannedUsersStatusError';\nimport OpenChannelBannedUsersStatusLoading from '../component/OpenChannelBannedUsersStatusLoading';\nimport type { OpenChannelBannedUsersModule } from '../types';\nimport { OpenChannelBannedUsersContextsProvider } from './moduleContext';\n\nconst createOpenChannelBannedUsersModule = ({\n  Header = OpenChannelBannedUsersHeader,\n  List = OpenChannelBannedUsersList,\n  StatusLoading = OpenChannelBannedUsersStatusLoading,\n  StatusEmpty = OpenChannelBannedUsersStatusEmpty,\n  StatusError = OpenChannelBannedUsersStatusError,\n  Provider = OpenChannelBannedUsersContextsProvider,\n  ...module\n}: Partial<OpenChannelBannedUsersModule> = {}): OpenChannelBannedUsersModule => {\n  return { Header, List, Provider, StatusEmpty, StatusLoading, StatusError, ...module };\n};\n\nexport default createOpenChannelBannedUsersModule;\n"],"mappings":"AAAA,OAAOA,4BAA4B,MAAM,2CAA2C;AACpF,OAAOC,0BAA0B,MAAM,yCAAyC;AAChF,OAAOC,iCAAiC,MAAM,gDAAgD;AAC9F,OAAOC,iCAAiC,MAAM,gDAAgD;AAC9F,OAAOC,mCAAmC,MAAM,kDAAkD;AAElG,SAASC,sCAAsC,QAAQ,iBAAiB;AAExE,MAAMC,kCAAkC,GAAGA,CAAC;EAC1CC,MAAM,GAAGP,4BAA4B;EACrCQ,IAAI,GAAGP,0BAA0B;EACjCQ,aAAa,GAAGL,mCAAmC;EACnDM,WAAW,GAAGR,iCAAiC;EAC/CS,WAAW,GAAGR,iCAAiC;EAC/CS,QAAQ,GAAGP,sCAAsC;EACjD,GAAGQ;AACkC,CAAC,GAAG,CAAC,CAAC,KAAmC;EAC9E,OAAO;IAAEN,MAAM;IAAEC,IAAI;IAAEI,QAAQ;IAAEF,WAAW;IAAED,aAAa;IAAEE,WAAW;IAAE,GAAGE;EAAO,CAAC;AACvF,CAAC;AAED,eAAeP,kCAAkC","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","ProviderLayout","useLocalization","OpenChannelBannedUsersContexts","Fragment","headerTitle","channel","OpenChannelBannedUsersContextsProvider","_ref","children","STRINGS","createElement","Provider","value","OPEN_CHANNEL_BANNED_USERS","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 { OpenChannelBannedUsersContextsType, OpenChannelBannedUsersModule } from '../types';\n\nexport const OpenChannelBannedUsersContexts: OpenChannelBannedUsersContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdOpenChannel,\n  }),\n};\n\nexport const OpenChannelBannedUsersContextsProvider: OpenChannelBannedUsersModule['Provider'] = ({\n  channel,\n  children,\n}) => {\n  const { STRINGS } = useLocalization();\n  return (\n    <ProviderLayout>\n      <OpenChannelBannedUsersContexts.Fragment.Provider\n        value={{ headerTitle: STRINGS.OPEN_CHANNEL_BANNED_USERS.HEADER_TITLE, channel }}\n      >\n        {children}\n      </OpenChannelBannedUsersContexts.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,8BAAkE,GAAG;EAChFC,QAAQ,eAAEJ,aAAa,CAAC;IACtBK,WAAW,EAAE,EAAE;IACfC,OAAO,EAAE,CAAC;EACZ,CAAC;AACH,CAAC;AAED,OAAO,MAAMC,sCAAgF,GAAGC,IAAA,IAG1F;EAAA,IAH2F;IAC/FF,OAAO;IACPG;EACF,CAAC,GAAAD,IAAA;EACC,MAAM;IAAEE;EAAQ,CAAC,GAAGR,eAAe,EAAE;EACrC,oBACEH,KAAA,CAAAY,aAAA,CAACV,cAAc,qBACbF,KAAA,CAAAY,aAAA,CAACR,8BAA8B,CAACC,QAAQ,CAACQ,QAAQ;IAC/CC,KAAK,EAAE;MAAER,WAAW,EAAEK,OAAO,CAACI,yBAAyB,CAACC,YAAY;MAAET;IAAQ;EAAE,GAE/EG,QAAQ,CACwC,CACpC;AAErB,CAAC"}
+{"version":3,"names":["React","createContext","ProviderLayout","useLocalization","OpenChannelBannedUsersContexts","Fragment","headerTitle","channel","OpenChannelBannedUsersContextsProvider","children","STRINGS","createElement","Provider","value","OPEN_CHANNEL_BANNED_USERS","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 { OpenChannelBannedUsersContextsType, OpenChannelBannedUsersModule } from '../types';\n\nexport const OpenChannelBannedUsersContexts: OpenChannelBannedUsersContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdOpenChannel,\n  }),\n};\n\nexport const OpenChannelBannedUsersContextsProvider: OpenChannelBannedUsersModule['Provider'] = ({\n  channel,\n  children,\n}) => {\n  const { STRINGS } = useLocalization();\n  return (\n    <ProviderLayout>\n      <OpenChannelBannedUsersContexts.Fragment.Provider\n        value={{ headerTitle: STRINGS.OPEN_CHANNEL_BANNED_USERS.HEADER_TITLE, channel }}\n      >\n        {children}\n      </OpenChannelBannedUsersContexts.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,8BAAkE,GAAG;EAChFC,QAAQ,eAAEJ,aAAa,CAAC;IACtBK,WAAW,EAAE,EAAE;IACfC,OAAO,EAAE,CAAC;EACZ,CAAC;AACH,CAAC;AAED,OAAO,MAAMC,sCAAgF,GAAGA,CAAC;EAC/FD,OAAO;EACPE;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAQ,CAAC,GAAGP,eAAe,CAAC,CAAC;EACrC,oBACEH,KAAA,CAAAW,aAAA,CAACT,cAAc,qBACbF,KAAA,CAAAW,aAAA,CAACP,8BAA8B,CAACC,QAAQ,CAACO,QAAQ;IAC/CC,KAAK,EAAE;MAAEP,WAAW,EAAEI,OAAO,CAACI,yBAAyB,CAACC,YAAY;MAAER;IAAQ;EAAE,GAE/EE,QAC+C,CACpC,CAAC;AAErB,CAAC","ignoreList":[]}

package/lib/module/domain/openChannelBannedUsers/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, SendbirdRestrictedUser } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport type OpenChannelBannedUsersProps = {\n  Fragment: {\n    channel: SendbirdOpenChannel;\n    onPressHeaderLeft: OpenChannelBannedUsersProps['Header']['onPressHeaderLeft'];\n    renderUser?: OpenChannelBannedUsersProps['List']['renderUser'];\n    queryCreator?: UseUserListOptions<SendbirdRestrictedUser>['queryCreator'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n  };\n  List: {\n    renderUser: (props: { user: SendbirdRestrictedUser }) => React.ReactElement | null;\n    bannedUsers: SendbirdRestrictedUser[];\n    ListEmptyComponent?: React.ReactElement;\n    onLoadNext: () => Promise<void>;\n  };\n  StatusError: {\n    onPressRetry: () => void;\n  };\n  Provider: {\n    channel: SendbirdOpenChannel;\n  };\n};\n\n/**\n * Internal context for OpenChannelBannedUsers\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport type OpenChannelBannedUsersContextsType = {\n  Fragment: React.Context<{\n    headerTitle: string;\n    channel: SendbirdOpenChannel;\n  }>;\n};\nexport interface OpenChannelBannedUsersModule {\n  Provider: CommonComponent<OpenChannelBannedUsersProps['Provider']>;\n  Header: CommonComponent<OpenChannelBannedUsersProps['Header']>;\n  List: CommonComponent<OpenChannelBannedUsersProps['List']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n  StatusError: CommonComponent<OpenChannelBannedUsersProps['StatusError']>;\n}\n\nexport type OpenChannelBannedUsersFragment = React.FC<OpenChannelBannedUsersProps['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, SendbirdRestrictedUser } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport type OpenChannelBannedUsersProps = {\n  Fragment: {\n    channel: SendbirdOpenChannel;\n    onPressHeaderLeft: OpenChannelBannedUsersProps['Header']['onPressHeaderLeft'];\n    renderUser?: OpenChannelBannedUsersProps['List']['renderUser'];\n    queryCreator?: UseUserListOptions<SendbirdRestrictedUser>['queryCreator'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n  };\n  List: {\n    renderUser: (props: { user: SendbirdRestrictedUser }) => React.ReactElement | null;\n    bannedUsers: SendbirdRestrictedUser[];\n    ListEmptyComponent?: React.ReactElement;\n    onLoadNext: () => Promise<void>;\n  };\n  StatusError: {\n    onPressRetry: () => void;\n  };\n  Provider: {\n    channel: SendbirdOpenChannel;\n  };\n};\n\n/**\n * Internal context for OpenChannelBannedUsers\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport type OpenChannelBannedUsersContextsType = {\n  Fragment: React.Context<{\n    headerTitle: string;\n    channel: SendbirdOpenChannel;\n  }>;\n};\nexport interface OpenChannelBannedUsersModule {\n  Provider: CommonComponent<OpenChannelBannedUsersProps['Provider']>;\n  Header: CommonComponent<OpenChannelBannedUsersProps['Header']>;\n  List: CommonComponent<OpenChannelBannedUsersProps['List']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n  StatusError: CommonComponent<OpenChannelBannedUsersProps['StatusError']>;\n}\n\nexport type OpenChannelBannedUsersFragment = React.FC<OpenChannelBannedUsersProps['Fragment']>;\n"],"mappings":"","ignoreList":[]}

package/lib/module/domain/openChannelCreate/component/OpenChannelCreateHeader.js

@@ -2,12 +2,11 @@ import React, { useContext } from 'react';
 import { Icon, Text, useHeaderStyle, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { ifThenOr } from '@sendbird/uikit-utils';
 import { OpenChannelCreateContexts } from '../module/moduleContext';
-const OpenChannelCreateHeader = _ref => {
-  let {
-    onPressHeaderLeft,
-    onPressHeaderRight,
-    shouldActivateHeaderRight
-  } = _ref;
+const OpenChannelCreateHeader = ({
+  onPressHeaderLeft,
+  onPressHeaderRight,
+  shouldActivateHeaderRight
+}) => {
   const {
     headerTitle,
     headerRight

package/lib/module/domain/openChannelCreate/component/OpenChannelCreateHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","Icon","Text","useHeaderStyle","useUIKitTheme","ifThenOr","OpenChannelCreateContexts","OpenChannelCreateHeader","_ref","onPressHeaderLeft","onPressHeaderRight","shouldActivateHeaderRight","headerTitle","headerRight","Fragment","HeaderComponent","colors","isHeaderRightActive","createElement","title","left","icon","onPressLeft","right","button","color","primary","onBackground04","onPressRight"],"sources":["OpenChannelCreateHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Icon, Text, useHeaderStyle, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { ifThenOr } from '@sendbird/uikit-utils';\n\nimport { OpenChannelCreateContexts } from '../module/moduleContext';\nimport type { OpenChannelCreateProps } from '../types';\n\nconst OpenChannelCreateHeader = ({\n  onPressHeaderLeft,\n  onPressHeaderRight,\n  shouldActivateHeaderRight,\n}: OpenChannelCreateProps['Header']) => {\n  const { headerTitle, headerRight } = useContext(OpenChannelCreateContexts.Fragment);\n  const { HeaderComponent } = useHeaderStyle();\n  const { colors } = useUIKitTheme();\n\n  const isHeaderRightActive = shouldActivateHeaderRight();\n\n  return (\n    <HeaderComponent\n      title={headerTitle}\n      left={<Icon icon={'arrow-left'} />}\n      onPressLeft={onPressHeaderLeft}\n      right={\n        <Text button color={ifThenOr(isHeaderRightActive, colors.primary, colors.onBackground04)}>\n          {headerRight}\n        </Text>\n      }\n      onPressRight={ifThenOr(isHeaderRightActive, onPressHeaderRight)}\n    />\n  );\n};\n\nexport default OpenChannelCreateHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,IAAI,EAAEC,IAAI,EAAEC,cAAc,EAAEC,aAAa,QAAQ,yCAAyC;AACnG,SAASC,QAAQ,QAAQ,uBAAuB;AAEhD,SAASC,yBAAyB,QAAQ,yBAAyB;AAGnE,MAAMC,uBAAuB,GAAGC,IAAA,IAIQ;EAAA,IAJP;IAC/BC,iBAAiB;IACjBC,kBAAkB;IAClBC;EACgC,CAAC,GAAAH,IAAA;EACjC,MAAM;IAAEI,WAAW;IAAEC;EAAY,CAAC,GAAGb,UAAU,CAACM,yBAAyB,CAACQ,QAAQ,CAAC;EACnF,MAAM;IAAEC;EAAgB,CAAC,GAAGZ,cAAc,EAAE;EAC5C,MAAM;IAAEa;EAAO,CAAC,GAAGZ,aAAa,EAAE;EAElC,MAAMa,mBAAmB,GAAGN,yBAAyB,EAAE;EAEvD,oBACEZ,KAAA,CAAAmB,aAAA,CAACH,eAAe;IACdI,KAAK,EAAEP,WAAY;IACnBQ,IAAI,eAAErB,KAAA,CAAAmB,aAAA,CAACjB,IAAI;MAACoB,IAAI,EAAE;IAAa,EAAI;IACnCC,WAAW,EAAEb,iBAAkB;IAC/Bc,KAAK,eACHxB,KAAA,CAAAmB,aAAA,CAAChB,IAAI;MAACsB,MAAM;MAACC,KAAK,EAAEpB,QAAQ,CAACY,mBAAmB,EAAED,MAAM,CAACU,OAAO,EAAEV,MAAM,CAACW,cAAc;IAAE,GACtFd,WAAW,CAEf;IACDe,YAAY,EAAEvB,QAAQ,CAACY,mBAAmB,EAAEP,kBAAkB;EAAE,EAChE;AAEN,CAAC;AAED,eAAeH,uBAAuB"}
+{"version":3,"names":["React","useContext","Icon","Text","useHeaderStyle","useUIKitTheme","ifThenOr","OpenChannelCreateContexts","OpenChannelCreateHeader","onPressHeaderLeft","onPressHeaderRight","shouldActivateHeaderRight","headerTitle","headerRight","Fragment","HeaderComponent","colors","isHeaderRightActive","createElement","title","left","icon","onPressLeft","right","button","color","primary","onBackground04","onPressRight"],"sources":["OpenChannelCreateHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Icon, Text, useHeaderStyle, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { ifThenOr } from '@sendbird/uikit-utils';\n\nimport { OpenChannelCreateContexts } from '../module/moduleContext';\nimport type { OpenChannelCreateProps } from '../types';\n\nconst OpenChannelCreateHeader = ({\n  onPressHeaderLeft,\n  onPressHeaderRight,\n  shouldActivateHeaderRight,\n}: OpenChannelCreateProps['Header']) => {\n  const { headerTitle, headerRight } = useContext(OpenChannelCreateContexts.Fragment);\n  const { HeaderComponent } = useHeaderStyle();\n  const { colors } = useUIKitTheme();\n\n  const isHeaderRightActive = shouldActivateHeaderRight();\n\n  return (\n    <HeaderComponent\n      title={headerTitle}\n      left={<Icon icon={'arrow-left'} />}\n      onPressLeft={onPressHeaderLeft}\n      right={\n        <Text button color={ifThenOr(isHeaderRightActive, colors.primary, colors.onBackground04)}>\n          {headerRight}\n        </Text>\n      }\n      onPressRight={ifThenOr(isHeaderRightActive, onPressHeaderRight)}\n    />\n  );\n};\n\nexport default OpenChannelCreateHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,IAAI,EAAEC,IAAI,EAAEC,cAAc,EAAEC,aAAa,QAAQ,yCAAyC;AACnG,SAASC,QAAQ,QAAQ,uBAAuB;AAEhD,SAASC,yBAAyB,QAAQ,yBAAyB;AAGnE,MAAMC,uBAAuB,GAAGA,CAAC;EAC/BC,iBAAiB;EACjBC,kBAAkB;EAClBC;AACgC,CAAC,KAAK;EACtC,MAAM;IAAEC,WAAW;IAAEC;EAAY,CAAC,GAAGZ,UAAU,CAACM,yBAAyB,CAACO,QAAQ,CAAC;EACnF,MAAM;IAAEC;EAAgB,CAAC,GAAGX,cAAc,CAAC,CAAC;EAC5C,MAAM;IAAEY;EAAO,CAAC,GAAGX,aAAa,CAAC,CAAC;EAElC,MAAMY,mBAAmB,GAAGN,yBAAyB,CAAC,CAAC;EAEvD,oBACEX,KAAA,CAAAkB,aAAA,CAACH,eAAe;IACdI,KAAK,EAAEP,WAAY;IACnBQ,IAAI,eAAEpB,KAAA,CAAAkB,aAAA,CAAChB,IAAI;MAACmB,IAAI,EAAE;IAAa,CAAE,CAAE;IACnCC,WAAW,EAAEb,iBAAkB;IAC/Bc,KAAK,eACHvB,KAAA,CAAAkB,aAAA,CAACf,IAAI;MAACqB,MAAM;MAACC,KAAK,EAAEnB,QAAQ,CAACW,mBAAmB,EAAED,MAAM,CAACU,OAAO,EAAEV,MAAM,CAACW,cAAc;IAAE,GACtFd,WACG,CACP;IACDe,YAAY,EAAEtB,QAAQ,CAACW,mBAAmB,EAAEP,kBAAkB;EAAE,CACjE,CAAC;AAEN,CAAC;AAED,eAAeF,uBAAuB","ignoreList":[]}

package/lib/module/domain/openChannelCreate/component/OpenChannelCreateProfileInput.js

@@ -5,13 +5,12 @@ import { ifThenOr, useSafeAreaPadding } from '@sendbird/uikit-utils';
 import { useLocalization, usePlatformService } from '../../../hooks/useContext';
 import SBUError from '../../../libs/SBUError';
 import SBUUtils from '../../../libs/SBUUtils';
-const OpenChannelCreateProfileInput = _ref => {
-  let {
-    channelName,
-    channelCoverFile,
-    onChangeChannelName,
-    onChangeChannelCoverFile
-  } = _ref;
+const OpenChannelCreateProfileInput = ({
+  channelName,
+  channelCoverFile,
+  onChangeChannelName,
+  onChangeChannelCoverFile
+}) => {
   const toast = useToast();
   const {
     openSheet
@@ -91,8 +90,8 @@ const OpenChannelCreateProfileInput = _ref => {
   return /*#__PURE__*/React.createElement(Box, {
     flexDirection: 'row',
     paddingVertical: 16,
-    paddingLeft: 16 + safeArea.paddingLeft,
-    paddingRight: 16 + safeArea.paddingRight
+    paddingStart: 16 + safeArea.paddingStart,
+    paddingEnd: 16 + safeArea.paddingEnd
   }, /*#__PURE__*/React.createElement(PressBox, {
     onPress: onPressPhotoButton,
     style: styles.coverButton,
@@ -124,7 +123,7 @@ const OpenChannelCreateProfileInput = _ref => {
 };
 const styles = createStyleSheet({
   coverButton: {
-    marginRight: 20
+    marginEnd: 20
   },
   inputContainer: {
     flex: 1,
@@ -134,15 +133,15 @@ const styles = createStyleSheet({
   },
   input: {
     flex: 1,
-    paddingLeft: 0,
-    paddingRight: 0,
+    paddingStart: 0,
+    paddingEnd: 0,
     paddingTop: 0,
     paddingBottom: 0
   },
   removeButtonContainer: {
     alignItems: 'flex-end',
     justifyContent: 'center',
-    marginLeft: 8
+    marginStart: 8
   }
 });
 export default OpenChannelCreateProfileInput;

package/lib/module/domain/openChannelCreate/component/OpenChannelCreateProfileInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Avatar","Box","PressBox","TextInput","createStyleSheet","useBottomSheet","useToast","useUIKitTheme","Icon","ifThenOr","useSafeAreaPadding","useLocalization","usePlatformService","SBUError","SBUUtils","OpenChannelCreateProfileInput","_ref","channelName","channelCoverFile","onChangeChannelName","onChangeChannelCoverFile","toast","openSheet","palette","colors","typography","safeArea","STRINGS","fileService","onPressPhotoButton","sheetItems","title","OPEN_CHANNEL_CREATE","DIALOG_IMAGE_MENU_CAMERA","onPress","mediaFile","openCamera","mediaType","onOpenFailure","error","code","CODE","ERR_PERMISSIONS_DENIED","alert","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","DIALOG_IMAGE_MENU_PHOTO_LIBRARY","mediaFiles","openMediaLibrary","selectionLimit","PERMISSION_DEVICE_STORAGE","OPEN_PHOTO_LIBRARY_ERROR","unshift","DIALOG_IMAGE_MENU_REMOVE","titleColor","undefined","createElement","flexDirection","paddingVertical","paddingLeft","paddingRight","style","styles","coverButton","activeOpacity","Boolean","size","uri","icon","borderBottomColor","onBackground04","inputContainer","placeholder","PLACEHOLDER","subtitle1","input","backgroundColor","transparent","value","onChangeText","length","removeButtonContainer","color","onBackground03","marginRight","flex","alignItems","borderBottomWidth","paddingTop","paddingBottom","justifyContent","marginLeft"],"sources":["OpenChannelCreateProfileInput.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  Avatar,\n  BottomSheetItem,\n  Box,\n  PressBox,\n  TextInput,\n  createStyleSheet,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport Icon from '@sendbird/uikit-react-native-foundation/src/components/Icon';\nimport { ifThenOr, useSafeAreaPadding } from '@sendbird/uikit-utils';\n\nimport { useLocalization, usePlatformService } from '../../../hooks/useContext';\nimport SBUError from '../../../libs/SBUError';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport type { OpenChannelCreateProps } from '../types';\n\nconst OpenChannelCreateProfileInput = ({\n  channelName,\n  channelCoverFile,\n  onChangeChannelName,\n  onChangeChannelCoverFile,\n}: OpenChannelCreateProps['ProfileInput']) => {\n  const toast = useToast();\n  const { openSheet } = useBottomSheet();\n  const { palette, colors, typography } = useUIKitTheme();\n  const safeArea = useSafeAreaPadding(['left', 'right']);\n\n  const { STRINGS } = useLocalization();\n  const { fileService } = usePlatformService();\n\n  const onPressPhotoButton = () => {\n    const sheetItems: BottomSheetItem['sheetItems'] = [\n      {\n        title: STRINGS.OPEN_CHANNEL_CREATE.DIALOG_IMAGE_MENU_CAMERA,\n        onPress: async () => {\n          const mediaFile = 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\n          if (mediaFile) onChangeChannelCoverFile(mediaFile);\n        },\n      },\n      {\n        title: STRINGS.OPEN_CHANNEL_CREATE.DIALOG_IMAGE_MENU_PHOTO_LIBRARY,\n        onPress: async () => {\n          const mediaFiles = 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 (mediaFiles?.[0]) onChangeChannelCoverFile(mediaFiles[0]);\n        },\n      },\n    ];\n\n    if (channelCoverFile) {\n      sheetItems.unshift({\n        title: STRINGS.OPEN_CHANNEL_CREATE.DIALOG_IMAGE_MENU_REMOVE,\n        titleColor: colors.error,\n        onPress: () => {\n          onChangeChannelCoverFile(undefined);\n        },\n      });\n    }\n\n    openSheet({ sheetItems });\n  };\n\n  return (\n    <Box\n      flexDirection={'row'}\n      paddingVertical={16}\n      paddingLeft={16 + safeArea.paddingLeft}\n      paddingRight={16 + safeArea.paddingRight}\n    >\n      <PressBox onPress={onPressPhotoButton} style={styles.coverButton} activeOpacity={0.8}>\n        {ifThenOr(\n          Boolean(channelCoverFile),\n          <Avatar size={72} uri={channelCoverFile?.uri} />,\n          <Avatar.Icon size={72} icon={'camera'} />,\n        )}\n      </PressBox>\n      <Box borderBottomColor={colors.onBackground04} style={styles.inputContainer}>\n        <TextInput\n          placeholder={STRINGS.OPEN_CHANNEL_CREATE.PLACEHOLDER}\n          style={[typography.subtitle1, styles.input, { backgroundColor: palette.transparent }]}\n          value={channelName}\n          onChangeText={onChangeChannelName}\n        />\n\n        {channelName.length > 0 && (\n          <PressBox onPress={() => onChangeChannelName('')} style={styles.removeButtonContainer}>\n            <Icon color={colors.onBackground03} size={22} icon={'remove'} />\n          </PressBox>\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  coverButton: {\n    marginRight: 20,\n  },\n  inputContainer: {\n    flex: 1,\n    flexDirection: 'row',\n    alignItems: 'center',\n    borderBottomWidth: 1,\n  },\n  input: {\n    flex: 1,\n    paddingLeft: 0,\n    paddingRight: 0,\n    paddingTop: 0,\n    paddingBottom: 0,\n  },\n  removeButtonContainer: {\n    alignItems: 'flex-end',\n    justifyContent: 'center',\n    marginLeft: 8,\n  },\n});\n\nexport default OpenChannelCreateProfileInput;\n"],"mappings":"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"}
+{"version":3,"names":["React","Avatar","Box","PressBox","TextInput","createStyleSheet","useBottomSheet","useToast","useUIKitTheme","Icon","ifThenOr","useSafeAreaPadding","useLocalization","usePlatformService","SBUError","SBUUtils","OpenChannelCreateProfileInput","channelName","channelCoverFile","onChangeChannelName","onChangeChannelCoverFile","toast","openSheet","palette","colors","typography","safeArea","STRINGS","fileService","onPressPhotoButton","sheetItems","title","OPEN_CHANNEL_CREATE","DIALOG_IMAGE_MENU_CAMERA","onPress","mediaFile","openCamera","mediaType","onOpenFailure","error","code","CODE","ERR_PERMISSIONS_DENIED","alert","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","DIALOG_IMAGE_MENU_PHOTO_LIBRARY","mediaFiles","openMediaLibrary","selectionLimit","PERMISSION_DEVICE_STORAGE","OPEN_PHOTO_LIBRARY_ERROR","unshift","DIALOG_IMAGE_MENU_REMOVE","titleColor","undefined","createElement","flexDirection","paddingVertical","paddingStart","paddingEnd","style","styles","coverButton","activeOpacity","Boolean","size","uri","icon","borderBottomColor","onBackground04","inputContainer","placeholder","PLACEHOLDER","subtitle1","input","backgroundColor","transparent","value","onChangeText","length","removeButtonContainer","color","onBackground03","marginEnd","flex","alignItems","borderBottomWidth","paddingTop","paddingBottom","justifyContent","marginStart"],"sources":["OpenChannelCreateProfileInput.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  Avatar,\n  BottomSheetItem,\n  Box,\n  PressBox,\n  TextInput,\n  createStyleSheet,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport Icon from '@sendbird/uikit-react-native-foundation/src/components/Icon';\nimport { ifThenOr, useSafeAreaPadding } from '@sendbird/uikit-utils';\n\nimport { useLocalization, usePlatformService } from '../../../hooks/useContext';\nimport SBUError from '../../../libs/SBUError';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport type { OpenChannelCreateProps } from '../types';\n\nconst OpenChannelCreateProfileInput = ({\n  channelName,\n  channelCoverFile,\n  onChangeChannelName,\n  onChangeChannelCoverFile,\n}: OpenChannelCreateProps['ProfileInput']) => {\n  const toast = useToast();\n  const { openSheet } = useBottomSheet();\n  const { palette, colors, typography } = useUIKitTheme();\n  const safeArea = useSafeAreaPadding(['left', 'right']);\n\n  const { STRINGS } = useLocalization();\n  const { fileService } = usePlatformService();\n\n  const onPressPhotoButton = () => {\n    const sheetItems: BottomSheetItem['sheetItems'] = [\n      {\n        title: STRINGS.OPEN_CHANNEL_CREATE.DIALOG_IMAGE_MENU_CAMERA,\n        onPress: async () => {\n          const mediaFile = 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\n          if (mediaFile) onChangeChannelCoverFile(mediaFile);\n        },\n      },\n      {\n        title: STRINGS.OPEN_CHANNEL_CREATE.DIALOG_IMAGE_MENU_PHOTO_LIBRARY,\n        onPress: async () => {\n          const mediaFiles = 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 (mediaFiles?.[0]) onChangeChannelCoverFile(mediaFiles[0]);\n        },\n      },\n    ];\n\n    if (channelCoverFile) {\n      sheetItems.unshift({\n        title: STRINGS.OPEN_CHANNEL_CREATE.DIALOG_IMAGE_MENU_REMOVE,\n        titleColor: colors.error,\n        onPress: () => {\n          onChangeChannelCoverFile(undefined);\n        },\n      });\n    }\n\n    openSheet({ sheetItems });\n  };\n\n  return (\n    <Box\n      flexDirection={'row'}\n      paddingVertical={16}\n      paddingStart={16 + safeArea.paddingStart}\n      paddingEnd={16 + safeArea.paddingEnd}\n    >\n      <PressBox onPress={onPressPhotoButton} style={styles.coverButton} activeOpacity={0.8}>\n        {ifThenOr(\n          Boolean(channelCoverFile),\n          <Avatar size={72} uri={channelCoverFile?.uri} />,\n          <Avatar.Icon size={72} icon={'camera'} />,\n        )}\n      </PressBox>\n      <Box borderBottomColor={colors.onBackground04} style={styles.inputContainer}>\n        <TextInput\n          placeholder={STRINGS.OPEN_CHANNEL_CREATE.PLACEHOLDER}\n          style={[typography.subtitle1, styles.input, { backgroundColor: palette.transparent }]}\n          value={channelName}\n          onChangeText={onChangeChannelName}\n        />\n\n        {channelName.length > 0 && (\n          <PressBox onPress={() => onChangeChannelName('')} style={styles.removeButtonContainer}>\n            <Icon color={colors.onBackground03} size={22} icon={'remove'} />\n          </PressBox>\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  coverButton: {\n    marginEnd: 20,\n  },\n  inputContainer: {\n    flex: 1,\n    flexDirection: 'row',\n    alignItems: 'center',\n    borderBottomWidth: 1,\n  },\n  input: {\n    flex: 1,\n    paddingStart: 0,\n    paddingEnd: 0,\n    paddingTop: 0,\n    paddingBottom: 0,\n  },\n  removeButtonContainer: {\n    alignItems: 'flex-end',\n    justifyContent: 'center',\n    marginStart: 8,\n  },\n});\n\nexport default OpenChannelCreateProfileInput;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/domain/openChannelCreate/component/OpenChannelCreateStatusLoading.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","TypedPlaceholder","OpenChannelCreateStatusLoading","createElement","type"],"sources":["OpenChannelCreateStatusLoading.tsx"],"sourcesContent":["import React from 'react';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst OpenChannelCreateStatusLoading = () => {\n  return <TypedPlaceholder type={'loading'} />;\n};\n\nexport default OpenChannelCreateStatusLoading;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,gBAAgB,MAAM,sCAAsC;AAEnE,MAAMC,8BAA8B,GAAGA,CAAA,KAAM;EAC3C,oBAAOF,KAAA,CAAAG,aAAA,CAACF,gBAAgB;IAACG,IAAI,EAAE;EAAU,EAAG;AAC9C,CAAC;AAED,eAAeF,8BAA8B"}
+{"version":3,"names":["React","TypedPlaceholder","OpenChannelCreateStatusLoading","createElement","type"],"sources":["OpenChannelCreateStatusLoading.tsx"],"sourcesContent":["import React from 'react';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst OpenChannelCreateStatusLoading = () => {\n  return <TypedPlaceholder type={'loading'} />;\n};\n\nexport default OpenChannelCreateStatusLoading;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,gBAAgB,MAAM,sCAAsC;AAEnE,MAAMC,8BAA8B,GAAGA,CAAA,KAAM;EAC3C,oBAAOF,KAAA,CAAAG,aAAA,CAACF,gBAAgB;IAACG,IAAI,EAAE;EAAU,CAAE,CAAC;AAC9C,CAAC;AAED,eAAeF,8BAA8B","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["default","OpenChannelCreateHeader","OpenChannelCreateProfileInput","OpenChannelCreateStatusLoading","createOpenChannelCreateModule","OpenChannelCreateContextsProvider","OpenChannelCreateContexts"],"sources":["index.ts"],"sourcesContent":["export { default as OpenChannelCreateHeader } from './component/OpenChannelCreateHeader';\nexport { default as OpenChannelCreateProfileInput } from './component/OpenChannelCreateProfileInput';\nexport { default as OpenChannelCreateStatusLoading } from './component/OpenChannelCreateStatusLoading';\nexport { default as createOpenChannelCreateModule } from './module/createOpenChannelCreateModule';\nexport { OpenChannelCreateContextsProvider, OpenChannelCreateContexts } from './module/moduleContext';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,uBAAuB,QAAQ,qCAAqC;AACxF,SAASD,OAAO,IAAIE,6BAA6B,QAAQ,2CAA2C;AACpG,SAASF,OAAO,IAAIG,8BAA8B,QAAQ,4CAA4C;AACtG,SAASH,OAAO,IAAII,6BAA6B,QAAQ,wCAAwC;AACjG,SAASC,iCAAiC,EAAEC,yBAAyB,QAAQ,wBAAwB"}
+{"version":3,"names":["default","OpenChannelCreateHeader","OpenChannelCreateProfileInput","OpenChannelCreateStatusLoading","createOpenChannelCreateModule","OpenChannelCreateContextsProvider","OpenChannelCreateContexts"],"sources":["index.ts"],"sourcesContent":["export { default as OpenChannelCreateHeader } from './component/OpenChannelCreateHeader';\nexport { default as OpenChannelCreateProfileInput } from './component/OpenChannelCreateProfileInput';\nexport { default as OpenChannelCreateStatusLoading } from './component/OpenChannelCreateStatusLoading';\nexport { default as createOpenChannelCreateModule } from './module/createOpenChannelCreateModule';\nexport { OpenChannelCreateContextsProvider, OpenChannelCreateContexts } from './module/moduleContext';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,uBAAuB,QAAQ,qCAAqC;AACxF,SAASD,OAAO,IAAIE,6BAA6B,QAAQ,2CAA2C;AACpG,SAASF,OAAO,IAAIG,8BAA8B,QAAQ,4CAA4C;AACtG,SAASH,OAAO,IAAII,6BAA6B,QAAQ,wCAAwC;AACjG,SAASC,iCAAiC,EAAEC,yBAAyB,QAAQ,wBAAwB","ignoreList":[]}

package/lib/module/domain/openChannelCreate/module/createOpenChannelCreateModule.js

@@ -2,14 +2,13 @@ import OpenChannelCreateHeader from '../component/OpenChannelCreateHeader';
 import OpenChannelCreateProfileInput from '../component/OpenChannelCreateProfileInput';
 import OpenChannelCreateStatusLoading from '../component/OpenChannelCreateStatusLoading';
 import { OpenChannelCreateContextsProvider } from './moduleContext';
-const createOpenChannelCreateModule = function () {
-  let {
-    Header = OpenChannelCreateHeader,
-    ProfileInput = OpenChannelCreateProfileInput,
-    Provider = OpenChannelCreateContextsProvider,
-    StatusLoading = OpenChannelCreateStatusLoading,
-    ...module
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+const createOpenChannelCreateModule = ({
+  Header = OpenChannelCreateHeader,
+  ProfileInput = OpenChannelCreateProfileInput,
+  Provider = OpenChannelCreateContextsProvider,
+  StatusLoading = OpenChannelCreateStatusLoading,
+  ...module
+} = {}) => {
   return {
     Header,
     ProfileInput,

package/lib/module/domain/openChannelCreate/module/createOpenChannelCreateModule.js.map

@@ -1 +1 @@
-{"version":3,"names":["OpenChannelCreateHeader","OpenChannelCreateProfileInput","OpenChannelCreateStatusLoading","OpenChannelCreateContextsProvider","createOpenChannelCreateModule","Header","ProfileInput","Provider","StatusLoading","module","arguments","length","undefined"],"sources":["createOpenChannelCreateModule.tsx"],"sourcesContent":["import OpenChannelCreateHeader from '../component/OpenChannelCreateHeader';\nimport OpenChannelCreateProfileInput from '../component/OpenChannelCreateProfileInput';\nimport OpenChannelCreateStatusLoading from '../component/OpenChannelCreateStatusLoading';\nimport type { OpenChannelCreateModule } from '../types';\nimport { OpenChannelCreateContextsProvider } from './moduleContext';\n\nconst createOpenChannelCreateModule = ({\n  Header = OpenChannelCreateHeader,\n  ProfileInput = OpenChannelCreateProfileInput,\n  Provider = OpenChannelCreateContextsProvider,\n  StatusLoading = OpenChannelCreateStatusLoading,\n  ...module\n}: Partial<OpenChannelCreateModule> = {}): OpenChannelCreateModule => {\n  return { Header, ProfileInput, Provider, StatusLoading, ...module };\n};\n\nexport default createOpenChannelCreateModule;\n"],"mappings":"AAAA,OAAOA,uBAAuB,MAAM,sCAAsC;AAC1E,OAAOC,6BAA6B,MAAM,4CAA4C;AACtF,OAAOC,8BAA8B,MAAM,6CAA6C;AAExF,SAASC,iCAAiC,QAAQ,iBAAiB;AAEnE,MAAMC,6BAA6B,GAAG,SAAAA,CAAA,EAMgC;EAAA,IAN/B;IACrCC,MAAM,GAAGL,uBAAuB;IAChCM,YAAY,GAAGL,6BAA6B;IAC5CM,QAAQ,GAAGJ,iCAAiC;IAC5CK,aAAa,GAAGN,8BAA8B;IAC9C,GAAGO;EAC6B,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACtC,OAAO;IAAEL,MAAM;IAAEC,YAAY;IAAEC,QAAQ;IAAEC,aAAa;IAAE,GAAGC;EAAO,CAAC;AACrE,CAAC;AAED,eAAeL,6BAA6B"}
+{"version":3,"names":["OpenChannelCreateHeader","OpenChannelCreateProfileInput","OpenChannelCreateStatusLoading","OpenChannelCreateContextsProvider","createOpenChannelCreateModule","Header","ProfileInput","Provider","StatusLoading","module"],"sources":["createOpenChannelCreateModule.tsx"],"sourcesContent":["import OpenChannelCreateHeader from '../component/OpenChannelCreateHeader';\nimport OpenChannelCreateProfileInput from '../component/OpenChannelCreateProfileInput';\nimport OpenChannelCreateStatusLoading from '../component/OpenChannelCreateStatusLoading';\nimport type { OpenChannelCreateModule } from '../types';\nimport { OpenChannelCreateContextsProvider } from './moduleContext';\n\nconst createOpenChannelCreateModule = ({\n  Header = OpenChannelCreateHeader,\n  ProfileInput = OpenChannelCreateProfileInput,\n  Provider = OpenChannelCreateContextsProvider,\n  StatusLoading = OpenChannelCreateStatusLoading,\n  ...module\n}: Partial<OpenChannelCreateModule> = {}): OpenChannelCreateModule => {\n  return { Header, ProfileInput, Provider, StatusLoading, ...module };\n};\n\nexport default createOpenChannelCreateModule;\n"],"mappings":"AAAA,OAAOA,uBAAuB,MAAM,sCAAsC;AAC1E,OAAOC,6BAA6B,MAAM,4CAA4C;AACtF,OAAOC,8BAA8B,MAAM,6CAA6C;AAExF,SAASC,iCAAiC,QAAQ,iBAAiB;AAEnE,MAAMC,6BAA6B,GAAGA,CAAC;EACrCC,MAAM,GAAGL,uBAAuB;EAChCM,YAAY,GAAGL,6BAA6B;EAC5CM,QAAQ,GAAGJ,iCAAiC;EAC5CK,aAAa,GAAGN,8BAA8B;EAC9C,GAAGO;AAC6B,CAAC,GAAG,CAAC,CAAC,KAA8B;EACpE,OAAO;IAAEJ,MAAM;IAAEC,YAAY;IAAEC,QAAQ;IAAEC,aAAa;IAAE,GAAGC;EAAO,CAAC;AACrE,CAAC;AAED,eAAeL,6BAA6B","ignoreList":[]}

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

@@ -7,10 +7,9 @@ export const OpenChannelCreateContexts = {
     headerRight: ''
   })
 };
-export const OpenChannelCreateContextsProvider = _ref => {
-  let {
-    children
-  } = _ref;
+export const OpenChannelCreateContextsProvider = ({
+  children
+}) => {
   const {
     STRINGS
   } = useLocalization();

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

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","ProviderLayout","useLocalization","OpenChannelCreateContexts","Fragment","headerTitle","headerRight","OpenChannelCreateContextsProvider","_ref","children","STRINGS","createElement","Provider","value","OPEN_CHANNEL_CREATE","HEADER_TITLE","HEADER_RIGHT"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext } from 'react';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization } from '../../../hooks/useContext';\nimport type { OpenChannelCreateContextsType, OpenChannelCreateModule } from '../types';\n\nexport const OpenChannelCreateContexts: OpenChannelCreateContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    headerRight: '',\n  }),\n};\n\nexport const OpenChannelCreateContextsProvider: OpenChannelCreateModule['Provider'] = ({ children }) => {\n  const { STRINGS } = useLocalization();\n  return (\n    <ProviderLayout>\n      <OpenChannelCreateContexts.Fragment.Provider\n        value={{\n          headerTitle: STRINGS.OPEN_CHANNEL_CREATE.HEADER_TITLE,\n          headerRight: STRINGS.OPEN_CHANNEL_CREATE.HEADER_RIGHT,\n        }}\n      >\n        {children}\n      </OpenChannelCreateContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAE5C,OAAOC,cAAc,MAAM,oCAAoC;AAC/D,SAASC,eAAe,QAAQ,2BAA2B;AAG3D,OAAO,MAAMC,yBAAwD,GAAG;EACtEC,QAAQ,eAAEJ,aAAa,CAAC;IACtBK,WAAW,EAAE,EAAE;IACfC,WAAW,EAAE;EACf,CAAC;AACH,CAAC;AAED,OAAO,MAAMC,iCAAsE,GAAGC,IAAA,IAAkB;EAAA,IAAjB;IAAEC;EAAS,CAAC,GAAAD,IAAA;EACjG,MAAM;IAAEE;EAAQ,CAAC,GAAGR,eAAe,EAAE;EACrC,oBACEH,KAAA,CAAAY,aAAA,CAACV,cAAc,qBACbF,KAAA,CAAAY,aAAA,CAACR,yBAAyB,CAACC,QAAQ,CAACQ,QAAQ;IAC1CC,KAAK,EAAE;MACLR,WAAW,EAAEK,OAAO,CAACI,mBAAmB,CAACC,YAAY;MACrDT,WAAW,EAAEI,OAAO,CAACI,mBAAmB,CAACE;IAC3C;EAAE,GAEDP,QAAQ,CACmC,CAC/B;AAErB,CAAC"}
+{"version":3,"names":["React","createContext","ProviderLayout","useLocalization","OpenChannelCreateContexts","Fragment","headerTitle","headerRight","OpenChannelCreateContextsProvider","children","STRINGS","createElement","Provider","value","OPEN_CHANNEL_CREATE","HEADER_TITLE","HEADER_RIGHT"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext } from 'react';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization } from '../../../hooks/useContext';\nimport type { OpenChannelCreateContextsType, OpenChannelCreateModule } from '../types';\n\nexport const OpenChannelCreateContexts: OpenChannelCreateContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    headerRight: '',\n  }),\n};\n\nexport const OpenChannelCreateContextsProvider: OpenChannelCreateModule['Provider'] = ({ children }) => {\n  const { STRINGS } = useLocalization();\n  return (\n    <ProviderLayout>\n      <OpenChannelCreateContexts.Fragment.Provider\n        value={{\n          headerTitle: STRINGS.OPEN_CHANNEL_CREATE.HEADER_TITLE,\n          headerRight: STRINGS.OPEN_CHANNEL_CREATE.HEADER_RIGHT,\n        }}\n      >\n        {children}\n      </OpenChannelCreateContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAE5C,OAAOC,cAAc,MAAM,oCAAoC;AAC/D,SAASC,eAAe,QAAQ,2BAA2B;AAG3D,OAAO,MAAMC,yBAAwD,GAAG;EACtEC,QAAQ,eAAEJ,aAAa,CAAC;IACtBK,WAAW,EAAE,EAAE;IACfC,WAAW,EAAE;EACf,CAAC;AACH,CAAC;AAED,OAAO,MAAMC,iCAAsE,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EACtG,MAAM;IAAEC;EAAQ,CAAC,GAAGP,eAAe,CAAC,CAAC;EACrC,oBACEH,KAAA,CAAAW,aAAA,CAACT,cAAc,qBACbF,KAAA,CAAAW,aAAA,CAACP,yBAAyB,CAACC,QAAQ,CAACO,QAAQ;IAC1CC,KAAK,EAAE;MACLP,WAAW,EAAEI,OAAO,CAACI,mBAAmB,CAACC,YAAY;MACrDR,WAAW,EAAEG,OAAO,CAACI,mBAAmB,CAACE;IAC3C;EAAE,GAEDP,QAC0C,CAC/B,CAAC;AAErB,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { OnBeforeHandler, SendbirdOpenChannel, SendbirdOpenChannelCreateParams } from '@sendbird/uikit-utils';\n\nimport type { FileType } from '../../platform/types';\nimport type { CommonComponent } from '../../types';\n\nexport type OpenChannelCreateProps = {\n  Fragment: {\n    onPressHeaderLeft: OpenChannelCreateProps['Header']['onPressHeaderLeft'];\n    onCreateChannel: (channel: SendbirdOpenChannel) => void;\n    onBeforeCreateChannel?: OnBeforeHandler<SendbirdOpenChannelCreateParams>;\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: () => void;\n    shouldActivateHeaderRight: () => boolean;\n  };\n  ProfileInput: {\n    channelName: string;\n    onChangeChannelName: (val: OpenChannelCreateProps['ProfileInput']['channelName']) => void;\n    channelCoverFile: FileType | undefined;\n    onChangeChannelCoverFile: (val: OpenChannelCreateProps['ProfileInput']['channelCoverFile']) => void;\n  };\n};\n\n/**\n * Internal context for OpenChannelCreate\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport type OpenChannelCreateContextsType = {\n  Fragment: React.Context<{\n    headerTitle: string;\n    headerRight: string;\n  }>;\n};\nexport interface OpenChannelCreateModule {\n  Provider: CommonComponent;\n  Header: CommonComponent<OpenChannelCreateProps['Header']>;\n  ProfileInput: CommonComponent<OpenChannelCreateProps['ProfileInput']>;\n  StatusLoading: CommonComponent;\n}\n\nexport type OpenChannelCreateFragment = React.FC<OpenChannelCreateProps['Fragment']>;\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { OnBeforeHandler, SendbirdOpenChannel, SendbirdOpenChannelCreateParams } from '@sendbird/uikit-utils';\n\nimport type { FileType } from '../../platform/types';\nimport type { CommonComponent } from '../../types';\n\nexport type OpenChannelCreateProps = {\n  Fragment: {\n    onPressHeaderLeft: OpenChannelCreateProps['Header']['onPressHeaderLeft'];\n    onCreateChannel: (channel: SendbirdOpenChannel) => void;\n    onBeforeCreateChannel?: OnBeforeHandler<SendbirdOpenChannelCreateParams>;\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: () => void;\n    shouldActivateHeaderRight: () => boolean;\n  };\n  ProfileInput: {\n    channelName: string;\n    onChangeChannelName: (val: OpenChannelCreateProps['ProfileInput']['channelName']) => void;\n    channelCoverFile: FileType | undefined;\n    onChangeChannelCoverFile: (val: OpenChannelCreateProps['ProfileInput']['channelCoverFile']) => void;\n  };\n};\n\n/**\n * Internal context for OpenChannelCreate\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport type OpenChannelCreateContextsType = {\n  Fragment: React.Context<{\n    headerTitle: string;\n    headerRight: string;\n  }>;\n};\nexport interface OpenChannelCreateModule {\n  Provider: CommonComponent;\n  Header: CommonComponent<OpenChannelCreateProps['Header']>;\n  ProfileInput: CommonComponent<OpenChannelCreateProps['ProfileInput']>;\n  StatusLoading: CommonComponent;\n}\n\nexport type OpenChannelCreateFragment = React.FC<OpenChannelCreateProps['Fragment']>;\n"],"mappings":"","ignoreList":[]}

package/lib/module/domain/openChannelList/component/OpenChannelListHeader.js

@@ -1,10 +1,9 @@
 import React, { useContext } from 'react';
 import { Icon, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';
 import { OpenChannelListContexts } from '../module/moduleContext';
-const OpenChannelListHeader = _ref => {
-  let {
-    onPressHeaderRight
-  } = _ref;
+const OpenChannelListHeader = ({
+  onPressHeaderRight
+}) => {
   const {
     headerTitle
   } = useContext(OpenChannelListContexts.Fragment);

package/lib/module/domain/openChannelList/component/OpenChannelListHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","Icon","useHeaderStyle","OpenChannelListContexts","OpenChannelListHeader","_ref","onPressHeaderRight","headerTitle","Fragment","HeaderComponent","createElement","title","right","icon","onPressRight"],"sources":["OpenChannelListHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Icon, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';\n\nimport { OpenChannelListContexts } from '../module/moduleContext';\nimport type { OpenChannelListProps } from '../types';\n\nconst OpenChannelListHeader = ({ onPressHeaderRight }: OpenChannelListProps['Header']) => {\n  const { headerTitle } = useContext(OpenChannelListContexts.Fragment);\n  const { HeaderComponent } = useHeaderStyle();\n  return <HeaderComponent title={headerTitle} right={<Icon icon={'create'} />} onPressRight={onPressHeaderRight} />;\n};\n\nexport default OpenChannelListHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,IAAI,EAAEC,cAAc,QAAQ,yCAAyC;AAE9E,SAASC,uBAAuB,QAAQ,yBAAyB;AAGjE,MAAMC,qBAAqB,GAAGC,IAAA,IAA4D;EAAA,IAA3D;IAAEC;EAAmD,CAAC,GAAAD,IAAA;EACnF,MAAM;IAAEE;EAAY,CAAC,GAAGP,UAAU,CAACG,uBAAuB,CAACK,QAAQ,CAAC;EACpE,MAAM;IAAEC;EAAgB,CAAC,GAAGP,cAAc,EAAE;EAC5C,oBAAOH,KAAA,CAAAW,aAAA,CAACD,eAAe;IAACE,KAAK,EAAEJ,WAAY;IAACK,KAAK,eAAEb,KAAA,CAAAW,aAAA,CAACT,IAAI;MAACY,IAAI,EAAE;IAAS,EAAI;IAACC,YAAY,EAAER;EAAmB,EAAG;AACnH,CAAC;AAED,eAAeF,qBAAqB"}
+{"version":3,"names":["React","useContext","Icon","useHeaderStyle","OpenChannelListContexts","OpenChannelListHeader","onPressHeaderRight","headerTitle","Fragment","HeaderComponent","createElement","title","right","icon","onPressRight"],"sources":["OpenChannelListHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Icon, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';\n\nimport { OpenChannelListContexts } from '../module/moduleContext';\nimport type { OpenChannelListProps } from '../types';\n\nconst OpenChannelListHeader = ({ onPressHeaderRight }: OpenChannelListProps['Header']) => {\n  const { headerTitle } = useContext(OpenChannelListContexts.Fragment);\n  const { HeaderComponent } = useHeaderStyle();\n  return <HeaderComponent title={headerTitle} right={<Icon icon={'create'} />} onPressRight={onPressHeaderRight} />;\n};\n\nexport default OpenChannelListHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,IAAI,EAAEC,cAAc,QAAQ,yCAAyC;AAE9E,SAASC,uBAAuB,QAAQ,yBAAyB;AAGjE,MAAMC,qBAAqB,GAAGA,CAAC;EAAEC;AAAmD,CAAC,KAAK;EACxF,MAAM;IAAEC;EAAY,CAAC,GAAGN,UAAU,CAACG,uBAAuB,CAACI,QAAQ,CAAC;EACpE,MAAM;IAAEC;EAAgB,CAAC,GAAGN,cAAc,CAAC,CAAC;EAC5C,oBAAOH,KAAA,CAAAU,aAAA,CAACD,eAAe;IAACE,KAAK,EAAEJ,WAAY;IAACK,KAAK,eAAEZ,KAAA,CAAAU,aAAA,CAACR,IAAI;MAACW,IAAI,EAAE;IAAS,CAAE,CAAE;IAACC,YAAY,EAAER;EAAmB,CAAE,CAAC;AACnH,CAAC;AAED,eAAeD,qBAAqB","ignoreList":[]}

package/lib/module/domain/openChannelList/component/OpenChannelListList.js

@@ -1,31 +1,23 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import { FlatList } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { getChannelUniqId, useFreshCallback } from '@sendbird/uikit-utils';
-const OpenChanelListList = _ref => {
-  let {
-    onPressChannel,
-    openChannels,
-    onLoadNext,
-    flatListProps,
-    renderOpenChannelPreview,
-    refreshing,
-    onRefresh
-  } = _ref;
-  const renderItem = useFreshCallback(_ref2 => {
-    let {
-      item
-    } = _ref2;
-    return renderOpenChannelPreview === null || renderOpenChannelPreview === void 0 ? void 0 : renderOpenChannelPreview({
-      channel: item,
-      onPress: () => onPressChannel(item)
-    });
-  });
-  const {
-    left,
-    right
-  } = useSafeAreaInsets();
+import { getChannelUniqId, useFreshCallback, useSafeAreaPadding } from '@sendbird/uikit-utils';
+const OpenChanelListList = ({
+  onPressChannel,
+  openChannels,
+  onLoadNext,
+  flatListProps,
+  renderOpenChannelPreview,
+  refreshing,
+  onRefresh
+}) => {
+  const renderItem = useFreshCallback(({
+    item
+  }) => renderOpenChannelPreview === null || renderOpenChannelPreview === void 0 ? void 0 : renderOpenChannelPreview({
+    channel: item,
+    onPress: () => onPressChannel(item)
+  }));
+  const safeArea = useSafeAreaPadding(['left', 'right']);
   return /*#__PURE__*/React.createElement(FlatList, _extends({
     refreshing: refreshing,
     data: openChannels,
@@ -33,10 +25,7 @@ const OpenChanelListList = _ref => {
     onEndReached: onLoadNext,
     onRefresh: onRefresh
   }, flatListProps, {
-    contentContainerStyle: [flatListProps === null || flatListProps === void 0 ? void 0 : flatListProps.contentContainerStyle, {
-      paddingLeft: left,
-      paddingRight: right
-    }],
+    contentContainerStyle: [flatListProps === null || flatListProps === void 0 ? void 0 : flatListProps.contentContainerStyle, safeArea],
     keyExtractor: getChannelUniqId
   }));
 };

package/lib/module/domain/openChannelList/component/OpenChannelListList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FlatList","useSafeAreaInsets","getChannelUniqId","useFreshCallback","OpenChanelListList","_ref","onPressChannel","openChannels","onLoadNext","flatListProps","renderOpenChannelPreview","refreshing","onRefresh","renderItem","_ref2","item","channel","onPress","left","right","createElement","_extends","data","onEndReached","contentContainerStyle","paddingLeft","paddingRight","keyExtractor"],"sources":["OpenChannelListList.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { SendbirdOpenChannel, getChannelUniqId, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { OpenChannelListProps } from '../types';\n\nconst OpenChanelListList = ({\n  onPressChannel,\n  openChannels,\n  onLoadNext,\n  flatListProps,\n  renderOpenChannelPreview,\n  refreshing,\n  onRefresh,\n}: OpenChannelListProps['List']) => {\n  const renderItem: ListRenderItem<SendbirdOpenChannel> = useFreshCallback(({ item }) =>\n    renderOpenChannelPreview?.({ channel: item, onPress: () => onPressChannel(item) }),\n  );\n\n  const { left, right } = useSafeAreaInsets();\n\n  return (\n    <FlatList\n      refreshing={refreshing}\n      data={openChannels}\n      renderItem={renderItem}\n      onEndReached={onLoadNext}\n      onRefresh={onRefresh}\n      {...flatListProps}\n      contentContainerStyle={[flatListProps?.contentContainerStyle, { paddingLeft: left, paddingRight: right }]}\n      keyExtractor={getChannelUniqId}\n    />\n  );\n};\n\nexport default OpenChanelListList;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAwB,cAAc;AACvD,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAA8BC,gBAAgB,EAAEC,gBAAgB,QAAQ,uBAAuB;AAI/F,MAAMC,kBAAkB,GAAGC,IAAA,IAQS;EAAA,IARR;IAC1BC,cAAc;IACdC,YAAY;IACZC,UAAU;IACVC,aAAa;IACbC,wBAAwB;IACxBC,UAAU;IACVC;EAC4B,CAAC,GAAAP,IAAA;EAC7B,MAAMQ,UAA+C,GAAGV,gBAAgB,CAACW,KAAA;IAAA,IAAC;MAAEC;IAAK,CAAC,GAAAD,KAAA;IAAA,OAChFJ,wBAAwB,aAAxBA,wBAAwB,uBAAxBA,wBAAwB,CAAG;MAAEM,OAAO,EAAED,IAAI;MAAEE,OAAO,EAAEA,CAAA,KAAMX,cAAc,CAACS,IAAI;IAAE,CAAC,CAAC;EAAA,EACnF;EAED,MAAM;IAAEG,IAAI;IAAEC;EAAM,CAAC,GAAGlB,iBAAiB,EAAE;EAE3C,oBACEF,KAAA,CAAAqB,aAAA,CAACpB,QAAQ,EAAAqB,QAAA;IACPV,UAAU,EAAEA,UAAW;IACvBW,IAAI,EAAEf,YAAa;IACnBM,UAAU,EAAEA,UAAW;IACvBU,YAAY,EAAEf,UAAW;IACzBI,SAAS,EAAEA;EAAU,GACjBH,aAAa;IACjBe,qBAAqB,EAAE,CAACf,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEe,qBAAqB,EAAE;MAAEC,WAAW,EAAEP,IAAI;MAAEQ,YAAY,EAAEP;IAAM,CAAC,CAAE;IAC1GQ,YAAY,EAAEzB;EAAiB,GAC/B;AAEN,CAAC;AAED,eAAeE,kBAAkB"}
+{"version":3,"names":["React","FlatList","getChannelUniqId","useFreshCallback","useSafeAreaPadding","OpenChanelListList","onPressChannel","openChannels","onLoadNext","flatListProps","renderOpenChannelPreview","refreshing","onRefresh","renderItem","item","channel","onPress","safeArea","createElement","_extends","data","onEndReached","contentContainerStyle","keyExtractor"],"sources":["OpenChannelListList.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, ListRenderItem } from 'react-native';\n\nimport { SendbirdOpenChannel, getChannelUniqId, useFreshCallback, useSafeAreaPadding } from '@sendbird/uikit-utils';\n\nimport type { OpenChannelListProps } from '../types';\n\nconst OpenChanelListList = ({\n  onPressChannel,\n  openChannels,\n  onLoadNext,\n  flatListProps,\n  renderOpenChannelPreview,\n  refreshing,\n  onRefresh,\n}: OpenChannelListProps['List']) => {\n  const renderItem: ListRenderItem<SendbirdOpenChannel> = useFreshCallback(({ item }) =>\n    renderOpenChannelPreview?.({ channel: item, onPress: () => onPressChannel(item) }),\n  );\n\n  const safeArea = useSafeAreaPadding(['left', 'right']);\n\n  return (\n    <FlatList\n      refreshing={refreshing}\n      data={openChannels}\n      renderItem={renderItem}\n      onEndReached={onLoadNext}\n      onRefresh={onRefresh}\n      {...flatListProps}\n      contentContainerStyle={[flatListProps?.contentContainerStyle, safeArea]}\n      keyExtractor={getChannelUniqId}\n    />\n  );\n};\n\nexport default OpenChanelListList;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAwB,cAAc;AAEvD,SAA8BC,gBAAgB,EAAEC,gBAAgB,EAAEC,kBAAkB,QAAQ,uBAAuB;AAInH,MAAMC,kBAAkB,GAAGA,CAAC;EAC1BC,cAAc;EACdC,YAAY;EACZC,UAAU;EACVC,aAAa;EACbC,wBAAwB;EACxBC,UAAU;EACVC;AAC4B,CAAC,KAAK;EAClC,MAAMC,UAA+C,GAAGV,gBAAgB,CAAC,CAAC;IAAEW;EAAK,CAAC,KAChFJ,wBAAwB,aAAxBA,wBAAwB,uBAAxBA,wBAAwB,CAAG;IAAEK,OAAO,EAAED,IAAI;IAAEE,OAAO,EAAEA,CAAA,KAAMV,cAAc,CAACQ,IAAI;EAAE,CAAC,CACnF,CAAC;EAED,MAAMG,QAAQ,GAAGb,kBAAkB,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;EAEtD,oBACEJ,KAAA,CAAAkB,aAAA,CAACjB,QAAQ,EAAAkB,QAAA;IACPR,UAAU,EAAEA,UAAW;IACvBS,IAAI,EAAEb,YAAa;IACnBM,UAAU,EAAEA,UAAW;IACvBQ,YAAY,EAAEb,UAAW;IACzBI,SAAS,EAAEA;EAAU,GACjBH,aAAa;IACjBa,qBAAqB,EAAE,CAACb,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEa,qBAAqB,EAAEL,QAAQ,CAAE;IACxEM,YAAY,EAAErB;EAAiB,EAChC,CAAC;AAEN,CAAC;AAED,eAAeG,kBAAkB","ignoreList":[]}

package/lib/module/domain/openChannelList/component/OpenChannelListStatusEmpty.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","TypedPlaceholder","OpenChannelListStatusEmpty","createElement","style","styles","container","type","create","flex","justifyContent","alignItems"],"sources":["OpenChannelListStatusEmpty.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst OpenChannelListStatusEmpty = () => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'no-channels'} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default OpenChannelListStatusEmpty;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,OAAOC,gBAAgB,MAAM,sCAAsC;AAEnE,MAAMC,0BAA0B,GAAGA,CAAA,KAAM;EACvC,oBACEJ,KAAA,CAAAK,aAAA,CAACH,IAAI;IAACI,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BR,KAAA,CAAAK,aAAA,CAACF,gBAAgB;IAACM,IAAI,EAAE;EAAc,EAAG,CACpC;AAEX,CAAC;AAED,MAAMF,MAAM,GAAGN,UAAU,CAACS,MAAM,CAAC;EAC/BF,SAAS,EAAE;IAAEG,IAAI,EAAE,CAAC;IAAEC,cAAc,EAAE,QAAQ;IAAEC,UAAU,EAAE;EAAS;AACvE,CAAC,CAAC;AAEF,eAAeT,0BAA0B"}
+{"version":3,"names":["React","StyleSheet","View","TypedPlaceholder","OpenChannelListStatusEmpty","createElement","style","styles","container","type","create","flex","justifyContent","alignItems"],"sources":["OpenChannelListStatusEmpty.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport TypedPlaceholder from '../../../components/TypedPlaceholder';\n\nconst OpenChannelListStatusEmpty = () => {\n  return (\n    <View style={styles.container}>\n      <TypedPlaceholder type={'no-channels'} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },\n});\n\nexport default OpenChannelListStatusEmpty;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,OAAOC,gBAAgB,MAAM,sCAAsC;AAEnE,MAAMC,0BAA0B,GAAGA,CAAA,KAAM;EACvC,oBACEJ,KAAA,CAAAK,aAAA,CAACH,IAAI;IAACI,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BR,KAAA,CAAAK,aAAA,CAACF,gBAAgB;IAACM,IAAI,EAAE;EAAc,CAAE,CACpC,CAAC;AAEX,CAAC;AAED,MAAMF,MAAM,GAAGN,UAAU,CAACS,MAAM,CAAC;EAC/BF,SAAS,EAAE;IAAEG,IAAI,EAAE,CAAC;IAAEC,cAAc,EAAE,QAAQ;IAAEC,UAAU,EAAE;EAAS;AACvE,CAAC,CAAC;AAEF,eAAeT,0BAA0B","ignoreList":[]}

package/lib/module/domain/openChannelList/component/OpenChannelListStatusError.js

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