@sendbird/uikit-react-native 3.7.6 → 3.8.1

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useState","SendbirdError","useOpenChannelMessages","useToast","NOOP","PASS","SBErrorCode","messageComparator","useFreshCallback","OpenChannelMessageRenderer","ScrollToBottomButton","StatusComposition","UNKNOWN_USER_ID","createOpenChannelModule","useLocalization","useSendbirdChat","pubsub","createOpenChannelFragment","initModule","OpenChannelModule","_ref","channel","onChannelDeleted","onPressHeaderLeft","onPressHeaderRightWithSettings","onPressHeaderRightWithParticipants","onBeforeSendUserMessage","onBeforeSendFileMessage","onBeforeUpdateUserMessage","onBeforeUpdateFileMessage","onPressMediaMessage","renderMessage","renderNewMessagesButton","renderScrollToBottomButton","props","createElement","enableMessageGrouping","keyboardAvoidOffset","flatListProps","queryCreator","sortComparator","sdk","currentUser","STRINGS","show","showToast","openChannelPubSub","messages","newMessages","next","prev","hasNext","sendFileMessage","sendUserMessage","updateFileMessage","updateUserMessage","resendMessage","deleteMessage","loading","userId","onError","error","code","RESOURCE_NOT_FOUND","CHANNEL_NOT_FOUND","BANNED_USER_SEND_MESSAGE_NOT_ALLOWED","TOAST","GET_CHANNEL_ERROR","UNKNOWN_ERROR","onMessagesReceived","publish","type","data","isOperator","_renderMessage","memoizedFlatListProps","ListEmptyComponent","StatusEmpty","contentContainerStyle","flexGrow","onPending","message","onSent","onPressSendUserMessage","params","processedParams","onPressSendFileMessage","onPressUpdateUserMessage","messageId","onPressUpdateFileMessage","Provider","Header","rightIconName","onPressHeaderRight","LoadingComponent","StatusLoading","MessageList","currentUserId","onTopReached","onBottomReached","scrolledAwayFromBottom","onScrolledAwayFromBottom","onResendFailedMessage","onDeleteMessage","Input","shouldRenderInput"],"sources":["createOpenChannelFragment.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\n\nimport { SendbirdError } from '@sendbird/chat';\nimport { useOpenChannelMessages } from '@sendbird/uikit-chat-hooks';\nimport { useToast } from '@sendbird/uikit-react-native-foundation';\nimport {\n  NOOP,\n  PASS,\n  SBErrorCode,\n  SendbirdFileMessage,\n  SendbirdUserMessage,\n  messageComparator,\n  useFreshCallback,\n} from '@sendbird/uikit-utils';\n\nimport OpenChannelMessageRenderer from '../components/OpenChannelMessageRenderer';\nimport ScrollToBottomButton from '../components/ScrollToBottomButton';\nimport StatusComposition from '../components/StatusComposition';\nimport { UNKNOWN_USER_ID } from '../constants';\nimport { createOpenChannelModule } from '../domain/openChannel';\nimport type {\n  OpenChannelFragment,\n  OpenChannelModule,\n  OpenChannelProps,\n  OpenChannelPubSubContextPayload,\n} from '../domain/openChannel/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\nimport pubsub from '../utils/pubsub';\n\nconst createOpenChannelFragment = (initModule?: Partial<OpenChannelModule>): OpenChannelFragment => {\n  const OpenChannelModule = createOpenChannelModule(initModule);\n\n  return ({\n    channel,\n    onChannelDeleted = NOOP,\n    onPressHeaderLeft = NOOP,\n    onPressHeaderRightWithSettings = NOOP,\n    onPressHeaderRightWithParticipants = NOOP,\n\n    onBeforeSendUserMessage = PASS,\n    onBeforeSendFileMessage = PASS,\n    onBeforeUpdateUserMessage = PASS,\n    onBeforeUpdateFileMessage = PASS,\n    onPressMediaMessage = NOOP,\n\n    renderMessage,\n    renderNewMessagesButton = () => null,\n    renderScrollToBottomButton = (props) => <ScrollToBottomButton {...props} />,\n\n    enableMessageGrouping = true,\n    keyboardAvoidOffset,\n    flatListProps,\n    queryCreator,\n    sortComparator = messageComparator,\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n\n    const { STRINGS } = useLocalization();\n    const { show: showToast } = useToast();\n\n    const [openChannelPubSub] = useState(() => pubsub<OpenChannelPubSubContextPayload>());\n\n    const {\n      messages,\n      newMessages,\n      next,\n      prev,\n      hasNext,\n      sendFileMessage,\n      sendUserMessage,\n      updateFileMessage,\n      updateUserMessage,\n      resendMessage,\n      deleteMessage,\n      loading,\n    } = useOpenChannelMessages(sdk, channel, currentUser?.userId, {\n      queryCreator,\n      sortComparator,\n      onChannelDeleted,\n      onError(error) {\n        if (error instanceof SendbirdError) {\n          switch (error.code) {\n            case SBErrorCode.RESOURCE_NOT_FOUND:\n            case SBErrorCode.CHANNEL_NOT_FOUND:\n            case SBErrorCode.BANNED_USER_SEND_MESSAGE_NOT_ALLOWED: {\n              return showToast(STRINGS.TOAST.GET_CHANNEL_ERROR, 'error');\n            }\n          }\n        }\n\n        showToast(STRINGS.TOAST.UNKNOWN_ERROR, 'error');\n      },\n      onMessagesReceived(messages) {\n        openChannelPubSub.publish({ type: 'MESSAGES_RECEIVED', data: { messages } });\n      },\n    });\n\n    const isOperator = channel.isOperator(currentUser?.userId ?? UNKNOWN_USER_ID);\n\n    const _renderMessage: OpenChannelProps['MessageList']['renderMessage'] = useFreshCallback((props) => {\n      if (renderMessage) return renderMessage(props);\n      return <OpenChannelMessageRenderer {...props} />;\n    });\n\n    const memoizedFlatListProps = useMemo(\n      () => ({\n        ListEmptyComponent: <OpenChannelModule.StatusEmpty />,\n        contentContainerStyle: { flexGrow: 1 },\n        ...flatListProps,\n      }),\n      [loading, flatListProps],\n    );\n\n    const onPending = (message: SendbirdFileMessage | SendbirdUserMessage) => {\n      openChannelPubSub.publish({ type: 'MESSAGE_SENT_PENDING', data: { message } });\n    };\n    const onSent = (message: SendbirdFileMessage | SendbirdUserMessage) => {\n      openChannelPubSub.publish({ type: 'MESSAGE_SENT_SUCCESS', data: { message } });\n    };\n\n    const onPressSendUserMessage: OpenChannelProps['Input']['onPressSendUserMessage'] = useFreshCallback(\n      async (params) => {\n        const processedParams = await onBeforeSendUserMessage(params);\n        const message = await sendUserMessage(processedParams, onPending);\n        onSent(message);\n      },\n    );\n    const onPressSendFileMessage: OpenChannelProps['Input']['onPressSendFileMessage'] = useFreshCallback(\n      async (params) => {\n        const processedParams = await onBeforeSendFileMessage(params);\n        const message = await sendFileMessage(processedParams, onPending);\n        onSent(message);\n      },\n    );\n    const onPressUpdateUserMessage: OpenChannelProps['Input']['onPressUpdateUserMessage'] = useFreshCallback(\n      async (message, params) => {\n        const processedParams = await onBeforeUpdateUserMessage(params);\n        await updateUserMessage(message.messageId, processedParams);\n      },\n    );\n    const onPressUpdateFileMessage: OpenChannelProps['Input']['onPressUpdateFileMessage'] = useFreshCallback(\n      async (message, params) => {\n        const processedParams = await onBeforeUpdateFileMessage(params);\n        await updateFileMessage(message.messageId, processedParams);\n      },\n    );\n\n    return (\n      <OpenChannelModule.Provider\n        openChannelPubSub={openChannelPubSub}\n        channel={channel}\n        keyboardAvoidOffset={keyboardAvoidOffset}\n      >\n        <OpenChannelModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          rightIconName={isOperator ? 'info' : 'members'}\n          onPressHeaderRight={isOperator ? onPressHeaderRightWithSettings : onPressHeaderRightWithParticipants}\n        />\n        <StatusComposition loading={loading} LoadingComponent={<OpenChannelModule.StatusLoading />}>\n          <OpenChannelModule.MessageList\n            channel={channel}\n            hasNext={hasNext}\n            enableMessageGrouping={enableMessageGrouping}\n            currentUserId={currentUser?.userId}\n            renderMessage={_renderMessage}\n            messages={messages}\n            newMessages={newMessages}\n            onTopReached={prev}\n            onBottomReached={next}\n            scrolledAwayFromBottom={false}\n            onScrolledAwayFromBottom={NOOP}\n            renderNewMessagesButton={renderNewMessagesButton}\n            renderScrollToBottomButton={renderScrollToBottomButton}\n            onResendFailedMessage={resendMessage}\n            onDeleteMessage={deleteMessage}\n            onPressMediaMessage={onPressMediaMessage}\n            flatListProps={memoizedFlatListProps}\n          />\n          <OpenChannelModule.Input\n            shouldRenderInput\n            onPressSendUserMessage={onPressSendUserMessage}\n            onPressSendFileMessage={onPressSendFileMessage}\n            onPressUpdateUserMessage={onPressUpdateUserMessage}\n            onPressUpdateFileMessage={onPressUpdateFileMessage}\n          />\n        </StatusComposition>\n      </OpenChannelModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelFragment;\n"],"mappings":"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"}
+{"version":3,"names":["React","useMemo","useState","SendbirdError","useOpenChannelMessages","useToast","NOOP","PASS","SBErrorCode","messageComparator","useFreshCallback","OpenChannelMessageRenderer","ScrollToBottomButton","StatusComposition","UNKNOWN_USER_ID","createOpenChannelModule","useLocalization","useSendbirdChat","pubsub","createOpenChannelFragment","initModule","OpenChannelModule","channel","onChannelDeleted","onPressHeaderLeft","onPressHeaderRightWithSettings","onPressHeaderRightWithParticipants","onBeforeSendUserMessage","onBeforeSendFileMessage","onBeforeUpdateUserMessage","onBeforeUpdateFileMessage","onPressMediaMessage","renderMessage","renderNewMessagesButton","renderScrollToBottomButton","props","createElement","enableMessageGrouping","keyboardAvoidOffset","flatListProps","queryCreator","sortComparator","sdk","currentUser","STRINGS","show","showToast","openChannelPubSub","messages","newMessages","next","prev","hasNext","sendFileMessage","sendUserMessage","updateFileMessage","updateUserMessage","resendMessage","deleteMessage","loading","userId","onError","error","code","RESOURCE_NOT_FOUND","CHANNEL_NOT_FOUND","BANNED_USER_SEND_MESSAGE_NOT_ALLOWED","TOAST","GET_CHANNEL_ERROR","UNKNOWN_ERROR","onMessagesReceived","publish","type","data","isOperator","_renderMessage","memoizedFlatListProps","ListEmptyComponent","StatusEmpty","contentContainerStyle","flexGrow","onPending","message","onSent","onPressSendUserMessage","params","processedParams","onPressSendFileMessage","onPressUpdateUserMessage","messageId","onPressUpdateFileMessage","Provider","Header","rightIconName","onPressHeaderRight","LoadingComponent","StatusLoading","MessageList","currentUserId","onTopReached","onBottomReached","scrolledAwayFromBottom","onScrolledAwayFromBottom","onResendFailedMessage","onDeleteMessage","Input","shouldRenderInput"],"sources":["createOpenChannelFragment.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\n\nimport { SendbirdError } from '@sendbird/chat';\nimport { useOpenChannelMessages } from '@sendbird/uikit-chat-hooks';\nimport { useToast } from '@sendbird/uikit-react-native-foundation';\nimport {\n  NOOP,\n  PASS,\n  SBErrorCode,\n  SendbirdFileMessage,\n  SendbirdUserMessage,\n  messageComparator,\n  useFreshCallback,\n} from '@sendbird/uikit-utils';\n\nimport OpenChannelMessageRenderer from '../components/OpenChannelMessageRenderer';\nimport ScrollToBottomButton from '../components/ScrollToBottomButton';\nimport StatusComposition from '../components/StatusComposition';\nimport { UNKNOWN_USER_ID } from '../constants';\nimport { createOpenChannelModule } from '../domain/openChannel';\nimport type {\n  OpenChannelFragment,\n  OpenChannelModule,\n  OpenChannelProps,\n  OpenChannelPubSubContextPayload,\n} from '../domain/openChannel/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\nimport pubsub from '../utils/pubsub';\n\nconst createOpenChannelFragment = (initModule?: Partial<OpenChannelModule>): OpenChannelFragment => {\n  const OpenChannelModule = createOpenChannelModule(initModule);\n\n  return ({\n    channel,\n    onChannelDeleted = NOOP,\n    onPressHeaderLeft = NOOP,\n    onPressHeaderRightWithSettings = NOOP,\n    onPressHeaderRightWithParticipants = NOOP,\n\n    onBeforeSendUserMessage = PASS,\n    onBeforeSendFileMessage = PASS,\n    onBeforeUpdateUserMessage = PASS,\n    onBeforeUpdateFileMessage = PASS,\n    onPressMediaMessage = NOOP,\n\n    renderMessage,\n    renderNewMessagesButton = () => null,\n    renderScrollToBottomButton = (props) => <ScrollToBottomButton {...props} />,\n\n    enableMessageGrouping = true,\n    keyboardAvoidOffset,\n    flatListProps,\n    queryCreator,\n    sortComparator = messageComparator,\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n\n    const { STRINGS } = useLocalization();\n    const { show: showToast } = useToast();\n\n    const [openChannelPubSub] = useState(() => pubsub<OpenChannelPubSubContextPayload>());\n\n    const {\n      messages,\n      newMessages,\n      next,\n      prev,\n      hasNext,\n      sendFileMessage,\n      sendUserMessage,\n      updateFileMessage,\n      updateUserMessage,\n      resendMessage,\n      deleteMessage,\n      loading,\n    } = useOpenChannelMessages(sdk, channel, currentUser?.userId, {\n      queryCreator,\n      sortComparator,\n      onChannelDeleted,\n      onError(error) {\n        if (error instanceof SendbirdError) {\n          switch (error.code) {\n            case SBErrorCode.RESOURCE_NOT_FOUND:\n            case SBErrorCode.CHANNEL_NOT_FOUND:\n            case SBErrorCode.BANNED_USER_SEND_MESSAGE_NOT_ALLOWED: {\n              return showToast(STRINGS.TOAST.GET_CHANNEL_ERROR, 'error');\n            }\n          }\n        }\n\n        showToast(STRINGS.TOAST.UNKNOWN_ERROR, 'error');\n      },\n      onMessagesReceived(messages) {\n        openChannelPubSub.publish({ type: 'MESSAGES_RECEIVED', data: { messages } });\n      },\n    });\n\n    const isOperator = channel.isOperator(currentUser?.userId ?? UNKNOWN_USER_ID);\n\n    const _renderMessage: OpenChannelProps['MessageList']['renderMessage'] = useFreshCallback((props) => {\n      if (renderMessage) return renderMessage(props);\n      return <OpenChannelMessageRenderer {...props} />;\n    });\n\n    const memoizedFlatListProps = useMemo(\n      () => ({\n        ListEmptyComponent: <OpenChannelModule.StatusEmpty />,\n        contentContainerStyle: { flexGrow: 1 },\n        ...flatListProps,\n      }),\n      [loading, flatListProps],\n    );\n\n    const onPending = (message: SendbirdFileMessage | SendbirdUserMessage) => {\n      openChannelPubSub.publish({ type: 'MESSAGE_SENT_PENDING', data: { message } });\n    };\n    const onSent = (message: SendbirdFileMessage | SendbirdUserMessage) => {\n      openChannelPubSub.publish({ type: 'MESSAGE_SENT_SUCCESS', data: { message } });\n    };\n\n    const onPressSendUserMessage: OpenChannelProps['Input']['onPressSendUserMessage'] = useFreshCallback(\n      async (params) => {\n        const processedParams = await onBeforeSendUserMessage(params);\n        const message = await sendUserMessage(processedParams, onPending);\n        onSent(message);\n      },\n    );\n    const onPressSendFileMessage: OpenChannelProps['Input']['onPressSendFileMessage'] = useFreshCallback(\n      async (params) => {\n        const processedParams = await onBeforeSendFileMessage(params);\n        const message = await sendFileMessage(processedParams, onPending);\n        onSent(message);\n      },\n    );\n    const onPressUpdateUserMessage: OpenChannelProps['Input']['onPressUpdateUserMessage'] = useFreshCallback(\n      async (message, params) => {\n        const processedParams = await onBeforeUpdateUserMessage(params);\n        await updateUserMessage(message.messageId, processedParams);\n      },\n    );\n    const onPressUpdateFileMessage: OpenChannelProps['Input']['onPressUpdateFileMessage'] = useFreshCallback(\n      async (message, params) => {\n        const processedParams = await onBeforeUpdateFileMessage(params);\n        await updateFileMessage(message.messageId, processedParams);\n      },\n    );\n\n    return (\n      <OpenChannelModule.Provider\n        openChannelPubSub={openChannelPubSub}\n        channel={channel}\n        keyboardAvoidOffset={keyboardAvoidOffset}\n      >\n        <OpenChannelModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          rightIconName={isOperator ? 'info' : 'members'}\n          onPressHeaderRight={isOperator ? onPressHeaderRightWithSettings : onPressHeaderRightWithParticipants}\n        />\n        <StatusComposition loading={loading} LoadingComponent={<OpenChannelModule.StatusLoading />}>\n          <OpenChannelModule.MessageList\n            channel={channel}\n            hasNext={hasNext}\n            enableMessageGrouping={enableMessageGrouping}\n            currentUserId={currentUser?.userId}\n            renderMessage={_renderMessage}\n            messages={messages}\n            newMessages={newMessages}\n            onTopReached={prev}\n            onBottomReached={next}\n            scrolledAwayFromBottom={false}\n            onScrolledAwayFromBottom={NOOP}\n            renderNewMessagesButton={renderNewMessagesButton}\n            renderScrollToBottomButton={renderScrollToBottomButton}\n            onResendFailedMessage={resendMessage}\n            onDeleteMessage={deleteMessage}\n            onPressMediaMessage={onPressMediaMessage}\n            flatListProps={memoizedFlatListProps}\n          />\n          <OpenChannelModule.Input\n            shouldRenderInput\n            onPressSendUserMessage={onPressSendUserMessage}\n            onPressSendFileMessage={onPressSendFileMessage}\n            onPressUpdateUserMessage={onPressUpdateUserMessage}\n            onPressUpdateFileMessage={onPressUpdateFileMessage}\n          />\n        </StatusComposition>\n      </OpenChannelModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelFragment;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/fragments/createOpenChannelListFragment.js

@@ -7,14 +7,13 @@ import { createOpenChannelListModule } from '../domain/openChannelList';
 import { useLocalization, useSendbirdChat } from '../hooks/useContext';
 const createOpenChannelListFragment = initModule => {
   const OpenChannelListModule = createOpenChannelListModule(initModule);
-  return _ref => {
-    let {
-      onPressCreateChannel,
-      onPressChannel = NOOP,
-      flatListProps,
-      renderOpenChannelPreview,
-      queryCreator
-    } = _ref;
+  return ({
+    onPressCreateChannel,
+    onPressChannel = NOOP,
+    flatListProps,
+    renderOpenChannelPreview,
+    queryCreator
+  }) => {
     const {
       sdk,
       currentUser

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

@@ -1 +1 @@
-{"version":3,"names":["React","useOpenChannelList","OpenChannelPreview","PressBox","NOOP","StatusComposition","createOpenChannelListModule","useLocalization","useSendbirdChat","createOpenChannelListFragment","initModule","OpenChannelListModule","_ref","onPressCreateChannel","onPressChannel","flatListProps","renderOpenChannelPreview","queryCreator","sdk","currentUser","STRINGS","openChannels","next","refresh","refreshing","loading","error","userId","_renderOpenChannelPreview","props","createElement","activeOpacity","onPress","coverUrl","channel","title","OPEN_CHANNEL_LIST","CHANNEL_PREVIEW_TITLE","frozen","isFrozen","participantsCount","participantCount","Provider","Header","onPressHeaderRight","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","onLoadNext","onRefresh","ListEmptyComponent","StatusEmpty","contentContainerStyle","flexGrow"],"sources":["createOpenChannelListFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useOpenChannelList } from '@sendbird/uikit-chat-hooks';\nimport { OpenChannelPreview, PressBox } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport { createOpenChannelListModule } from '../domain/openChannelList';\nimport type {\n  OpenChannelListFragment,\n  OpenChannelListModule,\n  OpenChannelListProps,\n} from '../domain/openChannelList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createOpenChannelListFragment = (initModule?: Partial<OpenChannelListModule>): OpenChannelListFragment => {\n  const OpenChannelListModule = createOpenChannelListModule(initModule);\n\n  return ({ onPressCreateChannel, onPressChannel = NOOP, flatListProps, renderOpenChannelPreview, queryCreator }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { openChannels, next, refresh, refreshing, loading, error } = useOpenChannelList(sdk, currentUser?.userId, {\n      queryCreator,\n    });\n\n    const _renderOpenChannelPreview: OpenChannelListProps['List']['renderOpenChannelPreview'] = (props) => {\n      if (renderOpenChannelPreview) return renderOpenChannelPreview(props);\n      return (\n        <PressBox activeOpacity={0.8} onPress={props.onPress}>\n          <OpenChannelPreview\n            coverUrl={props.channel.coverUrl}\n            title={STRINGS.OPEN_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE(props.channel)}\n            frozen={props.channel.isFrozen}\n            participantsCount={props.channel.participantCount}\n          />\n        </PressBox>\n      );\n    };\n\n    return (\n      <OpenChannelListModule.Provider>\n        <OpenChannelListModule.Header onPressHeaderRight={onPressCreateChannel} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<OpenChannelListModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<OpenChannelListModule.StatusError onPressRetry={refresh} />}\n        >\n          <OpenChannelListModule.List\n            onPressChannel={onPressChannel}\n            renderOpenChannelPreview={_renderOpenChannelPreview}\n            openChannels={openChannels}\n            onLoadNext={next}\n            refreshing={refreshing}\n            onRefresh={refresh}\n            flatListProps={{\n              ListEmptyComponent: <OpenChannelListModule.StatusEmpty />,\n              contentContainerStyle: { flexGrow: 1 },\n              ...flatListProps,\n            }}\n          />\n        </StatusComposition>\n      </OpenChannelListModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelListFragment;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,kBAAkB,QAAQ,4BAA4B;AAC/D,SAASC,kBAAkB,EAAEC,QAAQ,QAAQ,yCAAyC;AACtF,SAASC,IAAI,QAAQ,uBAAuB;AAE5C,OAAOC,iBAAiB,MAAM,iCAAiC;AAC/D,SAASC,2BAA2B,QAAQ,2BAA2B;AAMvE,SAASC,eAAe,EAAEC,eAAe,QAAQ,qBAAqB;AAEtE,MAAMC,6BAA6B,GAAIC,UAA2C,IAA8B;EAC9G,MAAMC,qBAAqB,GAAGL,2BAA2B,CAACI,UAAU,CAAC;EAErE,OAAOE,IAAA,IAA4G;IAAA,IAA3G;MAAEC,oBAAoB;MAAEC,cAAc,GAAGV,IAAI;MAAEW,aAAa;MAAEC,wBAAwB;MAAEC;IAAa,CAAC,GAAAL,IAAA;IAC5G,MAAM;MAAEM,GAAG;MAAEC;IAAY,CAAC,GAAGX,eAAe,EAAE;IAC9C,MAAM;MAAEY;IAAQ,CAAC,GAAGb,eAAe,EAAE;IACrC,MAAM;MAAEc,YAAY;MAAEC,IAAI;MAAEC,OAAO;MAAEC,UAAU;MAAEC,OAAO;MAAEC;IAAM,CAAC,GAAGzB,kBAAkB,CAACiB,GAAG,EAAEC,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEQ,MAAM,EAAE;MAC/GV;IACF,CAAC,CAAC;IAEF,MAAMW,yBAAmF,GAAIC,KAAK,IAAK;MACrG,IAAIb,wBAAwB,EAAE,OAAOA,wBAAwB,CAACa,KAAK,CAAC;MACpE,oBACE7B,KAAA,CAAA8B,aAAA,CAAC3B,QAAQ;QAAC4B,aAAa,EAAE,GAAI;QAACC,OAAO,EAAEH,KAAK,CAACG;MAAQ,gBACnDhC,KAAA,CAAA8B,aAAA,CAAC5B,kBAAkB;QACjB+B,QAAQ,EAAEJ,KAAK,CAACK,OAAO,CAACD,QAAS;QACjCE,KAAK,EAAEf,OAAO,CAACgB,iBAAiB,CAACC,qBAAqB,CAACR,KAAK,CAACK,OAAO,CAAE;QACtEI,MAAM,EAAET,KAAK,CAACK,OAAO,CAACK,QAAS;QAC/BC,iBAAiB,EAAEX,KAAK,CAACK,OAAO,CAACO;MAAiB,EAClD,CACO;IAEf,CAAC;IAED,oBACEzC,KAAA,CAAA8B,aAAA,CAACnB,qBAAqB,CAAC+B,QAAQ,qBAC7B1C,KAAA,CAAA8B,aAAA,CAACnB,qBAAqB,CAACgC,MAAM;MAACC,kBAAkB,EAAE/B;IAAqB,EAAG,eAC1Eb,KAAA,CAAA8B,aAAA,CAACzB,iBAAiB;MAChBoB,OAAO,EAAEA,OAAQ;MACjBoB,gBAAgB,eAAE7C,KAAA,CAAA8B,aAAA,CAACnB,qBAAqB,CAACmC,aAAa,OAAI;MAC1DpB,KAAK,EAAEqB,OAAO,CAACrB,KAAK,CAAE;MACtBsB,cAAc,eAAEhD,KAAA,CAAA8B,aAAA,CAACnB,qBAAqB,CAACsC,WAAW;QAACC,YAAY,EAAE3B;MAAQ;IAAI,gBAE7EvB,KAAA,CAAA8B,aAAA,CAACnB,qBAAqB,CAACwC,IAAI;MACzBrC,cAAc,EAAEA,cAAe;MAC/BE,wBAAwB,EAAEY,yBAA0B;MACpDP,YAAY,EAAEA,YAAa;MAC3B+B,UAAU,EAAE9B,IAAK;MACjBE,UAAU,EAAEA,UAAW;MACvB6B,SAAS,EAAE9B,OAAQ;MACnBR,aAAa,EAAE;QACbuC,kBAAkB,eAAEtD,KAAA,CAAA8B,aAAA,CAACnB,qBAAqB,CAAC4C,WAAW,OAAG;QACzDC,qBAAqB,EAAE;UAAEC,QAAQ,EAAE;QAAE,CAAC;QACtC,GAAG1C;MACL;IAAE,EACF,CACgB,CACW;EAErC,CAAC;AACH,CAAC;AAED,eAAeN,6BAA6B"}
+{"version":3,"names":["React","useOpenChannelList","OpenChannelPreview","PressBox","NOOP","StatusComposition","createOpenChannelListModule","useLocalization","useSendbirdChat","createOpenChannelListFragment","initModule","OpenChannelListModule","onPressCreateChannel","onPressChannel","flatListProps","renderOpenChannelPreview","queryCreator","sdk","currentUser","STRINGS","openChannels","next","refresh","refreshing","loading","error","userId","_renderOpenChannelPreview","props","createElement","activeOpacity","onPress","coverUrl","channel","title","OPEN_CHANNEL_LIST","CHANNEL_PREVIEW_TITLE","frozen","isFrozen","participantsCount","participantCount","Provider","Header","onPressHeaderRight","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","onLoadNext","onRefresh","ListEmptyComponent","StatusEmpty","contentContainerStyle","flexGrow"],"sources":["createOpenChannelListFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useOpenChannelList } from '@sendbird/uikit-chat-hooks';\nimport { OpenChannelPreview, PressBox } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport { createOpenChannelListModule } from '../domain/openChannelList';\nimport type {\n  OpenChannelListFragment,\n  OpenChannelListModule,\n  OpenChannelListProps,\n} from '../domain/openChannelList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createOpenChannelListFragment = (initModule?: Partial<OpenChannelListModule>): OpenChannelListFragment => {\n  const OpenChannelListModule = createOpenChannelListModule(initModule);\n\n  return ({ onPressCreateChannel, onPressChannel = NOOP, flatListProps, renderOpenChannelPreview, queryCreator }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { openChannels, next, refresh, refreshing, loading, error } = useOpenChannelList(sdk, currentUser?.userId, {\n      queryCreator,\n    });\n\n    const _renderOpenChannelPreview: OpenChannelListProps['List']['renderOpenChannelPreview'] = (props) => {\n      if (renderOpenChannelPreview) return renderOpenChannelPreview(props);\n      return (\n        <PressBox activeOpacity={0.8} onPress={props.onPress}>\n          <OpenChannelPreview\n            coverUrl={props.channel.coverUrl}\n            title={STRINGS.OPEN_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE(props.channel)}\n            frozen={props.channel.isFrozen}\n            participantsCount={props.channel.participantCount}\n          />\n        </PressBox>\n      );\n    };\n\n    return (\n      <OpenChannelListModule.Provider>\n        <OpenChannelListModule.Header onPressHeaderRight={onPressCreateChannel} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<OpenChannelListModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<OpenChannelListModule.StatusError onPressRetry={refresh} />}\n        >\n          <OpenChannelListModule.List\n            onPressChannel={onPressChannel}\n            renderOpenChannelPreview={_renderOpenChannelPreview}\n            openChannels={openChannels}\n            onLoadNext={next}\n            refreshing={refreshing}\n            onRefresh={refresh}\n            flatListProps={{\n              ListEmptyComponent: <OpenChannelListModule.StatusEmpty />,\n              contentContainerStyle: { flexGrow: 1 },\n              ...flatListProps,\n            }}\n          />\n        </StatusComposition>\n      </OpenChannelListModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelListFragment;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,kBAAkB,QAAQ,4BAA4B;AAC/D,SAASC,kBAAkB,EAAEC,QAAQ,QAAQ,yCAAyC;AACtF,SAASC,IAAI,QAAQ,uBAAuB;AAE5C,OAAOC,iBAAiB,MAAM,iCAAiC;AAC/D,SAASC,2BAA2B,QAAQ,2BAA2B;AAMvE,SAASC,eAAe,EAAEC,eAAe,QAAQ,qBAAqB;AAEtE,MAAMC,6BAA6B,GAAIC,UAA2C,IAA8B;EAC9G,MAAMC,qBAAqB,GAAGL,2BAA2B,CAACI,UAAU,CAAC;EAErE,OAAO,CAAC;IAAEE,oBAAoB;IAAEC,cAAc,GAAGT,IAAI;IAAEU,aAAa;IAAEC,wBAAwB;IAAEC;EAAa,CAAC,KAAK;IACjH,MAAM;MAAEC,GAAG;MAAEC;IAAY,CAAC,GAAGV,eAAe,CAAC,CAAC;IAC9C,MAAM;MAAEW;IAAQ,CAAC,GAAGZ,eAAe,CAAC,CAAC;IACrC,MAAM;MAAEa,YAAY;MAAEC,IAAI;MAAEC,OAAO;MAAEC,UAAU;MAAEC,OAAO;MAAEC;IAAM,CAAC,GAAGxB,kBAAkB,CAACgB,GAAG,EAAEC,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEQ,MAAM,EAAE;MAC/GV;IACF,CAAC,CAAC;IAEF,MAAMW,yBAAmF,GAAIC,KAAK,IAAK;MACrG,IAAIb,wBAAwB,EAAE,OAAOA,wBAAwB,CAACa,KAAK,CAAC;MACpE,oBACE5B,KAAA,CAAA6B,aAAA,CAAC1B,QAAQ;QAAC2B,aAAa,EAAE,GAAI;QAACC,OAAO,EAAEH,KAAK,CAACG;MAAQ,gBACnD/B,KAAA,CAAA6B,aAAA,CAAC3B,kBAAkB;QACjB8B,QAAQ,EAAEJ,KAAK,CAACK,OAAO,CAACD,QAAS;QACjCE,KAAK,EAAEf,OAAO,CAACgB,iBAAiB,CAACC,qBAAqB,CAACR,KAAK,CAACK,OAAO,CAAE;QACtEI,MAAM,EAAET,KAAK,CAACK,OAAO,CAACK,QAAS;QAC/BC,iBAAiB,EAAEX,KAAK,CAACK,OAAO,CAACO;MAAiB,CACnD,CACO,CAAC;IAEf,CAAC;IAED,oBACExC,KAAA,CAAA6B,aAAA,CAAClB,qBAAqB,CAAC8B,QAAQ,qBAC7BzC,KAAA,CAAA6B,aAAA,CAAClB,qBAAqB,CAAC+B,MAAM;MAACC,kBAAkB,EAAE/B;IAAqB,CAAE,CAAC,eAC1EZ,KAAA,CAAA6B,aAAA,CAACxB,iBAAiB;MAChBmB,OAAO,EAAEA,OAAQ;MACjBoB,gBAAgB,eAAE5C,KAAA,CAAA6B,aAAA,CAAClB,qBAAqB,CAACkC,aAAa,MAAE,CAAE;MAC1DpB,KAAK,EAAEqB,OAAO,CAACrB,KAAK,CAAE;MACtBsB,cAAc,eAAE/C,KAAA,CAAA6B,aAAA,CAAClB,qBAAqB,CAACqC,WAAW;QAACC,YAAY,EAAE3B;MAAQ,CAAE;IAAE,gBAE7EtB,KAAA,CAAA6B,aAAA,CAAClB,qBAAqB,CAACuC,IAAI;MACzBrC,cAAc,EAAEA,cAAe;MAC/BE,wBAAwB,EAAEY,yBAA0B;MACpDP,YAAY,EAAEA,YAAa;MAC3B+B,UAAU,EAAE9B,IAAK;MACjBE,UAAU,EAAEA,UAAW;MACvB6B,SAAS,EAAE9B,OAAQ;MACnBR,aAAa,EAAE;QACbuC,kBAAkB,eAAErD,KAAA,CAAA6B,aAAA,CAAClB,qBAAqB,CAAC2C,WAAW,MAAE,CAAC;QACzDC,qBAAqB,EAAE;UAAEC,QAAQ,EAAE;QAAE,CAAC;QACtC,GAAG1C;MACL;IAAE,CACH,CACgB,CACW,CAAC;EAErC,CAAC;AACH,CAAC;AAED,eAAeL,6BAA6B","ignoreList":[]}

package/lib/module/fragments/createOpenChannelModerationFragment.js

@@ -1,24 +1,19 @@
 import React from 'react';
 import { ScrollView } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import { NOOP } from '@sendbird/uikit-utils';
+import { NOOP, useSafeAreaPadding } from '@sendbird/uikit-utils';
 import { createOpenChannelModerationModule } from '../domain/openChannelModeration';
 const createOpenChannelModerationFragment = initModule => {
   const OpenChannelModerationModule = createOpenChannelModerationModule(initModule);
-  return _ref => {
-    let {
-      onPressHeaderLeft = NOOP,
-      channel,
-      onPressMenuMutedParticipants,
-      onPressMenuOperators,
-      menuItemsCreator,
-      onPressMenuBannedUsers
-    } = _ref;
-    const {
-      left,
-      right
-    } = useSafeAreaInsets();
+  return ({
+    onPressHeaderLeft = NOOP,
+    channel,
+    onPressMenuMutedParticipants,
+    onPressMenuOperators,
+    menuItemsCreator,
+    onPressMenuBannedUsers
+  }) => {
+    const safeArea = useSafeAreaPadding(['left', 'right']);
     const {
       colors
     } = useUIKitTheme();
@@ -31,8 +26,8 @@ const createOpenChannelModerationFragment = initModule => {
         backgroundColor: colors.background
       },
       contentContainerStyle: {
-        paddingLeft: left + styles.viewContainer.paddingHorizontal,
-        paddingRight: right + styles.viewContainer.paddingHorizontal
+        paddingStart: safeArea.paddingStart + styles.viewContainer.paddingHorizontal,
+        paddingEnd: safeArea.paddingEnd + styles.viewContainer.paddingHorizontal
       }
     }, /*#__PURE__*/React.createElement(OpenChannelModerationModule.Menu, {
       onPressMenuOperators: onPressMenuOperators,

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

@@ -1 +1 @@
-{"version":3,"names":["React","ScrollView","useSafeAreaInsets","createStyleSheet","useUIKitTheme","NOOP","createOpenChannelModerationModule","createOpenChannelModerationFragment","initModule","OpenChannelModerationModule","_ref","onPressHeaderLeft","channel","onPressMenuMutedParticipants","onPressMenuOperators","menuItemsCreator","onPressMenuBannedUsers","left","right","colors","createElement","Provider","Header","style","backgroundColor","background","contentContainerStyle","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight","Menu"],"sources":["createOpenChannelModerationFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport { createOpenChannelModerationModule } from '../domain/openChannelModeration';\nimport type { OpenChannelModerationFragment, OpenChannelModerationModule } from '../domain/openChannelModeration/types';\n\nconst createOpenChannelModerationFragment = (\n  initModule?: Partial<OpenChannelModerationModule>,\n): OpenChannelModerationFragment => {\n  const OpenChannelModerationModule = createOpenChannelModerationModule(initModule);\n\n  return ({\n    onPressHeaderLeft = NOOP,\n    channel,\n    onPressMenuMutedParticipants,\n    onPressMenuOperators,\n    menuItemsCreator,\n    onPressMenuBannedUsers,\n  }) => {\n    const { left, right } = useSafeAreaInsets();\n    const { colors } = useUIKitTheme();\n\n    return (\n      <OpenChannelModerationModule.Provider channel={channel}>\n        <OpenChannelModerationModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <ScrollView\n          style={{ backgroundColor: colors.background }}\n          contentContainerStyle={{\n            paddingLeft: left + styles.viewContainer.paddingHorizontal,\n            paddingRight: right + styles.viewContainer.paddingHorizontal,\n          }}\n        >\n          <OpenChannelModerationModule.Menu\n            onPressMenuOperators={onPressMenuOperators}\n            onPressMenuMutedParticipants={onPressMenuMutedParticipants}\n            onPressMenuBannedUsers={onPressMenuBannedUsers}\n            menuItemsCreator={menuItemsCreator}\n          />\n        </ScrollView>\n      </OpenChannelModerationModule.Provider>\n    );\n  };\n};\n\nconst styles = createStyleSheet({\n  viewContainer: {\n    paddingHorizontal: 16,\n  },\n});\n\nexport default createOpenChannelModerationFragment;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,gBAAgB,EAAEC,aAAa,QAAQ,yCAAyC;AACzF,SAASC,IAAI,QAAQ,uBAAuB;AAE5C,SAASC,iCAAiC,QAAQ,iCAAiC;AAGnF,MAAMC,mCAAmC,GACvCC,UAAiD,IACf;EAClC,MAAMC,2BAA2B,GAAGH,iCAAiC,CAACE,UAAU,CAAC;EAEjF,OAAOE,IAAA,IAOD;IAAA,IAPE;MACNC,iBAAiB,GAAGN,IAAI;MACxBO,OAAO;MACPC,4BAA4B;MAC5BC,oBAAoB;MACpBC,gBAAgB;MAChBC;IACF,CAAC,GAAAN,IAAA;IACC,MAAM;MAAEO,IAAI;MAAEC;IAAM,CAAC,GAAGhB,iBAAiB,EAAE;IAC3C,MAAM;MAAEiB;IAAO,CAAC,GAAGf,aAAa,EAAE;IAElC,oBACEJ,KAAA,CAAAoB,aAAA,CAACX,2BAA2B,CAACY,QAAQ;MAACT,OAAO,EAAEA;IAAQ,gBACrDZ,KAAA,CAAAoB,aAAA,CAACX,2BAA2B,CAACa,MAAM;MAACX,iBAAiB,EAAEA;IAAkB,EAAG,eAC5EX,KAAA,CAAAoB,aAAA,CAACnB,UAAU;MACTsB,KAAK,EAAE;QAAEC,eAAe,EAAEL,MAAM,CAACM;MAAW,CAAE;MAC9CC,qBAAqB,EAAE;QACrBC,WAAW,EAAEV,IAAI,GAAGW,MAAM,CAACC,aAAa,CAACC,iBAAiB;QAC1DC,YAAY,EAAEb,KAAK,GAAGU,MAAM,CAACC,aAAa,CAACC;MAC7C;IAAE,gBAEF9B,KAAA,CAAAoB,aAAA,CAACX,2BAA2B,CAACuB,IAAI;MAC/BlB,oBAAoB,EAAEA,oBAAqB;MAC3CD,4BAA4B,EAAEA,4BAA6B;MAC3DG,sBAAsB,EAAEA,sBAAuB;MAC/CD,gBAAgB,EAAEA;IAAiB,EACnC,CACS,CACwB;EAE3C,CAAC;AACH,CAAC;AAED,MAAMa,MAAM,GAAGzB,gBAAgB,CAAC;EAC9B0B,aAAa,EAAE;IACbC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAEF,eAAevB,mCAAmC"}
+{"version":3,"names":["React","ScrollView","createStyleSheet","useUIKitTheme","NOOP","useSafeAreaPadding","createOpenChannelModerationModule","createOpenChannelModerationFragment","initModule","OpenChannelModerationModule","onPressHeaderLeft","channel","onPressMenuMutedParticipants","onPressMenuOperators","menuItemsCreator","onPressMenuBannedUsers","safeArea","colors","createElement","Provider","Header","style","backgroundColor","background","contentContainerStyle","paddingStart","styles","viewContainer","paddingHorizontal","paddingEnd","Menu"],"sources":["createOpenChannelModerationFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, useSafeAreaPadding } from '@sendbird/uikit-utils';\n\nimport { createOpenChannelModerationModule } from '../domain/openChannelModeration';\nimport type { OpenChannelModerationFragment, OpenChannelModerationModule } from '../domain/openChannelModeration/types';\n\nconst createOpenChannelModerationFragment = (\n  initModule?: Partial<OpenChannelModerationModule>,\n): OpenChannelModerationFragment => {\n  const OpenChannelModerationModule = createOpenChannelModerationModule(initModule);\n\n  return ({\n    onPressHeaderLeft = NOOP,\n    channel,\n    onPressMenuMutedParticipants,\n    onPressMenuOperators,\n    menuItemsCreator,\n    onPressMenuBannedUsers,\n  }) => {\n    const safeArea = useSafeAreaPadding(['left', 'right']);\n    const { colors } = useUIKitTheme();\n\n    return (\n      <OpenChannelModerationModule.Provider channel={channel}>\n        <OpenChannelModerationModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <ScrollView\n          style={{ backgroundColor: colors.background }}\n          contentContainerStyle={{\n            paddingStart: safeArea.paddingStart + styles.viewContainer.paddingHorizontal,\n            paddingEnd: safeArea.paddingEnd + styles.viewContainer.paddingHorizontal,\n          }}\n        >\n          <OpenChannelModerationModule.Menu\n            onPressMenuOperators={onPressMenuOperators}\n            onPressMenuMutedParticipants={onPressMenuMutedParticipants}\n            onPressMenuBannedUsers={onPressMenuBannedUsers}\n            menuItemsCreator={menuItemsCreator}\n          />\n        </ScrollView>\n      </OpenChannelModerationModule.Provider>\n    );\n  };\n};\n\nconst styles = createStyleSheet({\n  viewContainer: {\n    paddingHorizontal: 16,\n  },\n});\n\nexport default createOpenChannelModerationFragment;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,gBAAgB,EAAEC,aAAa,QAAQ,yCAAyC;AACzF,SAASC,IAAI,EAAEC,kBAAkB,QAAQ,uBAAuB;AAEhE,SAASC,iCAAiC,QAAQ,iCAAiC;AAGnF,MAAMC,mCAAmC,GACvCC,UAAiD,IACf;EAClC,MAAMC,2BAA2B,GAAGH,iCAAiC,CAACE,UAAU,CAAC;EAEjF,OAAO,CAAC;IACNE,iBAAiB,GAAGN,IAAI;IACxBO,OAAO;IACPC,4BAA4B;IAC5BC,oBAAoB;IACpBC,gBAAgB;IAChBC;EACF,CAAC,KAAK;IACJ,MAAMC,QAAQ,GAAGX,kBAAkB,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtD,MAAM;MAAEY;IAAO,CAAC,GAAGd,aAAa,CAAC,CAAC;IAElC,oBACEH,KAAA,CAAAkB,aAAA,CAACT,2BAA2B,CAACU,QAAQ;MAACR,OAAO,EAAEA;IAAQ,gBACrDX,KAAA,CAAAkB,aAAA,CAACT,2BAA2B,CAACW,MAAM;MAACV,iBAAiB,EAAEA;IAAkB,CAAE,CAAC,eAC5EV,KAAA,CAAAkB,aAAA,CAACjB,UAAU;MACToB,KAAK,EAAE;QAAEC,eAAe,EAAEL,MAAM,CAACM;MAAW,CAAE;MAC9CC,qBAAqB,EAAE;QACrBC,YAAY,EAAET,QAAQ,CAACS,YAAY,GAAGC,MAAM,CAACC,aAAa,CAACC,iBAAiB;QAC5EC,UAAU,EAAEb,QAAQ,CAACa,UAAU,GAAGH,MAAM,CAACC,aAAa,CAACC;MACzD;IAAE,gBAEF5B,KAAA,CAAAkB,aAAA,CAACT,2BAA2B,CAACqB,IAAI;MAC/BjB,oBAAoB,EAAEA,oBAAqB;MAC3CD,4BAA4B,EAAEA,4BAA6B;MAC3DG,sBAAsB,EAAEA,sBAAuB;MAC/CD,gBAAgB,EAAEA;IAAiB,CACpC,CACS,CACwB,CAAC;EAE3C,CAAC;AACH,CAAC;AAED,MAAMY,MAAM,GAAGxB,gBAAgB,CAAC;EAC9ByB,aAAa,EAAE;IACbC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAEF,eAAerB,mCAAmC","ignoreList":[]}

package/lib/module/fragments/createOpenChannelMutedParticipantsFragment.js

@@ -8,15 +8,14 @@ import { createOpenChannelMutedParticipantsModule } from '../domain/openChannelM
 import { useLocalization, useSendbirdChat } from '../hooks/useContext';
 const createOpenChannelMutedParticipantsFragment = initModule => {
   const OpenChannelMutedParticipantsModule = createOpenChannelMutedParticipantsModule(initModule);
-  return _ref => {
-    let {
-      onPressHeaderLeft = NOOP,
-      channel,
-      renderUser,
-      queryCreator = () => channel.createMutedUserListQuery({
-        limit: 20
-      })
-    } = _ref;
+  return ({
+    onPressHeaderLeft = NOOP,
+    channel,
+    renderUser,
+    queryCreator = () => channel.createMutedUserListQuery({
+      limit: 20
+    })
+  }) => {
     const handlerId = useUniqHandlerId('OpenChannelMutedParticipants');
     const {
       STRINGS

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

@@ -1 +1 @@
-{"version":3,"names":["React","useChannelHandler","useUserList","useActionMenu","NOOP","ifThenOr","isDifferentChannel","useFreshCallback","useUniqHandlerId","StatusComposition","UserActionBar","createOpenChannelMutedParticipantsModule","useLocalization","useSendbirdChat","createOpenChannelMutedParticipantsFragment","initModule","OpenChannelMutedParticipantsModule","_ref","onPressHeaderLeft","channel","renderUser","queryCreator","createMutedUserListQuery","limit","handlerId","STRINGS","sdk","currentUser","openMenu","users","deleteUser","upsertUser","loading","refresh","error","next","onUserMuted","eventChannel","user","onUserUnmuted","userId","_renderUser","props","isUserOperator","isOperator","createElement","muted","uri","profileUrl","label","LABELS","USER_BAR_OPERATOR","name","nickname","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressActionMenu","title","menuItems","UNMUTE","onPress","unmuteUser","then","Provider","Header","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","mutedParticipants","onLoadNext","ListEmptyComponent","StatusEmpty"],"sources":["createOpenChannelMutedParticipantsFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, ifThenOr, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { createOpenChannelMutedParticipantsModule } from '../domain/openChannelMutedParticipants';\nimport type {\n  OpenChannelMutedParticipantsFragment,\n  OpenChannelMutedParticipantsModule,\n} from '../domain/openChannelMutedParticipants/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createOpenChannelMutedParticipantsFragment = (\n  initModule?: Partial<OpenChannelMutedParticipantsModule>,\n): OpenChannelMutedParticipantsFragment => {\n  const OpenChannelMutedParticipantsModule = createOpenChannelMutedParticipantsModule(initModule);\n\n  return ({\n    onPressHeaderLeft = NOOP,\n    channel,\n    renderUser,\n    queryCreator = () => channel.createMutedUserListQuery({ limit: 20 }),\n  }) => {\n    const handlerId = useUniqHandlerId('OpenChannelMutedParticipants');\n\n    const { STRINGS } = useLocalization();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n\n    const { users, deleteUser, upsertUser, loading, refresh, error, next } = useUserList(sdk, { queryCreator });\n\n    useChannelHandler(\n      sdk,\n      handlerId,\n      {\n        onUserMuted(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          upsertUser(user);\n        },\n        onUserUnmuted(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          deleteUser(user.userId);\n        },\n      },\n      'open',\n    );\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((props) => {\n      if (renderUser) return renderUser(props);\n\n      const { user } = props;\n      const isUserOperator = channel.isOperator(user.userId);\n\n      return (\n        <UserActionBar\n          muted\n          uri={user.profileUrl}\n          label={ifThenOr(isUserOperator, STRINGS.LABELS.USER_BAR_OPERATOR, '')}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressActionMenu={() => {\n            openMenu({\n              title: user.nickname || STRINGS.LABELS.USER_NO_NAME,\n              menuItems: [\n                {\n                  title: STRINGS.LABELS.UNMUTE,\n                  onPress: () => channel.unmuteUser(user).then(() => deleteUser(user.userId)),\n                },\n              ],\n            });\n          }}\n        />\n      );\n    });\n\n    return (\n      <OpenChannelMutedParticipantsModule.Provider channel={channel}>\n        <OpenChannelMutedParticipantsModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<OpenChannelMutedParticipantsModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<OpenChannelMutedParticipantsModule.StatusError onPressRetry={refresh} />}\n        >\n          <OpenChannelMutedParticipantsModule.List\n            renderUser={_renderUser}\n            mutedParticipants={users}\n            onLoadNext={next}\n            ListEmptyComponent={<OpenChannelMutedParticipantsModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </OpenChannelMutedParticipantsModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelMutedParticipantsFragment;\n"],"mappings":"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"}
+{"version":3,"names":["React","useChannelHandler","useUserList","useActionMenu","NOOP","ifThenOr","isDifferentChannel","useFreshCallback","useUniqHandlerId","StatusComposition","UserActionBar","createOpenChannelMutedParticipantsModule","useLocalization","useSendbirdChat","createOpenChannelMutedParticipantsFragment","initModule","OpenChannelMutedParticipantsModule","onPressHeaderLeft","channel","renderUser","queryCreator","createMutedUserListQuery","limit","handlerId","STRINGS","sdk","currentUser","openMenu","users","deleteUser","upsertUser","loading","refresh","error","next","onUserMuted","eventChannel","user","onUserUnmuted","userId","_renderUser","props","isUserOperator","isOperator","createElement","muted","uri","profileUrl","label","LABELS","USER_BAR_OPERATOR","name","nickname","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressActionMenu","title","menuItems","UNMUTE","onPress","unmuteUser","then","Provider","Header","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","mutedParticipants","onLoadNext","ListEmptyComponent","StatusEmpty"],"sources":["createOpenChannelMutedParticipantsFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, ifThenOr, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { createOpenChannelMutedParticipantsModule } from '../domain/openChannelMutedParticipants';\nimport type {\n  OpenChannelMutedParticipantsFragment,\n  OpenChannelMutedParticipantsModule,\n} from '../domain/openChannelMutedParticipants/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createOpenChannelMutedParticipantsFragment = (\n  initModule?: Partial<OpenChannelMutedParticipantsModule>,\n): OpenChannelMutedParticipantsFragment => {\n  const OpenChannelMutedParticipantsModule = createOpenChannelMutedParticipantsModule(initModule);\n\n  return ({\n    onPressHeaderLeft = NOOP,\n    channel,\n    renderUser,\n    queryCreator = () => channel.createMutedUserListQuery({ limit: 20 }),\n  }) => {\n    const handlerId = useUniqHandlerId('OpenChannelMutedParticipants');\n\n    const { STRINGS } = useLocalization();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n\n    const { users, deleteUser, upsertUser, loading, refresh, error, next } = useUserList(sdk, { queryCreator });\n\n    useChannelHandler(\n      sdk,\n      handlerId,\n      {\n        onUserMuted(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          upsertUser(user);\n        },\n        onUserUnmuted(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          deleteUser(user.userId);\n        },\n      },\n      'open',\n    );\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((props) => {\n      if (renderUser) return renderUser(props);\n\n      const { user } = props;\n      const isUserOperator = channel.isOperator(user.userId);\n\n      return (\n        <UserActionBar\n          muted\n          uri={user.profileUrl}\n          label={ifThenOr(isUserOperator, STRINGS.LABELS.USER_BAR_OPERATOR, '')}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressActionMenu={() => {\n            openMenu({\n              title: user.nickname || STRINGS.LABELS.USER_NO_NAME,\n              menuItems: [\n                {\n                  title: STRINGS.LABELS.UNMUTE,\n                  onPress: () => channel.unmuteUser(user).then(() => deleteUser(user.userId)),\n                },\n              ],\n            });\n          }}\n        />\n      );\n    });\n\n    return (\n      <OpenChannelMutedParticipantsModule.Provider channel={channel}>\n        <OpenChannelMutedParticipantsModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<OpenChannelMutedParticipantsModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<OpenChannelMutedParticipantsModule.StatusError onPressRetry={refresh} />}\n        >\n          <OpenChannelMutedParticipantsModule.List\n            renderUser={_renderUser}\n            mutedParticipants={users}\n            onLoadNext={next}\n            ListEmptyComponent={<OpenChannelMutedParticipantsModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </OpenChannelMutedParticipantsModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelMutedParticipantsFragment;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/fragments/createOpenChannelOperatorsFragment.js

@@ -9,16 +9,15 @@ import { createOpenChannelOperatorsModule } from '../domain/openChannelOperators
 import { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';
 const createOpenChannelOperatorsFragment = initModule => {
   const OpenChannelOperatorsModule = createOpenChannelOperatorsModule(initModule);
-  return _ref => {
-    let {
-      onPressHeaderLeft = NOOP,
-      onPressHeaderRight = NOOP,
-      channel,
-      renderUser,
-      queryCreator = () => channel.createOperatorListQuery({
-        limit: 20
-      })
-    } = _ref;
+  return ({
+    onPressHeaderLeft = NOOP,
+    onPressHeaderRight = NOOP,
+    channel,
+    renderUser,
+    queryCreator = () => channel.createOperatorListQuery({
+      limit: 20
+    })
+  }) => {
     const handlerId = useUniqHandlerId('OpenChannelOperatorsFragment');
     const {
       STRINGS

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

@@ -1 +1 @@
-{"version":3,"names":["React","useChannelHandler","useUserList","useActionMenu","NOOP","ifThenOr","isDifferentChannel","useFreshCallback","useUniqHandlerId","StatusComposition","UserActionBar","UNKNOWN_USER_ID","createOpenChannelOperatorsModule","useLocalization","useSendbirdChat","useUserProfile","createOpenChannelOperatorsFragment","initModule","OpenChannelOperatorsModule","_ref","onPressHeaderLeft","onPressHeaderRight","channel","renderUser","queryCreator","createOperatorListQuery","limit","handlerId","STRINGS","sdk","currentUser","openMenu","show","users","deleteUser","upsertUser","loading","refresh","next","error","onUserBanned","eventChannel","user","userId","onOperatorUpdated","updatedUsers","operatorsAdded","length","forEach","_renderUser","props","createElement","muted","uri","profileUrl","name","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressAvatar","onPressActionMenu","isOperator","title","menuItems","UNREGISTER_OPERATOR","onPress","removeOperators","then","Provider","Header","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","operators","onLoadNext","ListEmptyComponent","StatusEmpty"],"sources":["createOpenChannelOperatorsFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, ifThenOr, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { UNKNOWN_USER_ID } from '../constants';\nimport { createOpenChannelOperatorsModule } from '../domain/openChannelOperators';\nimport type { OpenChannelOperatorsFragment, OpenChannelOperatorsModule } from '../domain/openChannelOperators/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\n\nconst createOpenChannelOperatorsFragment = (\n  initModule?: Partial<OpenChannelOperatorsModule>,\n): OpenChannelOperatorsFragment => {\n  const OpenChannelOperatorsModule = createOpenChannelOperatorsModule(initModule);\n\n  return ({\n    onPressHeaderLeft = NOOP,\n    onPressHeaderRight = NOOP,\n    channel,\n    renderUser,\n    queryCreator = () => channel.createOperatorListQuery({ limit: 20 }),\n  }) => {\n    const handlerId = useUniqHandlerId('OpenChannelOperatorsFragment');\n\n    const { STRINGS } = useLocalization();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n    const { show } = useUserProfile();\n\n    const { users, deleteUser, upsertUser, loading, refresh, next, error } = useUserList(sdk, { queryCreator });\n\n    useChannelHandler(\n      sdk,\n      handlerId,\n      {\n        onUserBanned(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          deleteUser(user.userId);\n        },\n        onOperatorUpdated(eventChannel, updatedUsers) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          const operatorsAdded = users.length < updatedUsers.length;\n          if (operatorsAdded) updatedUsers.forEach(upsertUser);\n        },\n      },\n      'open',\n    );\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((props) => {\n      if (renderUser) return renderUser(props);\n\n      const { user } = props;\n      return (\n        <UserActionBar\n          muted={false}\n          uri={user.profileUrl}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressAvatar={() => show(user)}\n          onPressActionMenu={ifThenOr(channel.isOperator(currentUser?.userId ?? UNKNOWN_USER_ID), () => {\n            openMenu({\n              title: user.nickname || STRINGS.LABELS.USER_NO_NAME,\n              menuItems: [\n                {\n                  title: STRINGS.LABELS.UNREGISTER_OPERATOR,\n                  onPress: () => channel.removeOperators([user.userId]).then(() => deleteUser(user.userId)),\n                },\n              ],\n            });\n          })}\n        />\n      );\n    });\n\n    return (\n      <OpenChannelOperatorsModule.Provider channel={channel}>\n        <OpenChannelOperatorsModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={onPressHeaderRight}\n        />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<OpenChannelOperatorsModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<OpenChannelOperatorsModule.StatusError onPressRetry={refresh} />}\n        >\n          <OpenChannelOperatorsModule.List\n            operators={users}\n            renderUser={_renderUser}\n            onLoadNext={next}\n            ListEmptyComponent={<OpenChannelOperatorsModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </OpenChannelOperatorsModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelOperatorsFragment;\n"],"mappings":"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"}
+{"version":3,"names":["React","useChannelHandler","useUserList","useActionMenu","NOOP","ifThenOr","isDifferentChannel","useFreshCallback","useUniqHandlerId","StatusComposition","UserActionBar","UNKNOWN_USER_ID","createOpenChannelOperatorsModule","useLocalization","useSendbirdChat","useUserProfile","createOpenChannelOperatorsFragment","initModule","OpenChannelOperatorsModule","onPressHeaderLeft","onPressHeaderRight","channel","renderUser","queryCreator","createOperatorListQuery","limit","handlerId","STRINGS","sdk","currentUser","openMenu","show","users","deleteUser","upsertUser","loading","refresh","next","error","onUserBanned","eventChannel","user","userId","onOperatorUpdated","updatedUsers","operatorsAdded","length","forEach","_renderUser","props","createElement","muted","uri","profileUrl","name","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressAvatar","onPressActionMenu","isOperator","title","menuItems","UNREGISTER_OPERATOR","onPress","removeOperators","then","Provider","Header","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","operators","onLoadNext","ListEmptyComponent","StatusEmpty"],"sources":["createOpenChannelOperatorsFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, ifThenOr, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { UNKNOWN_USER_ID } from '../constants';\nimport { createOpenChannelOperatorsModule } from '../domain/openChannelOperators';\nimport type { OpenChannelOperatorsFragment, OpenChannelOperatorsModule } from '../domain/openChannelOperators/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\n\nconst createOpenChannelOperatorsFragment = (\n  initModule?: Partial<OpenChannelOperatorsModule>,\n): OpenChannelOperatorsFragment => {\n  const OpenChannelOperatorsModule = createOpenChannelOperatorsModule(initModule);\n\n  return ({\n    onPressHeaderLeft = NOOP,\n    onPressHeaderRight = NOOP,\n    channel,\n    renderUser,\n    queryCreator = () => channel.createOperatorListQuery({ limit: 20 }),\n  }) => {\n    const handlerId = useUniqHandlerId('OpenChannelOperatorsFragment');\n\n    const { STRINGS } = useLocalization();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n    const { show } = useUserProfile();\n\n    const { users, deleteUser, upsertUser, loading, refresh, next, error } = useUserList(sdk, { queryCreator });\n\n    useChannelHandler(\n      sdk,\n      handlerId,\n      {\n        onUserBanned(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          deleteUser(user.userId);\n        },\n        onOperatorUpdated(eventChannel, updatedUsers) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          const operatorsAdded = users.length < updatedUsers.length;\n          if (operatorsAdded) updatedUsers.forEach(upsertUser);\n        },\n      },\n      'open',\n    );\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((props) => {\n      if (renderUser) return renderUser(props);\n\n      const { user } = props;\n      return (\n        <UserActionBar\n          muted={false}\n          uri={user.profileUrl}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressAvatar={() => show(user)}\n          onPressActionMenu={ifThenOr(channel.isOperator(currentUser?.userId ?? UNKNOWN_USER_ID), () => {\n            openMenu({\n              title: user.nickname || STRINGS.LABELS.USER_NO_NAME,\n              menuItems: [\n                {\n                  title: STRINGS.LABELS.UNREGISTER_OPERATOR,\n                  onPress: () => channel.removeOperators([user.userId]).then(() => deleteUser(user.userId)),\n                },\n              ],\n            });\n          })}\n        />\n      );\n    });\n\n    return (\n      <OpenChannelOperatorsModule.Provider channel={channel}>\n        <OpenChannelOperatorsModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={onPressHeaderRight}\n        />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<OpenChannelOperatorsModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<OpenChannelOperatorsModule.StatusError onPressRetry={refresh} />}\n        >\n          <OpenChannelOperatorsModule.List\n            operators={users}\n            renderUser={_renderUser}\n            onLoadNext={next}\n            ListEmptyComponent={<OpenChannelOperatorsModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </OpenChannelOperatorsModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelOperatorsFragment;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/fragments/createOpenChannelParticipantsFragment.js

@@ -10,16 +10,15 @@ import { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useCo
 const RETURN_EMPTY_STRING = () => '';
 const createOpenChannelParticipantsFragment = initModule => {
   const UserListModule = createUserListModule(initModule);
-  return _ref => {
-    let {
-      channel,
-      onPressHeaderLeft,
-      renderUser,
-      sortComparator,
-      queryCreator = () => channel.createParticipantListQuery({
-        limit: 20
-      })
-    } = _ref;
+  return ({
+    channel,
+    onPressHeaderLeft,
+    renderUser,
+    sortComparator,
+    queryCreator = () => channel.createParticipantListQuery({
+      limit: 20
+    })
+  }) => {
     const handlerId = useUniqHandlerId('OpenChannelParticipantsFragment');
     const refreshSchedule = useRef();
     const {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","useChannelHandler","useUserList","useActionMenu","ASYNC_NOOP","ifThenOr","isDifferentChannel","useFreshCallback","useUniqHandlerId","StatusComposition","UserActionBar","UNKNOWN_USER_ID","createUserListModule","useLocalization","useSendbirdChat","useUserProfile","RETURN_EMPTY_STRING","createOpenChannelParticipantsFragment","initModule","UserListModule","_ref","channel","onPressHeaderLeft","renderUser","sortComparator","queryCreator","createParticipantListQuery","limit","handlerId","refreshSchedule","STRINGS","sdk","currentUser","openMenu","show","users","refresh","loading","next","error","upsertUser","deleteUser","onUserExited","eventChannel","user","userId","onUserBanned","onOperatorUpdated","current","clearTimeout","setTimeout","onUserMuted","isOpenChannel","isMuted","onUserUnmuted","_renderUser","selectedUsers","setSelectedUsers","isUserMuted","isUserOperator","isOperator","isCurrentUserOperator","createElement","muted","uri","profileUrl","label","LABELS","USER_BAR_OPERATOR","name","nickname","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressActionMenu","menuItems","push","title","UNREGISTER_OPERATOR","REGISTER_AS_OPERATOR","onPress","removeOperators","addOperators","UNMUTE","MUTE","unmuteUser","muteUser","BAN","style","banUser","onPressAvatar","Provider","headerRight","headerTitle","OPEN_CHANNEL_PARTICIPANTS","HEADER_TITLE","Header","onPressHeaderRight","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","onLoadNext","ListEmptyComponent","StatusEmpty"],"sources":["createOpenChannelParticipantsFragment.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport type { ActionMenuItem } from '@sendbird/uikit-react-native-foundation';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdParticipant } from '@sendbird/uikit-utils';\nimport { ASYNC_NOOP, ifThenOr, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { UNKNOWN_USER_ID } from '../constants';\nimport type { OpenChannelParticipantsFragment } from '../domain/openChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\n\nconst RETURN_EMPTY_STRING = () => '';\nconst createOpenChannelParticipantsFragment = (\n  initModule?: Partial<UserListModule<SendbirdParticipant>>,\n): OpenChannelParticipantsFragment => {\n  const UserListModule = createUserListModule<SendbirdParticipant>(initModule);\n\n  return ({\n    channel,\n    onPressHeaderLeft,\n    renderUser,\n    sortComparator,\n    queryCreator = () => channel.createParticipantListQuery({ limit: 20 }),\n  }) => {\n    const handlerId = useUniqHandlerId('OpenChannelParticipantsFragment');\n\n    const refreshSchedule = useRef<NodeJS.Timeout>();\n    const { STRINGS } = useLocalization();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n    const { show } = useUserProfile();\n\n    const { users, refresh, loading, next, error, upsertUser, deleteUser } = useUserList(sdk, {\n      queryCreator,\n      sortComparator,\n    });\n\n    useChannelHandler(\n      sdk,\n      handlerId,\n      {\n        onUserExited(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          deleteUser(user.userId);\n        },\n        onUserBanned(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          deleteUser(user.userId);\n        },\n        onOperatorUpdated(eventChannel) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          if (refreshSchedule.current) clearTimeout(refreshSchedule.current);\n          refreshSchedule.current = setTimeout(() => refresh(), 500);\n        },\n        onUserMuted(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel) || !eventChannel.isOpenChannel()) return;\n          // @ts-ignore - SDK should migrate User to Participant\n          user.isMuted = true;\n          upsertUser(user);\n        },\n        onUserUnmuted(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel) || !eventChannel.isOpenChannel()) return;\n          // @ts-ignore - SDK should migrate User to Participant\n          user.isMuted = false;\n          upsertUser(user);\n        },\n      },\n      'open',\n    );\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((user, selectedUsers, setSelectedUsers) => {\n      if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n      const isUserMuted = user.isMuted;\n      const isUserOperator = channel.isOperator(user.userId);\n      const isCurrentUserOperator = channel.isOperator(currentUser?.userId ?? UNKNOWN_USER_ID);\n\n      return (\n        <UserActionBar\n          muted={isUserMuted}\n          uri={user.profileUrl}\n          label={ifThenOr(isUserOperator, STRINGS.LABELS.USER_BAR_OPERATOR, '')}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            ifThenOr(user.userId === currentUser?.userId, STRINGS.LABELS.USER_BAR_ME_POSTFIX, '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressActionMenu={ifThenOr(isCurrentUserOperator, () => {\n            const menuItems: ActionMenuItem['menuItems'] = [];\n\n            menuItems.push({\n              title: ifThenOr(isUserOperator, STRINGS.LABELS.UNREGISTER_OPERATOR, STRINGS.LABELS.REGISTER_AS_OPERATOR),\n              onPress: ifThenOr(\n                isUserOperator,\n                () => channel.removeOperators([user.userId]),\n                () => channel.addOperators([user.userId]),\n              ),\n            });\n\n            menuItems.push({\n              title: ifThenOr(isUserMuted, STRINGS.LABELS.UNMUTE, STRINGS.LABELS.MUTE),\n              onPress: ifThenOr(\n                isUserMuted,\n                () => channel.unmuteUser(user),\n                () => channel.muteUser(user),\n              ),\n            });\n\n            menuItems.push({\n              title: STRINGS.LABELS.BAN,\n              style: 'destructive',\n              onPress: () => channel.banUser(user),\n            });\n\n            openMenu({ title: user.nickname || STRINGS.LABELS.USER_NO_NAME, menuItems });\n          })}\n          onPressAvatar={() => show(user)}\n        />\n      );\n    });\n\n    return (\n      <UserListModule.Provider\n        headerRight={RETURN_EMPTY_STRING}\n        headerTitle={STRINGS.OPEN_CHANNEL_PARTICIPANTS.HEADER_TITLE}\n      >\n        <UserListModule.Header onPressHeaderRight={ASYNC_NOOP} onPressHeaderLeft={onPressHeaderLeft} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<UserListModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<UserListModule.StatusError onPressRetry={refresh} />}\n        >\n          <UserListModule.List\n            users={users as SendbirdParticipant[]}\n            renderUser={_renderUser}\n            onLoadNext={next}\n            ListEmptyComponent={<UserListModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelParticipantsFragment;\n"],"mappings":"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"}
+{"version":3,"names":["React","useRef","useChannelHandler","useUserList","useActionMenu","ASYNC_NOOP","ifThenOr","isDifferentChannel","useFreshCallback","useUniqHandlerId","StatusComposition","UserActionBar","UNKNOWN_USER_ID","createUserListModule","useLocalization","useSendbirdChat","useUserProfile","RETURN_EMPTY_STRING","createOpenChannelParticipantsFragment","initModule","UserListModule","channel","onPressHeaderLeft","renderUser","sortComparator","queryCreator","createParticipantListQuery","limit","handlerId","refreshSchedule","STRINGS","sdk","currentUser","openMenu","show","users","refresh","loading","next","error","upsertUser","deleteUser","onUserExited","eventChannel","user","userId","onUserBanned","onOperatorUpdated","current","clearTimeout","setTimeout","onUserMuted","isOpenChannel","isMuted","onUserUnmuted","_renderUser","selectedUsers","setSelectedUsers","isUserMuted","isUserOperator","isOperator","isCurrentUserOperator","createElement","muted","uri","profileUrl","label","LABELS","USER_BAR_OPERATOR","name","nickname","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressActionMenu","menuItems","push","title","UNREGISTER_OPERATOR","REGISTER_AS_OPERATOR","onPress","removeOperators","addOperators","UNMUTE","MUTE","unmuteUser","muteUser","BAN","style","banUser","onPressAvatar","Provider","headerRight","headerTitle","OPEN_CHANNEL_PARTICIPANTS","HEADER_TITLE","Header","onPressHeaderRight","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","onLoadNext","ListEmptyComponent","StatusEmpty"],"sources":["createOpenChannelParticipantsFragment.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport type { ActionMenuItem } from '@sendbird/uikit-react-native-foundation';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdParticipant } from '@sendbird/uikit-utils';\nimport { ASYNC_NOOP, ifThenOr, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { UNKNOWN_USER_ID } from '../constants';\nimport type { OpenChannelParticipantsFragment } from '../domain/openChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\n\nconst RETURN_EMPTY_STRING = () => '';\nconst createOpenChannelParticipantsFragment = (\n  initModule?: Partial<UserListModule<SendbirdParticipant>>,\n): OpenChannelParticipantsFragment => {\n  const UserListModule = createUserListModule<SendbirdParticipant>(initModule);\n\n  return ({\n    channel,\n    onPressHeaderLeft,\n    renderUser,\n    sortComparator,\n    queryCreator = () => channel.createParticipantListQuery({ limit: 20 }),\n  }) => {\n    const handlerId = useUniqHandlerId('OpenChannelParticipantsFragment');\n\n    const refreshSchedule = useRef<NodeJS.Timeout>();\n    const { STRINGS } = useLocalization();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n    const { show } = useUserProfile();\n\n    const { users, refresh, loading, next, error, upsertUser, deleteUser } = useUserList(sdk, {\n      queryCreator,\n      sortComparator,\n    });\n\n    useChannelHandler(\n      sdk,\n      handlerId,\n      {\n        onUserExited(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          deleteUser(user.userId);\n        },\n        onUserBanned(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          deleteUser(user.userId);\n        },\n        onOperatorUpdated(eventChannel) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          if (refreshSchedule.current) clearTimeout(refreshSchedule.current);\n          refreshSchedule.current = setTimeout(() => refresh(), 500);\n        },\n        onUserMuted(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel) || !eventChannel.isOpenChannel()) return;\n          // @ts-ignore - SDK should migrate User to Participant\n          user.isMuted = true;\n          upsertUser(user);\n        },\n        onUserUnmuted(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel) || !eventChannel.isOpenChannel()) return;\n          // @ts-ignore - SDK should migrate User to Participant\n          user.isMuted = false;\n          upsertUser(user);\n        },\n      },\n      'open',\n    );\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((user, selectedUsers, setSelectedUsers) => {\n      if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n      const isUserMuted = user.isMuted;\n      const isUserOperator = channel.isOperator(user.userId);\n      const isCurrentUserOperator = channel.isOperator(currentUser?.userId ?? UNKNOWN_USER_ID);\n\n      return (\n        <UserActionBar\n          muted={isUserMuted}\n          uri={user.profileUrl}\n          label={ifThenOr(isUserOperator, STRINGS.LABELS.USER_BAR_OPERATOR, '')}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            ifThenOr(user.userId === currentUser?.userId, STRINGS.LABELS.USER_BAR_ME_POSTFIX, '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressActionMenu={ifThenOr(isCurrentUserOperator, () => {\n            const menuItems: ActionMenuItem['menuItems'] = [];\n\n            menuItems.push({\n              title: ifThenOr(isUserOperator, STRINGS.LABELS.UNREGISTER_OPERATOR, STRINGS.LABELS.REGISTER_AS_OPERATOR),\n              onPress: ifThenOr(\n                isUserOperator,\n                () => channel.removeOperators([user.userId]),\n                () => channel.addOperators([user.userId]),\n              ),\n            });\n\n            menuItems.push({\n              title: ifThenOr(isUserMuted, STRINGS.LABELS.UNMUTE, STRINGS.LABELS.MUTE),\n              onPress: ifThenOr(\n                isUserMuted,\n                () => channel.unmuteUser(user),\n                () => channel.muteUser(user),\n              ),\n            });\n\n            menuItems.push({\n              title: STRINGS.LABELS.BAN,\n              style: 'destructive',\n              onPress: () => channel.banUser(user),\n            });\n\n            openMenu({ title: user.nickname || STRINGS.LABELS.USER_NO_NAME, menuItems });\n          })}\n          onPressAvatar={() => show(user)}\n        />\n      );\n    });\n\n    return (\n      <UserListModule.Provider\n        headerRight={RETURN_EMPTY_STRING}\n        headerTitle={STRINGS.OPEN_CHANNEL_PARTICIPANTS.HEADER_TITLE}\n      >\n        <UserListModule.Header onPressHeaderRight={ASYNC_NOOP} onPressHeaderLeft={onPressHeaderLeft} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<UserListModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<UserListModule.StatusError onPressRetry={refresh} />}\n        >\n          <UserListModule.List\n            users={users as SendbirdParticipant[]}\n            renderUser={_renderUser}\n            onLoadNext={next}\n            ListEmptyComponent={<UserListModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelParticipantsFragment;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/fragments/createOpenChannelRegisterOperatorFragment.js

@@ -7,17 +7,16 @@ import createUserListModule from '../domain/userList/module/createUserListModule
 import { useLocalization, useSendbirdChat } from '../hooks/useContext';
 const createOpenChannelRegisterOperatorFragment = initModule => {
   const UserListModule = createUserListModule(initModule);
-  return _ref => {
-    let {
-      channel,
-      onPressHeaderLeft,
-      sortComparator,
-      renderUser,
-      onPressHeaderRight,
-      queryCreator = () => channel.createParticipantListQuery({
-        limit: 20
-      })
-    } = _ref;
+  return ({
+    channel,
+    onPressHeaderLeft,
+    sortComparator,
+    renderUser,
+    onPressHeaderRight,
+    queryCreator = () => channel.createParticipantListQuery({
+      limit: 20
+    })
+  }) => {
     const {
       sdk,
       currentUser
@@ -45,8 +44,7 @@ const createOpenChannelRegisterOperatorFragment = initModule => {
         activeOpacity: 0.7,
         disabled: isOperator,
         onPress: () => {
-          setSelectedUsers(_ref2 => {
-            let [...draft] = _ref2;
+          setSelectedUsers(([...draft]) => {
             if (isSelected) draft.splice(userIdx, 1);else draft.push(user);
             return draft;
           });

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","TouchableOpacity","useUserList","StatusComposition","UserSelectableBar","createUserListModule","useLocalization","useSendbirdChat","createOpenChannelRegisterOperatorFragment","initModule","UserListModule","_ref","channel","onPressHeaderLeft","sortComparator","renderUser","onPressHeaderRight","queryCreator","createParticipantListQuery","limit","sdk","currentUser","STRINGS","users","refreshing","refresh","next","error","loading","_renderUser","user","selectedUsers","setSelectedUsers","userIdx","findIndex","u","userId","isSelected","isOperator","createElement","activeOpacity","disabled","onPress","_ref2","draft","splice","push","uri","profileUrl","name","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","selected","Provider","headerRight","OPEN_CHANNEL_REGISTER_OPERATOR","HEADER_RIGHT","headerTitle","HEADER_TITLE","Header","shouldActivateHeaderRight","length","addOperators","map","it","Boolean","LoadingComponent","StatusLoading","ErrorComponent","StatusError","onPressRetry","List","onLoadNext","onRefresh","ListEmptyComponent","StatusEmpty"],"sources":["createOpenChannelRegisterOperatorFragment.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdParticipant } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserSelectableBar from '../components/UserSelectableBar';\nimport type { OpenChannelRegisterOperatorFragment } from '../domain/openChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createOpenChannelRegisterOperatorFragment = (\n  initModule?: Partial<UserListModule<SendbirdParticipant>>,\n): OpenChannelRegisterOperatorFragment => {\n  const UserListModule = createUserListModule<SendbirdParticipant>(initModule);\n\n  return ({\n    channel,\n    onPressHeaderLeft,\n    sortComparator,\n    renderUser,\n    onPressHeaderRight,\n    queryCreator = () => channel.createParticipantListQuery({ limit: 20 }),\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { users, refreshing, refresh, next, error, loading } = useUserList(sdk, { queryCreator, sortComparator });\n\n    const _renderUser: NonNullable<typeof renderUser> = useCallback(\n      (user, selectedUsers, setSelectedUsers) => {\n        if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n        const userIdx = selectedUsers.findIndex((u) => u.userId === user.userId);\n        const isSelected = userIdx > -1;\n        const isOperator = channel.isOperator(user);\n\n        return (\n          <TouchableOpacity\n            activeOpacity={0.7}\n            disabled={isOperator}\n            onPress={() => {\n              setSelectedUsers(([...draft]) => {\n                if (isSelected) draft.splice(userIdx, 1);\n                else draft.push(user);\n                return draft;\n              });\n            }}\n          >\n            <UserSelectableBar\n              uri={user.profileUrl}\n              name={\n                (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n                (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n              }\n              selected={isOperator || isSelected}\n              disabled={isOperator}\n            />\n          </TouchableOpacity>\n        );\n      },\n      [channel, renderUser],\n    );\n\n    return (\n      <UserListModule.Provider\n        headerRight={(selectedUsers) => STRINGS.OPEN_CHANNEL_REGISTER_OPERATOR.HEADER_RIGHT({ selectedUsers })}\n        headerTitle={STRINGS.OPEN_CHANNEL_REGISTER_OPERATOR.HEADER_TITLE}\n      >\n        <UserListModule.Header\n          shouldActivateHeaderRight={(selectedUsers) => selectedUsers.length > 0}\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={async (users) => {\n            await channel.addOperators(users.map((it) => it.userId));\n            onPressHeaderRight(channel);\n          }}\n        />\n        <StatusComposition\n          loading={loading}\n          error={Boolean(error)}\n          LoadingComponent={<UserListModule.StatusLoading />}\n          ErrorComponent={<UserListModule.StatusError onPressRetry={() => refresh()} />}\n        >\n          <UserListModule.List\n            onLoadNext={next}\n            users={users as SendbirdParticipant[]}\n            renderUser={_renderUser}\n            onRefresh={refresh}\n            refreshing={refreshing}\n            ListEmptyComponent={<UserListModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelRegisterOperatorFragment;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,gBAAgB,QAAQ,cAAc;AAE/C,SAASC,WAAW,QAAQ,4BAA4B;AAGxD,OAAOC,iBAAiB,MAAM,iCAAiC;AAC/D,OAAOC,iBAAiB,MAAM,iCAAiC;AAE/D,OAAOC,oBAAoB,MAAM,gDAAgD;AAEjF,SAASC,eAAe,EAAEC,eAAe,QAAQ,qBAAqB;AAEtE,MAAMC,yCAAyC,GAC7CC,UAAyD,IACjB;EACxC,MAAMC,cAAc,GAAGL,oBAAoB,CAAsBI,UAAU,CAAC;EAE5E,OAAOE,IAAA,IAOD;IAAA,IAPE;MACNC,OAAO;MACPC,iBAAiB;MACjBC,cAAc;MACdC,UAAU;MACVC,kBAAkB;MAClBC,YAAY,GAAGA,CAAA,KAAML,OAAO,CAACM,0BAA0B,CAAC;QAAEC,KAAK,EAAE;MAAG,CAAC;IACvE,CAAC,GAAAR,IAAA;IACC,MAAM;MAAES,GAAG;MAAEC;IAAY,CAAC,GAAGd,eAAe,EAAE;IAC9C,MAAM;MAAEe;IAAQ,CAAC,GAAGhB,eAAe,EAAE;IACrC,MAAM;MAAEiB,KAAK;MAAEC,UAAU;MAAEC,OAAO;MAAEC,IAAI;MAAEC,KAAK;MAAEC;IAAQ,CAAC,GAAG1B,WAAW,CAACkB,GAAG,EAAE;MAAEH,YAAY;MAAEH;IAAe,CAAC,CAAC;IAE/G,MAAMe,WAA2C,GAAG7B,WAAW,CAC7D,CAAC8B,IAAI,EAAEC,aAAa,EAAEC,gBAAgB,KAAK;MACzC,IAAIjB,UAAU,EAAE,OAAOA,UAAU,CAACe,IAAI,EAAEC,aAAa,EAAEC,gBAAgB,CAAC;MAExE,MAAMC,OAAO,GAAGF,aAAa,CAACG,SAAS,CAAEC,CAAC,IAAKA,CAAC,CAACC,MAAM,KAAKN,IAAI,CAACM,MAAM,CAAC;MACxE,MAAMC,UAAU,GAAGJ,OAAO,GAAG,CAAC,CAAC;MAC/B,MAAMK,UAAU,GAAG1B,OAAO,CAAC0B,UAAU,CAACR,IAAI,CAAC;MAE3C,oBACE/B,KAAA,CAAAwC,aAAA,CAACtC,gBAAgB;QACfuC,aAAa,EAAE,GAAI;QACnBC,QAAQ,EAAEH,UAAW;QACrBI,OAAO,EAAEA,CAAA,KAAM;UACbV,gBAAgB,CAACW,KAAA,IAAgB;YAAA,IAAf,CAAC,GAAGC,KAAK,CAAC,GAAAD,KAAA;YAC1B,IAAIN,UAAU,EAAEO,KAAK,CAACC,MAAM,CAACZ,OAAO,EAAE,CAAC,CAAC,CAAC,KACpCW,KAAK,CAACE,IAAI,CAAChB,IAAI,CAAC;YACrB,OAAOc,KAAK;UACd,CAAC,CAAC;QACJ;MAAE,gBAEF7C,KAAA,CAAAwC,aAAA,CAACnC,iBAAiB;QAChB2C,GAAG,EAAEjB,IAAI,CAACkB,UAAW;QACrBC,IAAI,EACF,CAACnB,IAAI,CAACoB,QAAQ,IAAI5B,OAAO,CAAC6B,MAAM,CAACC,YAAY,KAC5CtB,IAAI,CAACM,MAAM,MAAKf,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEe,MAAM,IAAGd,OAAO,CAAC6B,MAAM,CAACE,mBAAmB,GAAG,EAAE,CAC/E;QACDC,QAAQ,EAAEhB,UAAU,IAAID,UAAW;QACnCI,QAAQ,EAAEH;MAAW,EACrB,CACe;IAEvB,CAAC,EACD,CAAC1B,OAAO,EAAEG,UAAU,CAAC,CACtB;IAED,oBACEhB,KAAA,CAAAwC,aAAA,CAAC7B,cAAc,CAAC6C,QAAQ;MACtBC,WAAW,EAAGzB,aAAa,IAAKT,OAAO,CAACmC,8BAA8B,CAACC,YAAY,CAAC;QAAE3B;MAAc,CAAC,CAAE;MACvG4B,WAAW,EAAErC,OAAO,CAACmC,8BAA8B,CAACG;IAAa,gBAEjE7D,KAAA,CAAAwC,aAAA,CAAC7B,cAAc,CAACmD,MAAM;MACpBC,yBAAyB,EAAG/B,aAAa,IAAKA,aAAa,CAACgC,MAAM,GAAG,CAAE;MACvElD,iBAAiB,EAAEA,iBAAkB;MACrCG,kBAAkB,EAAE,MAAOO,KAAK,IAAK;QACnC,MAAMX,OAAO,CAACoD,YAAY,CAACzC,KAAK,CAAC0C,GAAG,CAAEC,EAAE,IAAKA,EAAE,CAAC9B,MAAM,CAAC,CAAC;QACxDpB,kBAAkB,CAACJ,OAAO,CAAC;MAC7B;IAAE,EACF,eACFb,KAAA,CAAAwC,aAAA,CAACpC,iBAAiB;MAChByB,OAAO,EAAEA,OAAQ;MACjBD,KAAK,EAAEwC,OAAO,CAACxC,KAAK,CAAE;MACtByC,gBAAgB,eAAErE,KAAA,CAAAwC,aAAA,CAAC7B,cAAc,CAAC2D,aAAa,OAAI;MACnDC,cAAc,eAAEvE,KAAA,CAAAwC,aAAA,CAAC7B,cAAc,CAAC6D,WAAW;QAACC,YAAY,EAAEA,CAAA,KAAM/C,OAAO;MAAG;IAAI,gBAE9E1B,KAAA,CAAAwC,aAAA,CAAC7B,cAAc,CAAC+D,IAAI;MAClBC,UAAU,EAAEhD,IAAK;MACjBH,KAAK,EAAEA,KAA+B;MACtCR,UAAU,EAAEc,WAAY;MACxB8C,SAAS,EAAElD,OAAQ;MACnBD,UAAU,EAAEA,UAAW;MACvBoD,kBAAkB,eAAE7E,KAAA,CAAAwC,aAAA,CAAC7B,cAAc,CAACmE,WAAW;IAAI,EACnD,CACgB,CACI;EAE9B,CAAC;AACH,CAAC;AAED,eAAerE,yCAAyC"}
+{"version":3,"names":["React","useCallback","TouchableOpacity","useUserList","StatusComposition","UserSelectableBar","createUserListModule","useLocalization","useSendbirdChat","createOpenChannelRegisterOperatorFragment","initModule","UserListModule","channel","onPressHeaderLeft","sortComparator","renderUser","onPressHeaderRight","queryCreator","createParticipantListQuery","limit","sdk","currentUser","STRINGS","users","refreshing","refresh","next","error","loading","_renderUser","user","selectedUsers","setSelectedUsers","userIdx","findIndex","u","userId","isSelected","isOperator","createElement","activeOpacity","disabled","onPress","draft","splice","push","uri","profileUrl","name","nickname","LABELS","USER_NO_NAME","USER_BAR_ME_POSTFIX","selected","Provider","headerRight","OPEN_CHANNEL_REGISTER_OPERATOR","HEADER_RIGHT","headerTitle","HEADER_TITLE","Header","shouldActivateHeaderRight","length","addOperators","map","it","Boolean","LoadingComponent","StatusLoading","ErrorComponent","StatusError","onPressRetry","List","onLoadNext","onRefresh","ListEmptyComponent","StatusEmpty"],"sources":["createOpenChannelRegisterOperatorFragment.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { TouchableOpacity } from 'react-native';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport type { SendbirdParticipant } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserSelectableBar from '../components/UserSelectableBar';\nimport type { OpenChannelRegisterOperatorFragment } from '../domain/openChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createOpenChannelRegisterOperatorFragment = (\n  initModule?: Partial<UserListModule<SendbirdParticipant>>,\n): OpenChannelRegisterOperatorFragment => {\n  const UserListModule = createUserListModule<SendbirdParticipant>(initModule);\n\n  return ({\n    channel,\n    onPressHeaderLeft,\n    sortComparator,\n    renderUser,\n    onPressHeaderRight,\n    queryCreator = () => channel.createParticipantListQuery({ limit: 20 }),\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { users, refreshing, refresh, next, error, loading } = useUserList(sdk, { queryCreator, sortComparator });\n\n    const _renderUser: NonNullable<typeof renderUser> = useCallback(\n      (user, selectedUsers, setSelectedUsers) => {\n        if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n        const userIdx = selectedUsers.findIndex((u) => u.userId === user.userId);\n        const isSelected = userIdx > -1;\n        const isOperator = channel.isOperator(user);\n\n        return (\n          <TouchableOpacity\n            activeOpacity={0.7}\n            disabled={isOperator}\n            onPress={() => {\n              setSelectedUsers(([...draft]) => {\n                if (isSelected) draft.splice(userIdx, 1);\n                else draft.push(user);\n                return draft;\n              });\n            }}\n          >\n            <UserSelectableBar\n              uri={user.profileUrl}\n              name={\n                (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n                (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n              }\n              selected={isOperator || isSelected}\n              disabled={isOperator}\n            />\n          </TouchableOpacity>\n        );\n      },\n      [channel, renderUser],\n    );\n\n    return (\n      <UserListModule.Provider\n        headerRight={(selectedUsers) => STRINGS.OPEN_CHANNEL_REGISTER_OPERATOR.HEADER_RIGHT({ selectedUsers })}\n        headerTitle={STRINGS.OPEN_CHANNEL_REGISTER_OPERATOR.HEADER_TITLE}\n      >\n        <UserListModule.Header\n          shouldActivateHeaderRight={(selectedUsers) => selectedUsers.length > 0}\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={async (users) => {\n            await channel.addOperators(users.map((it) => it.userId));\n            onPressHeaderRight(channel);\n          }}\n        />\n        <StatusComposition\n          loading={loading}\n          error={Boolean(error)}\n          LoadingComponent={<UserListModule.StatusLoading />}\n          ErrorComponent={<UserListModule.StatusError onPressRetry={() => refresh()} />}\n        >\n          <UserListModule.List\n            onLoadNext={next}\n            users={users as SendbirdParticipant[]}\n            renderUser={_renderUser}\n            onRefresh={refresh}\n            refreshing={refreshing}\n            ListEmptyComponent={<UserListModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelRegisterOperatorFragment;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/fragments/createOpenChannelSettingsFragment.js

@@ -1,28 +1,23 @@
 import React from 'react';
 import { ScrollView } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
-import { NOOP } from '@sendbird/uikit-utils';
+import { NOOP, useSafeAreaPadding } from '@sendbird/uikit-utils';
 import { createOpenChannelSettingsModule } from '../domain/openChannelSettings';
 const createOpenChannelSettingsFragment = initModule => {
   const OpenChannelSettingsModule = createOpenChannelSettingsModule(initModule);
-  return _ref => {
-    let {
-      onPressHeaderLeft = NOOP,
-      channel,
-      onPressMenuModeration,
-      onPressMenuParticipants,
-      onPressMenuDeleteChannel,
-      onNavigateToOpenChannel,
-      menuItemsCreator
-    } = _ref;
+  return ({
+    onPressHeaderLeft = NOOP,
+    channel,
+    onPressMenuModeration,
+    onPressMenuParticipants,
+    onPressMenuDeleteChannel,
+    onNavigateToOpenChannel,
+    menuItemsCreator
+  }) => {
     const {
       colors
     } = useUIKitTheme();
-    const {
-      left,
-      right
-    } = useSafeAreaInsets();
+    const safeArea = useSafeAreaPadding(['left', 'right']);
     return /*#__PURE__*/React.createElement(OpenChannelSettingsModule.Provider, {
       channel: channel,
       onNavigateToOpenChannel: onNavigateToOpenChannel
@@ -33,8 +28,8 @@ const createOpenChannelSettingsFragment = initModule => {
         backgroundColor: colors.background
       },
       contentContainerStyle: {
-        paddingLeft: left + styles.viewContainer.paddingHorizontal,
-        paddingRight: right + styles.viewContainer.paddingHorizontal
+        paddingStart: safeArea.paddingStart + styles.viewContainer.paddingHorizontal,
+        paddingEnd: safeArea.paddingEnd + styles.viewContainer.paddingHorizontal
       }
     }, /*#__PURE__*/React.createElement(OpenChannelSettingsModule.Info, null), /*#__PURE__*/React.createElement(OpenChannelSettingsModule.Menu, {
       menuItemsCreator: menuItemsCreator,