@sendbird/uikit-react 3.5.0 → 3.6.0-feature-config-rc-0

package/SendbirdProvider.js

@@ -1,33 +1,33 @@
-import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-fb0e05a4.js';
+import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-656af0eb.js';
 import React__default, { useLayoutEffect, useState, useEffect, useCallback, useMemo, useReducer } from 'react';
 import { SendbirdSdkContext } from './withSendbird.js';
 import cssVars from 'css-vars-ponyfill';
-import { K } from './index.module-6b7ed635.js';
-import { U as USER_ACTIONS } from './actionTypes-1db5749d.js';
+import { K } from './index.module-d59e07bf.js';
+import { U as USER_ACTIONS } from './actionTypes-36bb503b.js';
 import SendbirdChat, { ConnectionHandler } from '@sendbird/chat';
-import { u as uuidv4 } from './uuid-92d22300.js';
+import { u as uuidv4 } from './uuid-ab01acf7.js';
 import { OpenChannelModule } from '@sendbird/chat/openChannel';
 import { GroupChannelModule } from '@sendbird/chat/groupChannel';
-import { i as isTextuallyNull } from './index-cf859f03.js';
+import { i as isTextuallyNull } from './index-b603acee.js';
 import { UIKitConfigProvider, useUIKitConfig } from '@sendbird/uikit-tools';
-import { V as VoicePlayerProvider } from './index-71a20863.js';
+import { V as VoicePlayerProvider } from './index-c82159a7.js';
 import { VoiceRecorderProvider } from './VoiceRecorder/context.js';
-import { L as LocalizationProvider } from './LocalizationContext-04c0c9dc.js';
-import { M as MediaQueryProvider } from './MediaQueryContext-ff9dca2b.js';
-import { g as getStringSet } from './stringSet-e0ee1265.js';
-import { V as VOICE_RECORDER_DEFAULT_MAX, a as VOICE_RECORDER_DEFAULT_MIN } from './consts-c1baf70a.js';
-import { g as getCaseResolvedReplyType, a as getCaseResolvedThreadReplySelectType } from './resolvedReplyType-8776d777.js';
+import { L as LocalizationProvider } from './LocalizationContext-c408cdc3.js';
+import { M as MediaQueryProvider } from './MediaQueryContext-37438a28.js';
+import { g as getStringSet } from './stringSet-e23622aa.js';
+import { V as VOICE_RECORDER_DEFAULT_MAX, a as VOICE_RECORDER_DEFAULT_MIN } from './consts-6d5cd4c1.js';
+import { g as getCaseResolvedReplyType, a as getCaseResolvedThreadReplySelectType } from './resolvedReplyType-a42f8462.js';
 import './utils/message/getOutgoingMessageState.js';
 import './useSendbirdStateContext.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-9a4e0846.js';
+import './index-12d4b099.js';
 import './ui/Button.js';
-import './index-e33f7f55.js';
+import './index-c152addf.js';
 import 'prop-types';
 import './ui/Icon.js';
 import './ui/IconButton.js';
