@sendbird/uikit-react 3.6.11-beta.2 → 3.7.0-rc.0

package/cjs/index-56a25735.js

@@ -1,171 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ui_Modal = require('./ui/Modal.js');
-var LocalizationContext = require('./LocalizationContext-482c1343.js');
-var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var ui_Input = require('./ui/Input.js');
-var ui_Avatar = require('./ui/Avatar.js');
-var ui_Icon = require('./ui/Icon.js');
-var ui_Label = require('./index-18720f0d.js');
-var ui_Button = require('./ui/Button.js');
-var ui_TextButton = require('./ui/TextButton.js');
-var utils = require('./utils-c47c68b1.js');
-var actionTypes = require('./actionTypes-1d118952.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const EditUserProfileProviderContext = /*#__PURE__*/React__default["default"].createContext(undefined);
-const EditUserProfileProvider = props => {
-  const {
-    children,
-    onEditProfile,
-    onCancel,
-    onThemeChange
-  } = props;
-  const value = React.useMemo(() => {
-    return {
-      onEditProfile,
-      onCancel,
-      onThemeChange
-    };
-  }, []);
-  return /*#__PURE__*/React__default["default"].createElement(EditUserProfileProviderContext.Provider, {
-    value: value
-  }, children);
-};
-const useEditUserProfileContext = () => React__default["default"].useContext(EditUserProfileProviderContext);
-
-function EditUserProfile() {
-  var _store$config, _store$config2, _store$stores, _store$stores$userSto, _store$stores2, _store$stores2$sdkSto, _store$dispatchers;
-  const editProfileProps = useEditUserProfileContext();
-  const store = useSendbirdStateContext();
-  const hiddenInputRef = React.useRef(null);
-  const inputRef = React.useRef(null);
-  const formRef = React.useRef(null);
-  const {
-    stringSet
-  } = React.useContext(LocalizationContext.LocalizationContext);
-  const [currentImg, setCurrentImg] = React.useState(null);
-  const [newFile, setNewFile] = React.useState(null);
-  const {
-    onEditProfile,
-    onCancel,
-    onThemeChange
-  } = editProfileProps;
-  const theme = (store === null || store === void 0 ? void 0 : (_store$config = store.config) === null || _store$config === void 0 ? void 0 : _store$config.theme) || 'light';
-  const changeTheme = (store === null || store === void 0 ? void 0 : (_store$config2 = store.config) === null || _store$config2 === void 0 ? void 0 : _store$config2.setCurrenttheme) || utils.noop;
-  const user = store === null || store === void 0 ? void 0 : (_store$stores = store.stores) === null || _store$stores === void 0 ? void 0 : (_store$stores$userSto = _store$stores.userStore) === null || _store$stores$userSto === void 0 ? void 0 : _store$stores$userSto.user;
-  const sdk = store === null || store === void 0 ? void 0 : (_store$stores2 = store.stores) === null || _store$stores2 === void 0 ? void 0 : (_store$stores2$sdkSto = _store$stores2.sdkStore) === null || _store$stores2$sdkSto === void 0 ? void 0 : _store$stores2$sdkSto.sdk;
-  const userDispatcher = store === null || store === void 0 ? void 0 : (_store$dispatchers = store.dispatchers) === null || _store$dispatchers === void 0 ? void 0 : _store$dispatchers.userDispatcher;
-  return /*#__PURE__*/React__default["default"].createElement(ui_Modal.Modal, {
-    titleText: stringSet.EDIT_PROFILE__TITLE,
-    submitText: stringSet.BUTTON__SAVE,
-    type: ui_Button.ButtonTypes.PRIMARY,
-    onCancel: onCancel,
-    isFullScreenOnMobile: true,
-    onSubmit: () => {
-      var _inputRef$current;
-      if ((user === null || user === void 0 ? void 0 : user.nickname) !== '' && !inputRef.current.value) {
-        if (formRef.current.reportValidity) {
-          // might not work in explorer
-          formRef.current.reportValidity();
-        }
-        return;
-      }
-      sdk === null || sdk === void 0 ? void 0 : sdk.updateCurrentUserInfo({
-        nickname: inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.value,
-        profileImage: newFile
-      }).then(updatedUser => {
-        userDispatcher({
-          type: actionTypes.USER_ACTIONS.UPDATE_USER_INFO,
-          payload: updatedUser
-        });
-        if (onEditProfile && typeof onEditProfile === 'function') {
-          onEditProfile(updatedUser);
-        }
-      });
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("form", {
-    className: "sendbird-edit-user-profile",
-    ref: formRef,
-    onSubmit: e => {
-      e.preventDefault();
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("section", {
-    className: "sendbird-edit-user-profile__img"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Input.InputLabel, null, stringSet.EDIT_PROFILE__IMAGE_LABEL), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-edit-user-profile__img__avatar"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Avatar["default"], {
-    width: "80px",
-    height: "80px",
-    src: currentImg || (user === null || user === void 0 ? void 0 : user.profileUrl)
-  })), /*#__PURE__*/React__default["default"].createElement("input", {
-    ref: hiddenInputRef,
-    type: "file",
-    accept: "image/gif, image/jpeg, image/png",
-    style: {
-      display: 'none'
-    },
-    onChange: e => {
-      setCurrentImg(URL.createObjectURL(e.target.files[0]));
-      setNewFile(e.target.files[0]);
-      hiddenInputRef.current.value = '';
-    }
-  }), /*#__PURE__*/React__default["default"].createElement(ui_TextButton, {
-    className: "sendbird-edit-user-profile__img__avatar-button",
-    disableUnderline: true,
-    onClick: () => hiddenInputRef.current.click()
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    type: ui_Label.LabelTypography.BUTTON_1,
-    color: ui_Label.LabelColors.PRIMARY
-  }, stringSet.EDIT_PROFILE__IMAGE_UPLOAD))), /*#__PURE__*/React__default["default"].createElement("section", {
-    className: "sendbird-edit-user-profile__name"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Input.InputLabel, null, stringSet.EDIT_PROFILE__NICKNAME_LABEL), /*#__PURE__*/React__default["default"].createElement(ui_Input["default"], {
-    required: (user === null || user === void 0 ? void 0 : user.nickname) !== '',
-    name: "sendbird-edit-user-profile__name__input",
-    ref: inputRef,
-    value: user === null || user === void 0 ? void 0 : user.nickname,
-    placeHolder: stringSet.EDIT_PROFILE__NICKNAME_PLACEHOLDER
-  })), /*#__PURE__*/React__default["default"].createElement("section", {
-    className: "sendbird-edit-user-profile__userid"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Input.InputLabel, null, stringSet.EDIT_PROFILE__USERID_LABEL), /*#__PURE__*/React__default["default"].createElement(ui_Input["default"], {
-    disabled: true,
-    name: "sendbird-edit-user-profile__userid__input",
-    value: user === null || user === void 0 ? void 0 : user.userId
-  })), /*#__PURE__*/React__default["default"].createElement("section", {
-    className: "sendbird-edit-user-profile__theme"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Input.InputLabel, null, stringSet.EDIT_PROFILE__THEME_LABEL), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-edit-user-profile__theme__theme-icon"
-  }, theme === 'dark' ? /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    onClick: () => {
-      changeTheme('light');
-      onThemeChange === null || onThemeChange === void 0 ? void 0 : onThemeChange('light');
-      // if (onThemeChange && typeof onThemeChange === 'function') {
-      //   onThemeChange('light');
-      // }
-    },
-
-    type: ui_Icon.IconTypes.TOGGLE_ON,
-    width: 44,
-    height: 24
-  }) : /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    onClick: () => {
-      changeTheme('dark');
-      onThemeChange === null || onThemeChange === void 0 ? void 0 : onThemeChange('dark');
-      // if (onThemeChange && typeof onThemeChange === 'function') {
-      //   onThemeChange('dark');
-      // }
-    },
-
-    type: ui_Icon.IconTypes.TOGGLE_OFF,
-    width: 44,
-    height: 24
-  })))));
-}
-
-exports.EditUserProfile = EditUserProfile;
-exports.EditUserProfileProvider = EditUserProfileProvider;
-//# sourceMappingURL=index-56a25735.js.map

