@sendbird/uikit-react 3.5.0-rc.1 → 3.5.1

package/OpenChannelSettings/context.js

@@ -1,107 +1,98 @@
 import React__default, { useState, useEffect } from 'react';
 import { OpenChannelHandler } from '@sendbird/chat/openChannel';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import { U as UserProfileProvider } from '../UserProfileContext-e3530842.js';
-import { u as uuidv4 } from '../uuid-7e004f47.js';
+import { U as UserProfileProvider } from '../UserProfileContext-a56cc682.js';
+import { u as uuidv4 } from '../uuid-8c96bee0.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-519f674b.js';
+import '../_rollupPluginBabelHelpers-1be219c2.js';
 import 'prop-types';
 
-var OpenChannelSettingsContext = /*#__PURE__*/React__default.createContext(undefined);
+const OpenChannelSettingsContext = /*#__PURE__*/React__default.createContext(undefined);
+const OpenChannelSettingsProvider = props => {
+  var _globalStore$stores, _globalStore$stores$s, _globalStore$stores2, _globalStore$stores2$, _globalStore$config, _sdk$currentUser, _props$disableUserPro, _globalStore$config2;
+  const {
+    children,
+    channelUrl,
+    onCloseClick,
+    onChannelModified,
+    onBeforeUpdateChannel,
+    onDeleteChannel
+  } = props;
 
-var OpenChannelSettingsProvider = function (props) {
-  var _a, _b, _c, _d, _e, _f;
-
-  var children = props.children,
-      channelUrl = props.channelUrl,
-      onCloseClick = props.onCloseClick,
-      onChannelModified = props.onChannelModified,
-      onBeforeUpdateChannel = props.onBeforeUpdateChannel,
-      onDeleteChannel = props.onDeleteChannel; // fetch store from <SendbirdProvider />
-
-  var globalStore = useSendbirdStateContext();
-  var sdk = (_b = (_a = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _a === void 0 ? void 0 : _a.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk;
-  var isSDKInitialized = (_d = (_c = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _c === void 0 ? void 0 : _c.sdkStore) === null || _d === void 0 ? void 0 : _d.initialized;
-  var logger = (_e = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _e === void 0 ? void 0 : _e.logger;
-  var currentUserId = (_f = sdk === null || sdk === void 0 ? void 0 : sdk.currentUser) === null || _f === void 0 ? void 0 : _f.userId;
-
-  var _g = useState(null),
-      currentChannel = _g[0],
-      setChannel = _g[1];
-
-  var _h = useState(false),
-      isChannelInitialized = _h[0],
-      setChannelInitialized = _h[1];
-
-  useEffect(function () {
+  // fetch store from <SendbirdProvider />
+  const globalStore = useSendbirdStateContext();
+  const sdk = globalStore === null || globalStore === void 0 ? void 0 : (_globalStore$stores = globalStore.stores) === null || _globalStore$stores === void 0 ? void 0 : (_globalStore$stores$s = _globalStore$stores.sdkStore) === null || _globalStore$stores$s === void 0 ? void 0 : _globalStore$stores$s.sdk;
+  const isSDKInitialized = globalStore === null || globalStore === void 0 ? void 0 : (_globalStore$stores2 = globalStore.stores) === null || _globalStore$stores2 === void 0 ? void 0 : (_globalStore$stores2$ = _globalStore$stores2.sdkStore) === null || _globalStore$stores2$ === void 0 ? void 0 : _globalStore$stores2$.initialized;
+  const logger = globalStore === null || globalStore === void 0 ? void 0 : (_globalStore$config = globalStore.config) === null || _globalStore$config === void 0 ? void 0 : _globalStore$config.logger;
+  const currentUserId = sdk === null || sdk === void 0 ? void 0 : (_sdk$currentUser = sdk.currentUser) === null || _sdk$currentUser === void 0 ? void 0 : _sdk$currentUser.userId;
+  const [currentChannel, setChannel] = useState(null);
+  const [isChannelInitialized, setChannelInitialized] = useState(false);
+  useEffect(() => {
     if (!channelUrl || !sdk.openChannel) {
       setChannel(null);
       return;
     }
-
-    sdk.openChannel.getChannel(channelUrl).then(function (channel) {
-      logger.info('open channel setting: fetched', channel); // TODO: Add pending status
-
-      channel.enter().then(function () {
+    sdk.openChannel.getChannel(channelUrl).then(channel => {
+      logger.info('open channel setting: fetched', channel);
+      // TODO: Add pending status
+      channel.enter().then(() => {
         setChannel(channel);
         logger.info('OpenChannelSettings | Succeeded to enter channel', channel === null || channel === void 0 ? void 0 : channel.url);
         setChannelInitialized(true);
-      }).catch(function (error) {
+      }).catch(error => {
         setChannel(null);
         logger.warning('OpenChannelSettings | Failed to enter channel', error);
       });
-    }).catch(function (error) {
+    }).catch(error => {
       logger.error('open channel setting: error fetching', error);
       setChannel(null);
     });
-    return function () {
+    return () => {
       if (currentChannel && currentChannel.exit) {
-        currentChannel.exit().then(function () {
+        currentChannel.exit().then(() => {
           logger.info('OpenChannelSettings | Succeeded to exit channel', currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url);
-        }).catch(function (error) {
+        }).catch(error => {
           logger.warning('OpenChannelSettings | Failed to exit channel', error);
         });
       }
     };
   }, [channelUrl, isSDKInitialized]);
-  useEffect(function () {
-    var _a;
-
-    var channelHandlerId = uuidv4();
-
-    if (currentChannel !== null && ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.openChannel) === null || _a === void 0 ? void 0 : _a.addOpenChannelHandler)) {
-      var channelHandlerParams = new OpenChannelHandler({
-        onOperatorUpdated: function (channel) {
+  useEffect(() => {
+    var _sdk$openChannel;
+    const channelHandlerId = uuidv4();
+    if (currentChannel !== null && sdk !== null && sdk !== void 0 && (_sdk$openChannel = sdk.openChannel) !== null && _sdk$openChannel !== void 0 && _sdk$openChannel.addOpenChannelHandler) {
+      const channelHandlerParams = new OpenChannelHandler({
+        onOperatorUpdated(channel) {
           if ((channel === null || channel === void 0 ? void 0 : channel.url) === (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url)) {
             setChannel(channel);
           }
         },
-        onUserMuted: function (channel, user) {
+        onUserMuted(channel, user) {
           if ((channel === null || channel === void 0 ? void 0 : channel.url) === (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) && (user === null || user === void 0 ? void 0 : user.userId) === currentUserId) {
             setChannel(channel);
           }
         },
-        onUserUnmuted: function (channel, user) {
+        onUserUnmuted(channel, user) {
           if ((channel === null || channel === void 0 ? void 0 : channel.url) === (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) && (user === null || user === void 0 ? void 0 : user.userId) === currentUserId) {
             setChannel(channel);
           }
         },
-        onUserBanned: function (channel, user) {
+        onUserBanned(channel, user) {
           if ((channel === null || channel === void 0 ? void 0 : channel.url) === (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) && (user === null || user === void 0 ? void 0 : user.userId) === currentUserId) {
             setChannel(null);
           }
         },
-        onUserUnbanned: function (channel, user) {
+        onUserUnbanned(channel, user) {
           if ((user === null || user === void 0 ? void 0 : user.userId) === currentUserId) {
             setChannel(channel);
           }
         },
-        onChannelChanged: function (channel) {
+        onChannelChanged(channel) {
           if ((channel === null || channel === void 0 ? void 0 : channel.url) === (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url)) {
             setChannel(channel);
           }
         },
-        onChannelDeleted: function (channelUrl) {
+        onChannelDeleted(channelUrl) {
           if (channelUrl === (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url)) {
             setChannel(null);
           }
@@ -109,37 +100,33 @@ var OpenChannelSettingsProvider = function (props) {
       });
       sdk.openChannel.addOpenChannelHandler(channelHandlerId, channelHandlerParams);
     }
-
-    return function () {
-      var _a, _b, _c;
-
-      if (((_a = sdk === null || sdk === void 0 ? void 0 : sdk.openChannel) === null || _a === void 0 ? void 0 : _a.removeOpenChannelHandler) && channelHandlerId) {
+    return () => {
+      var _sdk$openChannel2;
+      if (sdk !== null && sdk !== void 0 && (_sdk$openChannel2 = sdk.openChannel) !== null && _sdk$openChannel2 !== void 0 && _sdk$openChannel2.removeOpenChannelHandler && channelHandlerId) {
+        var _sdk$openChannel$remo, _sdk$openChannel3;
         logger.info('OpenChannelSettings | Removing channel handlers', channelHandlerId);
-        (_c = (_b = sdk.openChannel).removeOpenChannelHandler) === null || _c === void 0 ? void 0 : _c.call(_b, channelHandlerId);
+        (_sdk$openChannel$remo = (_sdk$openChannel3 = sdk.openChannel).removeOpenChannelHandler) === null || _sdk$openChannel$remo === void 0 ? void 0 : _sdk$openChannel$remo.call(_sdk$openChannel3, channelHandlerId);
       }
     };
   }, [channelUrl]);
   return /*#__PURE__*/React__default.createElement(OpenChannelSettingsContext.Provider, {
     value: {
-      channelUrl: channelUrl,
+      channelUrl,
       channel: currentChannel,
       isChannelInitialized: isChannelInitialized,
-      setChannel: setChannel,
-      onCloseClick: onCloseClick,
-      onChannelModified: onChannelModified,
-      onBeforeUpdateChannel: onBeforeUpdateChannel,
-      onDeleteChannel: onDeleteChannel
+      setChannel,
+      onCloseClick,
+      onChannelModified,
+      onBeforeUpdateChannel,
+      onDeleteChannel
     }
   }, /*#__PURE__*/React__default.createElement(UserProfileProvider, {
     isOpenChannel: true,
     renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile,
-    disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile
+    disableUserProfile: (_props$disableUserPro = props === null || props === void 0 ? void 0 : props.disableUserProfile) !== null && _props$disableUserPro !== void 0 ? _props$disableUserPro : globalStore === null || globalStore === void 0 ? void 0 : (_globalStore$config2 = globalStore.config) === null || _globalStore$config2 === void 0 ? void 0 : _globalStore$config2.disableUserProfile
   }, children));
 };
-
-var useOpenChannelSettingsContext = function () {
-  return React__default.useContext(OpenChannelSettingsContext);
-};
+const useOpenChannelSettingsContext = () => React__default.useContext(OpenChannelSettingsContext);
 
 export { OpenChannelSettingsProvider, useOpenChannelSettingsContext };
 //# sourceMappingURL=context.js.map

package/OpenChannelSettings/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../src/smart-components/OpenChannelSettings/context/OpenChannelSettingsProvider.tsx"],"sourcesContent":["import React, {\n  useEffect,\n  useState,\n} from 'react';\nimport { OpenChannel, OpenChannelHandler, OpenChannelUpdateParams, SendbirdOpenChat } from '@sendbird/chat/openChannel';\n\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\nimport { UserProfileProvider } from '../../../lib/UserProfileContext';\nimport { RenderUserProfileProps } from '../../../types';\nimport uuidv4 from '../../../utils/uuid';\n\nexport interface OpenChannelSettingsContextProps {\n  channelUrl: string;\n  children?: React.ReactElement;\n  onCloseClick?(): void;\n  onBeforeUpdateChannel?(currentTitle: string, currentImg: File, data: string): OpenChannelUpdateParams;\n  onChannelModified?(channel: OpenChannel): void;\n  onDeleteChannel?(channel: OpenChannel): void;\n  disableUserProfile?: boolean;\n  renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;\n}\n\ninterface OpenChannelSettingsContextType {\n  channelUrl: string;\n  channel?: OpenChannel;\n  isChannelInitialized: boolean;\n  setChannel?: React.Dispatch<React.SetStateAction<OpenChannel>>;\n  onCloseClick?(): void;\n  onBeforeUpdateChannel?(currentTitle: string, currentImg: File, data: string): OpenChannelUpdateParams;\n  onChannelModified?(channel: OpenChannel): void;\n  onDeleteChannel?(channel: OpenChannel): void;\n}\n\nconst OpenChannelSettingsContext = React.createContext<OpenChannelSettingsContextType | null>(undefined);\n\nconst OpenChannelSettingsProvider: React.FC<OpenChannelSettingsContextProps> = (props: OpenChannelSettingsContextProps) => {\n  const {\n    children,\n    channelUrl,\n    onCloseClick,\n    onChannelModified,\n    onBeforeUpdateChannel,\n    onDeleteChannel,\n  } = props;\n\n  // fetch store from <SendbirdProvider />\n  const globalStore = useSendbirdStateContext();\n  const sdk = globalStore?.stores?.sdkStore?.sdk as SendbirdOpenChat;\n  const isSDKInitialized = globalStore?.stores?.sdkStore?.initialized;\n\n  const logger = globalStore?.config?.logger;\n  const currentUserId = sdk?.currentUser?.userId;\n\n  const [currentChannel, setChannel] = useState<OpenChannel | null>(null);\n  const [isChannelInitialized, setChannelInitialized] = useState(false);\n  useEffect(() => {\n    if (!channelUrl || !sdk.openChannel) {\n      setChannel(null);\n      return;\n    }\n\n    sdk.openChannel.getChannel(channelUrl)\n      .then((channel) => {\n        logger.info('open channel setting: fetched', channel);\n        // TODO: Add pending status\n        channel.enter()\n          .then(() => {\n            setChannel(channel);\n            logger.info('OpenChannelSettings | Succeeded to enter channel', channel?.url);\n            setChannelInitialized(true);\n          })\n          .catch((error) => {\n            setChannel(null);\n            logger.warning('OpenChannelSettings | Failed to enter channel', error);\n          });\n      })\n      .catch((error) => {\n        logger.error('open channel setting: error fetching', error);\n        setChannel(null);\n      });\n    return () => {\n      if (currentChannel && currentChannel.exit) {\n        currentChannel.exit()\n          .then(() => {\n            logger.info('OpenChannelSettings | Succeeded to exit channel', currentChannel?.url);\n          })\n          .catch((error) => {\n            logger.warning('OpenChannelSettings | Failed to exit channel', error);\n          });\n      }\n    }\n  }, [channelUrl, isSDKInitialized]);\n\n  useEffect(() => {\n    const channelHandlerId = uuidv4();\n    if (currentChannel !== null && sdk?.openChannel?.addOpenChannelHandler) {\n      const channelHandlerParams = new OpenChannelHandler({\n        onOperatorUpdated(channel) {\n          if (channel?.url === currentChannel?.url) {\n            setChannel(channel as OpenChannel);\n          }\n        },\n        onUserMuted(channel, user) {\n          if (channel?.url === currentChannel?.url && user?.userId === currentUserId) {\n            setChannel(channel as OpenChannel);\n          }\n        },\n        onUserUnmuted(channel, user) {\n          if (channel?.url === currentChannel?.url && user?.userId === currentUserId) {\n            setChannel(channel as OpenChannel);\n          }\n        },\n        onUserBanned(channel, user) {\n          if (channel?.url === currentChannel?.url && user?.userId === currentUserId) {\n            setChannel(null);\n          }\n        },\n        onUserUnbanned(channel, user) {\n          if (user?.userId === currentUserId) {\n            setChannel(channel as OpenChannel);\n          }\n        },\n        onChannelChanged(channel) {\n          if (channel?.url === currentChannel?.url) {\n            setChannel(channel as OpenChannel);\n          }\n        },\n        onChannelDeleted(channelUrl) {\n          if (channelUrl === currentChannel?.url) {\n            setChannel(null);\n          }\n        },\n      });\n      sdk.openChannel.addOpenChannelHandler(channelHandlerId, channelHandlerParams);\n    }\n    return () => {\n      if (sdk?.openChannel?.removeOpenChannelHandler && channelHandlerId) {\n        logger.info('OpenChannelSettings | Removing channel handlers', channelHandlerId);\n        sdk.openChannel.removeOpenChannelHandler?.(channelHandlerId);\n      }\n    }\n  }, [channelUrl]);\n\n  return (\n    <OpenChannelSettingsContext.Provider value={{\n      channelUrl,\n      channel: currentChannel,\n      isChannelInitialized: isChannelInitialized,\n      setChannel,\n      onCloseClick,\n      onChannelModified,\n      onBeforeUpdateChannel,\n      onDeleteChannel,\n    }}>\n      <UserProfileProvider\n        isOpenChannel\n        renderUserProfile={props?.renderUserProfile}\n        disableUserProfile={props?.disableUserProfile}\n      >\n        {children}\n      </UserProfileProvider>\n    </OpenChannelSettingsContext.Provider>\n  );\n}\n\ntype useOpenChannelSettingsType = () => OpenChannelSettingsContextType;\nconst useOpenChannelSettingsContext: useOpenChannelSettingsType = () => React.useContext(OpenChannelSettingsContext);\n\nexport {\n  OpenChannelSettingsProvider,\n  useOpenChannelSettingsContext,\n};\n"],"names":["OpenChannelSettingsContext","React","createContext","undefined","OpenChannelSettingsProvider","props","children","channelUrl","onCloseClick","onChannelModified","onBeforeUpdateChannel","onDeleteChannel","globalStore","useSendbirdStateContext","sdk","_b","_a","stores","sdkStore","isSDKInitialized","_d","_c","initialized","logger","_e","config","currentUserId","_f","currentUser","userId","_g","useState","currentChannel","setChannel","_h","isChannelInitialized","setChannelInitialized","useEffect","openChannel","getChannel","then","channel","info","enter","url","catch","error","warning","exit","channelHandlerId","uuidv4","addOpenChannelHandler","channelHandlerParams","OpenChannelHandler","onOperatorUpdated","onUserMuted","user","onUserUnmuted","onUserBanned","onUserUnbanned","onChannelChanged","onChannelDeleted","removeOpenChannelHandler","call","renderUserProfile","disableUserProfile","useOpenChannelSettingsContext","useContext"],"mappings":"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"}
+{"version":3,"file":"context.js","sources":["../../src/modules/OpenChannelSettings/context/OpenChannelSettingsProvider.tsx"],"sourcesContent":["import React, {\n  useEffect,\n  useState,\n} from 'react';\nimport { OpenChannel, OpenChannelHandler, OpenChannelUpdateParams, SendbirdOpenChat } from '@sendbird/chat/openChannel';\n\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\nimport { UserProfileProvider } from '../../../lib/UserProfileContext';\nimport { RenderUserProfileProps } from '../../../types';\nimport uuidv4 from '../../../utils/uuid';\n\nexport interface OpenChannelSettingsContextProps {\n  channelUrl: string;\n  children?: React.ReactElement;\n  onCloseClick?(): void;\n  onBeforeUpdateChannel?(currentTitle: string, currentImg: File, data: string): OpenChannelUpdateParams;\n  onChannelModified?(channel: OpenChannel): void;\n  onDeleteChannel?(channel: OpenChannel): void;\n  disableUserProfile?: boolean;\n  renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;\n}\n\ninterface OpenChannelSettingsContextType {\n  channelUrl: string;\n  channel?: OpenChannel;\n  isChannelInitialized: boolean;\n  setChannel?: React.Dispatch<React.SetStateAction<OpenChannel>>;\n  onCloseClick?(): void;\n  onBeforeUpdateChannel?(currentTitle: string, currentImg: File, data: string): OpenChannelUpdateParams;\n  onChannelModified?(channel: OpenChannel): void;\n  onDeleteChannel?(channel: OpenChannel): void;\n}\n\nconst OpenChannelSettingsContext = React.createContext<OpenChannelSettingsContextType | null>(undefined);\n\nconst OpenChannelSettingsProvider: React.FC<OpenChannelSettingsContextProps> = (props: OpenChannelSettingsContextProps) => {\n  const {\n    children,\n    channelUrl,\n    onCloseClick,\n    onChannelModified,\n    onBeforeUpdateChannel,\n    onDeleteChannel,\n  } = props;\n\n  // fetch store from <SendbirdProvider />\n  const globalStore = useSendbirdStateContext();\n  const sdk = globalStore?.stores?.sdkStore?.sdk as SendbirdOpenChat;\n  const isSDKInitialized = globalStore?.stores?.sdkStore?.initialized;\n\n  const logger = globalStore?.config?.logger;\n  const currentUserId = sdk?.currentUser?.userId;\n\n  const [currentChannel, setChannel] = useState<OpenChannel | null>(null);\n  const [isChannelInitialized, setChannelInitialized] = useState(false);\n  useEffect(() => {\n    if (!channelUrl || !sdk.openChannel) {\n      setChannel(null);\n      return;\n    }\n\n    sdk.openChannel.getChannel(channelUrl)\n      .then((channel) => {\n        logger.info('open channel setting: fetched', channel);\n        // TODO: Add pending status\n        channel.enter()\n          .then(() => {\n            setChannel(channel);\n            logger.info('OpenChannelSettings | Succeeded to enter channel', channel?.url);\n            setChannelInitialized(true);\n          })\n          .catch((error) => {\n            setChannel(null);\n            logger.warning('OpenChannelSettings | Failed to enter channel', error);\n          });\n      })\n      .catch((error) => {\n        logger.error('open channel setting: error fetching', error);\n        setChannel(null);\n      });\n    return () => {\n      if (currentChannel && currentChannel.exit) {\n        currentChannel.exit()\n          .then(() => {\n            logger.info('OpenChannelSettings | Succeeded to exit channel', currentChannel?.url);\n          })\n          .catch((error) => {\n            logger.warning('OpenChannelSettings | Failed to exit channel', error);\n          });\n      }\n    };\n  }, [channelUrl, isSDKInitialized]);\n\n  useEffect(() => {\n    const channelHandlerId = uuidv4();\n    if (currentChannel !== null && sdk?.openChannel?.addOpenChannelHandler) {\n      const channelHandlerParams = new OpenChannelHandler({\n        onOperatorUpdated(channel) {\n          if (channel?.url === currentChannel?.url) {\n            setChannel(channel as OpenChannel);\n          }\n        },\n        onUserMuted(channel, user) {\n          if (channel?.url === currentChannel?.url && user?.userId === currentUserId) {\n            setChannel(channel as OpenChannel);\n          }\n        },\n        onUserUnmuted(channel, user) {\n          if (channel?.url === currentChannel?.url && user?.userId === currentUserId) {\n            setChannel(channel as OpenChannel);\n          }\n        },\n        onUserBanned(channel, user) {\n          if (channel?.url === currentChannel?.url && user?.userId === currentUserId) {\n            setChannel(null);\n          }\n        },\n        onUserUnbanned(channel, user) {\n          if (user?.userId === currentUserId) {\n            setChannel(channel as OpenChannel);\n          }\n        },\n        onChannelChanged(channel) {\n          if (channel?.url === currentChannel?.url) {\n            setChannel(channel as OpenChannel);\n          }\n        },\n        onChannelDeleted(channelUrl) {\n          if (channelUrl === currentChannel?.url) {\n            setChannel(null);\n          }\n        },\n      });\n      sdk.openChannel.addOpenChannelHandler(channelHandlerId, channelHandlerParams);\n    }\n    return () => {\n      if (sdk?.openChannel?.removeOpenChannelHandler && channelHandlerId) {\n        logger.info('OpenChannelSettings | Removing channel handlers', channelHandlerId);\n        sdk.openChannel.removeOpenChannelHandler?.(channelHandlerId);\n      }\n    };\n  }, [channelUrl]);\n\n  return (\n    <OpenChannelSettingsContext.Provider value={{\n      channelUrl,\n      channel: currentChannel,\n      isChannelInitialized: isChannelInitialized,\n      setChannel,\n      onCloseClick,\n      onChannelModified,\n      onBeforeUpdateChannel,\n      onDeleteChannel,\n    }}>\n      <UserProfileProvider\n        isOpenChannel\n        renderUserProfile={props?.renderUserProfile}\n        disableUserProfile={props?.disableUserProfile ?? globalStore?.config?.disableUserProfile}\n      >\n        {children}\n      </UserProfileProvider>\n    </OpenChannelSettingsContext.Provider>\n  );\n};\n\ntype useOpenChannelSettingsType = () => OpenChannelSettingsContextType;\nconst useOpenChannelSettingsContext: useOpenChannelSettingsType = () => React.useContext(OpenChannelSettingsContext);\n\nexport {\n  OpenChannelSettingsProvider,\n  useOpenChannelSettingsContext,\n};\n"],"names":["OpenChannelSettingsContext","React","createContext","undefined","OpenChannelSettingsProvider","props","_globalStore$stores","_globalStore$stores$s","_globalStore$stores2","_globalStore$stores2$","_globalStore$config","_sdk$currentUser","_props$disableUserPro","_globalStore$config2","children","channelUrl","onCloseClick","onChannelModified","onBeforeUpdateChannel","onDeleteChannel","globalStore","useSendbirdStateContext","sdk","stores","sdkStore","isSDKInitialized","initialized","logger","config","currentUserId","currentUser","userId","currentChannel","setChannel","useState","isChannelInitialized","setChannelInitialized","useEffect","openChannel","getChannel","then","channel","info","enter","url","catch","error","warning","exit","_sdk$openChannel","channelHandlerId","uuidv4","addOpenChannelHandler","channelHandlerParams","OpenChannelHandler","onOperatorUpdated","onUserMuted","user","onUserUnmuted","onUserBanned","onUserUnbanned","onChannelChanged","onChannelDeleted","_sdk$openChannel2","removeOpenChannelHandler","_sdk$openChannel$remo","_sdk$openChannel3","call","createElement","Provider","value","UserProfileProvider","isOpenChannel","renderUserProfile","disableUserProfile","useOpenChannelSettingsContext","useContext"],"mappings":"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"}

package/OpenChannelSettings.js

@@ -3,52 +3,51 @@ import OpenChannelUI from './OpenChannelSettings/components/OpenChannelSettingsU
 import { OpenChannelSettingsProvider } from './OpenChannelSettings/context.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './_rollupPluginBabelHelpers-519f674b.js';
-import './UserProfileContext-e3530842.js';
+import './_rollupPluginBabelHelpers-1be219c2.js';
+import './UserProfileContext-a56cc682.js';
 import 'prop-types';
-import './LocalizationContext-289c1917.js';
-import './stringSet-9ae71b7d.js';
-import './index-4ebfc7a7.js';
-import './index-2784bdd8.js';
+import './LocalizationContext-25d6694d.js';
+import './stringSet-3649b375.js';
+import './index-a4552c13.js';
+import './index-d88e3ef9.js';
 import './ui/Icon.js';
-import './index-232388fa.js';
-import './tslib.es6-72df3331.js';
+import './index-32a56033.js';
 import './ui/Loader.js';
 import './OpenChannelSettings/components/OperatorUI.js';
 import './OpenChannelSettings/components/OpenChannelProfile.js';
 import './ui/TextButton.js';
-import './color-163ba24d.js';
+import './color-04427a41.js';
 import './ui/OpenChannelAvatar.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-7e004f47.js';
-import './utils-6b69fb18.js';
+import './uuid-8c96bee0.js';
+import './utils-cbae9afc.js';
 import './OpenChannelSettings/components/EditDetailsModal.js';
-import './topics-e2963bba.js';
+import './topics-d0dcd2f2.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-2f346069.js';
+import './index-5819e39d.js';
 import './ui/Button.js';
 import './ui/IconButton.js';
-import './MediaQueryContext-273d29f6.js';
+import './MediaQueryContext-94c9086a.js';
 import './ui/Input.js';
-import './index-4900e890.js';
+import './index-7ff2c073.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
-import './index-855ef33d.js';
+import './index-c589f349.js';
 import './utils/message/getOutgoingMessageState.js';
-import './context-10475c77.js';
-import './utils-ea66f822.js';
+import './context-6272efa3.js';
+import './utils-a1f2aa01.js';
+import './ui/MutedAvatarOverlay.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
 import '@sendbird/chat/openChannel';
 import './ui/UserListItem.js';
-import './ui/MutedAvatarOverlay.js';
 import './ui/Checkbox.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
 
-var OpenChannelSetting = function (props) {
+const OpenChannelSetting = props => {
   return /*#__PURE__*/React__default.createElement(OpenChannelSettingsProvider, {
     channelUrl: props === null || props === void 0 ? void 0 : props.channelUrl,
     onCloseClick: props === null || props === void 0 ? void 0 : props.onCloseClick,

package/OpenChannelSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelSettings.js","sources":["../src/smart-components/OpenChannelSettings/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport OpenChanneSettingslUI, { OpenChannelUIProps } from './components/OpenChannelSettingsUI';\nimport { OpenChannelSettingsContextProps, OpenChannelSettingsProvider } from './context/OpenChannelSettingsProvider';\n\nexport interface OpenChannelSettingsProps extends OpenChannelSettingsContextProps, OpenChannelUIProps {\n}\n\nconst OpenChannelSetting: React.FC<OpenChannelSettingsProps> = (props: OpenChannelSettingsProps) => {\n  return (\n    <OpenChannelSettingsProvider\n      channelUrl={props?.channelUrl}\n      onCloseClick={props?.onCloseClick}\n      onBeforeUpdateChannel={props?.onBeforeUpdateChannel}\n      onChannelModified={props?.onChannelModified}\n      onDeleteChannel={props?.onDeleteChannel}\n      disableUserProfile={props?.disableUserProfile}\n      renderUserProfile={props?.renderUserProfile}\n    >\n      <OpenChanneSettingslUI\n        renderOperatorUI={props?.renderOperatorUI}\n        renderParticipantList={props?.renderParticipantList}\n      />\n    </OpenChannelSettingsProvider>\n  );\n};\n\nexport default OpenChannelSetting;\n"],"names":["OpenChannelSetting","props","React","channelUrl","onCloseClick","onBeforeUpdateChannel","onChannelModified","onDeleteChannel","disableUserProfile","renderUserProfile","OpenChanneSettingslUI","renderOperatorUI","renderParticipantList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,kBAAkB,GAAuC,UAACC,KAAD,EAAgC;AAC7F,EAAA,oBACEC,6BAAC,2BAAD,EAAA;AACE,IAAA,UAAU,EAAED,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEE,UADrB;AAEE,IAAA,YAAY,EAAEF,KAAK,KAAL,IAAA,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEG,YAFvB;AAGE,IAAA,qBAAqB,EAAEH,KAAK,KAAL,IAAA,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEI,qBAHhC;AAIE,IAAA,iBAAiB,EAAEJ,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEK,iBAJ5B;AAKE,IAAA,eAAe,EAAEL,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEM,eAL1B;AAME,IAAA,kBAAkB,EAAEN,KAAK,SAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEO,kBAN7B;AAOE,IAAA,iBAAiB,EAAEP,KAAK,SAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEQ,iBAAAA;AAP5B,GAAA,eASEP,6BAACQ,aAAD,EAAA;AACE,IAAA,gBAAgB,EAAET,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEU,gBAD3B;AAEE,IAAA,qBAAqB,EAAEV,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEW,qBAAAA;AAFhC,GAAA,CATF,CADF,CAAA;AAgBD;;;;"}
+{"version":3,"file":"OpenChannelSettings.js","sources":["../src/modules/OpenChannelSettings/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport OpenChanneSettingslUI, { OpenChannelUIProps } from './components/OpenChannelSettingsUI';\nimport { OpenChannelSettingsContextProps, OpenChannelSettingsProvider } from './context/OpenChannelSettingsProvider';\n\nexport interface OpenChannelSettingsProps extends OpenChannelSettingsContextProps, OpenChannelUIProps {\n}\n\nconst OpenChannelSetting: React.FC<OpenChannelSettingsProps> = (props: OpenChannelSettingsProps) => {\n  return (\n    <OpenChannelSettingsProvider\n      channelUrl={props?.channelUrl}\n      onCloseClick={props?.onCloseClick}\n      onBeforeUpdateChannel={props?.onBeforeUpdateChannel}\n      onChannelModified={props?.onChannelModified}\n      onDeleteChannel={props?.onDeleteChannel}\n      disableUserProfile={props?.disableUserProfile}\n      renderUserProfile={props?.renderUserProfile}\n    >\n      <OpenChanneSettingslUI\n        renderOperatorUI={props?.renderOperatorUI}\n        renderParticipantList={props?.renderParticipantList}\n      />\n    </OpenChannelSettingsProvider>\n  );\n};\n\nexport default OpenChannelSetting;\n"],"names":["OpenChannelSetting","props","React","createElement","OpenChannelSettingsProvider","channelUrl","onCloseClick","onBeforeUpdateChannel","onChannelModified","onDeleteChannel","disableUserProfile","renderUserProfile","OpenChanneSettingslUI","renderOperatorUI","renderParticipantList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQMA,MAAAA,kBAAsD,GAAIC,KAA+B,IAAK;AAClG,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,2BAA2B,EAAA;AAC1BC,IAAAA,UAAU,EAAEJ,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEI,UAAW;AAC9BC,IAAAA,YAAY,EAAEL,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEK,YAAa;AAClCC,IAAAA,qBAAqB,EAAEN,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEM,qBAAsB;AACpDC,IAAAA,iBAAiB,EAAEP,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEO,iBAAkB;AAC5CC,IAAAA,eAAe,EAAER,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEQ,eAAgB;AACxCC,IAAAA,kBAAkB,EAAET,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAES,kBAAmB;AAC9CC,IAAAA,iBAAiB,EAAEV,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEU,iBAAAA;AAAkB,GAAA,eAE5CT,cAAA,CAAAC,aAAA,CAACS,aAAqB,EAAA;AACpBC,IAAAA,gBAAgB,EAAEZ,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEY,gBAAiB;AAC1CC,IAAAA,qBAAqB,EAAEb,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEa,qBAAAA;AAAsB,GAAA,CACpD,CAC0B,CAAA;AAElC;;;;"}

package/README.md

@@ -10,6 +10,8 @@ We are introducing a new version of the Sendbird Chat UIKit. Version 3 features
 ## Installation
 
 `npm i @sendbird/uikit-react`
+or if you're using yarn
+`yarn add @sendbird/uikit-react`
 
 For typescript projects, add `node_modules/@sendbird/uikit-react/index.d.ts` to your `include` section in tsconfig file to get type definitions
 
@@ -39,28 +41,41 @@ And many more...
 
 You need to install:
 * nodejs 16 LTS https://nodejs.org/en/download/
-* npm 8 or above
+* npm 8 >= or yarn
 
-We tried development on Mac OS / Linux systems. You might encounter problems in running `npm run build` in Windows machines
+**Caveats**
+ - We tried development on Mac OS / Linux systems. You might encounter problems in running `npm run build` or `yarn run build` in Windows machines
+ - If you use node.js >= 17 and see `ERR_OSSL_EVP_UNSUPPORTED` error on any run cmd, try to set `export NODE_OPTIONS=--openssl-legacy-provider` in the terminal
 
 ### Development
-
 We use storybook for development and rollup for building the npm distribution(bundled JS file)
-Make sure you have nodejs and npm installed and run
+Make sure you have nodejs and npm (or yarn) installed and run
 
-```
 Make a copy of .env.example and save it as .env
 Set your appId STORYBOOK_APP_ID
+
+```
 npm install
 npm run storybook
 ```
-> `npm run generate-component` generates a UI component skeleton in `src/ui`
+or
+```
+yarn install
+yarn storybook
+```
 
 * By default, storybook opens in http://localhost:6006/
 * Smart Components such as ChannelList, Channel, ChannelSetting, App can be found under `OTHERS`
 * Dumb components such as inputs, buttons etc can be found under `OTHERS/UI Components` in storybook sidebar
 * Overridden storybook configs can be found in: `./storybook`
 
+### Husky
+
+We use Husky for githooks
+
+To enable Husky in local, run:
+`yarn husky install` or `npx husky install`
+
 ### Build
 
 We use rollupJS for building the production bundle script that you want to use inside your applications.
@@ -70,6 +85,10 @@ We have both esm and commonjs output
 ```
 npm run build
 ```
+or
+```
+yarn run build
+```
 
 The bundled JS code can be found in `./release`
 The CSS is in `./release/dist/index.css`
@@ -81,12 +100,20 @@ We have implemented tests for dumb ui components only. Technologies used: Jest a
 ```
 npm run test
 ```
+or
+```
+yarn run test
+```
 
 ### Lint
 
 ```
 npm run lint
 ```
+or
+```
+yarn run lint
+```
 * .eslintrc.json lints ts files and .eslintrc.js lints js files
 
 
@@ -114,10 +141,32 @@ module.exports = {
 ```
 To read more: https://webpack.js.org/configuration/resolve/#resolvefallback
 
-### Creating/exporting new components
-
-1. Define your component inside './src'
-2. Add the following line to './src/index.js'
-  `export NewComponent from './src/location/of/NewComponent';`
-3. Add the following line to './exports.js'
-  `NewComponent: 'src/location/of/NewComponent',`
+### Creating/Exporting New Components
+
+1. Define your component inside `./src`.
+2. ~~Add the following line to `./src/index.ts`:~~
+    ```
+    export { default as NewComponent } from './src/location/of/NewComponent';
+    ```
+    - Will be imported as: `import { NewComponent } from '@sendbird/uikit-react';`
+    - We don't do this anymore for new components; we prefer fine-grained exports (as in step 3).
+3. Add the following line to `./exports.js`:
+    ```
+    NewComponent/SubComponent: 'location/of/NewComponent/SubComponent',
+    ```
+    - This component can be imported by the consumer as: `import SubComponent from '@sendbird/uikit-react/NewComponent/SubComponent';`
+4. Add type definitions to `scripts/index_d_ts`.
+
+### Scaffolding New Components
+
+1. Use `yarn run generate-component` to generate a UI component in `src/ui`. It uses [Plop.js](https://plopjs.com/) to generate the component.
+2. It can also be used to generate [reducers](/src/utils/typeHelpers/reducers/README.md).
+3. Plop templates are found in [here](/plop-templates).
+
+## Acknowledgments
+### LameJS
+
+We use lamejs for converting audio formats
+It is a fast mp3 encoder written in JavaScript. The original repo is:
+* https://lame.sourceforge.net or
+* https://github.com/zhuker/lamejs

package/RemoveMessageModal-9c0350c0.js

@@ -0,0 +1,36 @@
+import React__default, { useContext } from 'react';
+import Modal from './ui/Modal.js';
+import { ButtonTypes } from './ui/Button.js';
+import { a as LocalizationContext } from './LocalizationContext-25d6694d.js';
+import { u as useThreadContext } from './ThreadProvider-6ae0b041.js';
+
+const RemoveMessage = props => {
+  var _message$threadInfo;
+  const {
+    onCancel,
+    onSubmit,
+    message
+  } = props;
+  const {
+    stringSet
+  } = useContext(LocalizationContext);
+  const {
+    deleteMessage
+  } = useThreadContext();
+  return /*#__PURE__*/React__default.createElement(Modal, {
+    type: ButtonTypes.DANGER,
+    disabled: (message === null || message === void 0 ? void 0 : (_message$threadInfo = message.threadInfo) === null || _message$threadInfo === void 0 ? void 0 : _message$threadInfo.replyCount) > 0,
+    onCancel: onCancel,
+    onSubmit: () => {
+      deleteMessage(message).then(() => {
+        onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+        onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit();
+      });
+    },
+    submitText: stringSet.MESSAGE_MENU__DELETE,
+    titleText: stringSet.MODAL__DELETE_MESSAGE__TITLE
+  });
+};
+
+export { RemoveMessage as R };
+//# sourceMappingURL=RemoveMessageModal-9c0350c0.js.map

package/RemoveMessageModal-9c0350c0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoveMessageModal-9c0350c0.js","sources":["../src/modules/Thread/components/RemoveMessageModal.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport Modal from '../../../ui/Modal';\nimport { ButtonTypes } from '../../../ui/Button';\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\nimport { useThreadContext } from '../context/ThreadProvider';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nexport interface RemoveMessageProps {\n  onCancel: () => void; // rename to onClose\n  onSubmit?: () => void;\n  message: UserMessage | FileMessage;\n}\n\nconst RemoveMessage: React.FC<RemoveMessageProps> = (props: RemoveMessageProps) => {\n  const {\n    onCancel,\n    onSubmit,\n    message,\n  } = props;\n  const { stringSet } = useContext(LocalizationContext);\n  const {\n    deleteMessage,\n  } = useThreadContext();\n  return (\n    <Modal\n      type={ButtonTypes.DANGER}\n      disabled={message?.threadInfo?.replyCount > 0}\n      onCancel={onCancel}\n      onSubmit={() => {\n        deleteMessage(message).then(() => {\n          onCancel?.();\n          onSubmit?.();\n        });\n      }}\n      submitText={stringSet.MESSAGE_MENU__DELETE}\n      titleText={stringSet.MODAL__DELETE_MESSAGE__TITLE}\n    />\n  );\n};\n\nexport default RemoveMessage;\n"],"names":["RemoveMessage","props","_message$threadInfo","onCancel","onSubmit","message","stringSet","useContext","LocalizationContext","deleteMessage","useThreadContext","React","createElement","Modal","type","ButtonTypes","DANGER","disabled","threadInfo","replyCount","then","submitText","MESSAGE_MENU__DELETE","titleText","MODAL__DELETE_MESSAGE__TITLE"],"mappings":";;;;;;AAcMA,MAAAA,aAA2C,GAAIC,KAAyB,IAAK;AAAA,EAAA,IAAAC,mBAAA,CAAA;EACjF,MAAM;IACJC,QAAQ;IACRC,QAAQ;AACRC,IAAAA,OAAAA;AACF,GAAC,GAAGJ,KAAK,CAAA;EACT,MAAM;AAAEK,IAAAA,SAAAA;AAAU,GAAC,GAAGC,UAAU,CAACC,mBAAmB,CAAC,CAAA;EACrD,MAAM;AACJC,IAAAA,aAAAA;GACD,GAAGC,gBAAgB,EAAE,CAAA;AACtB,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;IACJC,IAAI,EAAEC,WAAW,CAACC,MAAO;AACzBC,IAAAA,QAAQ,EAAE,CAAAZ,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAH,mBAAA,GAAPG,OAAO,CAAEa,UAAU,cAAAhB,mBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAnBA,mBAAA,CAAqBiB,UAAU,IAAG,CAAE;AAC9ChB,IAAAA,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,MAAM;AACdK,MAAAA,aAAa,CAACJ,OAAO,CAAC,CAACe,IAAI,CAAC,MAAM;AAChCjB,QAAAA,QAAQ,KAARA,IAAAA,IAAAA,QAAQ,KAARA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,QAAQ,EAAI,CAAA;AACZC,QAAAA,QAAQ,KAARA,IAAAA,IAAAA,QAAQ,KAARA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,QAAQ,EAAI,CAAA;AACd,OAAC,CAAC,CAAA;KACF;IACFiB,UAAU,EAAEf,SAAS,CAACgB,oBAAqB;IAC3CC,SAAS,EAAEjB,SAAS,CAACkB,4BAAAA;GACrB,CAAA,CAAA;AAEN;;;;"}