@sendbird/uikit-react-native 2.3.0 → 2.4.1

package/lib/module/domain/openChannelMutedParticipants/module/createOpenChannelMutedParticipantsModule.js

@@ -0,0 +1,30 @@
+import OpenChannelMutedParticipantsHeader from '../component/OpenChannelMutedParticipantsHeader';
+import OpenChannelMutedParticipantsList from '../component/OpenChannelMutedParticipantsList';
+import OpenChannelMutedParticipantsStatusEmpty from '../component/OpenChannelMutedParticipantsStatusEmpty';
+import OpenChannelMutedParticipantsStatusError from '../component/OpenChannelMutedParticipantsStatusError';
+import OpenChannelMutedParticipantsStatusLoading from '../component/OpenChannelMutedParticipantsStatusLoading';
+import { OpenChannelMutedParticipantsContextsProvider } from './moduleContext';
+
+const createOpenChannelMutedParticipantsModule = function () {
+  let {
+    Header = OpenChannelMutedParticipantsHeader,
+    List = OpenChannelMutedParticipantsList,
+    StatusLoading = OpenChannelMutedParticipantsStatusLoading,
+    StatusEmpty = OpenChannelMutedParticipantsStatusEmpty,
+    StatusError = OpenChannelMutedParticipantsStatusError,
+    Provider = OpenChannelMutedParticipantsContextsProvider,
+    ...module
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return {
+    Header,
+    List,
+    Provider,
+    StatusEmpty,
+    StatusLoading,
+    StatusError,
+    ...module
+  };
+};
+
+export default createOpenChannelMutedParticipantsModule;
+//# sourceMappingURL=createOpenChannelMutedParticipantsModule.js.map

package/lib/module/domain/openChannelMutedParticipants/module/createOpenChannelMutedParticipantsModule.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OpenChannelMutedParticipantsHeader","OpenChannelMutedParticipantsList","OpenChannelMutedParticipantsStatusEmpty","OpenChannelMutedParticipantsStatusError","OpenChannelMutedParticipantsStatusLoading","OpenChannelMutedParticipantsContextsProvider","createOpenChannelMutedParticipantsModule","Header","List","StatusLoading","StatusEmpty","StatusError","Provider","module"],"sources":["createOpenChannelMutedParticipantsModule.tsx"],"sourcesContent":["import OpenChannelMutedParticipantsHeader from '../component/OpenChannelMutedParticipantsHeader';\nimport OpenChannelMutedParticipantsList from '../component/OpenChannelMutedParticipantsList';\nimport OpenChannelMutedParticipantsStatusEmpty from '../component/OpenChannelMutedParticipantsStatusEmpty';\nimport OpenChannelMutedParticipantsStatusError from '../component/OpenChannelMutedParticipantsStatusError';\nimport OpenChannelMutedParticipantsStatusLoading from '../component/OpenChannelMutedParticipantsStatusLoading';\nimport type { OpenChannelMutedParticipantsModule } from '../types';\nimport { OpenChannelMutedParticipantsContextsProvider } from './moduleContext';\n\nconst createOpenChannelMutedParticipantsModule = ({\n  Header = OpenChannelMutedParticipantsHeader,\n  List = OpenChannelMutedParticipantsList,\n  StatusLoading = OpenChannelMutedParticipantsStatusLoading,\n  StatusEmpty = OpenChannelMutedParticipantsStatusEmpty,\n  StatusError = OpenChannelMutedParticipantsStatusError,\n  Provider = OpenChannelMutedParticipantsContextsProvider,\n  ...module\n}: Partial<OpenChannelMutedParticipantsModule> = {}): OpenChannelMutedParticipantsModule => {\n  return { Header, List, Provider, StatusEmpty, StatusLoading, StatusError, ...module };\n};\n\nexport default createOpenChannelMutedParticipantsModule;\n"],"mappings":"AAAA,OAAOA,kCAAP,MAA+C,iDAA/C;AACA,OAAOC,gCAAP,MAA6C,+CAA7C;AACA,OAAOC,uCAAP,MAAoD,sDAApD;AACA,OAAOC,uCAAP,MAAoD,sDAApD;AACA,OAAOC,yCAAP,MAAsD,wDAAtD;AAEA,SAASC,4CAAT,QAA6D,iBAA7D;;AAEA,MAAMC,wCAAwC,GAAG,YAQ2C;EAAA,IAR1C;IAChDC,MAAM,GAAGP,kCADuC;IAEhDQ,IAAI,GAAGP,gCAFyC;IAGhDQ,aAAa,GAAGL,yCAHgC;IAIhDM,WAAW,GAAGR,uCAJkC;IAKhDS,WAAW,GAAGR,uCALkC;IAMhDS,QAAQ,GAAGP,4CANqC;IAOhD,GAAGQ;EAP6C,CAQ0C,uEAA3C,EAA2C;EAC1F,OAAO;IAAEN,MAAF;IAAUC,IAAV;IAAgBI,QAAhB;IAA0BF,WAA1B;IAAuCD,aAAvC;IAAsDE,WAAtD;IAAmE,GAAGE;EAAtE,CAAP;AACD,CAVD;;AAYA,eAAeP,wCAAf"}

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

@@ -0,0 +1,25 @@
+import React, { createContext } from 'react';
+import ProviderLayout from '../../../components/ProviderLayout';
+import { useLocalization } from '../../../hooks/useContext';
+export const OpenChannelMutedParticipantsContexts = {
+  Fragment: /*#__PURE__*/createContext({
+    headerTitle: '',
+    channel: {}
+  })
+};
+export const OpenChannelMutedParticipantsContextsProvider = _ref => {
+  let {
+    children,
+    channel
+  } = _ref;
+  const {
+    STRINGS
+  } = useLocalization();
+  return /*#__PURE__*/React.createElement(ProviderLayout, null, /*#__PURE__*/React.createElement(OpenChannelMutedParticipantsContexts.Fragment.Provider, {
+    value: {
+      channel,
+      headerTitle: STRINGS.OPEN_CHANNEL_MUTED_PARTICIPANTS.HEADER_TITLE
+    }
+  }, children));
+};
+//# sourceMappingURL=moduleContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","ProviderLayout","useLocalization","OpenChannelMutedParticipantsContexts","Fragment","headerTitle","channel","OpenChannelMutedParticipantsContextsProvider","children","STRINGS","OPEN_CHANNEL_MUTED_PARTICIPANTS","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 { OpenChannelMutedParticipantsContextsType, OpenChannelMutedParticipantsModule } from '../types';\n\nexport const OpenChannelMutedParticipantsContexts: OpenChannelMutedParticipantsContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdOpenChannel,\n  }),\n};\n\nexport const OpenChannelMutedParticipantsContextsProvider: OpenChannelMutedParticipantsModule['Provider'] = ({\n  children,\n  channel,\n}) => {\n  const { STRINGS } = useLocalization();\n  return (\n    <ProviderLayout>\n      <OpenChannelMutedParticipantsContexts.Fragment.Provider\n        value={{ channel, headerTitle: STRINGS.OPEN_CHANNEL_MUTED_PARTICIPANTS.HEADER_TITLE }}\n      >\n        {children}\n      </OpenChannelMutedParticipantsContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AAIA,OAAOC,cAAP,MAA2B,oCAA3B;AACA,SAASC,eAAT,QAAgC,2BAAhC;AAGA,OAAO,MAAMC,oCAA8E,GAAG;EAC5FC,QAAQ,eAAEJ,aAAa,CAAC;IACtBK,WAAW,EAAE,EADS;IAEtBC,OAAO,EAAE;EAFa,CAAD;AADqE,CAAvF;AAOP,OAAO,MAAMC,4CAA4F,GAAG,QAGtG;EAAA,IAHuG;IAC3GC,QAD2G;IAE3GF;EAF2G,CAGvG;EACJ,MAAM;IAAEG;EAAF,IAAcP,eAAe,EAAnC;EACA,oBACE,oBAAC,cAAD,qBACE,oBAAC,oCAAD,CAAsC,QAAtC,CAA+C,QAA/C;IACE,KAAK,EAAE;MAAEI,OAAF;MAAWD,WAAW,EAAEI,OAAO,CAACC,+BAAR,CAAwCC;IAAhE;EADT,GAGGH,QAHH,CADF,CADF;AASD,CAdM"}

package/lib/module/domain/openChannelMutedParticipants/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { SendbirdOpenChannel, SendbirdRestrictedUser } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport type OpenChannelMutedParticipantsProps = {\n  Fragment: {\n    channel: SendbirdOpenChannel;\n    onPressHeaderLeft: OpenChannelMutedParticipantsProps['Header']['onPressHeaderLeft'];\n    renderUser?: OpenChannelMutedParticipantsProps['List']['renderUser'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n  };\n  List: {\n    renderUser: (props: { user: SendbirdRestrictedUser }) => React.ReactElement | null;\n    onLoadNext: () => void;\n    mutedParticipants: SendbirdRestrictedUser[];\n    ListEmptyComponent?: React.ReactElement;\n  };\n  StatusError: {\n    onPressRetry: () => void;\n  };\n  Provider: {\n    channel: SendbirdOpenChannel;\n  };\n};\n\n/**\n * Internal context for OpenChannelMutedParticipants\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport type OpenChannelMutedParticipantsContextsType = {\n  Fragment: React.Context<{\n    headerTitle: string;\n    channel: SendbirdOpenChannel;\n  }>;\n};\nexport interface OpenChannelMutedParticipantsModule {\n  Provider: CommonComponent<OpenChannelMutedParticipantsProps['Provider']>;\n  Header: CommonComponent<OpenChannelMutedParticipantsProps['Header']>;\n  List: CommonComponent<OpenChannelMutedParticipantsProps['List']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n  StatusError: CommonComponent<OpenChannelMutedParticipantsProps['StatusError']>;\n}\n\nexport type OpenChannelMutedParticipantsFragment = CommonComponent<OpenChannelMutedParticipantsProps['Fragment']>;\n"],"mappings":""}

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

@@ -0,0 +1,30 @@
+import React, { useContext } from 'react';
+import { Icon, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';
+import { OpenChannelOperatorsContexts } from '../module/moduleContext';
+
+const OpenChannelOperatorsHeader = _ref => {
+  let {
+    onPressHeaderLeft,
+    onPressHeaderRight
+  } = _ref;
+  const {
+    headerTitle
+  } = useContext(OpenChannelOperatorsContexts.Fragment);
+  const {
+    HeaderComponent
+  } = useHeaderStyle();
+  return /*#__PURE__*/React.createElement(HeaderComponent, {
+    title: headerTitle,
+    left: /*#__PURE__*/React.createElement(Icon, {
+      icon: 'arrow-left'
+    }),
+    onPressLeft: onPressHeaderLeft,
+    right: /*#__PURE__*/React.createElement(Icon, {
+      icon: 'plus'
+    }),
+    onPressRight: onPressHeaderRight
+  });
+};
+
+export default OpenChannelOperatorsHeader;
+//# sourceMappingURL=OpenChannelOperatorsHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","Icon","useHeaderStyle","OpenChannelOperatorsContexts","OpenChannelOperatorsHeader","onPressHeaderLeft","onPressHeaderRight","headerTitle","Fragment","HeaderComponent"],"sources":["OpenChannelOperatorsHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Icon, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';\n\nimport { OpenChannelOperatorsContexts } from '../module/moduleContext';\nimport type { OpenChannelOperatorsProps } from '../types';\n\nconst OpenChannelOperatorsHeader = ({ onPressHeaderLeft, onPressHeaderRight }: OpenChannelOperatorsProps['Header']) => {\n  const { headerTitle } = useContext(OpenChannelOperatorsContexts.Fragment);\n  const { HeaderComponent } = useHeaderStyle();\n  return (\n    <HeaderComponent\n      title={headerTitle}\n      left={<Icon icon={'arrow-left'} />}\n      onPressLeft={onPressHeaderLeft}\n      right={<Icon icon={'plus'} />}\n      onPressRight={onPressHeaderRight}\n    />\n  );\n};\n\nexport default OpenChannelOperatorsHeader;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AAEA,SAASC,IAAT,EAAeC,cAAf,QAAqC,yCAArC;AAEA,SAASC,4BAAT,QAA6C,yBAA7C;;AAGA,MAAMC,0BAA0B,GAAG,QAAoF;EAAA,IAAnF;IAAEC,iBAAF;IAAqBC;EAArB,CAAmF;EACrH,MAAM;IAAEC;EAAF,IAAkBP,UAAU,CAACG,4BAA4B,CAACK,QAA9B,CAAlC;EACA,MAAM;IAAEC;EAAF,IAAsBP,cAAc,EAA1C;EACA,oBACE,oBAAC,eAAD;IACE,KAAK,EAAEK,WADT;IAEE,IAAI,eAAE,oBAAC,IAAD;MAAM,IAAI,EAAE;IAAZ,EAFR;IAGE,WAAW,EAAEF,iBAHf;IAIE,KAAK,eAAE,oBAAC,IAAD;MAAM,IAAI,EAAE;IAAZ,EAJT;IAKE,YAAY,EAAEC;EALhB,EADF;AASD,CAZD;;AAcA,eAAeF,0BAAf"}

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

@@ -0,0 +1,41 @@
+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();
+  return /*#__PURE__*/React.createElement(FlatList, {
+    data: operators,
+    renderItem: renderItem,
+    contentContainerStyle: {
+      paddingLeft: left,
+      paddingRight: right,
+      flexGrow: 1
+    },
+    ListEmptyComponent: ListEmptyComponent,
+    bounces: false,
+    keyExtractor: getUserUniqId,
+    onEndReached: onLoadNext
+  });
+};
+
+export default OpenChannelOperatorsList;
+//# sourceMappingURL=OpenChannelOperatorsList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","FlatList","useSafeAreaInsets","getUserUniqId","useFreshCallback","OpenChannelOperatorsList","renderUser","operators","ListEmptyComponent","onLoadNext","renderItem","item","user","left","right","paddingLeft","paddingRight","flexGrow"],"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,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyC,cAAzC;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AAEA,SAAuBC,aAAvB,EAAsCC,gBAAtC,QAA8D,uBAA9D;;AAIA,MAAMC,wBAAwB,GAAG,QAKQ;EAAA,IALP;IAChCC,UADgC;IAEhCC,SAFgC;IAGhCC,kBAHgC;IAIhCC;EAJgC,CAKO;EACvC,MAAMC,UAAwC,GAAGN,gBAAgB,CAAC;IAAA,IAAC;MAAEO;IAAF,CAAD;IAAA,OAAcL,UAAd,aAAcA,UAAd,uBAAcA,UAAU,CAAG;MAAEM,IAAI,EAAED;IAAR,CAAH,CAAxB;EAAA,CAAD,CAAjE;EACA,MAAM;IAAEE,IAAF;IAAQC;EAAR,IAAkBZ,iBAAiB,EAAzC;EAEA,oBACE,oBAAC,QAAD;IACE,IAAI,EAAEK,SADR;IAEE,UAAU,EAAEG,UAFd;IAGE,qBAAqB,EAAE;MAAEK,WAAW,EAAEF,IAAf;MAAqBG,YAAY,EAAEF,KAAnC;MAA0CG,QAAQ,EAAE;IAApD,CAHzB;IAIE,kBAAkB,EAAET,kBAJtB;IAKE,OAAO,EAAE,KALX;IAME,YAAY,EAAEL,aANhB;IAOE,YAAY,EAAEM;EAPhB,EADF;AAWD,CApBD;;AAsBA,eAAeJ,wBAAf"}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Box } from '@sendbird/uikit-react-native-foundation';
+import TypedPlaceholder from '../../../components/TypedPlaceholder';
+
+const OpenChannelOperatorsStatusEmpty = () => {
+  return /*#__PURE__*/React.createElement(Box, {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }, /*#__PURE__*/React.createElement(TypedPlaceholder, {
+    type: 'no-users'
+  }));
+};
+
+export default OpenChannelOperatorsStatusEmpty;
+//# sourceMappingURL=OpenChannelOperatorsStatusEmpty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Box","TypedPlaceholder","OpenChannelOperatorsStatusEmpty"],"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,KAAP,MAAkB,OAAlB;AAEA,SAASC,GAAT,QAAoB,yCAApB;AAEA,OAAOC,gBAAP,MAA6B,sCAA7B;;AAEA,MAAMC,+BAA+B,GAAG,MAAM;EAC5C,oBACE,oBAAC,GAAD;IAAK,IAAI,EAAE,CAAX;IAAc,UAAU,EAAE,QAA1B;IAAoC,cAAc,EAAE;EAApD,gBACE,oBAAC,gBAAD;IAAkB,IAAI,EAAE;EAAxB,EADF,CADF;AAKD,CAND;;AAQA,eAAeA,+BAAf"}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Box } from '@sendbird/uikit-react-native-foundation';
+import TypedPlaceholder from '../../../components/TypedPlaceholder';
+
+const OpenChannelOperatorsStatusError = _ref => {
+  let {
+    onPressRetry
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Box, {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }, /*#__PURE__*/React.createElement(TypedPlaceholder, {
+    type: 'error-wrong',
+    onPressRetry: onPressRetry
+  }));
+};
+
+export default OpenChannelOperatorsStatusError;
+//# sourceMappingURL=OpenChannelOperatorsStatusError.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Box","TypedPlaceholder","OpenChannelOperatorsStatusError","onPressRetry"],"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,KAAP,MAAkB,OAAlB;AAEA,SAASC,GAAT,QAAoB,yCAApB;AAEA,OAAOC,gBAAP,MAA6B,sCAA7B;;AAGA,MAAMC,+BAA0E,GAAG,QAAsB;EAAA,IAArB;IAAEC;EAAF,CAAqB;EACvG,oBACE,oBAAC,GAAD;IAAK,IAAI,EAAE,CAAX;IAAc,UAAU,EAAE,QAA1B;IAAoC,cAAc,EAAE;EAApD,gBACE,oBAAC,gBAAD;IAAkB,IAAI,EAAE,aAAxB;IAAuC,YAAY,EAAEA;EAArD,EADF,CADF;AAKD,CAND;;AAQA,eAAeD,+BAAf"}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Box } from '@sendbird/uikit-react-native-foundation';
+import TypedPlaceholder from '../../../components/TypedPlaceholder';
+
+const OpenChannelOperatorsStatusLoading = () => {
+  return /*#__PURE__*/React.createElement(Box, {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }, /*#__PURE__*/React.createElement(TypedPlaceholder, {
+    type: 'loading'
+  }));
+};
+
+export default OpenChannelOperatorsStatusLoading;
+//# sourceMappingURL=OpenChannelOperatorsStatusLoading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Box","TypedPlaceholder","OpenChannelOperatorsStatusLoading"],"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,KAAP,MAAkB,OAAlB;AAEA,SAASC,GAAT,QAAoB,yCAApB;AAEA,OAAOC,gBAAP,MAA6B,sCAA7B;;AAEA,MAAMC,iCAAiC,GAAG,MAAM;EAC9C,oBACE,oBAAC,GAAD;IAAK,IAAI,EAAE,CAAX;IAAc,UAAU,EAAE,QAA1B;IAAoC,cAAc,EAAE;EAApD,gBACE,oBAAC,gBAAD;IAAkB,IAAI,EAAE;EAAxB,EADF,CADF;AAKD,CAND;;AAQA,eAAeA,iCAAf"}

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

