@sendbird/uikit-react 3.4.5 → 3.4.6-0

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/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","createElement","Provider","value","UserProfileProvider","isOpenChannel","renderUserProfile","disableUserProfile","useOpenChannelSettingsContext","useContext"],"mappings":"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"}

package/OpenChannelSettings.js

@@ -3,41 +3,41 @@ import OpenChannelUI from './OpenChannelSettings/components/OpenChannelSettingsU
 import { OpenChannelSettingsProvider } from './OpenChannelSettings/context.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './tslib.es6-209c9f08.js';
-import './UserProfileContext-1996d4d2.js';
+import './tslib.es6-5180f9d1.js';
+import './UserProfileContext-12b6fabf.js';
 import 'prop-types';
-import './LocalizationContext-654ae04f.js';
-import './stringSet-7c7d84fc.js';
-import './index-cf141ad7.js';
-import './index-8e901b57.js';
+import './LocalizationContext-43b10f97.js';
+import './stringSet-2d42f6ff.js';
+import './index-0f373e79.js';
+import './index-8f0ae983.js';
 import './ui/Icon.js';
-import './index-0ecbda20.js';
+import './index-ec8cbdfb.js';
 import './ui/Loader.js';
 import './OpenChannelSettings/components/OperatorUI.js';
 import './OpenChannelSettings/components/OpenChannelProfile.js';
 import './ui/TextButton.js';
-import './color-f6e2214f.js';
+import './color-e54d3ed7.js';
 import './ui/OpenChannelAvatar.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-31c6ecb2.js';
-import './utils-12a3467f.js';
+import './uuid-368c5040.js';
+import './utils-760413c9.js';
 import './OpenChannelSettings/components/EditDetailsModal.js';
-import './topics-4697c2b3.js';
+import './topics-6d4bf2ed.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-12c44496.js';
+import './index-5c20d787.js';
 import './ui/Button.js';
 import './ui/IconButton.js';
-import './MediaQueryContext-e791a4d1.js';
+import './MediaQueryContext-f2df2472.js';
 import './ui/Input.js';
-import './index-437c0f3c.js';
+import './index-88523047.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
-import './index-83ae3ffe.js';
+import './index-cd1a9173.js';
 import './utils/message/getOutgoingMessageState.js';
-import './context-7465b898.js';
-import './utils-04bd857d.js';
+import './context-993ee0c3.js';
+import './utils-a7563986.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
 import '@sendbird/chat/openChannel';

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/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","createElement","OpenChannelSettingsProvider","channelUrl","onCloseClick","onBeforeUpdateChannel","onChannelModified","onDeleteChannel","disableUserProfile","renderUserProfile","OpenChanneSettingslUI","renderOperatorUI","renderParticipantList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,kBAAkB,GAAuC,UAACC,KAA+B,EAAA;AAC7F,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,2BAA2B,EAAA;AAC1BC,IAAAA,UAAU,EAAEJ,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEI,UAAW;AAC9BC,IAAAA,YAAY,EAAEL,KAAK,KAAL,IAAA,IAAAA,KAAK,uBAALA,KAAK,CAAEK,YAAa;AAClCC,IAAAA,qBAAqB,EAAEN,KAAK,KAAL,IAAA,IAAAA,KAAK,uBAALA,KAAK,CAAEM,qBAAsB;AACpDC,IAAAA,iBAAiB,EAAEP,KAAK,KAAA,IAAA,IAALA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEO,iBAAkB;AAC5CC,IAAAA,eAAe,EAAER,KAAK,KAAA,IAAA,IAALA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEQ,eAAgB;AACxCC,IAAAA,kBAAkB,EAAET,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAES,kBAAmB;AAC9CC,IAAAA,iBAAiB,EAAEV,KAAK,aAALA,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,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,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,CAExD,CAA8B,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,23 +41,29 @@ And many more...
 
 You need to install:
 * nodejs 16 LTS https://nodejs.org/en/download/
-* npm 8 or above
+* npm 8 >= or yarn
 
 **Caveats**
- - We tried development on Mac OS / Linux systems. You might encounter problems in running `npm run build` in Windows machines
+ - 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
+```
+> `yarn run generate-component` generates a UI component skeleton in `src/ui`
 
 * By default, storybook opens in http://localhost:6006/
 * Smart Components such as ChannelList, Channel, ChannelSetting, App can be found under `OTHERS`
@@ -71,6 +79,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`
@@ -82,12 +94,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
 
 

package/{RemoveMessageModal-938b400d.js → RemoveMessageModal-d0a5c64c.js}

@@ -1,15 +1,14 @@
 import React__default, { useContext } from 'react';
 import Modal from './ui/Modal.js';
 import { ButtonTypes } from './ui/Button.js';
