@sendbird/uikit-react 3.2.5 → 3.2.6-rc.0

package/index-c4739f89.js

@@ -0,0 +1,179 @@
+import React__default from 'react';
+import ContextMenu, { MenuItems, MenuItem } from './ui/ContextMenu.js';
+import useSendbirdStateContext from './useSendbirdStateContext.js';
+import { u as useLocalization } from './LocalizationContext-2bd4bbe8.js';
+
+var OpenChannelMessageStatusTypes = {
+  NONE: 'none',
+  PENDING: 'pending',
+  FAILED: 'failed',
+  CANCELED: 'canceled',
+  SUCCEEDED: 'succeeded'
+};
+var getSenderFromMessage = function (message) {
+  // @ts-ignore
+  return message.sender || message._sender;
+};
+var checkIsSent = function (status) {
+  return status === OpenChannelMessageStatusTypes.SUCCEEDED;
+};
+var checkIsPending = function (status) {
+  return status === OpenChannelMessageStatusTypes.PENDING;
+};
+var checkIsFailed = function (status) {
+  return status === OpenChannelMessageStatusTypes.FAILED;
+};
+var checkIsByMe = function (message, userId) {
+  return getSenderFromMessage(message).userId === userId;
+};
+var isFineCopy = function (_a) {
+  var _b;
+
+  var message = _a.message;
+  return (message === null || message === void 0 ? void 0 : message.messageType) === 'user' && ((_b = message === null || message === void 0 ? void 0 : message.message) === null || _b === void 0 ? void 0 : _b.length) > 0;
+};
+var isFineResend = function (_a) {
+  var message = _a.message,
+      status = _a.status,
+      userId = _a.userId;
+  return checkIsByMe(message, userId) && checkIsFailed(status) // @ts-ignore
+  && (message === null || message === void 0 ? void 0 : message.isResendable());
+};
+var isFineEdit = function (_a) {
+  var _b;
+
+  var message = _a.message,
+      status = _a.status,
+      userId = _a.userId;
+  return checkIsByMe(message, userId) && checkIsSent(status) && ((_b = message === null || message === void 0 ? void 0 : message.isUserMessage) === null || _b === void 0 ? void 0 : _b.call(message));
+};
+var isFineDelete = function (_a) {
+  var message = _a.message,
+      userId = _a.userId;
+  return checkIsByMe(message, userId);
+};
+var isFineDownload = function (_a) {
+  var _b;
+
+  var message = _a.message,
+      status = _a.status;
+
+  if (((_b = message === null || message === void 0 ? void 0 : message.isFileMessage) === null || _b === void 0 ? void 0 : _b.call(message)) && checkIsSent(status)) {
+    return true;
+  }
+
+  return false;
+};
+var showMenuTrigger = function (props) {
+  var message = props.message,
+      status = props.status,
+      userId = props.userId; // @ts-ignore
+
+  if (message.messageType === 'user') {
+    return isFineDelete({
+      message: message,
+      status: status,
+      userId: userId
+    }) || isFineEdit({
+      message: message,
+      status: status,
+      userId: userId
+    }) // @ts-ignore
+    || isFineCopy({
+      message: message,
+      status: status,
+      userId: userId
+    }) || isFineResend({
+      message: message,
+      status: status,
+      userId: userId
+    });
+  } else {
+    return isFineDelete({
+      message: message,
+      status: status,
+      userId: userId
+    }) || isFineResend({
+      message: message,
+      status: status,
+      userId: userId
+    });
+  }
+};
+
+var OpenChannelMobileMenu = function (props) {
+  var _a, _b;
+
+  var message = props.message,
+      parentRef = props.parentRef,
+      resendMessage = props.resendMessage,
+      showEdit = props.showEdit,
+      showRemove = props.showRemove,
+      copyToClipboard = props.copyToClipboard,
+      hideMenu = props.hideMenu;
+  var userMessage = message;
+  var status = message === null || message === void 0 ? void 0 : message.sendingStatus;
+  var stringSet = useLocalization().stringSet;
+  var userId = (_b = (_a = useSendbirdStateContext()) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.userId;
+  var fileMessage = message;
+  return /*#__PURE__*/React__default.createElement(ContextMenu, {
+    isOpen: true,
+    menuItems: function () {
+      return /*#__PURE__*/React__default.createElement(MenuItems, {
+        className: "sendbird-openchannel__mobile-menu",
+        parentRef: parentRef,
+        parentContainRef: parentRef,
+        closeDropdown: hideMenu
+      }, isFineCopy({
+        message: userMessage,
+        userId: userId,
+        status: status
+      }) && /*#__PURE__*/React__default.createElement(MenuItem, {
+        className: "sendbird-openchannel-og-message__top__context-menu__copy",
+        onClick: function () {
+          copyToClipboard();
+        }
+      }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__COPY)), isFineEdit({
+        message: message,
+        userId: userId,
+        status: status
+      }) && /*#__PURE__*/React__default.createElement(MenuItem, {
+        className: "sendbird-openchannel-og-message__top__context-menu__edit",
+        onClick: function () {
+          showEdit();
+        }
+      }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__EDIT)), isFineResend({
+        message: message,
+        userId: userId,
+        status: status
+      }) && /*#__PURE__*/React__default.createElement(MenuItem, {
+        onClick: function () {
+          resendMessage();
+        }
+      }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__RESEND)), isFineDelete({
+        message: message,
+        userId: userId,
+        status: status
+      }) && /*#__PURE__*/React__default.createElement(MenuItem, {
+        onClick: function () {
+          showRemove();
+        }
+      }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__DELETE)), isFineDownload({
+        message: message,
+        status: status
+      }) && /*#__PURE__*/React__default.createElement(MenuItem, {
+        onClick: function () {
+          hideMenu();
+        }
+      }, /*#__PURE__*/React__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)));
+    }
+  });
+};
+
+export { OpenChannelMobileMenu as O, isFineEdit as a, isFineResend as b, isFineDelete as c, checkIsPending as d, checkIsFailed as e, checkIsSent as f, getSenderFromMessage as g, isFineCopy as i, showMenuTrigger as s };
+//# sourceMappingURL=index-c4739f89.js.map