@@ -0,0 +1,7 @@
+export { default as OpenChannelOperatorsHeader } from './component/OpenChannelOperatorsHeader';
+export { default as OpenChannelOperatorsList } from './component/OpenChannelOperatorsList';
+export { default as OpenChannelOperatorsStatusLoading } from './component/OpenChannelOperatorsStatusLoading';
+export { default as OpenChannelOperatorsStatusEmpty } from './component/OpenChannelOperatorsStatusEmpty';
+export { default as createOpenChannelOperatorsModule } from './module/createOpenChannelOperatorsModule';
+export { OpenChannelOperatorsContextsProvider, OpenChannelOperatorsContexts } from './module/moduleContext';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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,0BAApB,QAAsD,wCAAtD;AACA,SAASD,OAAO,IAAIE,wBAApB,QAAoD,sCAApD;AACA,SAASF,OAAO,IAAIG,iCAApB,QAA6D,+CAA7D;AACA,SAASH,OAAO,IAAII,+BAApB,QAA2D,6CAA3D;AACA,SAASJ,OAAO,IAAIK,gCAApB,QAA4D,2CAA5D;AACA,SAASC,oCAAT,EAA+CC,4BAA/C,QAAmF,wBAAnF"}

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

@@ -0,0 +1,30 @@
+import OpenChannelOperatorsHeader from '../component/OpenChannelOperatorsHeader';
+import OpenChannelOperatorsList from '../component/OpenChannelOperatorsList';
+import OpenChannelOperatorsStatusEmpty from '../component/OpenChannelOperatorsStatusEmpty';
+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] : {};
+  return {
+    Header,
+    List,
+    Provider,
+    StatusEmpty,
+    StatusLoading,
+    StatusError,
+    ...module
+  };
+};
+
+export default createOpenChannelOperatorsModule;
+//# sourceMappingURL=createOpenChannelOperatorsModule.js.map

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