-import { a as LocalizationContext } from './LocalizationContext-654ae04f.js';
-import { u as useThreadContext } from './ThreadProvider-faf3df5d.js';
+import { a as LocalizationContext } from './LocalizationContext-43b10f97.js';
+import { u as useThreadContext } from './ThreadProvider-533e9025.js';
 
 var RemoveMessage = function (props) {
   var _a;
-
   var onCancel = props.onCancel,
-      onSubmit = props.onSubmit,
-      message = props.message;
+    onSubmit = props.onSubmit,
+    message = props.message;
   var stringSet = useContext(LocalizationContext).stringSet;
   var deleteMessage = useThreadContext().deleteMessage;
   return /*#__PURE__*/React__default.createElement(Modal, {
@@ -28,4 +27,4 @@ var RemoveMessage = function (props) {
 };
 
 export { RemoveMessage as R };
-//# sourceMappingURL=RemoveMessageModal-938b400d.js.map
+//# sourceMappingURL=RemoveMessageModal-d0a5c64c.js.map

package/{RemoveMessageModal-938b400d.js.map → RemoveMessageModal-d0a5c64c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RemoveMessageModal-938b400d.js","sources":["../src/smart-components/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","onCancel","onSubmit","message","stringSet","useContext","LocalizationContext","deleteMessage","useThreadContext","React","ButtonTypes","DANGER","threadInfo","_a","replyCount","then","MESSAGE_MENU__DELETE","MODAL__DELETE_MESSAGE__TITLE"],"mappings":";;;;;;AAcA,IAAMA,aAAa,GAAiC,UAACC,KAAD,EAA0B;;;AAE1E,EAAA,IAAAC,QAAQ,GAGND,KAAK,CAAAC,QAHP;AAAA,MACAC,QAAQ,GAENF,KAAK,CAAAE,QAHP;AAAA,MAEAC,OAAO,GACLH,KAAK,QAHP,CAAA;AAIM,EAAA,IAAAI,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd,CAAA;AAEN,EAAA,IAAAC,aAAa,GACXC,gBAAgB,EAAA,cADlB,CAAA;AAEF,EAAA,oBACEC,6BAAC,KAAD,EAAA;IACE,IAAI,EAAEC,WAAW,CAACC,MADpB;AAEE,IAAA,QAAQ,EAAE,CAAA,MAAAR,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAES,UAAT,MAAqB,IAArB,IAAqBC,EAAA,KAAA,KAAA,CAArB,GAAqB,KAAA,CAArB,GAAqBA,EAAA,CAAAC,UAArB,IAAkC,CAF9C;AAGE,IAAA,QAAQ,EAAEb,QAHZ;AAIE,IAAA,QAAQ,EAAE,YAAA;AACRM,MAAAA,aAAa,CAACJ,OAAD,CAAb,CAAuBY,IAAvB,CAA4B,YAAA;AAC1Bd,QAAAA,QAAQ,KAAR,IAAA,IAAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,QAAQ,EAAR,CAAA;AACAC,QAAAA,QAAQ,KAAR,IAAA,IAAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,QAAQ,EAAR,CAAA;OAFF,CAAA,CAAA;KALJ;IAUE,UAAU,EAAEE,SAAS,CAACY,oBAVxB;IAWE,SAAS,EAAEZ,SAAS,CAACa,4BAAAA;GAZzB,CAAA,CAAA;AAeD;;;;"}
+{"version":3,"file":"RemoveMessageModal-d0a5c64c.js","sources":["../src/smart-components/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","onCancel","onSubmit","message","stringSet","useContext","LocalizationContext","deleteMessage","useThreadContext","React","createElement","Modal","type","ButtonTypes","DANGER","disabled","threadInfo","_a","replyCount","then","submitText","MESSAGE_MENU__DELETE","titleText","MODAL__DELETE_MESSAGE__TITLE"],"mappings":";;;;;;AAcA,IAAMA,aAAa,GAAiC,UAACC,KAAyB,EAAA;;AAE1E,EAAA,IAAAC,QAAQ,GAGND,KAAK,CAAAC,QAHC;IACRC,QAAQ,GAENF,KAAK,CAAAE,QAFC;IACRC,OAAO,GACLH,KAAK,QADA,CAAA;AAED,EAAA,IAAAI,SAAS,GAAKC,UAAU,CAACC,mBAAmB,CAAC,UAApC,CAAA;AAEf,EAAA,IAAAC,aAAa,GACXC,gBAAgB,EAAE,cADP,CAAA;AAEf,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;IACJC,IAAI,EAAEC,WAAW,CAACC,MAAO;AACzBC,IAAAA,QAAQ,EAAE,CAAA,MAAAZ,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEa,UAAU,MAAE,IAAA,IAAAC,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAC,UAAU,IAAG,CAAE;AAC9CjB,IAAAA,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAE,YAAA;AACRK,MAAAA,aAAa,CAACJ,OAAO,CAAC,CAACgB,IAAI,CAAC,YAAA;AAC1BlB,QAAAA,QAAQ,KAAR,IAAA,IAAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,QAAQ,EAAI,CAAA;AACZC,QAAAA,QAAQ,KAAR,IAAA,IAAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,QAAQ,EAAI,CAAA;AACd,OAAC,CAAC,CAAA;KACF;IACFkB,UAAU,EAAEhB,SAAS,CAACiB,oBAAqB;IAC3CC,SAAS,EAAElB,SAAS,CAACmB,4BAAAA;GACrB,CAAA,CAAA;AAEN;;;;"}