@sendbird/uikit-react 3.14.5 → 3.14.7-rc-1

package/README.md

@@ -1,4 +1,4 @@
-# sendbird-uikit
+# @sendbird/uikit-react
 
 [![Platform React](https://img.shields.io/badge/Platform-React-orange.svg)](https://reactjs.org)
 [![Language TypeScript](https://img.shields.io/badge/Language-TypeScript-orange.svg)](https://www.typescriptlang.org/)
@@ -41,35 +41,31 @@ You need to install:
 * [nodejs](https://nodejs.org/en/download/) 18>=
 * npm 9>= or yarn 3>=
 
-### Development
+
+## Development
  
-We use storybook for development and rollup for building the npm distribution(bundled JS file)
-Make sure you have nodejs and yarn(or npm) installed and run
+We use vite app for development and rollup for building the npm distribution(bundled JS file)
+Make sure you have nodejs and yarn installed and run
 
-> Make a copy of .env.example and save it as .env 
-> Set your appId `STORYBOOK_APP_ID`
+> Make a copy of `apps/testing/.env.example` and save it as `apps/testing/.env` 
+> Set your appId to `VITE_APP_ID`
 
-```
+```shell
 yarn install
-yarn storybook
-```
-or
-```
-npm install
-npm run storybook
+yarn dev
 ```
 
-* 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`
+* By default, vite app opens in http://localhost:5173/
+* Please refer to the following link for more details: [Link](apps/testing/README.md)
 
-### Husky
+### Storybook
 
-We use Husky for githooks
+We provide a Storybook to easily view and understand the components.
+<br/>https://sendbird.github.io/sendbird-uikit-react/
 
-To enable Husky in local, run:
-`yarn husky install` or `npx husky install`
+```shell
+yarn storybook
+```
 
 ### Build
 
@@ -80,69 +76,31 @@ We have both `ESM` and `CJS` output
 ```
 yarn build
 ```
-or
-```
-npm run build
-```
 
 The bundled JS code can be found in `./dist`
 The CSS is in `./dist/dist/index.css`
 
 **Caveats**
- - We tried development on Mac OS / Linux systems. You might encounter problems in running `yarn build` or `npm run build` in Windows machines
+ - We tried development on Mac OS / Linux systems. You might encounter problems in running `yarn build`  in Windows machines
 
-## Running the tests
+### Tests
 
 We have implemented tests for dumb ui components only. Technologies used: Jest and testing-library
 
 ```
 yarn test
 ```
-or
-```
-npm run test
-```
 
 ### Lint
 
 ```
 yarn lint
 ```
-or
-```
-npm run lint
-```
-
-* .eslintrc.json lints ts files and .eslintrc.js lints js files
-
-### Webpack 5
-
-Webpack 5 removes stream and buffer componets from default polyfill
-To enable these, install buffer and stream and then add the following to webpack.cofig.js
-```javascript
-module.exports = {
-  //...
-  resolve: {
-    fallback: {
-      buffer: require.resolve('buffer'),
-      stream: require.resolve('stream-browserify'),
-    },
-  },
-};
-
-```
-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.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 `./rollup.module-exports.js`:
+2. Add the following line to `./rollup.module-exports.js`:
     ```
     'NewComponent/SubComponent': 'location/of/NewComponent/SubComponent',
     ```

package/SendbirdProvider.js

@@ -1,34 +1,34 @@
-import { _ as __assign, a as __awaiter, b as __generator, c as __spreadArray } from './chunks/bundle-CDy_GVNR.js';
+import { _ as __assign, a as __awaiter, b as __generator, c as __spreadArray } from './chunks/bundle-zAvvLMA9.js';
 import React__default, { useLayoutEffect, useRef, useEffect, useCallback, useMemo, useState, useReducer } from 'react';
 import { UIKitConfigProvider, useUIKitConfig } from '@sendbird/uikit-tools';
 import { SendbirdSdkContext } from './withSendbird.js';
 import cssVars from 'css-vars-ponyfill';
-import { K, a3 as isTextuallyNull } from './chunks/bundle-BH5EGLxi.js';
-import { U as USER_ACTIONS } from './chunks/bundle-u9Zl-7Je.js';
-import { s as schedulerFactory, b as useUnmount, u as useOnlineStatus, a as useMarkAsDeliveredScheduler } from './chunks/bundle-CUOi3VHK.js';
+import { K, a3 as isTextuallyNull } from './chunks/bundle-CMOqM33u.js';
+import { U as USER_ACTIONS } from './chunks/bundle-1hNoUBra.js';
+import { s as schedulerFactory, b as useUnmount, u as useOnlineStatus, a as useMarkAsDeliveredScheduler } from './chunks/bundle-Bi-TBZ5J.js';
 import SendbirdChat, { SendbirdProduct, SendbirdPlatform, DeviceOsPlatform } from '@sendbird/chat';
 import { OpenChannelModule } from '@sendbird/chat/openChannel';
 import { GroupChannelModule } from '@sendbird/chat/groupChannel';
-import { n as noop } from './chunks/bundle-DhJuLwLJ.js';
-import { p as pubSubFactory } from './chunks/bundle-E4462uBn.js';
-import { b as VoicePlayerProvider } from './chunks/bundle-D2MpL8t0.js';
-import { V as VoiceRecorderProvider, E as EmojiManager, G as GlobalModalProvider, d as ModalRoot } from './chunks/bundle-DiVyB2HD.js';
-import { a as LocalizationProvider } from './chunks/bundle-CAdxJnio.js';
-import { u as useMediaQueryContext, M as MediaQueryProvider } from './chunks/bundle-Cj-w5I5i.js';
-import { g as getStringSet } from './chunks/bundle-B621kS6J.js';
-import { C as CACHED_MESSAGE_TEMPLATES_TOKEN_KEY, m as CACHED_MESSAGE_TEMPLATES_KEY, n as DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT, o as VOICE_RECORDER_DEFAULT_MAX, d as VOICE_RECORDER_DEFAULT_MIN } from './chunks/bundle-thdxvFU8.js';
-import { g as getCaseResolvedReplyType } from './chunks/bundle-B26G55qN.js';
+import { n as noop } from './chunks/bundle-Dl6p5CcR.js';
+import { p as pubSubFactory } from './chunks/bundle-B5bq9SyP.js';
+import { b as VoicePlayerProvider } from './chunks/bundle-CflUdLjG.js';
+import { V as VoiceRecorderProvider, E as EmojiManager, G as GlobalModalProvider, d as ModalRoot } from './chunks/bundle-DEcnZTr9.js';
+import { a as LocalizationProvider } from './chunks/bundle-4r7ZPzcx.js';
+import { u as useMediaQueryContext, M as MediaQueryProvider } from './chunks/bundle-DS8lmYaF.js';
+import { g as getStringSet } from './chunks/bundle-BvFSwy4a.js';
+import { C as CACHED_MESSAGE_TEMPLATES_TOKEN_KEY, m as CACHED_MESSAGE_TEMPLATES_KEY, n as DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT, o as DEFAULT_UPLOAD_SIZE_LIMIT, p as VOICE_RECORDER_DEFAULT_MAX, i as VOICE_RECORDER_DEFAULT_MIN } from './chunks/bundle-DaqQkuav.js';
+import { g as getCaseResolvedReplyType } from './chunks/bundle-DakS7HX2.js';
 import { EmojiReactionListRoot, MenuRoot } from './ui/ContextMenu.js';
 export { useSendbirdStateContext } from './useSendbirdStateContext.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-8J9SSfIS.js';
+import './chunks/bundle-sq0c8UmG.js';
 import 'react-dom';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-q3jyuKU7.js';
+import './chunks/bundle-DyVURRtM.js';
 import './ui/Icon.js';
-import './chunks/bundle-2vhBVWLQ.js';
-import './chunks/bundle-9Pg6kODx.js';
+import './chunks/bundle-HbS5lB90.js';
+import './chunks/bundle-D2RTt6tN.js';
 import './ui/SortByRow.js';
 
 var isEmpty = function (obj) {
@@ -286,7 +286,7 @@ function disconnectSdk(_a) {
     });
 }
 
-var APP_VERSION_STRING = '3.14.5';
+var APP_VERSION_STRING = '3.14.7-rc-1';
 var INIT_SDK = SDK_ACTIONS.INIT_SDK, SET_SDK_LOADING = SDK_ACTIONS.SET_SDK_LOADING, RESET_SDK = SDK_ACTIONS.RESET_SDK, SDK_ERROR = SDK_ACTIONS.SDK_ERROR;
 var INIT_USER = USER_ACTIONS.INIT_USER, UPDATE_USER_INFO = USER_ACTIONS.UPDATE_USER_INFO, RESET_USER = USER_ACTIONS.RESET_USER;
 function getMissingParamError(_a) {
@@ -980,25 +980,25 @@ function SendbirdProvider(props) {
 }
 var SendbirdSDK = function (_a) {
     var _b, _c, _d;
-    var appId = _a.appId, userId = _a.userId, children = _a.children, accessToken = _a.accessToken, customApiHost = _a.customApiHost, customWebSocketHost = _a.customWebSocketHost, _e = _a.configureSession, configureSession = _e === void 0 ? null : _e, _f = _a.theme, theme = _f === void 0 ? 'light' : _f, _g = _a.config, config = _g === void 0 ? {} : _g, _h = _a.nickname, nickname = _h === void 0 ? '' : _h, _j = _a.colorSet, colorSet = _j === void 0 ? null : _j, _k = _a.stringSet, stringSet = _k === void 0 ? null : _k, _l = _a.dateLocale, dateLocale = _l === void 0 ? null : _l, _m = _a.profileUrl, profileUrl = _m === void 0 ? '' : _m, voiceRecord = _a.voiceRecord, _o = _a.userListQuery, userListQuery = _o === void 0 ? null : _o, _p = _a.imageCompression, imageCompression = _p === void 0 ? {} : _p, _q = _a.allowProfileEdit, allowProfileEdit = _q === void 0 ? false : _q, _r = _a.disableMarkAsDelivered, disableMarkAsDelivered = _r === void 0 ? false : _r, _s = _a.renderUserProfile, renderUserProfile = _s === void 0 ? null : _s, _t = _a.onUserProfileMessage, onUserProfileMessage = _t === void 0 ? null : _t, _u = _a.breakpoint, breakpoint = _u === void 0 ? false : _u, _v = _a.isUserIdUsedForNickname, isUserIdUsedForNickname = _v === void 0 ? true : _v, sdkInitParams = _a.sdkInitParams, customExtensionParams = _a.customExtensionParams, _w = _a.isMultipleFilesMessageEnabled, isMultipleFilesMessageEnabled = _w === void 0 ? false : _w, eventHandlers = _a.eventHandlers;
-    var _x = config.logLevel, logLevel = _x === void 0 ? '' : _x, _y = config.userMention, userMention = _y === void 0 ? {} : _y, _z = config.isREMUnitEnabled, isREMUnitEnabled = _z === void 0 ? false : _z, customPubSub = config.pubSub;
+    var appId = _a.appId, userId = _a.userId, children = _a.children, accessToken = _a.accessToken, customApiHost = _a.customApiHost, customWebSocketHost = _a.customWebSocketHost, configureSession = _a.configureSession, _e = _a.theme, theme = _e === void 0 ? 'light' : _e, _f = _a.config, config = _f === void 0 ? {} : _f, _g = _a.nickname, nickname = _g === void 0 ? '' : _g, colorSet = _a.colorSet, stringSet = _a.stringSet, dateLocale = _a.dateLocale, _h = _a.profileUrl, profileUrl = _h === void 0 ? '' : _h, voiceRecord = _a.voiceRecord, userListQuery = _a.userListQuery, _j = _a.imageCompression, imageCompression = _j === void 0 ? {} : _j, _k = _a.allowProfileEdit, allowProfileEdit = _k === void 0 ? false : _k, _l = _a.disableMarkAsDelivered, disableMarkAsDelivered = _l === void 0 ? false : _l, renderUserProfile = _a.renderUserProfile, onUserProfileMessage = _a.onUserProfileMessage, _m = _a.breakpoint, breakpoint = _m === void 0 ? false : _m, _o = _a.isUserIdUsedForNickname, isUserIdUsedForNickname = _o === void 0 ? true : _o, sdkInitParams = _a.sdkInitParams, customExtensionParams = _a.customExtensionParams, _p = _a.isMultipleFilesMessageEnabled, isMultipleFilesMessageEnabled = _p === void 0 ? false : _p, eventHandlers = _a.eventHandlers;
+    var _q = config.logLevel, logLevel = _q === void 0 ? '' : _q, _r = config.userMention, userMention = _r === void 0 ? {} : _r, _s = config.isREMUnitEnabled, isREMUnitEnabled = _s === void 0 ? false : _s, customPubSub = config.pubSub;
     var isMobile = useMediaQueryContext().isMobile;
-    var _0 = useState(LoggerFactory(logLevel)), logger = _0[0], setLogger = _0[1];
+    var _t = useState(LoggerFactory(logLevel)), logger = _t[0], setLogger = _t[1];
     var pubSub = useState(function () { return customPubSub !== null && customPubSub !== void 0 ? customPubSub : pubSubFactory(); })[0];
-    var _1 = useReducer(reducer$2, initialState$2), sdkStore = _1[0], sdkDispatcher = _1[1];
-    var _2 = useReducer(reducer$1, initialState$1), userStore = _2[0], userDispatcher = _2[1];
-    var _3 = useReducer(reducer, initialState), appInfoStore = _3[0], appInfoDispatcher = _3[1];
-    var _4 = useUIKitConfig(), configs = _4.configs, configsWithAppAttr = _4.configsWithAppAttr, initDashboardConfigs = _4.initDashboardConfigs;
+    var _u = useReducer(reducer$2, initialState$2), sdkStore = _u[0], sdkDispatcher = _u[1];
+    var _v = useReducer(reducer$1, initialState$1), userStore = _v[0], userDispatcher = _v[1];
+    var _w = useReducer(reducer, initialState), appInfoStore = _w[0], appInfoDispatcher = _w[1];
+    var _x = useUIKitConfig(), configs = _x.configs, configsWithAppAttr = _x.configsWithAppAttr, initDashboardConfigs = _x.initDashboardConfigs;
     var sdkInitialized = sdkStore.initialized;
     var sdk = sdkStore === null || sdkStore === void 0 ? void 0 : sdkStore.sdk;
-    var _5 = (_b = sdk === null || sdk === void 0 ? void 0 : sdk.appInfo) !== null && _b !== void 0 ? _b : {}, uploadSizeLimit = _5.uploadSizeLimit, multipleFilesMessageFileCountLimit = _5.multipleFilesMessageFileCountLimit;
+    var _y = (_b = sdk === null || sdk === void 0 ? void 0 : sdk.appInfo) !== null && _b !== void 0 ? _b : {}, uploadSizeLimit = _y.uploadSizeLimit, multipleFilesMessageFileCountLimit = _y.multipleFilesMessageFileCountLimit;
     useTheme(colorSet);
-    var _6 = useMessageTemplateUtils({
+    var _z = useMessageTemplateUtils({
         sdk: sdk,
         logger: logger,
         appInfoStore: appInfoStore,
         appInfoDispatcher: appInfoDispatcher,
-    }), getCachedTemplate = _6.getCachedTemplate, updateMessageTemplatesInfo = _6.updateMessageTemplatesInfo, initializeMessageTemplatesInfo = _6.initializeMessageTemplatesInfo;
+    }), getCachedTemplate = _z.getCachedTemplate, updateMessageTemplatesInfo = _z.updateMessageTemplatesInfo, initializeMessageTemplatesInfo = _z.initializeMessageTemplatesInfo;
     var utils = {
         updateMessageTemplatesInfo: updateMessageTemplatesInfo,
         getCachedTemplate: getCachedTemplate,
@@ -1041,15 +1041,15 @@ var SendbirdSDK = function (_a) {
         setLogger(LoggerFactory(logLevel));
     }, [logLevel]);
     // should move to reducer
-    var _7 = useState(theme), currentTheme = _7[0], setCurrentTheme = _7[1];
+    var _0 = useState(theme), currentTheme = _0[0], setCurrentTheme = _0[1];
     useEffect(function () {
         setCurrentTheme(theme);
     }, [theme]);
     useEffect(function () {
         var body = document.querySelector('body');
-        body.classList.remove('sendbird-experimental__rem__units');
+        body === null || body === void 0 ? void 0 : body.classList.remove('sendbird-experimental__rem__units');
         if (isREMUnitEnabled) {
-            body.classList.add('sendbird-experimental__rem__units');
+            body === null || body === void 0 ? void 0 : body.classList.add('sendbird-experimental__rem__units');
         }
     }, [isREMUnitEnabled]);
     // add-remove theme from body
@@ -1057,9 +1057,9 @@ var SendbirdSDK = function (_a) {
         logger.info('Setup theme', "Theme: ".concat(currentTheme));
         try {
             var body = document.querySelector('body');
-            body.classList.remove('sendbird-theme--light');
-            body.classList.remove('sendbird-theme--dark');
-            body.classList.add("sendbird-theme--".concat(currentTheme || 'light'));
+            body === null || body === void 0 ? void 0 : body.classList.remove('sendbird-theme--light');
+            body === null || body === void 0 ? void 0 : body.classList.remove('sendbird-theme--dark');
+            body === null || body === void 0 ? void 0 : body.classList.add("sendbird-theme--".concat(currentTheme || 'light'));
             logger.info('Finish setup theme');
             // eslint-disable-next-line no-empty
         }
@@ -1069,8 +1069,8 @@ var SendbirdSDK = function (_a) {
         return function () {
             try {
                 var body = document.querySelector('body');
-                body.classList.remove('sendbird-theme--light');
-                body.classList.remove('sendbird-theme--dark');
+                body === null || body === void 0 ? void 0 : body.classList.remove('sendbird-theme--light');
+                body === null || body === void 0 ? void 0 : body.classList.remove('sendbird-theme--dark');
                 // eslint-disable-next-line no-empty
             }
             catch (_a) { }
@@ -1080,9 +1080,6 @@ var SendbirdSDK = function (_a) {
     var markAsReadScheduler = useMarkAsReadScheduler({ isConnected: isOnline }, { logger: logger });
     var markAsDeliveredScheduler = useMarkAsDeliveredScheduler({ isConnected: isOnline }, { logger: logger });
     var localeStringSet = React__default.useMemo(function () {
-        if (!stringSet) {
-            return getStringSet('en');
-        }
         return __assign(__assign({}, getStringSet('en')), stringSet);
     }, [stringSet]);
     /**
@@ -1092,9 +1089,6 @@ var SendbirdSDK = function (_a) {
     var uikitMultipleFilesMessageLimit = useMemo(function () {
         return Math.min(DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT, multipleFilesMessageFileCountLimit !== null && multipleFilesMessageFileCountLimit !== void 0 ? multipleFilesMessageFileCountLimit : Number.MAX_SAFE_INTEGER);
     }, [multipleFilesMessageFileCountLimit]);
-    var uikitUploadSizeLimit = useMemo(function () {
-        return uploadSizeLimit;
-    }, [uploadSizeLimit]);
     // Emoji Manager
     var emojiManager = useMemo(function () {
         return new EmojiManager({
@@ -1127,7 +1121,7 @@ var SendbirdSDK = function (_a) {
                 setCurrentTheme: setCurrentTheme,
                 setCurrenttheme: setCurrentTheme, // deprecated: typo
                 isMultipleFilesMessageEnabled: isMultipleFilesMessageEnabled,
-                uikitUploadSizeLimit: uikitUploadSizeLimit,
+                uikitUploadSizeLimit: uploadSizeLimit !== null && uploadSizeLimit !== void 0 ? uploadSizeLimit : DEFAULT_UPLOAD_SIZE_LIMIT,
                 uikitMultipleFilesMessageLimit: uikitMultipleFilesMessageLimit,
                 userListQuery: userListQuery,
                 logger: logger,

package/SendbirdProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SendbirdProvider.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SendbirdProvider.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/Thread/components/ParentMessageInfo.js

@@ -1,33 +1,33 @@
-import { c as __spreadArray, _ as __assign, a as __awaiter, b as __generator } from '../../chunks/bundle-CDy_GVNR.js';
+import { c as __spreadArray, _ as __assign, a as __awaiter, b as __generator } from '../../chunks/bundle-zAvvLMA9.js';
 import React__default, { useState, useRef, useEffect, useContext } from 'react';
-import { f as format } from '../../chunks/bundle-DQ3tLeW9.js';
-import { R as RemoveMessage } from '../../chunks/bundle-BfjOoJk6.js';
+import { f as format } from '../../chunks/bundle-BWOr3gdK.js';
+import { R as RemoveMessage } from '../../chunks/bundle-BEXPH5wy.js';
 import ParentMessageInfoItem from './ParentMessageInfoItem.js';
-import { f as getSenderName } from '../../chunks/bundle-BH5EGLxi.js';
-import { g as getIsReactionEnabled } from '../../chunks/bundle-BxaysvGU.js';
-import { u as useLocalization } from '../../chunks/bundle-CAdxJnio.js';
+import { f as getSenderName } from '../../chunks/bundle-CMOqM33u.js';
+import { g as getIsReactionEnabled } from '../../chunks/bundle-MjyZT4_4.js';
+import { u as useLocalization } from '../../chunks/bundle-4r7ZPzcx.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
 import { useThreadContext } from '../context.js';
-import { a as UserProfileContext } from '../../chunks/bundle-60et0yds.js';
-import { S as SuggestedMentionList } from '../../chunks/bundle-CLQfFjkS.js';
-import { A as Avatar } from '../../chunks/bundle-C1XVT5qc.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-q3jyuKU7.js';
-import { F as FileViewer } from '../../chunks/bundle-DYmy2oK3.js';
+import { a as UserProfileContext } from '../../chunks/bundle-CPH6jPCe.js';
+import { S as SuggestedMentionList } from '../../chunks/bundle-PXw9RwTY.js';
+import { A as Avatar } from '../../chunks/bundle-lS9BV-1I.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-DyVURRtM.js';
+import { F as FileViewer } from '../../chunks/bundle-BT85GO4x.js';
 import { MessageMenu } from '../../ui/MessageItemMenu.js';
 import { MessageEmojiMenu } from '../../ui/MessageItemReactionMenu.js';
 import ContextMenu, { MenuItems } from '../../ui/ContextMenu.js';
 import UserProfile from '../../ui/UserProfile.js';
 import MessageInput from '../../ui/MessageInput.js';
-import { M as MessageInputKeys } from '../../chunks/bundle-C5i4dn9q.js';
-import { R as Role } from '../../chunks/bundle-hF8Gurf8.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-Cj-w5I5i.js';
-import { u as useLongPress } from '../../chunks/bundle-xHRJMo_A.js';
-import { M as MobileMenu } from '../../chunks/bundle-C6yCDg1g.js';
+import { M as MessageInputKeys } from '../../chunks/bundle-6v-jzonm.js';
+import { R as Role } from '../../chunks/bundle-Dj4qcISv.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-DS8lmYaF.js';
+import { u as useLongPress } from '../../chunks/bundle-BNZI6WLw.js';
+import { M as MobileMenu } from '../../chunks/bundle-LG8yCDNB.js';
 import { useDirtyGetMentions } from '../../Message/hooks/useDirtyGetMentions.js';
-import { g as getCaseResolvedReplyType } from '../../chunks/bundle-B26G55qN.js';
-import '../../chunks/bundle-9Pg6kODx.js';
-import '../../chunks/bundle-DiVyB2HD.js';
-import '../../chunks/bundle-DhJuLwLJ.js';
+import { g as getCaseResolvedReplyType } from '../../chunks/bundle-DakS7HX2.js';
+import { c as classnames } from '../../chunks/bundle-Dl6p5CcR.js';
+import '../../chunks/bundle-D2RTt6tN.js';
+import '../../chunks/bundle-DEcnZTr9.js';
 import 'react-dom';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
@@ -36,16 +36,16 @@ import '@sendbird/uikit-tools';
 import '../../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../../chunks/bundle-8J9SSfIS.js';
+import '../../chunks/bundle-sq0c8UmG.js';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import '../../chunks/bundle-D2MpL8t0.js';
-import '../../chunks/bundle-thdxvFU8.js';
-import '../../chunks/bundle-2vhBVWLQ.js';
-import '../../chunks/bundle-Chn4Xw78.js';
+import '../../chunks/bundle-CflUdLjG.js';
+import '../../chunks/bundle-DaqQkuav.js';
+import '../../chunks/bundle-HbS5lB90.js';
+import '../../chunks/bundle-Kycskx-O.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-BCuW6lS8.js';
+import '../../chunks/bundle-BgxEVQoU.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/ReactionButton.js';
@@ -53,10 +53,10 @@ import '../../ui/BottomSheet.js';
 import '../../ui/UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
-import '../../chunks/bundle-B621kS6J.js';
-import '../../chunks/bundle-BQPvwBK8.js';
+import '../../chunks/bundle-BvFSwy4a.js';
+import '../../chunks/bundle-BEDpWEUq.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-CtgXJZJt.js';
+import '../../chunks/bundle-Dub0HHFi.js';
 import '../../ui/SortByRow.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../ui/Tooltip.js';
@@ -67,25 +67,25 @@ import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-DEFOjZw9.js';
-import '../../chunks/bundle-HhDUyQa4.js';
+import '../../chunks/bundle-C0hkVQ_x.js';
+import '../../chunks/bundle-CVf0xQqZ.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
-import '../../chunks/bundle-CclWZYVY.js';
+import '../../chunks/bundle-BeNijzt4.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-BEbribQZ.js';
-import '../../chunks/bundle-CDMcNani.js';
+import '../../chunks/bundle-CJRugtlL.js';
+import '../../chunks/bundle-V1KP3Yq2.js';
 import '../context/types.js';
-import '../../chunks/bundle-KmtzKHnJ.js';
-import '../../chunks/bundle-DwPw_RW5.js';
-import '../../chunks/bundle-BUMKThPh.js';
-import '../../chunks/bundle-DudTIr4X.js';
-import '../../chunks/bundle-Cw_yF4Vi.js';
-import '../../chunks/bundle-Dpj_mOs8.js';
+import '../../chunks/bundle-BIrNrKkq.js';
+import '../../chunks/bundle-YyfBbrXK.js';
+import '../../chunks/bundle-GH8narZ-.js';
+import '../../chunks/bundle-DXjbblWF.js';
+import '../../chunks/bundle-AoovKWt6.js';
+import '../../chunks/bundle--aWriVp-.js';
 import 'dompurify';
-import '../../chunks/bundle-YveljAuC.js';
-import '../../chunks/bundle-DUVa5cu6.js';
-import '../../chunks/bundle-C2B-jwQF.js';
+import '../../chunks/bundle-q8TfLkpw.js';
+import '../../chunks/bundle-jD9nAlqc.js';
+import '../../chunks/bundle-BdXUzVaM.js';
 
 function ParentMessageInfo(_a) {
     var _this = this;
@@ -156,9 +156,8 @@ function ParentMessageInfo(_a) {
         return __generator(this, function (_c) {
             switch (_c.label) {
                 case 0:
-                    if (!onBeforeDownloadFileMessage) {
-                        return [2 /*return*/, null];
-                    }
+                    if (!onBeforeDownloadFileMessage)
+                        return [2 /*return*/];
                     _c.label = 1;
                 case 1:
                     _c.trys.push([1, 3, , 4]);
@@ -183,7 +182,7 @@ function ParentMessageInfo(_a) {
     var _w = useContext(UserProfileContext), disableUserProfile = _w.disableUserProfile, renderUserProfile = _w.renderUserProfile;
     if (showEditInput && ((_d = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.isUserMessage) === null || _d === void 0 ? void 0 : _d.call(parentMessage))) {
         return (React__default.createElement(React__default.Fragment, null,
-            displaySuggestedMentionList && (React__default.createElement(SuggestedMentionList, { className: "parent-message-info--suggested-mention-list", targetNickname: mentionNickname, inputEvent: messageInputEvent, 
+            displaySuggestedMentionList && (React__default.createElement(SuggestedMentionList, { className: "parent-message-info--suggested-mention-list", targetNickname: mentionNickname, inputEvent: messageInputEvent !== null && messageInputEvent !== void 0 ? messageInputEvent : undefined, 
                 // renderUserMentionItem={renderUserMentionItem}
                 onUserItemClick: function (user) {
                     if (user) {
@@ -257,13 +256,15 @@ function ParentMessageInfo(_a) {
                     React__default.createElement(UserProfile, { user: parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender, currentUserId: userId, onSuccess: closeDropdown })))); } }),
         React__default.createElement("div", { className: "sendbird-parent-message-info__content" },
             React__default.createElement("div", { className: "sendbird-parent-message-info__content__info" },
-                React__default.createElement(Label, { className: "sendbird-parent-message-info__content__info__sender-name".concat(isReactionEnabled ? '--use-reaction' : ''), type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_2 }, ((_f = (_e = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.members) === null || _e === void 0 ? void 0 : _e.find(function (member) { var _a; return (member === null || member === void 0 ? void 0 : member.userId) === ((_a = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _a === void 0 ? void 0 : _a.userId); })) === null || _f === void 0 ? void 0 : _f.nickname) || (getSenderName === null || getSenderName === void 0 ? void 0 : getSenderName(parentMessage))),
+                React__default.createElement(Label, { className: isReactionEnabled
+                        ? 'sendbird-parent-message-info__content__info__sender-name--use-reaction'
+                        : 'sendbird-parent-message-info__content__info__sender-name', type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_2 }, ((_f = (_e = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.members) === null || _e === void 0 ? void 0 : _e.find(function (member) { var _a; return (member === null || member === void 0 ? void 0 : member.userId) === ((_a = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _a === void 0 ? void 0 : _a.userId); })) === null || _f === void 0 ? void 0 : _f.nickname) || (getSenderName === null || getSenderName === void 0 ? void 0 : getSenderName(parentMessage))),
                 React__default.createElement(Label, { className: "sendbird-parent-message-info__content__info__sent-at", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, format((parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.createdAt) || 0, 'p', { locale: dateLocale }))),
             React__default.createElement(ParentMessageInfoItem, { message: parentMessage, showFileViewer: setShowFileViewer, onBeforeDownloadFileMessage: onBeforeDownloadFileMessage })),
-        !isMobile && (React__default.createElement(MessageMenu, { className: "sendbird-parent-message-info__context-menu ".concat(isReactionEnabled ? 'use-reaction' : '', " ").concat(supposedHover ? 'sendbird-mouse-hover' : ''), channel: currentChannel, message: parentMessage, isByMe: userId === ((_g = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _g === void 0 ? void 0 : _g.userId), disableDeleteMessage: allThreadMessages.length > 0, replyType: replyType, showEdit: setShowEditInput, showRemove: setShowRemove, setSupposedHover: setSupposedHover, onMoveToParentMessage: function () {
-                onMoveToParentMessage({ message: parentMessage, channel: currentChannel });
+        !isMobile && (React__default.createElement(MessageMenu, { className: classnames('sendbird-parent-message-info__context-menu', isReactionEnabled && 'use-reaction', supposedHover && 'sendbird-mouse-hover'), channel: currentChannel, message: parentMessage, isByMe: userId === ((_g = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _g === void 0 ? void 0 : _g.userId), disableDeleteMessage: allThreadMessages.length > 0, replyType: replyType, showEdit: setShowEditInput, showRemove: setShowRemove, setSupposedHover: setSupposedHover, onMoveToParentMessage: function () {
+                onMoveToParentMessage === null || onMoveToParentMessage === void 0 ? void 0 : onMoveToParentMessage({ message: parentMessage, channel: currentChannel });
             }, deleteMessage: deleteMessage })),
-        (isReactionEnabled && !isMobile) && (React__default.createElement(MessageEmojiMenu, { className: "sendbird-parent-message-info__reaction-menu ".concat(supposedHover ? 'sendbird-mouse-hover' : ''), message: parentMessage, userId: userId, emojiContainer: emojiContainer, toggleReaction: toggleReaction, setSupposedHover: setSupposedHover })),
+        (isReactionEnabled && !isMobile) && (React__default.createElement(MessageEmojiMenu, { className: classnames('sendbird-parent-message-info__reaction-menu', supposedHover && 'sendbird-mouse-hover'), message: parentMessage, userId: userId, emojiContainer: emojiContainer, toggleReaction: toggleReaction, setSupposedHover: setSupposedHover })),
         showRemove && (React__default.createElement(RemoveMessage, { onCancel: function () { return setShowRemove(false); }, onSubmit: function () {
                 onHeaderActionClick === null || onHeaderActionClick === void 0 ? void 0 : onHeaderActionClick();
             }, message: parentMessage })),

package/Thread/components/ParentMessageInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"ParentMessageInfo.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ParentMessageInfo.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}