@@ -0,0 +1 @@
+{"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,0BAAP,MAAuC,yCAAvC;AACA,OAAOC,wBAAP,MAAqC,uCAArC;AACA,OAAOC,+BAAP,MAA4C,8CAA5C;AACA,OAAOC,+BAAP,MAA4C,8CAA5C;AACA,OAAOC,iCAAP,MAA8C,gDAA9C;AAEA,SAASC,oCAAT,QAAqD,iBAArD;;AAEA,MAAMC,gCAAgC,GAAG,YAQmC;EAAA,IARlC;IACxCC,MAAM,GAAGP,0BAD+B;IAExCQ,IAAI,GAAGP,wBAFiC;IAGxCQ,aAAa,GAAGL,iCAHwB;IAIxCM,WAAW,GAAGR,+BAJ0B;IAKxCS,WAAW,GAAGR,+BAL0B;IAMxCS,QAAQ,GAAGP,oCAN6B;IAOxC,GAAGQ;EAPqC,CAQkC,uEAAnC,EAAmC;EAC1E,OAAO;IAAEN,MAAF;IAAUC,IAAV;IAAgBI,QAAhB;IAA0BF,WAA1B;IAAuCD,aAAvC;IAAsDE,WAAtD;IAAmE,GAAGE;EAAtE,CAAP;AACD,CAVD;;AAYA,eAAeP,gCAAf"}

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