package/cjs/index-56a25735.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-56a25735.js","sources":["../../src/modules/EditUserProfile/context/EditUserProfIleProvider.tsx","../../src/modules/EditUserProfile/components/EditUserProfileUI/index.tsx"],"sourcesContent":["import type { User } from '@sendbird/chat';\nimport React, { useMemo } from 'react';\n\nconst EditUserProfileProviderContext = React.createContext(undefined);\n\nexport interface EditUserProfileProps {\n  children?: React.ReactElement;\n  onCancel?(): void;\n  onThemeChange?(theme: string): void;\n  onEditProfile?(updatedUser: User): void;\n}\n\nexport interface EditUserProfileProviderInterface {\n  onCancel?(): void;\n  onThemeChange?(theme: string): void;\n  onEditProfile?(updatedUser: User): void;\n}\n\nconst EditUserProfileProvider: React.FC<EditUserProfileProps> = (props: EditUserProfileProps) => {\n  const {\n    children,\n    onEditProfile,\n    onCancel,\n    onThemeChange,\n  } = props;\n\n  const value = useMemo(() => {\n    return {\n      onEditProfile,\n      onCancel,\n      onThemeChange,\n    };\n  }, []);\n\n  return (\n    <EditUserProfileProviderContext.Provider value={value}>\n      {children}\n    </EditUserProfileProviderContext.Provider>\n  );\n};\n\nconst useEditUserProfileContext = (): EditUserProfileProviderInterface => (\n  React.useContext(EditUserProfileProviderContext)\n);\n\nexport {\n  EditUserProfileProvider,\n  useEditUserProfileContext,\n};\n","import './edit-user-profile.scss';\n\nimport React, {\n  ReactElement,\n  useRef,\n  useState,\n  useContext,\n} from 'react';\nimport { useEditUserProfileContext } from '../../context/EditUserProfIleProvider';\n\nimport Modal from '../../../../ui/Modal';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\nimport Input, { InputLabel } from '../../../../ui/Input';\nimport Avatar from '../../../../ui/Avatar';\nimport Icon, { IconTypes } from '../../../../ui/Icon';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport Label, { LabelColors, LabelTypography } from '../../../../ui/Label';\nimport TextButton from '../../../../ui/TextButton';\nimport { noop } from '../../../../utils/utils';\nimport { USER_ACTIONS } from '../../../../lib/dux/user/actionTypes';\n\nexport default function EditUserProfile(): ReactElement {\n  const editProfileProps = useEditUserProfileContext();\n  const store = useSendbirdStateContext();\n  const hiddenInputRef = useRef(null);\n  const inputRef = useRef(null);\n  const formRef = useRef(null);\n  const { stringSet } = useContext(LocalizationContext);\n  const [currentImg, setCurrentImg] = useState(null);\n  const [newFile, setNewFile] = useState(null);\n\n  const {\n    onEditProfile,\n    onCancel,\n    onThemeChange,\n  } = editProfileProps;\n\n  const theme = store?.config?.theme || 'light';\n  const changeTheme = store?.config?.setCurrenttheme || noop;\n  const user = store?.stores?.userStore?.user;\n  const sdk = store?.stores?.sdkStore?.sdk;\n  const userDispatcher = store?.dispatchers?.userDispatcher;\n\n  return (\n    <Modal\n      titleText={stringSet.EDIT_PROFILE__TITLE}\n      submitText={stringSet.BUTTON__SAVE}\n      type={ButtonTypes.PRIMARY}\n      onCancel={onCancel}\n      isFullScreenOnMobile\n      onSubmit={() => {\n        if (user?.nickname !== '' && !inputRef.current.value) {\n          if (formRef.current.reportValidity) { // might not work in explorer\n            formRef.current.reportValidity();\n          }\n          return;\n        }\n        sdk?.updateCurrentUserInfo({\n          nickname: inputRef?.current?.value,\n          profileImage: newFile,\n        }).then((updatedUser) => {\n          userDispatcher({ type: USER_ACTIONS.UPDATE_USER_INFO, payload: updatedUser });\n          if (onEditProfile && typeof onEditProfile === 'function') {\n            onEditProfile(updatedUser);\n          }\n        });\n      }}\n    >\n      <form\n        className=\"sendbird-edit-user-profile\"\n        ref={formRef}\n        onSubmit={(e) => { e.preventDefault(); }}\n      >\n        <section className=\"sendbird-edit-user-profile__img\">\n          <InputLabel>\n            {stringSet.EDIT_PROFILE__IMAGE_LABEL}\n          </InputLabel>\n          <div className=\"sendbird-edit-user-profile__img__avatar\">\n            <Avatar\n              width=\"80px\"\n              height=\"80px\"\n              src={currentImg || user?.profileUrl}\n            />\n          </div>\n          <input\n            ref={hiddenInputRef}\n            type=\"file\"\n            accept=\"image/gif, image/jpeg, image/png\"\n            style={{ display: 'none' }}\n            onChange={(e) => {\n              setCurrentImg(URL.createObjectURL(e.target.files[0]));\n              setNewFile(e.target.files[0]);\n              hiddenInputRef.current.value = '';\n            }}\n          />\n          <TextButton\n            className=\"sendbird-edit-user-profile__img__avatar-button\"\n            disableUnderline\n            onClick={() => hiddenInputRef.current.click()}\n          >\n            <Label type={LabelTypography.BUTTON_1} color={LabelColors.PRIMARY}>\n              {stringSet.EDIT_PROFILE__IMAGE_UPLOAD}\n            </Label>\n          </TextButton>\n        </section>\n        <section className=\"sendbird-edit-user-profile__name\">\n          <InputLabel>\n            {stringSet.EDIT_PROFILE__NICKNAME_LABEL}\n          </InputLabel>\n          <Input\n            required={user?.nickname !== ''}\n            name=\"sendbird-edit-user-profile__name__input\"\n            ref={inputRef}\n            value={user?.nickname}\n            placeHolder={stringSet.EDIT_PROFILE__NICKNAME_PLACEHOLDER}\n          />\n        </section>\n        <section className=\"sendbird-edit-user-profile__userid\">\n          <InputLabel>\n            {/*  userID */}\n            {stringSet.EDIT_PROFILE__USERID_LABEL}\n          </InputLabel>\n          <Input\n            disabled\n            name=\"sendbird-edit-user-profile__userid__input\"\n            value={user?.userId}\n          />\n        </section>\n        <section className=\"sendbird-edit-user-profile__theme\">\n          <InputLabel>\n            {stringSet.EDIT_PROFILE__THEME_LABEL}\n          </InputLabel>\n          <div className=\"sendbird-edit-user-profile__theme__theme-icon\">\n            {\n              theme === 'dark'\n                ? (\n                  <Icon\n                    onClick={() => {\n                      changeTheme('light');\n                      onThemeChange?.('light');\n                      // if (onThemeChange && typeof onThemeChange === 'function') {\n                      //   onThemeChange('light');\n                      // }\n                    }}\n                    type={IconTypes.TOGGLE_ON}\n                    width={44}\n                    height={24}\n                  />\n                )\n                : (\n                  <Icon\n                    onClick={() => {\n                      changeTheme('dark');\n                      onThemeChange?.('dark');\n                      // if (onThemeChange && typeof onThemeChange === 'function') {\n                      //   onThemeChange('dark');\n                      // }\n                    }}\n                    type={IconTypes.TOGGLE_OFF}\n                    width={44}\n                    height={24}\n                  />\n                )\n            }\n          </div>\n        </section>\n      </form>\n    </Modal>\n  );\n}\n"],"names":["EditUserProfileProviderContext","React","createContext","undefined","EditUserProfileProvider","props","children","onEditProfile","onCancel","onThemeChange","value","useMemo","createElement","Provider","useEditUserProfileContext","useContext","EditUserProfile","_store$config","_store$config2","_store$stores","_store$stores$userSto","_store$stores2","_store$stores2$sdkSto","_store$dispatchers","editProfileProps","store","useSendbirdStateContext","hiddenInputRef","useRef","inputRef","formRef","stringSet","LocalizationContext","currentImg","setCurrentImg","useState","newFile","setNewFile","theme","config","changeTheme","setCurrenttheme","noop","user","stores","userStore","sdk","sdkStore","userDispatcher","dispatchers","Modal","titleText","EDIT_PROFILE__TITLE","submitText","BUTTON__SAVE","type","ButtonTypes","PRIMARY","isFullScreenOnMobile","onSubmit","_inputRef$current","nickname","current","reportValidity","updateCurrentUserInfo","profileImage","then","updatedUser","USER_ACTIONS","UPDATE_USER_INFO","payload","className","ref","e","preventDefault","InputLabel","EDIT_PROFILE__IMAGE_LABEL","Avatar","width","height","src","profileUrl","accept","style","display","onChange","URL","createObjectURL","target","files","TextButton","disableUnderline","onClick","click","Label","LabelTypography","BUTTON_1","color","LabelColors","EDIT_PROFILE__IMAGE_UPLOAD","EDIT_PROFILE__NICKNAME_LABEL","Input","required","name","placeHolder","EDIT_PROFILE__NICKNAME_PLACEHOLDER","EDIT_PROFILE__USERID_LABEL","disabled","userId","EDIT_PROFILE__THEME_LABEL","Icon","IconTypes","TOGGLE_ON","TOGGLE_OFF"],"mappings":"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"}

package/cjs/index-6ab9a40d.js

@@ -1,202 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ui_ContextMenu = require('./ui/ContextMenu.js');
-var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var LocalizationContext = require('./LocalizationContext-482c1343.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const OpenChannelMessageStatusTypes = {
-  NONE: 'none',
-  PENDING: 'pending',
-  FAILED: 'failed',
-  CANCELED: 'canceled',
-  SUCCEEDED: 'succeeded'
-};
-const getSenderFromMessage = message => {
-  // @ts-ignore
-  return message.sender || message._sender;
-};
-const checkIsSent = status => status === OpenChannelMessageStatusTypes.SUCCEEDED;
-const checkIsPending = status => status === OpenChannelMessageStatusTypes.PENDING;
-const checkIsFailed = status => status === OpenChannelMessageStatusTypes.FAILED;
-const checkIsByMe = (message, userId) => getSenderFromMessage(message).userId === userId;
-const isFineCopy = _ref => {
-  var _message$message;
-  let {
-    message
-  } = _ref;
-  return (message === null || message === void 0 ? void 0 : message.messageType) === 'user' && (message === null || message === void 0 ? void 0 : (_message$message = message.message) === null || _message$message === void 0 ? void 0 : _message$message.length) > 0;
-};
-const isFineResend = _ref2 => {
-  let {
-    message,
-    status,
-    userId
-  } = _ref2;
-  return checkIsByMe(message, userId) && checkIsFailed(status)
-  // @ts-ignore
-  && (message === null || message === void 0 ? void 0 : message.isResendable());
-};
-const isFineEdit = _ref3 => {
-  var _message$isUserMessag;
-  let {
-    message,
-    status,
-    userId
-  } = _ref3;
-  return checkIsByMe(message, userId) && checkIsSent(status) && (message === null || message === void 0 ? void 0 : (_message$isUserMessag = message.isUserMessage) === null || _message$isUserMessag === void 0 ? void 0 : _message$isUserMessag.call(message));
-};
-const isFineDelete = _ref4 => {
-  let {
-    message,
-    userId
-  } = _ref4;
-  return checkIsByMe(message, userId);
-};
-const isFineDownload = _ref5 => {
-  var _message$isFileMessag;
-  let {
-    message,
-    status
-  } = _ref5;
-  if (message !== null && message !== void 0 && (_message$isFileMessag = message.isFileMessage) !== null && _message$isFileMessag !== void 0 && _message$isFileMessag.call(message) && checkIsSent(status)) {
-    return true;
-  }
-  return false;
-};
-const showMenuTrigger = props => {
-  const {
-    message,
-    status,
-    userId
-  } = props;
-  // @ts-ignore
-  if (message.messageType === 'user') {
-    return isFineDelete({
-      message,
-      status,
-      userId
-    }) || isFineEdit({
-      message,
-      status,
-      userId
-    })
-    // @ts-ignore
-    || isFineCopy({
-      message,
-      status,
-      userId
-    }) || isFineResend({
-      message,
-      status,
-      userId
-    });
-  } else {
-    return isFineDelete({
-      message,
-      status,
-      userId
-    }) || isFineResend({
-      message,
-      status,
-      userId
-    });
-  }
-};
-
-const OpenChannelMobileMenu = props => {
-  var _useSendbirdStateCont, _useSendbirdStateCont2;
-  const {
-    message,
-    parentRef,
-    resendMessage,
-    showEdit,
-    showRemove,
-    copyToClipboard,
-    hideMenu,
-    isEphemeral = false
-  } = props;
-  const userMessage = message;
-  const status = message === null || message === void 0 ? void 0 : message.sendingStatus;
-  const {
-    stringSet
-  } = LocalizationContext.useLocalization();
-  const userId = (_useSendbirdStateCont = useSendbirdStateContext()) === null || _useSendbirdStateCont === void 0 ? void 0 : (_useSendbirdStateCont2 = _useSendbirdStateCont.config) === null || _useSendbirdStateCont2 === void 0 ? void 0 : _useSendbirdStateCont2.userId;
-  const fileMessage = message;
-  return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
-    isOpen: true,
-    menuItems: () => /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems, {
-      className: "sendbird-openchannel__mobile-menu",
-      parentRef: parentRef,
-      parentContainRef: parentRef,
-      closeDropdown: hideMenu
-    }, isFineCopy({
-      message: userMessage,
-      userId,
-      status
-    }) && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
-      className: "sendbird-openchannel-og-message__top__context-menu__copy",
-      onClick: () => {
-        copyToClipboard();
-      },
-      dataSbId: "open_channel_mobile_context_menu_copy"
-    }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__COPY)), !isEphemeral && isFineEdit({
-      message,
-      userId,
-      status
-    }) && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
-      className: "sendbird-openchannel-og-message__top__context-menu__edit",
-      onClick: () => {
-        showEdit();
-      },
-      dataSbId: "open_channel_mobile_context_menu_edit"
-    }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__EDIT)), isFineResend({
-      message,
-      userId,
-      status
-    }) && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
-      onClick: () => {
-        resendMessage();
-      },
-      dataSbId: "open_channel_mobile_context_menu_resend"
-    }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__RESEND)), !isEphemeral && isFineDelete({
-      message,
-      userId,
-      status
-    }) && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
-      onClick: () => {
-        showRemove();
-      },
-      dataSbId: "open_channel_mobile_context_menu_delete"
-    }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__DELETE)), isFineDownload({
-      message,
-      status
-    }) && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
-      onClick: () => {
-        hideMenu();
-      },
-      dataSbId: "open_channel_mobile_context_menu_download_file"
-    }, /*#__PURE__*/React__default["default"].createElement("a", {
-      className: "sendbird-openchannel__mobile-menu-hyperlink",
-      rel: "noopener noreferrer",
-      href: fileMessage === null || fileMessage === void 0 ? void 0 : fileMessage.url,
-      target: "_blank"
-    }, stringSet.CONTEXT_MENU_DROPDOWN__SAVE)))
-  });
-};
-
-exports.OpenChannelMobileMenu = OpenChannelMobileMenu;
-exports.checkIsFailed = checkIsFailed;
-exports.checkIsPending = checkIsPending;
-exports.checkIsSent = checkIsSent;
-exports.getSenderFromMessage = getSenderFromMessage;
-exports.isFineCopy = isFineCopy;
-exports.isFineDelete = isFineDelete;
-exports.isFineEdit = isFineEdit;
-exports.isFineResend = isFineResend;
-exports.showMenuTrigger = showMenuTrigger;
-//# sourceMappingURL=index-6ab9a40d.js.map