-import './index-319984d0.js';
+import './index-4a7df8c7.js';
 
 const isEmpty = obj => {
   if (obj === null || obj === undefined) {
@@ -225,6 +225,7 @@ function useConnectionStatus(sdk, logger) {
       logger.warning('sdk changed', uniqueHandlerId);
       const handler = new ConnectionHandler();
       handler.onDisconnected = () => {
+        setIsOnline(false);
         logger.warning('onDisconnected', {
           isOnline
         });
@@ -332,7 +333,7 @@ async function disconnectSdk(_ref) {
   });
 }
 
-const APP_VERSION_STRING = '3.5.0';
+const APP_VERSION_STRING = '3.6.0-feature-config-rc-0';
 const {
   INIT_SDK,
   SET_SDK_LOADING,
@@ -362,7 +363,8 @@ function setUpParams(_ref2) {
   } = _ref2;
   const params = {
     appId,
-    modules: [new GroupChannelModule(), new OpenChannelModule()]
+    modules: [new GroupChannelModule(), new OpenChannelModule()],
+    newInstance: true
   };
   if (customApiHost) {
     params['customApiHost'] = customApiHost;
@@ -780,6 +782,54 @@ const VoiceMessageProvider = _ref => {
   return /*#__PURE__*/React__default.createElement(VoiceRecorderProvider, null, /*#__PURE__*/React__default.createElement(VoicePlayerProvider, null, children));
 };
 
+function uikitConfigMapper(_ref) {
+  var _uikitOptions$common$, _uikitOptions$common, _uikitOptions$groupCh, _uikitOptions$groupCh2, _uikitOptions$groupCh3, _uikitOptions$groupCh4, _uikitOptions$groupCh5, _uikitOptions$groupCh6, _uikitOptions$groupCh7, _uikitOptions$groupCh8, _uikitOptions$groupCh9, _uikitOptions$groupCh10, _uikitOptions$groupCh11, _uikitOptions$groupCh12, _uikitOptions$groupCh13, _uikitOptions$groupCh14, _uikitOptions$groupCh15, _uikitOptions$groupCh16, _uikitOptions$groupCh17, _uikitOptions$groupCh18, _uikitOptions$groupCh19, _uikitOptions$openCha, _uikitOptions$openCha2, _uikitOptions$openCha3;
+  let {
+    legacyConfig,
+    uikitOptions = {}
+  } = _ref;
+  const {
+    replyType,
+    isMentionEnabled,
+    isReactionEnabled,
+    disableUserProfile,
+    isVoiceMessageEnabled,
+    isTypingIndicatorEnabledOnChannelList,
+    isMessageReceiptStatusEnabledOnChannelList,
+    showSearchIcon
+  } = legacyConfig;
+  return {
+    common: {
+      enableUsingDefaultUserProfile: (_uikitOptions$common$ = (_uikitOptions$common = uikitOptions.common) === null || _uikitOptions$common === void 0 ? void 0 : _uikitOptions$common.enableUsingDefaultUserProfile) !== null && _uikitOptions$common$ !== void 0 ? _uikitOptions$common$ : typeof disableUserProfile === 'boolean' ? !disableUserProfile : undefined
+    },
+    groupChannel: {
+      enableOgtag: (_uikitOptions$groupCh = uikitOptions.groupChannel) === null || _uikitOptions$groupCh === void 0 ? void 0 : _uikitOptions$groupCh.enableOgtag,
+      enableMention: (_uikitOptions$groupCh2 = (_uikitOptions$groupCh3 = uikitOptions.groupChannel) === null || _uikitOptions$groupCh3 === void 0 ? void 0 : _uikitOptions$groupCh3.enableMention) !== null && _uikitOptions$groupCh2 !== void 0 ? _uikitOptions$groupCh2 : isMentionEnabled,
+      enableReactions: (_uikitOptions$groupCh4 = (_uikitOptions$groupCh5 = uikitOptions.groupChannel) === null || _uikitOptions$groupCh5 === void 0 ? void 0 : _uikitOptions$groupCh5.enableReactions) !== null && _uikitOptions$groupCh4 !== void 0 ? _uikitOptions$groupCh4 : isReactionEnabled,
+      enableTypingIndicator: (_uikitOptions$groupCh6 = uikitOptions.groupChannel) === null || _uikitOptions$groupCh6 === void 0 ? void 0 : _uikitOptions$groupCh6.enableTypingIndicator,
+      enableVoiceMessage: (_uikitOptions$groupCh7 = (_uikitOptions$groupCh8 = uikitOptions.groupChannel) === null || _uikitOptions$groupCh8 === void 0 ? void 0 : _uikitOptions$groupCh8.enableVoiceMessage) !== null && _uikitOptions$groupCh7 !== void 0 ? _uikitOptions$groupCh7 : isVoiceMessageEnabled,
+      replyType: (_uikitOptions$groupCh9 = (_uikitOptions$groupCh10 = uikitOptions.groupChannel) === null || _uikitOptions$groupCh10 === void 0 ? void 0 : _uikitOptions$groupCh10.replyType) !== null && _uikitOptions$groupCh9 !== void 0 ? _uikitOptions$groupCh9 : replyType != null ? getCaseResolvedReplyType(replyType).lowerCase : undefined,
+      threadReplySelectType: (_uikitOptions$groupCh11 = uikitOptions.groupChannel) === null || _uikitOptions$groupCh11 === void 0 ? void 0 : _uikitOptions$groupCh11.threadReplySelectType,
+      input: {
+        enableDocument: (_uikitOptions$groupCh12 = uikitOptions.groupChannel) === null || _uikitOptions$groupCh12 === void 0 ? void 0 : (_uikitOptions$groupCh13 = _uikitOptions$groupCh12.input) === null || _uikitOptions$groupCh13 === void 0 ? void 0 : _uikitOptions$groupCh13.enableDocument
+      }
+    },
+    groupChannelList: {
+      enableTypingIndicator: (_uikitOptions$groupCh14 = (_uikitOptions$groupCh15 = uikitOptions.groupChannelList) === null || _uikitOptions$groupCh15 === void 0 ? void 0 : _uikitOptions$groupCh15.enableTypingIndicator) !== null && _uikitOptions$groupCh14 !== void 0 ? _uikitOptions$groupCh14 : isTypingIndicatorEnabledOnChannelList,
+      enableMessageReceiptStatus: (_uikitOptions$groupCh16 = (_uikitOptions$groupCh17 = uikitOptions.groupChannelList) === null || _uikitOptions$groupCh17 === void 0 ? void 0 : _uikitOptions$groupCh17.enableMessageReceiptStatus) !== null && _uikitOptions$groupCh16 !== void 0 ? _uikitOptions$groupCh16 : isMessageReceiptStatusEnabledOnChannelList
+    },
+    groupChannelSettings: {
+      enableMessageSearch: (_uikitOptions$groupCh18 = (_uikitOptions$groupCh19 = uikitOptions.groupChannelSettings) === null || _uikitOptions$groupCh19 === void 0 ? void 0 : _uikitOptions$groupCh19.enableMessageSearch) !== null && _uikitOptions$groupCh18 !== void 0 ? _uikitOptions$groupCh18 : showSearchIcon
+    },
+    openChannel: {
+      enableOgtag: (_uikitOptions$openCha = uikitOptions.openChannel) === null || _uikitOptions$openCha === void 0 ? void 0 : _uikitOptions$openCha.enableOgtag,
+      input: {
+        enableDocument: (_uikitOptions$openCha2 = uikitOptions.openChannel) === null || _uikitOptions$openCha2 === void 0 ? void 0 : (_uikitOptions$openCha3 = _uikitOptions$openCha2.input) === null || _uikitOptions$openCha3 === void 0 ? void 0 : _uikitOptions$openCha3.enableDocument
+      }
+    }
+  };
+}
+
 const TIMEOUT = 2000;
 
 /*
@@ -914,35 +964,29 @@ function useMarkAsDeliveredScheduler(_ref, _ref2) {
 }
 
 function Sendbird(props) {
-  const {
-    replyType,
-    isMentionEnabled,
-    isReactionEnabled,
-    disableUserProfile,
-    isVoiceMessageEnabled,
-    isTypingIndicatorEnabledOnChannelList,
-    isMessageReceiptStatusEnabledOnChannelList,
-    showSearchIcon
-  } = props;
+  const localConfigs = uikitConfigMapper({
+    legacyConfig: {
+      replyType: props.replyType,
+      isMentionEnabled: props.isMentionEnabled,
+      isReactionEnabled: props.isReactionEnabled,
+      disableUserProfile: props.disableUserProfile,
+      isVoiceMessageEnabled: props.isVoiceMessageEnabled,
+      isTypingIndicatorEnabledOnChannelList: props.isTypingIndicatorEnabledOnChannelList,
+      isMessageReceiptStatusEnabledOnChannelList: props.isMessageReceiptStatusEnabledOnChannelList,
+      showSearchIcon: props.showSearchIcon
+    },
+    uikitOptions: props.uikitOptions
+  });
   return /*#__PURE__*/React__default.createElement(UIKitConfigProvider, {
     localConfigs: {
-      common: {
-        enableUsingDefaultUserProfile: typeof disableUserProfile === 'boolean' ? !disableUserProfile : undefined
-      },
+      common: localConfigs === null || localConfigs === void 0 ? void 0 : localConfigs.common,
       groupChannel: {
-        channel: {
-          enableReactions: isReactionEnabled,
-          enableMention: isMentionEnabled,
-          enableVoiceMessage: isVoiceMessageEnabled,
-          replyType: replyType != null ? getCaseResolvedReplyType(replyType).lowerCase : undefined
-        },
-        channelList: {
-          enableTypingIndicator: isTypingIndicatorEnabledOnChannelList,
-          enableMessageReceiptStatus: isMessageReceiptStatusEnabledOnChannelList
-        },
-        setting: {
-          enableMessageSearch: showSearchIcon
-        }
+        channel: localConfigs === null || localConfigs === void 0 ? void 0 : localConfigs.groupChannel,
+        channelList: localConfigs === null || localConfigs === void 0 ? void 0 : localConfigs.groupChannelList,
+        setting: localConfigs === null || localConfigs === void 0 ? void 0 : localConfigs.groupChannelSettings
+      },
+      openChannel: {
+        channel: localConfigs === null || localConfigs === void 0 ? void 0 : localConfigs.openChannel
       }
     }
   }, /*#__PURE__*/React__default.createElement(SendbirdSDK, props));