package/index-c4739f89.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-c4739f89.js","sources":["../src/utils/openChannelUtils.ts","../src/ui/OpenChannelMobileMenu/index.tsx"],"sourcesContent":["import type { User } from '@sendbird/chat';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nconst OpenChannelMessageStatusTypes = {\n  NONE: 'none',\n  PENDING: 'pending',\n  FAILED: 'failed',\n  CANCELED: 'canceled',\n  SUCCEEDED: 'succeeded'\n};\n\nexport const getSenderFromMessage = (message: UserMessage | FileMessage): User => {\n  // @ts-ignore\n  return message.sender || message._sender;\n};\n\nexport const checkIsSent = (status: string): boolean => (status === OpenChannelMessageStatusTypes.SUCCEEDED);\nexport const checkIsPending = (status: string): boolean => (status === OpenChannelMessageStatusTypes.PENDING);\nexport const checkIsFailed = (status: string): boolean => (status === OpenChannelMessageStatusTypes.FAILED);\n\nexport const checkIsByMe = (message: UserMessage | FileMessage, userId: string): boolean => (getSenderFromMessage(message).userId === userId);\n\ninterface isFineCopyParams {\n  message: UserMessage;\n  status: string;\n  userId: string;\n}\nexport const isFineCopy = ({ message }: isFineCopyParams): boolean => {\n  return (message?.messageType === 'user' && message?.message?.length > 0);\n};\n\ninterface isFineResendParams {\n  message: UserMessage | FileMessage;\n  status: string;\n  userId: string;\n}\nexport const isFineResend = ({ message, status, userId }: isFineResendParams): boolean => {\n  return checkIsByMe(message, userId)\n    && checkIsFailed(status)\n    // @ts-ignore\n    && message?.isResendable();\n};\n\ninterface isFineEditParams {\n  message: UserMessage | FileMessage;\n  status: string;\n  userId: string;\n}\nexport const isFineEdit = ({ message, status, userId }: isFineEditParams): boolean => {\n  return checkIsByMe(message, userId) && checkIsSent(status) && message?.isUserMessage?.();\n};\n\ninterface isFineDeleteParams {\n  message: UserMessage | FileMessage;\n  status: string;\n  userId: string;\n}\nexport const isFineDelete = ({ message, userId }: isFineDeleteParams): boolean => {\n  return checkIsByMe(message, userId);\n};\n\ninterface IsFineDownloadParams {\n  message: FileMessage | UserMessage;\n  status: string;\n}\n\nexport const isFineDownload = ({ message, status }: IsFineDownloadParams): boolean => {\n  if (message?.isFileMessage?.() && checkIsSent(status)) {\n    return true;\n  }\n  return false;\n};\n\ninterface showMenuTriggerParams {\n  message: UserMessage | FileMessage;\n  status: string;\n  userId: string;\n}\nexport const showMenuTrigger = (props: showMenuTriggerParams): boolean => {\n  const { message, status, userId } = props;\n  // @ts-ignore\n  if (message.messageType === 'user') {\n    return (\n      isFineDelete({ message, status, userId })\n      || isFineEdit({ message, status, userId })\n      // @ts-ignore\n      || isFineCopy({ message, status, userId })\n      || isFineResend({ message, status, userId })\n    );\n  } else {\n    return (\n      isFineDelete({ message, status, userId })\n      || isFineResend({ message, status, userId })\n    );\n  }\n};\n","import './open-channel-mobile-menu.scss';\n\nimport React from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport ContextMenu, { MenuItems, MenuItem } from '../ContextMenu';\nimport {\n  isFineDelete,\n  isFineResend,\n  isFineCopy,\n  isFineEdit,\n  isFineDownload,\n} from '../../utils/openChannelUtils';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\nimport { useLocalization } from '../../lib/LocalizationContext';\n\ntype Props = {\n  message: UserMessage | FileMessage;\n  parentRef: React.RefObject<HTMLDivElement>;\n  resendMessage?(): void;\n  showRemove?(): void;\n  copyToClipboard?(): void;\n  showEdit?(): void;\n  hideMenu(): void;\n};\n\nconst OpenChannelMobileMenu: React.FC<Props> = (props: Props) => {\n  const {\n    message,\n    parentRef,\n    resendMessage,\n    showEdit,\n    showRemove,\n    copyToClipboard,\n    hideMenu,\n  } = props;\n  const userMessage = message as UserMessage;\n  const status = message?.sendingStatus;\n  const { stringSet } = useLocalization();\n  const userId = useSendbirdStateContext()?.config?.userId;\n  const fileMessage = message as FileMessage;\n  return (\n    <ContextMenu\n      isOpen\n      menuItems={() => (\n        <MenuItems\n          className=\"sendbird-openchannel__mobile-menu\"\n          parentRef={parentRef}\n          parentContainRef={parentRef}\n          closeDropdown={hideMenu}\n        >\n          {\n            isFineCopy({ message: userMessage, userId, status }) && (\n              <MenuItem\n                className=\"sendbird-openchannel-og-message__top__context-menu__copy\"\n                onClick={() => {\n                  copyToClipboard();\n                }}\n              >\n                <>{stringSet.CONTEXT_MENU_DROPDOWN__COPY}</>\n              </MenuItem>\n            )\n          }\n          {\n            isFineEdit({ message, userId, status }) && (\n              <MenuItem\n                className=\"sendbird-openchannel-og-message__top__context-menu__edit\"\n                onClick={() => {\n                  showEdit();\n                }}\n              >\n                <>{stringSet.CONTEXT_MENU_DROPDOWN__EDIT}</>\n              </MenuItem>\n            )\n          }\n          {\n            isFineResend({ message, userId, status }) && (\n              <MenuItem\n                onClick={() => {\n                  resendMessage();\n                }}\n              >\n                <>{stringSet.CONTEXT_MENU_DROPDOWN__RESEND}</>\n              </MenuItem>\n            )\n          }\n          {\n            isFineDelete({ message, userId, status }) && (\n              <MenuItem\n                onClick={() => {\n                  showRemove();\n                }}\n              >\n                <>{stringSet.CONTEXT_MENU_DROPDOWN__DELETE}</>\n              </MenuItem>\n            )\n          }\n          {\n            isFineDownload({ message, status }) && (\n                <MenuItem\n                  onClick={() => {\n                    hideMenu();\n                  }}\n                >\n                  <a\n                    className=\"sendbird-openchannel__mobile-menu-hyperlink\"\n                    rel=\"noopener noreferrer\"\n                    href={fileMessage?.url}\n                    target=\"_blank\"\n                  >\n                    {stringSet.CONTEXT_MENU_DROPDOWN__SAVE}\n                  </a>\n                </MenuItem>\n            )\n          }\n        </MenuItems>\n      )\n    }/>\n  )\n}\n\nexport default OpenChannelMobileMenu;\n"],"names":["OpenChannelMessageStatusTypes","NONE","PENDING","FAILED","CANCELED","SUCCEEDED","getSenderFromMessage","message","sender","_sender","checkIsSent","status","checkIsPending","checkIsFailed","checkIsByMe","userId","isFineCopy","_a","messageType","_b","length","isFineResend","isResendable","isFineEdit","isUserMessage","call","isFineDelete","isFineDownload","isFileMessage","showMenuTrigger","props","OpenChannelMobileMenu","parentRef","resendMessage","showEdit","showRemove","copyToClipboard","hideMenu","userMessage","sendingStatus","stringSet","useLocalization","useSendbirdStateContext","config","fileMessage","React","CONTEXT_MENU_DROPDOWN__COPY","CONTEXT_MENU_DROPDOWN__EDIT","CONTEXT_MENU_DROPDOWN__RESEND","CONTEXT_MENU_DROPDOWN__DELETE","url","CONTEXT_MENU_DROPDOWN__SAVE"],"mappings":";;;;;AAGA,IAAMA,6BAA6B,GAAG;AACpCC,EAAAA,IAAI,EAAE,MAD8B;AAEpCC,EAAAA,OAAO,EAAE,SAF2B;AAGpCC,EAAAA,MAAM,EAAE,QAH4B;AAIpCC,EAAAA,QAAQ,EAAE,UAJ0B;AAKpCC,EAAAA,SAAS,EAAE,WAAA;AALyB,CAAtC,CAAA;AAQaC,IAAAA,oBAAoB,GAAG,UAACC,OAAD,EAAmC;AACrE;AACA,EAAA,OAAOA,OAAO,CAACC,MAAR,IAAkBD,OAAO,CAACE,OAAjC,CAAA;AACD,EAHM;AAKMC,IAAAA,WAAW,GAAG,UAACC,MAAD,EAA6B;AAAA,EAAA,OAACA,MAAM,KAAKX,6BAA6B,CAACK,SAA1C,CAAA;AAAoD,EAArG;AACMO,IAAAA,cAAc,GAAG,UAACD,MAAD,EAA6B;AAAA,EAAA,OAACA,MAAM,KAAKX,6BAA6B,CAACE,OAA1C,CAAA;AAAkD,EAAtG;AACMW,IAAAA,aAAa,GAAG,UAACF,MAAD,EAA6B;AAAA,EAAA,OAACA,MAAM,KAAKX,6BAA6B,CAACG,MAA1C,CAAA;AAAiD,EAApG;AAEA,IAAMW,WAAW,GAAG,UAACP,OAAD,EAAqCQ,MAArC,EAAmD;AAAc,EAAA,OAACT,oBAAoB,CAACC,OAAD,CAApB,CAA8BQ,MAA9B,KAAyCA,MAA1C,CAAA;AAAiD,CAAtI,CAAA;AAOMC,IAAAA,UAAU,GAAG,UAACC,EAAD,EAA8B;;;AAA3B,EAAA,IAAAV,OAAO,GAAAU,EAAA,CAAAV,OAAP,CAAA;EAC3B,OAAQ,CAAAA,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEW,WAAT,MAAyB,MAAzB,IAAmC,CAAA,MAAAX,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEA,OAAT,MAAgB,IAAhB,IAAgBY,EAAA,KAAA,KAAA,CAAhB,GAAgB,KAAA,CAAhB,GAAgBA,EAAA,CAAEC,MAAlB,IAA2B,CAAtE,CAAA;AACD,EAFM;AASMC,IAAAA,YAAY,GAAG,UAACJ,EAAD,EAAgD;AAA7C,EAAA,IAAAV,OAAO,aAAP;AAAA,MAASI,MAAM,GAAAM,EAAA,CAAAN,MAAf;AAAA,MAAiBI,MAAM,GAAAE,EAAA,CAAAF,MAAvB,CAAA;EAC7B,OAAOD,WAAW,CAACP,OAAD,EAAUQ,MAAV,CAAX,IACFF,aAAa,CAACF,MAAD,CADX;AAAA,MAGFJ,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEe,YAAT,EAHE,CAAP,CAAA;AAID,EALM;AAYMC,IAAAA,UAAU,GAAG,UAACN,EAAD,EAA8C;;;AAA3C,EAAA,IAAAV,OAAO,aAAP;AAAA,MAASI,MAAM,GAAAM,EAAA,CAAAN,MAAf;AAAA,MAAiBI,MAAM,GAAAE,EAAA,CAAAF,MAAvB,CAAA;EAC3B,OAAOD,WAAW,CAACP,OAAD,EAAUQ,MAAV,CAAX,IAAgCL,WAAW,CAACC,MAAD,CAA3C,KAAuD,CAAAQ,EAAA,GAAAZ,OAAO,SAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEiB,aAAT,MAA0B,IAA1B,IAA0BL,EAAA,KAAA,KAAA,CAA1B,GAA0B,KAAA,CAA1B,GAA0BA,EAAA,CAAAM,IAAA,CAAAlB,OAAA,CAAjF,CAAP,CAAA;AACD,EAFM;AASMmB,IAAAA,YAAY,GAAG,UAACT,EAAD,EAAwC;MAArCV,OAAO,GAAAU,EAAA,CAAAV;MAAEQ,MAAM,GAAAE,EAAA,CAAAF;AAC5C,EAAA,OAAOD,WAAW,CAACP,OAAD,EAAUQ,MAAV,CAAlB,CAAA;AACD,EAFM;AASA,IAAMY,cAAc,GAAG,UAACV,EAAD,EAA0C;;;MAAvCV,OAAO,GAAAU,EAAA,CAAAV;MAAEI,MAAM,GAAAM,EAAA,CAAAN;;AAC9C,EAAA,IAAI,CAAA,CAAAQ,EAAA,GAAAZ,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEqB,aAAT,UAAA,iBAAA,SAAA,mBAAA,KAA8BlB,WAAW,CAACC,MAAD,CAA7C,EAAuD;AACrD,IAAA,OAAO,IAAP,CAAA;AACD,GAAA;;AACD,EAAA,OAAO,KAAP,CAAA;AACD,CALM,CAAA;AAYMkB,IAAAA,eAAe,GAAG,UAACC,KAAD,EAA6B;AAClD,EAAA,IAAAvB,OAAO,GAAqBuB,KAAK,CAAAvB,OAAjC;AAAA,MAASI,MAAM,GAAamB,KAAK,CAAAnB,MAAjC;AAAA,MAAiBI,MAAM,GAAKe,KAAK,OAAjC,CADkD;;AAG1D,EAAA,IAAIvB,OAAO,CAACW,WAAR,KAAwB,MAA5B,EAAoC;AAClC,IAAA,OACEQ,YAAY,CAAC;AAAEnB,MAAAA,OAAO,EAAAA,OAAT;AAAWI,MAAAA,MAAM,EAAAA,MAAjB;AAAmBI,MAAAA,MAAM,EAAAA,MAAAA;KAA1B,CAAZ,IACGQ,UAAU,CAAC;AAAEhB,MAAAA,OAAO,EAAAA,OAAT;AAAWI,MAAAA,MAAM,EAAAA,MAAjB;AAAmBI,MAAAA,MAAM,EAAAA,MAAAA;AAAzB,KAAD,CADb;AAAA,OAGGC,UAAU,CAAC;AAAET,MAAAA,OAAO,EAAAA,OAAT;AAAWI,MAAAA,MAAM,EAAAA,MAAjB;AAAmBI,MAAAA,MAAM,EAAAA,MAAAA;KAA1B,CAHb,IAIGM,YAAY,CAAC;AAAEd,MAAAA,OAAO,EAAAA,OAAT;AAAWI,MAAAA,MAAM,EAAAA,MAAjB;AAAmBI,MAAAA,MAAM,EAAAA,MAAAA;AAAzB,KAAD,CALjB,CAAA;AAOD,GARD,MAQO;AACL,IAAA,OACEW,YAAY,CAAC;AAAEnB,MAAAA,OAAO,EAAAA,OAAT;AAAWI,MAAAA,MAAM,EAAAA,MAAjB;AAAmBI,MAAAA,MAAM,EAAAA,MAAAA;KAA1B,CAAZ,IACGM,YAAY,CAAC;AAAEd,MAAAA,OAAO,EAAAA,OAAT;AAAWI,MAAAA,MAAM,EAAAA,MAAjB;AAAmBI,MAAAA,MAAM,EAAAA,MAAAA;AAAzB,KAAD,CAFjB,CAAA;AAID,GAAA;AACF;;ACtED,IAAMgB,qBAAqB,GAAoB,UAACD,KAAD,EAAa;;;AAExD,EAAA,IAAAvB,OAAO,GAOLuB,KAAK,CAAAvB,OAPP;AAAA,MACAyB,SAAS,GAMPF,KAAK,CAAAE,SAPP;AAAA,MAEAC,aAAa,GAKXH,KAAK,CAAAG,aAPP;AAAA,MAGAC,QAAQ,GAINJ,KAAK,CAAAI,QAPP;AAAA,MAIAC,UAAU,GAGRL,KAAK,WAPP;AAAA,MAKAM,eAAe,GAEbN,KAAK,gBAPP;AAAA,MAMAO,QAAQ,GACNP,KAAK,SAPP,CAAA;EAQF,IAAMQ,WAAW,GAAG/B,OAApB,CAAA;AACA,EAAA,IAAMI,MAAM,GAAGJ,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEgC,aAAxB,CAAA;AACQ,EAAA,IAAAC,SAAS,GAAKC,eAAe,EAAA,UAA7B,CAAA;AACR,EAAA,IAAM1B,MAAM,GAAG,CAAAI,EAAA,GAAA,CAAAF,EAAA,GAAAyB,uBAAuB,EAAvB,MAA2B,IAA3B,IAA2BzB,EAAA,KAAA,KAAA,CAA3B,GAA2B,KAAA,CAA3B,GAA2BA,EAAA,CAAA0B,MAA3B,MAAmC,IAAnC,IAAmCxB,EAAA,KAAA,KAAA,CAAnC,GAAmC,KAAA,CAAnC,GAAmCA,EAAA,CAAAJ,MAAlD,CAAA;EACA,IAAM6B,WAAW,GAAGrC,OAApB,CAAA;AACA,EAAA,oBACEsC,6BAAC,WAAD,EAAA;AACE,IAAA,MAAM,EADR,IAAA;AAEE,IAAA,SAAS,EAAE,YAAA;AAAM,MAAA,oBACfA,6BAAC,SAAD,EAAA;AACE,QAAA,SAAS,EAAC,mCADZ;AAEE,QAAA,SAAS,EAAEb,SAFb;AAGE,QAAA,gBAAgB,EAAEA,SAHpB;AAIE,QAAA,aAAa,EAAEK,QAAAA;AAJjB,OAAA,EAOIrB,UAAU,CAAC;AAAET,QAAAA,OAAO,EAAE+B,WAAX;AAAwBvB,QAAAA,MAAM,EAAAA,MAA9B;AAAgCJ,QAAAA,MAAM,EAAAA,MAAAA;OAAvC,CAAV,iBACEkC,cAAA,CAAA,aAAA,CAAC,QAAD,EAAA;AACE,QAAA,SAAS,EAAC,0DADZ;AAEE,QAAA,OAAO,EAAE,YAAA;UACPT,eAAe,EAAA,CAAA;AAChB,SAAA;OAED,eAAAS,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAGL,SAAS,CAACM,2BAAb,CANF,CARN,EAmBIvB,UAAU,CAAC;AAAEhB,QAAAA,OAAO,EAAAA,OAAT;AAAWQ,QAAAA,MAAM,EAAAA,MAAjB;AAAmBJ,QAAAA,MAAM,EAAAA,MAAAA;OAA1B,CAAV,iBACEkC,cAAA,CAAA,aAAA,CAAC,QAAD,EAAA;AACE,QAAA,SAAS,EAAC,0DADZ;AAEE,QAAA,OAAO,EAAE,YAAA;UACPX,QAAQ,EAAA,CAAA;AACT,SAAA;OAED,eAAAW,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAGL,SAAS,CAACO,2BAAb,CANF,CApBN,EA+BI1B,YAAY,CAAC;AAAEd,QAAAA,OAAO,SAAT;AAAWQ,QAAAA,MAAM,QAAjB;AAAmBJ,QAAAA,MAAM;OAA1B,CAAZ,iBACEkC,cAAA,CAAA,aAAA,CAAC,QAAD,EAAA;AACE,QAAA,OAAO,EAAE,YAAA;UACPZ,aAAa,EAAA,CAAA;AACd,SAAA;OAED,eAAAY,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAGL,SAAS,CAACQ,6BAAb,CALF,CAhCN,EA0CItB,YAAY,CAAC;AAAEnB,QAAAA,OAAO,SAAT;AAAWQ,QAAAA,MAAM,QAAjB;AAAmBJ,QAAAA,MAAM;OAA1B,CAAZ,iBACEkC,cAAA,CAAA,aAAA,CAAC,QAAD,EAAA;AACE,QAAA,OAAO,EAAE,YAAA;UACPV,UAAU,EAAA,CAAA;AACX,SAAA;OAED,eAAAU,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAGL,SAAS,CAACS,6BAAb,CALF,CA3CN,EAqDItB,cAAc,CAAC;AAAEpB,QAAAA,OAAO,EAAAA,OAAT;AAAWI,QAAAA,MAAM,EAAAA,MAAAA;OAAlB,CAAd,iBACIkC,cAAA,CAAA,aAAA,CAAC,QAAD,EAAA;AACE,QAAA,OAAO,EAAE,YAAA;UACPR,QAAQ,EAAA,CAAA;AACT,SAAA;OAED,eAAAQ,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AACE,QAAA,SAAS,EAAC,6CADZ;AAEE,QAAA,GAAG,EAAC,qBAFN;AAGE,QAAA,IAAI,EAAED,WAAW,KAAA,IAAX,IAAAA,WAAW,KAAA,KAAA,CAAX,GAAW,KAAA,CAAX,GAAAA,WAAW,CAAEM,GAHrB;AAIE,QAAA,MAAM,EAAC,QAAA;AAJT,OAAA,EAMGV,SAAS,CAACW,2BANb,CALF,CAtDR,CADe,CAAA;AAwEhB,KAAA;GA3EL,CAAA,CAAA;AA8ED;;;;"}

package/{index-200a8796.js → index-c4eefc9d.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { g as getStringSet } from './stringSet-8662ec77.js';
+import { g as getStringSet } from './stringSet-65cf83b4.js';
 
 const Typography = {
   H_1: 'H_1',
@@ -129,4 +129,4 @@ const LabelColors = Colors;
 const LabelStringSet = getStringSet('en');
 
 export { Label as L, LabelTypography as a, LabelColors as b, LabelStringSet as c, changeColorToClassName as d };
-//# sourceMappingURL=index-200a8796.js.map
+//# sourceMappingURL=index-c4eefc9d.js.map

package/{index-200a8796.js.map → index-c4eefc9d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-200a8796.js","sources":["../src/ui/Label/types.js","../src/ui/Label/utils.js","../src/ui/Label/index.jsx"],"sourcesContent":["export const Typography = {\n  H_1: 'H_1',\n  H_2: 'H_2',\n  SUBTITLE_1: 'SUBTITLE_1',\n  SUBTITLE_2: 'SUBTITLE_2',\n  BODY_1: 'BODY_1',\n  BODY_2: 'BODY_2',\n  BUTTON_1: 'BUTTON_1',\n  BUTTON_2: 'BUTTON_2',\n  CAPTION_1: 'CAPTION_1',\n  CAPTION_2: 'CAPTION_2',\n  CAPTION_3: 'CAPTION_3',\n};\n\nexport const Colors = {\n  ONBACKGROUND_1: 'ONBACKGROUND_1',\n  ONBACKGROUND_2: 'ONBACKGROUND_2',\n  ONBACKGROUND_3: 'ONBACKGROUND_3',\n  ONBACKGROUND_4: 'ONBACKGROUND_4',\n  ONCONTENT_1: 'ONCONTENT_1',\n  ONCONTENT_2: 'ONCONTENT_2',\n  PRIMARY: 'PRIMARY',\n  ERROR: 'ERROR',\n  SECONDARY_3: 'SECONDARY_3',\n};\n","import { Typography, Colors } from './types';\n\nexport function changeTypographyToClassName(type) {\n  switch (type) {\n    case Typography.H_1: return 'sendbird-label--h-1';\n    case Typography.H_2: return 'sendbird-label--h-2';\n    case Typography.SUBTITLE_1: return 'sendbird-label--subtitle-1';\n    case Typography.SUBTITLE_2: return 'sendbird-label--subtitle-2';\n    case Typography.BODY_1: return 'sendbird-label--body-1';\n    case Typography.BODY_2: return 'sendbird-label--body-2';\n    case Typography.BUTTON_1: return 'sendbird-label--button-1';\n    case Typography.BUTTON_2: return 'sendbird-label--button-2';\n    case Typography.CAPTION_1: return 'sendbird-label--caption-1';\n    case Typography.CAPTION_2: return 'sendbird-label--caption-2';\n    case Typography.CAPTION_3: return 'sendbird-label--caption-3';\n    default: return '';\n  }\n}\n\nexport function changeColorToClassName(color) {\n  switch (color) {\n    case Colors.ONBACKGROUND_1: return 'sendbird-label--color-onbackground-1';\n    case Colors.ONBACKGROUND_2: return 'sendbird-label--color-onbackground-2';\n    case Colors.ONBACKGROUND_3: return 'sendbird-label--color-onbackground-3';\n    case Colors.ONBACKGROUND_4: return 'sendbird-label--color-onbackground-4';\n    case Colors.ONCONTENT_1: return 'sendbird-label--color-oncontent-1';\n    case Colors.ONCONTENT_2: return 'sendbird-label--color-oncontent-2';\n    case Colors.PRIMARY: return 'sendbird-label--color-primary'; // should be Primary-3 fix me\n    case Colors.ERROR: return 'sendbird-label--color-error';\n    case Colors.SECONDARY_3: return 'sendbird-label--color-secondary-3';\n    default: return '';\n  }\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\nimport { Typography, Colors } from './types';\nimport { changeTypographyToClassName, changeColorToClassName } from './utils';\nimport getStringSet from './stringSet';\n\nexport default function Label({\n  className,\n  type,\n  color,\n  children,\n}) {\n  return (\n    <span\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-label',\n        type ? changeTypographyToClassName(type) : '',\n        color ? changeColorToClassName(color) : '',\n      ].join(' ')}\n    >\n      {children}\n    </span>\n  );\n}\n\nLabel.propTypes = {\n  className: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n  type: PropTypes.string,\n  color: PropTypes.string,\n  children: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.element,\n    PropTypes.any,\n  ]),\n};\n\nLabel.defaultProps = {\n  className: [],\n  type: '',\n  color: '',\n  children: null,\n};\n\nconst LabelTypography = Typography;\nconst LabelColors = Colors;\nconst LabelStringSet = getStringSet('en');\nexport { LabelTypography, LabelColors, LabelStringSet };\n"],"names":["Typography","H_1","H_2","SUBTITLE_1","SUBTITLE_2","BODY_1","BODY_2","BUTTON_1","BUTTON_2","CAPTION_1","CAPTION_2","CAPTION_3","Colors","ONBACKGROUND_1","ONBACKGROUND_2","ONBACKGROUND_3","ONBACKGROUND_4","ONCONTENT_1","ONCONTENT_2","PRIMARY","ERROR","SECONDARY_3","changeTypographyToClassName","type","changeColorToClassName","color","Label","className","children","React","Array","isArray","join","propTypes","PropTypes","oneOfType","string","arrayOf","number","element","any","defaultProps","LabelTypography","LabelColors","LabelStringSet","getStringSet"],"mappings":"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"}
+{"version":3,"file":"index-c4eefc9d.js","sources":["../src/ui/Label/types.js","../src/ui/Label/utils.js","../src/ui/Label/index.jsx"],"sourcesContent":["export const Typography = {\n  H_1: 'H_1',\n  H_2: 'H_2',\n  SUBTITLE_1: 'SUBTITLE_1',\n  SUBTITLE_2: 'SUBTITLE_2',\n  BODY_1: 'BODY_1',\n  BODY_2: 'BODY_2',\n  BUTTON_1: 'BUTTON_1',\n  BUTTON_2: 'BUTTON_2',\n  CAPTION_1: 'CAPTION_1',\n  CAPTION_2: 'CAPTION_2',\n  CAPTION_3: 'CAPTION_3',\n};\n\nexport const Colors = {\n  ONBACKGROUND_1: 'ONBACKGROUND_1',\n  ONBACKGROUND_2: 'ONBACKGROUND_2',\n  ONBACKGROUND_3: 'ONBACKGROUND_3',\n  ONBACKGROUND_4: 'ONBACKGROUND_4',\n  ONCONTENT_1: 'ONCONTENT_1',\n  ONCONTENT_2: 'ONCONTENT_2',\n  PRIMARY: 'PRIMARY',\n  ERROR: 'ERROR',\n  SECONDARY_3: 'SECONDARY_3',\n};\n","import { Typography, Colors } from './types';\n\nexport function changeTypographyToClassName(type) {\n  switch (type) {\n    case Typography.H_1: return 'sendbird-label--h-1';\n    case Typography.H_2: return 'sendbird-label--h-2';\n    case Typography.SUBTITLE_1: return 'sendbird-label--subtitle-1';\n    case Typography.SUBTITLE_2: return 'sendbird-label--subtitle-2';\n    case Typography.BODY_1: return 'sendbird-label--body-1';\n    case Typography.BODY_2: return 'sendbird-label--body-2';\n    case Typography.BUTTON_1: return 'sendbird-label--button-1';\n    case Typography.BUTTON_2: return 'sendbird-label--button-2';\n    case Typography.CAPTION_1: return 'sendbird-label--caption-1';\n    case Typography.CAPTION_2: return 'sendbird-label--caption-2';\n    case Typography.CAPTION_3: return 'sendbird-label--caption-3';\n    default: return '';\n  }\n}\n\nexport function changeColorToClassName(color) {\n  switch (color) {\n    case Colors.ONBACKGROUND_1: return 'sendbird-label--color-onbackground-1';\n    case Colors.ONBACKGROUND_2: return 'sendbird-label--color-onbackground-2';\n    case Colors.ONBACKGROUND_3: return 'sendbird-label--color-onbackground-3';\n    case Colors.ONBACKGROUND_4: return 'sendbird-label--color-onbackground-4';\n    case Colors.ONCONTENT_1: return 'sendbird-label--color-oncontent-1';\n    case Colors.ONCONTENT_2: return 'sendbird-label--color-oncontent-2';\n    case Colors.PRIMARY: return 'sendbird-label--color-primary'; // should be Primary-3 fix me\n    case Colors.ERROR: return 'sendbird-label--color-error';\n    case Colors.SECONDARY_3: return 'sendbird-label--color-secondary-3';\n    default: return '';\n  }\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\nimport { Typography, Colors } from './types';\nimport { changeTypographyToClassName, changeColorToClassName } from './utils';\nimport getStringSet from './stringSet';\n\nexport default function Label({\n  className,\n  type,\n  color,\n  children,\n}) {\n  return (\n    <span\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-label',\n        type ? changeTypographyToClassName(type) : '',\n        color ? changeColorToClassName(color) : '',\n      ].join(' ')}\n    >\n      {children}\n    </span>\n  );\n}\n\nLabel.propTypes = {\n  className: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n  type: PropTypes.string,\n  color: PropTypes.string,\n  children: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.element,\n    PropTypes.any,\n  ]),\n};\n\nLabel.defaultProps = {\n  className: [],\n  type: '',\n  color: '',\n  children: null,\n};\n\nconst LabelTypography = Typography;\nconst LabelColors = Colors;\nconst LabelStringSet = getStringSet('en');\nexport { LabelTypography, LabelColors, LabelStringSet };\n"],"names":["Typography","H_1","H_2","SUBTITLE_1","SUBTITLE_2","BODY_1","BODY_2","BUTTON_1","BUTTON_2","CAPTION_1","CAPTION_2","CAPTION_3","Colors","ONBACKGROUND_1","ONBACKGROUND_2","ONBACKGROUND_3","ONBACKGROUND_4","ONCONTENT_1","ONCONTENT_2","PRIMARY","ERROR","SECONDARY_3","changeTypographyToClassName","type","changeColorToClassName","color","Label","className","children","React","Array","isArray","join","propTypes","PropTypes","oneOfType","string","arrayOf","number","element","any","defaultProps","LabelTypography","LabelColors","LabelStringSet","getStringSet"],"mappings":"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"}

package/{index-4be14273.js → index-dcae1e38.js}

@@ -1,15 +1,15 @@
 import React__default, { useMemo, useRef, useContext, useState } from 'react';
 import Modal from './ui/Modal.js';
-import { a as LocalizationContext } from './LocalizationContext-9976b34e.js';
+import { a as LocalizationContext } from './LocalizationContext-2bd4bbe8.js';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
 import Input, { InputLabel } from './ui/Input.js';
 import Avatar from './ui/Avatar.js';
 import Icon, { IconTypes } from './ui/Icon.js';
 import { ButtonTypes } from './ui/Button.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './index-200a8796.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './index-c4eefc9d.js';
 import TextButton from './ui/TextButton.js';
-import { n as noop } from './utils-5569d95d.js';
-import { U as UPDATE_USER_INFO } from './actionTypes-b30fed5f.js';
+import { n as noop } from './utils-db039320.js';
+import { U as UPDATE_USER_INFO } from './actionTypes-36657780.js';
 
 var EditUserProfileProviderContext = /*#__PURE__*/React__default.createContext(undefined);
 
@@ -65,6 +65,7 @@ function EditUserProfile() {
     submitText: stringSet.BUTTON__SAVE,
     type: ButtonTypes.PRIMARY,
     onCancel: onCancel,
+    isFullScreenOnMobile: true,
     onSubmit: function () {
       var _a;
 
@@ -168,4 +169,4 @@ function EditUserProfile() {
 }
 
 export { EditUserProfileProvider as E, EditUserProfile as a };
-//# sourceMappingURL=index-4be14273.js.map
+//# sourceMappingURL=index-dcae1e38.js.map

package/index-dcae1e38.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-dcae1e38.js","sources":["../src/smart-components/EditUserProfile/context/EditUserProfIleProvider.tsx","../src/smart-components/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 * as userActions 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: userActions.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\n"],"names":["EditUserProfileProviderContext","React","createContext","undefined","EditUserProfileProvider","props","children","onEditProfile","onCancel","onThemeChange","value","useMemo","useEditUserProfileContext","useContext","EditUserProfile","editProfileProps","store","useSendbirdStateContext","hiddenInputRef","useRef","inputRef","formRef","stringSet","LocalizationContext","_h","useState","currentImg","setCurrentImg","_j","newFile","setNewFile","theme","_a","config","changeTheme","_b","setCurrenttheme","noop","user","_d","_c","stores","userStore","sdk","_f","_e","sdkStore","userDispatcher","_g","dispatchers","EDIT_PROFILE__TITLE","BUTTON__SAVE","ButtonTypes","PRIMARY","nickname","current","reportValidity","updateCurrentUserInfo","profileImage","then","updatedUser","type","userActions","payload","e","preventDefault","EDIT_PROFILE__IMAGE_LABEL","profileUrl","display","URL","createObjectURL","target","files","click","LabelTypography","BUTTON_1","LabelColors","EDIT_PROFILE__IMAGE_UPLOAD","EDIT_PROFILE__NICKNAME_LABEL","EDIT_PROFILE__NICKNAME_PLACEHOLDER","EDIT_PROFILE__USERID_LABEL","userId","EDIT_PROFILE__THEME_LABEL","IconTypes","TOGGLE_ON","TOGGLE_OFF"],"mappings":"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"}

package/{index-c3c4236f.js → index-ec923bf5.js}

@@ -1,8 +1,8 @@
-import { a as __spreadArray } from './tslib.es6-d20349ad.js';
+import { a as __spreadArray } from './tslib.es6-7fef98cd.js';
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from './LocalizationContext-9976b34e.js';
+import { a as LocalizationContext } from './LocalizationContext-2bd4bbe8.js';
 import Icon, { IconTypes, IconColors } from './ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './index-200a8796.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './index-c4eefc9d.js';
 import Loader from './ui/Loader.js';
 
 function Types() {
@@ -108,4 +108,4 @@ function PlaceHolder(_a) {
 }
 
 export { PlaceHolder as P, PlaceHolderTypes as a, PlaceHolderTypes$1 as b };
-//# sourceMappingURL=index-c3c4236f.js.map
+//# sourceMappingURL=index-ec923bf5.js.map

package/{index-c3c4236f.js.map → index-ec923bf5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-c3c4236f.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","_a","_b","className","type","iconSize","_c","searchInString","_d","retryToConnect","stringSet","useContext","LocalizationContext","React","__spreadArray","Array","isArray","join","IconTypes","SPINNER","IconColors","PRIMARY","CHAT","ON_BACKGROUND_3","ERROR","MESSAGE","LabelTypography","BODY_1","LabelColors","ONBACKGROUND_2","PLACE_HOLDER__NO_CHANNEL","PLACE_HOLDER__WRONG","PLACE_HOLDER__NO_MESSAGES","REFRESH","BUTTON_1","PLACE_HOLDER__RETRY_TO_CONNECT","BUTTON_2","concat","NO_SEARCHED_MESSAGE"],"mappings":"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"}
+{"version":3,"file":"index-ec923bf5.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","_a","_b","className","type","iconSize","_c","searchInString","_d","retryToConnect","stringSet","useContext","LocalizationContext","React","__spreadArray","Array","isArray","join","IconTypes","SPINNER","IconColors","PRIMARY","CHAT","ON_BACKGROUND_3","ERROR","MESSAGE","LabelTypography","BODY_1","LabelColors","ONBACKGROUND_2","PLACE_HOLDER__NO_CHANNEL","PLACE_HOLDER__WRONG","PLACE_HOLDER__NO_MESSAGES","REFRESH","BUTTON_1","PLACE_HOLDER__RETRY_TO_CONNECT","BUTTON_2","concat","NO_SEARCHED_MESSAGE"],"mappings":"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"}

package/index.d.ts

@@ -1,9 +1,9 @@
 /**
- * Type Definitions for @sendbird/uikit-react@3.2.5
+ * Type Definitions for @sendbird/uikit-react@3.2.6-rc.0
  * homepage: https://sendbird.com/
  * git: https://github.com/sendbird/sendbird-uikit-react
  */
- declare module "SendbirdUIKitGlobal" {
+declare module "SendbirdUIKitGlobal" {
   import type React from 'react';
   import type Locale from 'date-fns';
   import type SendbirdChat from '@sendbird/chat';
@@ -47,6 +47,8 @@
     accessToken?: string;
     customApiHost?: string,
     customWebSocketHost?: string,
+    // not-ready yet
+    // mediaQueryBreakPoint?: string | boolean,
     theme?: 'light' | 'dark';
     userListQuery?(): UserListQuery;
     nickname?: string;
@@ -215,6 +217,7 @@
     configureSession?: (sdk: SendbirdGroupChat | SendbirdOpenChat) => SessionHandler;
     customApiHost?: string,
     customWebSocketHost?: string,
+    // mediaQueryBreakPoint?: string | boolean,
     children?: React.ReactNode | React.ReactElement;
     theme?: 'light' | 'dark';
     nickname?: string;
@@ -222,6 +225,7 @@
     dateLocale?: Locale;
     disableUserProfile?: boolean;
     disableMarkAsDelivered?: boolean;
+    onUserProfileMessage?: (props: GroupChannel) => void;
     renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode | React.ReactElement;
     allowProfileEdit?: boolean;
     userListQuery?(): UserListQuery;
@@ -360,6 +364,7 @@
 
   export interface ChannelPreviewInterface {
     channel: GroupChannel;
+    onLeaveChannel?: () => void;
     isActive?: boolean;
     onClick: () => void;
     renderChannelAction: (props: { channel: GroupChannel }) => React.ReactNode | React.ReactElement;
@@ -461,6 +466,7 @@
     onBeforeUpdateUserMessage?(text: string): UserMessageUpdateParams;
     onChatHeaderActionClick?(event: React.MouseEvent<HTMLElement>): void;
     onSearchClick?(): void;
+    onBackClick?(): void;
     replyType?: ReplyType;
     queries?: ChannelQueries;
     renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode | React.ReactElement;
@@ -613,6 +619,7 @@
     onBeforeSendUserMessage?(text: string): UserMessageCreateParams;
     onBeforeSendFileMessage?(file_: File): FileMessageCreateParams;
     onChatHeaderActionClick?(): void;
+    onBackClick?(): void;
     disableUserProfile?: boolean;
     renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode | React.ReactElement;
   }
@@ -771,6 +778,7 @@
     channelUrl: string;
     children?: React.ReactElement;
     onCloseClick?(): void;
+    onLeaveChannel?(): void;
     onBeforeUpdateChannel?(currentTitle: string, currentImg: File, data: string): OpenChannelUpdateParams;
     onChannelModified?(channel: OpenChannel): void;
     onDeleteChannel?(channel: OpenChannel): void;
@@ -1508,8 +1516,9 @@ declare module '@sendbird/uikit-react/ui/ConnectionStatus' {
 
 declare module '@sendbird/uikit-react/ui/ContextMenu' {
   interface ContextMenuProps {
-    menuTrigger: () => void;
+    menuTrigger?: () => void;
     menuItems: () => void;
+    isOpen?: boolean;
   }
   const ContextMenu: React.FC<ContextMenuProps>;
   export default ContextMenu;
@@ -1850,12 +1859,14 @@ declare module '@sendbird/uikit-react/ui/MessageStatus' {
 
 declare module '@sendbird/uikit-react/ui/Modal' {
   interface ModalProps {
-    className?: Array<string>,
+    className?: string,
     onCancel: () => void,
     onSubmit: () => void,
     hideFooter?: boolean,
     disabled?: boolean,
     type?: string,
+    isFullScreenOnMobile?: boolean;
+    isCloseOnClickOutside?: boolean;
     children: React.ReactElement | string,
     renderHeader?: () => React.ReactElement,
   }