@@ -0,0 +1,25 @@
+import React, { createContext } from 'react';
+import ProviderLayout from '../../../components/ProviderLayout';
+import { useLocalization } from '../../../hooks/useContext';
+export const OpenChannelOperatorsContexts = {
+  Fragment: /*#__PURE__*/createContext({
+    headerTitle: '',
+    channel: {}
+  })
+};
+export const OpenChannelOperatorsContextsProvider = _ref => {
+  let {
+    children,
+    channel
+  } = _ref;
+  const {
+    STRINGS
+  } = useLocalization();
+  return /*#__PURE__*/React.createElement(ProviderLayout, null, /*#__PURE__*/React.createElement(OpenChannelOperatorsContexts.Fragment.Provider, {
+    value: {
+      headerTitle: STRINGS.OPEN_CHANNEL_OPERATORS.HEADER_TITLE,
+      channel
+    }
+  }, children));
+};
+//# sourceMappingURL=moduleContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","ProviderLayout","useLocalization","OpenChannelOperatorsContexts","Fragment","headerTitle","channel","OpenChannelOperatorsContextsProvider","children","STRINGS","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,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AAIA,OAAOC,cAAP,MAA2B,oCAA3B;AACA,SAASC,eAAT,QAAgC,2BAAhC;AAGA,OAAO,MAAMC,4BAA8D,GAAG;EAC5EC,QAAQ,eAAEJ,aAAa,CAAC;IACtBK,WAAW,EAAE,EADS;IAEtBC,OAAO,EAAE;EAFa,CAAD;AADqD,CAAvE;AAOP,OAAO,MAAMC,oCAA4E,GAAG,QAA2B;EAAA,IAA1B;IAAEC,QAAF;IAAYF;EAAZ,CAA0B;EACrH,MAAM;IAAEG;EAAF,IAAcP,eAAe,EAAnC;EACA,oBACE,oBAAC,cAAD,qBACE,oBAAC,4BAAD,CAA8B,QAA9B,CAAuC,QAAvC;IACE,KAAK,EAAE;MAAEG,WAAW,EAAEI,OAAO,CAACC,sBAAR,CAA+BC,YAA9C;MAA4DL;IAA5D;EADT,GAGGE,QAHH,CADF,CADF;AASD,CAXM"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\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  };\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 = CommonComponent<OpenChannelOperatorsProps['Fragment']>;\n"],"mappings":""}

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