package/cjs/index-7f41c4b6.js

@@ -1,118 +0,0 @@
-'use strict';
-
-var React = require('react');
-var LocalizationContext = require('./LocalizationContext-482c1343.js');
-var ui_Icon = require('./ui/Icon.js');
-var ui_Label = require('./index-18720f0d.js');
-var ui_Loader = require('./ui/Loader.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function Types() {
-  return {
-    LOADING: 'LOADING',
-    NO_CHANNELS: 'NO_CHANNELS',
-    NO_MESSAGES: 'NO_MESSAGES',
-    WRONG: 'WRONG',
-    SEARCH_IN: 'SEARCH_IN',
-    SEARCHING: 'SEARCHING',
-    NO_RESULTS: 'NO_RESULTS'
-  };
-}
-var PlaceHolderTypes$1 = Types();
-
-const PlaceHolderTypes = PlaceHolderTypes$1;
-function PlaceHolder(_ref) {
-  let {
-    className = '',
-    type,
-    iconSize,
-    searchInString = '',
-    retryToConnect = null
-  } = _ref;
-  const {
-    stringSet
-  } = React.useContext(LocalizationContext.LocalizationContext);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: [...(Array.isArray(className) ? className : [className]), 'sendbird-place-holder'].join(' ')
-  }, type === PlaceHolderTypes.LOADING && /*#__PURE__*/React__default["default"].createElement(ui_Loader, {
-    width: iconSize || '48px',
-    height: iconSize || '48px'
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    type: ui_Icon.IconTypes.SPINNER,
-    fillColor: ui_Icon.IconColors.PRIMARY,
-    width: iconSize || '48px',
-    height: iconSize || '48px'
-  })), (type === PlaceHolderTypes.NO_CHANNELS || type === PlaceHolderTypes.NO_MESSAGES || type === PlaceHolderTypes.WRONG) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-place-holder__body"
-  }, type === PlaceHolderTypes.NO_CHANNELS && /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: "sendbird-place-holder__body__icon",
-    type: ui_Icon.IconTypes.CHAT,
-    fillColor: ui_Icon.IconColors.ON_BACKGROUND_3,
-    width: iconSize || '64px',
-    height: iconSize || '64px'
-  }), type === PlaceHolderTypes.WRONG && /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: "sendbird-place-holder__body__icon",
-    type: ui_Icon.IconTypes.ERROR,
-    fillColor: ui_Icon.IconColors.ON_BACKGROUND_3,
-    width: iconSize || '64px',
-    height: iconSize || '64px'
-  }), type === PlaceHolderTypes.NO_MESSAGES && /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: "sendbird-place-holder__body__icon",
-    type: ui_Icon.IconTypes.MESSAGE,
-    fillColor: ui_Icon.IconColors.ON_BACKGROUND_3,
-    width: iconSize || '64px',
-    height: iconSize || '64px'
-  }), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-place-holder__body__text",
-    type: ui_Label.LabelTypography.BODY_1,
-    color: ui_Label.LabelColors.ONBACKGROUND_2
-  }, type === PlaceHolderTypes.NO_CHANNELS && stringSet.PLACE_HOLDER__NO_CHANNEL, type === PlaceHolderTypes.WRONG && stringSet.PLACE_HOLDER__WRONG, type === PlaceHolderTypes.NO_MESSAGES && stringSet.PLACE_HOLDER__NO_MESSAGES), retryToConnect && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-place-holder__body__reconnect",
-    role: "button",
-    onClick: retryToConnect,
-    onKeyPress: retryToConnect,
-    tabIndex: 0
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: "sendbird-place-holder__body__reconnect__icon",
-    type: ui_Icon.IconTypes.REFRESH,
-    fillColor: ui_Icon.IconColors.PRIMARY,
-    width: "20px",
-    height: "20px"
-  }), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-place-holder__body__reconnect__text",
-    type: ui_Label.LabelTypography.BUTTON_1,
-    color: ui_Label.LabelColors.PRIMARY
-  }, stringSet.PLACE_HOLDER__RETRY_TO_CONNECT))), (type === PlaceHolderTypes.NO_RESULTS || type === PlaceHolderTypes.SEARCH_IN || type === PlaceHolderTypes.SEARCHING) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-place-holder__body--align-top"
-  }, type === PlaceHolderTypes.SEARCH_IN && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-place-holder__body--align-top__text"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-place-holder__body--align-top__text__search-in",
-    type: ui_Label.LabelTypography.BUTTON_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_2
-  }, stringSet.SEARCH_IN), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-place-holder__body--align-top__text__channel-name",
-    type: ui_Label.LabelTypography.BUTTON_2,
-    color: ui_Label.LabelColors.PRIMARY
-  }, `'${searchInString}`), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-place-holder__body--align-top__text__quote",
-    type: ui_Label.LabelTypography.BUTTON_2,
-    color: ui_Label.LabelColors.PRIMARY
-  }, '\'')), type === PlaceHolderTypes.SEARCHING && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-place-hlder__body--align-top__searching",
-    type: ui_Label.LabelTypography.BODY_1,
-    color: ui_Label.LabelColors.ONBACKGROUND_2
-  }, stringSet.SEARCHING), type === PlaceHolderTypes.NO_RESULTS && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-place-hlder__body--align-top__no-result",
-    type: ui_Label.LabelTypography.BODY_1,
-    color: ui_Label.LabelColors.ONBACKGROUND_2
-  }, stringSet.NO_SEARCHED_MESSAGE)));
-}
-
-exports.PlaceHolder = PlaceHolder;
-exports.PlaceHolderTypes = PlaceHolderTypes;
-exports.PlaceHolderTypes$1 = PlaceHolderTypes$1;
-//# sourceMappingURL=index-7f41c4b6.js.map