@@ -0,0 +1,35 @@
+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 {
+    colors
+  } = useUIKitTheme();
+  const {
+    headerTitle,
+    headerRight,
+    onPressHeaderRight
+  } = useContext(OpenChannelSettingsContexts.Fragment);
+  const {
+    HeaderComponent
+  } = useHeaderStyle();
+  return /*#__PURE__*/React.createElement(HeaderComponent, {
+    title: headerTitle,
+    left: /*#__PURE__*/React.createElement(Icon, {
+      icon: 'arrow-left'
+    }),
+    onPressLeft: onPressHeaderLeft,
+    right: /*#__PURE__*/React.createElement(Text, {
+      button: true,
+      color: colors.primary
+    }, headerRight),
+    onPressRight: onPressHeaderRight
+  });
+};
+
+export default OpenChannelSettingsHeader;
+//# sourceMappingURL=OpenChannelSettingsHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","Icon","Text","useHeaderStyle","useUIKitTheme","OpenChannelSettingsContexts","OpenChannelSettingsHeader","onPressHeaderLeft","colors","headerTitle","headerRight","onPressHeaderRight","Fragment","HeaderComponent","primary"],"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,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AAEA,SAASC,IAAT,EAAeC,IAAf,EAAqBC,cAArB,EAAqCC,aAArC,QAA0D,yCAA1D;AAEA,SAASC,2BAAT,QAA4C,yBAA5C;;AAGA,MAAMC,yBAAyB,GAAG,QAA+D;EAAA,IAA9D;IAAEC;EAAF,CAA8D;EAC/F,MAAM;IAAEC;EAAF,IAAaJ,aAAa,EAAhC;EACA,MAAM;IAAEK,WAAF;IAAeC,WAAf;IAA4BC;EAA5B,IAAmDX,UAAU,CAACK,2BAA2B,CAACO,QAA7B,CAAnE;EAEA,MAAM;IAAEC;EAAF,IAAsBV,cAAc,EAA1C;EAEA,oBACE,oBAAC,eAAD;IACE,KAAK,EAAEM,WADT;IAEE,IAAI,eAAE,oBAAC,IAAD;MAAM,IAAI,EAAE;IAAZ,EAFR;IAGE,WAAW,EAAEF,iBAHf;IAIE,KAAK,eACH,oBAAC,IAAD;MAAM,MAAM,MAAZ;MAAa,KAAK,EAAEC,MAAM,CAACM;IAA3B,GACGJ,WADH,CALJ;IASE,YAAY,EAAEC;EAThB,EADF;AAaD,CAnBD;;AAqBA,eAAeL,yBAAf"}

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

@@ -0,0 +1,49 @@
+import React, { useContext } from 'react';
+import { Box, Divider, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import { getOpenChannelTitle } from '@sendbird/uikit-utils';
+import ChannelCover from '../../../components/ChannelCover';
+import { useLocalization } from '../../../hooks/useContext';
+import { OpenChannelSettingsContexts } from '../module/moduleContext';
+
+const OpenChannelSettingsInfo = _ => {
+  const {
+    channel
+  } = useContext(OpenChannelSettingsContexts.Fragment);
+  const {
+    STRINGS
+  } = useLocalization();
+  const {
+    colors
+  } = useUIKitTheme();
+  return /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Box, {
+    paddingVertical: 24,
+    alignItems: 'center'
+  }, /*#__PURE__*/React.createElement(ChannelCover, {
+    channel: channel,
+    size: 80,
+    containerStyle: styles.avatarContainer
+  }), /*#__PURE__*/React.createElement(Text, {
+    h1: true,
+    numberOfLines: 1
+  }, getOpenChannelTitle(channel) || ' ')), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(Box, {
+    paddingVertical: 16
+  }, /*#__PURE__*/React.createElement(Text, {
+    body2: true,
+    color: colors.onBackground02,
+    style: styles.infoUrl
+  }, STRINGS.OPEN_CHANNEL_SETTINGS.INFO_URL), /*#__PURE__*/React.createElement(Text, {
+    body3: true,
+    color: colors.onBackground01
+  }, channel.url)), /*#__PURE__*/React.createElement(Divider, null));
+};
+
+const styles = createStyleSheet({
+  avatarContainer: {
+    marginBottom: 12
+  },
+  infoUrl: {
+    marginBottom: 4
+  }
+});
+export default OpenChannelSettingsInfo;
+//# sourceMappingURL=OpenChannelSettingsInfo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","Box","Divider","Text","createStyleSheet","useUIKitTheme","getOpenChannelTitle","ChannelCover","useLocalization","OpenChannelSettingsContexts","OpenChannelSettingsInfo","_","channel","Fragment","STRINGS","colors","styles","avatarContainer","onBackground02","infoUrl","OPEN_CHANNEL_SETTINGS","INFO_URL","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,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AAEA,SAASC,GAAT,EAAcC,OAAd,EAAuBC,IAAvB,EAA6BC,gBAA7B,EAA+CC,aAA/C,QAAoE,yCAApE;AACA,SAASC,mBAAT,QAAoC,uBAApC;AAEA,OAAOC,YAAP,MAAyB,kCAAzB;AACA,SAASC,eAAT,QAAgC,2BAAhC;AACA,SAASC,2BAAT,QAA4C,yBAA5C;;AAGA,MAAMC,uBAAuB,GAAIC,CAAD,IAAyC;EACvE,MAAM;IAAEC;EAAF,IAAcZ,UAAU,CAACS,2BAA2B,CAACI,QAA7B,CAA9B;EACA,MAAM;IAAEC;EAAF,IAAcN,eAAe,EAAnC;EACA,MAAM;IAAEO;EAAF,IAAaV,aAAa,EAAhC;EAEA,oBACE,oBAAC,GAAD,qBACE,oBAAC,GAAD;IAAK,eAAe,EAAE,EAAtB;IAA0B,UAAU,EAAE;EAAtC,gBACE,oBAAC,YAAD;IAAc,OAAO,EAAEO,OAAvB;IAAgC,IAAI,EAAE,EAAtC;IAA0C,cAAc,EAAEI,MAAM,CAACC;EAAjE,EADF,eAEE,oBAAC,IAAD;IAAM,EAAE,MAAR;IAAS,aAAa,EAAE;EAAxB,GACGX,mBAAmB,CAACM,OAAD,CAAnB,IAAgC,GADnC,CAFF,CADF,eAOE,oBAAC,OAAD,OAPF,eASE,oBAAC,GAAD;IAAK,eAAe,EAAE;EAAtB,gBACE,oBAAC,IAAD;IAAM,KAAK,MAAX;IAAY,KAAK,EAAEG,MAAM,CAACG,cAA1B;IAA0C,KAAK,EAAEF,MAAM,CAACG;EAAxD,GACGL,OAAO,CAACM,qBAAR,CAA8BC,QADjC,CADF,eAIE,oBAAC,IAAD;IAAM,KAAK,MAAX;IAAY,KAAK,EAAEN,MAAM,CAACO;EAA1B,GACGV,OAAO,CAACW,GADX,CAJF,CATF,eAiBE,oBAAC,OAAD,OAjBF,CADF;AAqBD,CA1BD;;AA4BA,MAAMP,MAAM,GAAGZ,gBAAgB,CAAC;EAC9Ba,eAAe,EAAE;IACfO,YAAY,EAAE;EADC,CADa;EAI9BL,OAAO,EAAE;IACPK,YAAY,EAAE;EADP;AAJqB,CAAD,CAA/B;AAQA,eAAed,uBAAf"}

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