package/cjs/index-7f41c4b6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-7f41c4b6.js","sources":["../../src/ui/PlaceHolder/type.ts","../../src/ui/PlaceHolder/index.tsx"],"sourcesContent":["function Types(): { [key: string]: string } {\n  return {\n    LOADING: 'LOADING',\n    NO_CHANNELS: 'NO_CHANNELS',\n    NO_MESSAGES: 'NO_MESSAGES',\n    WRONG: 'WRONG',\n    SEARCH_IN: 'SEARCH_IN',\n    SEARCHING: 'SEARCHING',\n    NO_RESULTS: 'NO_RESULTS',\n  };\n}\n\nexport default Types();\n","import React, { ReactElement, useContext } from 'react';\n\nimport './index.scss';\n\nimport _PlaceHolderTypes from './type';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Loader from '../Loader';\n\nexport const PlaceHolderTypes = _PlaceHolderTypes;\n\nexport interface PlaceHolderProps {\n  className?: string | Array<string>;\n  type: typeof PlaceHolderTypes[keyof typeof PlaceHolderTypes];\n  iconSize?: string | number;\n  searchInString?: string;\n  retryToConnect?: () => void;\n}\n\nexport default function PlaceHolder({\n  className = '',\n  type,\n  iconSize,\n  searchInString = '',\n  retryToConnect = null,\n}: PlaceHolderProps): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-place-holder',\n      ].join(' ')}\n    >\n      {\n        type === PlaceHolderTypes.LOADING && (\n          <Loader\n            width={iconSize || '48px'}\n            height={iconSize || '48px'}\n          >\n            <Icon\n              type={IconTypes.SPINNER}\n              fillColor={IconColors.PRIMARY}\n              width={iconSize || '48px'}\n              height={iconSize || '48px'}\n            />\n          </Loader>\n        )\n      }\n      {\n        (\n          type === PlaceHolderTypes.NO_CHANNELS\n          || type === PlaceHolderTypes.NO_MESSAGES\n          || type === PlaceHolderTypes.WRONG\n        ) && (\n          <div className=\"sendbird-place-holder__body\">\n            {\n              type === PlaceHolderTypes.NO_CHANNELS && (\n                <Icon\n                  className=\"sendbird-place-holder__body__icon\"\n                  type={IconTypes.CHAT}\n                  fillColor={IconColors.ON_BACKGROUND_3}\n                  width={iconSize || '64px'}\n                  height={iconSize || '64px'}\n                />\n              )\n            }\n            {\n              type === PlaceHolderTypes.WRONG && (\n                <Icon\n                  className=\"sendbird-place-holder__body__icon\"\n                  type={IconTypes.ERROR}\n                  fillColor={IconColors.ON_BACKGROUND_3}\n                  width={iconSize || '64px'}\n                  height={iconSize || '64px'}\n                />\n              )\n            }\n            {\n              type === PlaceHolderTypes.NO_MESSAGES && (\n                <Icon\n                  className=\"sendbird-place-holder__body__icon\"\n                  type={IconTypes.MESSAGE}\n                  fillColor={IconColors.ON_BACKGROUND_3}\n                  width={iconSize || '64px'}\n                  height={iconSize || '64px'}\n                />\n              )\n            }\n            <Label\n              className=\"sendbird-place-holder__body__text\"\n              type={LabelTypography.BODY_1}\n              color={LabelColors.ONBACKGROUND_2}\n            >\n              {\n                type === PlaceHolderTypes.NO_CHANNELS && (\n                  stringSet.PLACE_HOLDER__NO_CHANNEL\n                )\n              }\n              {\n                type === PlaceHolderTypes.WRONG && (\n                  stringSet.PLACE_HOLDER__WRONG\n                )\n              }\n              {\n                type === PlaceHolderTypes.NO_MESSAGES && (\n                  stringSet.PLACE_HOLDER__NO_MESSAGES\n                )\n              }\n            </Label>\n            {\n              retryToConnect && (\n                <div\n                  className=\"sendbird-place-holder__body__reconnect\"\n                  role=\"button\"\n                  onClick={retryToConnect}\n                  onKeyPress={retryToConnect}\n                  tabIndex={0}\n                >\n                  <Icon\n                    className=\"sendbird-place-holder__body__reconnect__icon\"\n                    type={IconTypes.REFRESH}\n                    fillColor={IconColors.PRIMARY}\n                    width=\"20px\"\n                    height=\"20px\"\n                  />\n                  <Label\n                    className=\"sendbird-place-holder__body__reconnect__text\"\n                    type={LabelTypography.BUTTON_1}\n                    color={LabelColors.PRIMARY}\n                  >\n                    {stringSet.PLACE_HOLDER__RETRY_TO_CONNECT}\n                  </Label>\n                </div>\n              )\n            }\n          </div>\n        )\n      }\n      {\n        (\n          type === PlaceHolderTypes.NO_RESULTS\n          || type === PlaceHolderTypes.SEARCH_IN\n          || type === PlaceHolderTypes.SEARCHING\n        ) && (\n          <div className=\"sendbird-place-holder__body--align-top\">\n            {\n              type === PlaceHolderTypes.SEARCH_IN && (\n                <div className=\"sendbird-place-holder__body--align-top__text\">\n                  <Label\n                    className=\"sendbird-place-holder__body--align-top__text__search-in\"\n                    type={LabelTypography.BUTTON_2}\n                    color={LabelColors.ONBACKGROUND_2}\n                  >\n                    {stringSet.SEARCH_IN}\n                  </Label>\n                  <Label\n                    className=\"sendbird-place-holder__body--align-top__text__channel-name\"\n                    type={LabelTypography.BUTTON_2}\n                    color={LabelColors.PRIMARY}\n                  >\n                    {`'${searchInString}`}\n                  </Label>\n                  <Label\n                    className=\"sendbird-place-holder__body--align-top__text__quote\"\n                    type={LabelTypography.BUTTON_2}\n                    color={LabelColors.PRIMARY}\n                  >\n                    {'\\''}\n                  </Label>\n                </div>\n              )\n            }\n            {\n              type === PlaceHolderTypes.SEARCHING && (\n                <Label\n                  className=\"sendbird-place-hlder__body--align-top__searching\"\n                  type={LabelTypography.BODY_1}\n                  color={LabelColors.ONBACKGROUND_2}\n                >\n                  {stringSet.SEARCHING}\n                </Label>\n              )\n            }\n            {\n              type === PlaceHolderTypes.NO_RESULTS && (\n                <Label\n                  className=\"sendbird-place-hlder__body--align-top__no-result\"\n                  type={LabelTypography.BODY_1}\n                  color={LabelColors.ONBACKGROUND_2}\n                >\n                  {stringSet.NO_SEARCHED_MESSAGE}\n                </Label>\n              )\n            }\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["Types","LOADING","NO_CHANNELS","NO_MESSAGES","WRONG","SEARCH_IN","SEARCHING","NO_RESULTS","PlaceHolderTypes","_PlaceHolderTypes","PlaceHolder","_ref","className","type","iconSize","searchInString","retryToConnect","stringSet","useContext","LocalizationContext","React","createElement","Array","isArray","join","Loader","width","height","Icon","IconTypes","SPINNER","fillColor","IconColors","PRIMARY","CHAT","ON_BACKGROUND_3","ERROR","MESSAGE","Label","LabelTypography","BODY_1","color","LabelColors","ONBACKGROUND_2","PLACE_HOLDER__NO_CHANNEL","PLACE_HOLDER__WRONG","PLACE_HOLDER__NO_MESSAGES","role","onClick","onKeyPress","tabIndex","REFRESH","BUTTON_1","PLACE_HOLDER__RETRY_TO_CONNECT","BUTTON_2","NO_SEARCHED_MESSAGE"],"mappings":"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"}