@@ -0,0 +1,99 @@
+import React, { useContext } from 'react';
+import { View } from 'react-native';
+import { useChannelHandler } from '@sendbird/uikit-chat-hooks';
+import { Icon, MenuBar, useAlert, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import { isDifferentChannel, useForceUpdate, useUniqHandlerId } from '@sendbird/uikit-utils';
+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 {
+    currentUser,
+    sdk
+  } = useSendbirdChat();
+  const {
+    channel
+  } = useContext(OpenChannelSettingsContexts.Fragment);
+  const {
+    STRINGS
+  } = useLocalization();
+  const {
+    colors
+  } = useUIKitTheme();
+  const {
+    alert
+  } = useAlert();
+  const forceUpdate = useForceUpdate();
+  const handlerId = useUniqHandlerId('OpenChannelSettingsMenu');
+
+  const onChannelUpdated = eventChannel => {
+    if (isDifferentChannel(channel, eventChannel)) return;
+    forceUpdate();
+  };
+
+  useChannelHandler(sdk, handlerId, {
+    onChannelChanged: onChannelUpdated,
+    onChannelParticipantCountChanged: onChannelUpdated
+  }, 'open');
+  const menuItems = menuItemsCreator([{
+    icon: 'moderation',
+    visible: channel.isOperator((currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ?? UNKNOWN_USER_ID),
+    name: STRINGS.OPEN_CHANNEL_SETTINGS.MENU_MODERATION,
+    onPress: () => onPressMenuModeration(),
+    actionItem: /*#__PURE__*/React.createElement(Icon, {
+      icon: 'chevron-right',
+      color: colors.onBackground01
+    })
+  }, {
+    icon: 'members',
+    name: STRINGS.OPEN_CHANNEL_SETTINGS.MENU_PARTICIPANTS,
+    onPress: () => onPressMenuParticipants(),
+    actionLabel: String(channel.participantCount),
+    actionItem: /*#__PURE__*/React.createElement(Icon, {
+      icon: 'chevron-right',
+      color: colors.onBackground01
+    })
+  }, {
+    icon: 'leave',
+    iconColor: colors.error,
+    name: STRINGS.OPEN_CHANNEL_SETTINGS.MENU_DELETE_CHANNEL,
+    onPress: () => {
+      alert({
+        title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANNEL_DELETE_CONFIRM_TITLE,
+        buttons: [{
+          text: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANNEL_DELETE_CONFIRM_CANCEL
+        }, {
+          text: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANNEL_DELETE_CONFIRM_OK,
+          style: 'destructive',
+          onPress: () => {
+            channel.delete().then(() => onPressMenuDeleteChannel());
+          }
+        }]
+      });
+    }
+  }]);
+  return /*#__PURE__*/React.createElement(View, null, menuItems.map(menu => {
+    return /*#__PURE__*/React.createElement(MenuBar, {
+      key: menu.name,
+      onPress: menu.onPress,
+      name: menu.name,
+      disabled: menu.disabled,
+      visible: menu.visible,
+      icon: menu.icon,
+      iconColor: menu.iconColor,
+      iconBackgroundColor: menu.iconBackgroundColor,
+      actionLabel: menu.actionLabel,
+      actionItem: menu.actionItem
+    });
+  }));
+};
+
+export default OpenChannelSettingsMenu;
+//# sourceMappingURL=OpenChannelSettingsMenu.js.map

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

@@ -0,0 +1 @@
+{"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","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","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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"}

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

@@ -0,0 +1,6 @@
+export { default as OpenChannelSettingsHeader } from './component/OpenChannelSettingsHeader';
+export { default as OpenChannelSettingsMenu } from './component/OpenChannelSettingsMenu';
+export { default as OpenChannelSettingsInfo } from './component/OpenChannelSettingsInfo';
+export { default as createOpenChannelSettingsModule } from './module/createOpenChannelSettingsModule';
+export { OpenChannelSettingsContextsProvider, OpenChannelSettingsContexts } from './module/moduleContext';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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,yBAApB,QAAqD,uCAArD;AACA,SAASD,OAAO,IAAIE,uBAApB,QAAmD,qCAAnD;AACA,SAASF,OAAO,IAAIG,uBAApB,QAAmD,qCAAnD;AACA,SAASH,OAAO,IAAII,+BAApB,QAA2D,0CAA3D;AACA,SAASC,mCAAT,EAA8CC,2BAA9C,QAAiF,wBAAjF"}

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

@@ -0,0 +1,24 @@
+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] : {};
+  return {
+    Header,
+    Info,
+    Menu,
+    Provider,
+    ...module
+  };
+};
+
+export default createOpenChannelSettingsModule;
+//# sourceMappingURL=createOpenChannelSettingsModule.js.map

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

@@ -0,0 +1 @@
+{"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,yBAAP,MAAsC,wCAAtC;AACA,OAAOC,uBAAP,MAAoC,sCAApC;AACA,OAAOC,uBAAP,MAAoC,sCAApC;AAEA,SAASC,mCAAT,QAAoD,iBAApD;;AAEA,MAAMC,+BAA+B,GAAG,YAMkC;EAAA,IANjC;IACvCC,MAAM,GAAGL,yBAD8B;IAEvCM,IAAI,GAAGL,uBAFgC;IAGvCM,IAAI,GAAGL,uBAHgC;IAIvCM,QAAQ,GAAGL,mCAJ4B;IAKvC,GAAGM;EALoC,CAMiC,uEAAlC,EAAkC;EACxE,OAAO;IAAEJ,MAAF;IAAUC,IAAV;IAAgBC,IAAhB;IAAsBC,QAAtB;IAAgC,GAAGC;EAAnC,CAAP;AACD,CARD;;AAUA,eAAeL,+BAAf"}