@sendbird/uikit-react 3.2.0-rc.0 → 3.2.0-rc.2

package/cjs/CreateChannel.js

@@ -2,44 +2,44 @@
 
 var React = require('react');
 var CreateChannel_components_CreateChannelUI = require('./CreateChannel/components/CreateChannelUI.js');
-var CreateChannel_context = require('./CreateChannelProvider-80c88bba.js');
+var CreateChannel_context = require('./CreateChannelProvider-ce623553.js');
 require('./CreateChannel/components/InviteUsers.js');
-require('./tslib.es6-36205d81.js');
-require('./LocalizationContext-b5fd4c38.js');
-require('./stringSet-be457fd7.js');
-require('./index-5166a415.js');
+require('./tslib.es6-8c7aa47e.js');
+require('./LocalizationContext-bde4de59.js');
+require('./stringSet-edbf423b.js');
+require('./index-50fc77e8.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-f9e4bb55.js');
+require('./_rollupPluginBabelHelpers-17f5a2c8.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-550f5039.js');
+require('./index-216e0934.js');
 require('./ui/Button.js');
-require('./index-b9b8972b.js');
+require('./index-339b2871.js');
 require('prop-types');
 require('./ui/Icon.js');
 require('./ui/IconButton.js');
 require('./ui/UserListItem.js');
-require('./UserProfileContext-69c9649a.js');
+require('./UserProfileContext-21660049.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-edc908ea.js');
+require('./uuid-0e8b271a.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/Checkbox.js');
 require('./ui/UserProfile.js');
 require('./sendbirdSelectors.js');
-require('./topics-58ec1c61.js');
-require('./utils-09738454.js');
+require('./topics-c5662b44.js');
+require('./utils-01f53796.js');
 require('./ui/ContextMenu.js');
 require('./ui/SortByRow.js');
-require('./index-18b120dc.js');
+require('./index-e4245c04.js');
 require('./CreateChannel/components/SelectChannelType.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var CreateChannel = function CreateChannel(props) {
+var CreateChannel = function (props) {
   var onBeforeCreateChannel = props.onBeforeCreateChannel,
       userListQuery = props.userListQuery,
       onCreateChannel = props.onCreateChannel,

package/cjs/CreateChannel.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateChannel.js","sources":["../../src/smart-components/CreateChannel/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport CreateChannelUI, {\n  CreateChannelUIProps,\n} from './components/CreateChannelUI';\nimport {\n  CreateChannelProvider,\n  CreateChannelProviderProps,\n} from './context/CreateChannelProvider';\n\nexport interface CreateChannelProps extends CreateChannelProviderProps, CreateChannelUIProps {\n}\n\nconst CreateChannel: React.FC<CreateChannelProps> = (props: CreateChannelProps) => {\n  const {\n    onBeforeCreateChannel,\n    userListQuery,\n    onCreateChannel,\n    onCancel,\n    renderStepOne,\n  } = props;\n  return (\n    <CreateChannelProvider\n      onBeforeCreateChannel={onBeforeCreateChannel}\n      userListQuery={userListQuery}\n      onCreateChannel={onCreateChannel}\n    >\n      <CreateChannelUI\n        renderStepOne={renderStepOne}\n        onCancel={onCancel}\n      />\n    </CreateChannelProvider>\n  );\n}\n\nexport default CreateChannel;\n"],"names":["CreateChannel","props","onBeforeCreateChannel","userListQuery","onCreateChannel","onCancel","renderStepOne","React","CreateChannelProvider","CreateChannelUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaMA,aAAa,GAAiC,SAA9CA,aAA8C,CAACC,KAAD;EAEhD,IAAAC,qBAAqB,GAKnBD,KAAK,sBALP;MACAE,aAAa,GAIXF,KAAK,cALP;MAEAG,eAAe,GAGbH,KAAK,gBALP;MAGAI,QAAQ,GAENJ,KAAK,SALP;MAIAK,aAAa,GACXL,KAAK,cALP;EAMF,oBACEM,wCAACC,2CAAD;IACE,qBAAqB,EAAEN,qBADzB;IAEE,aAAa,EAAEC,aAFjB;IAGE,eAAe,EAAEC;kBAEjBG,wCAACE,wCAAD;IACE,aAAa,EAAEH,aADjB;IAEE,QAAQ,EAAED;IAPd,CADF;AAYD;;;;"}
+{"version":3,"file":"CreateChannel.js","sources":["../../src/smart-components/CreateChannel/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport CreateChannelUI, {\n  CreateChannelUIProps,\n} from './components/CreateChannelUI';\nimport {\n  CreateChannelProvider,\n  CreateChannelProviderProps,\n} from './context/CreateChannelProvider';\n\nexport interface CreateChannelProps extends CreateChannelProviderProps, CreateChannelUIProps {\n}\n\nconst CreateChannel: React.FC<CreateChannelProps> = (props: CreateChannelProps) => {\n  const {\n    onBeforeCreateChannel,\n    userListQuery,\n    onCreateChannel,\n    onCancel,\n    renderStepOne,\n  } = props;\n  return (\n    <CreateChannelProvider\n      onBeforeCreateChannel={onBeforeCreateChannel}\n      userListQuery={userListQuery}\n      onCreateChannel={onCreateChannel}\n    >\n      <CreateChannelUI\n        renderStepOne={renderStepOne}\n        onCancel={onCancel}\n      />\n    </CreateChannelProvider>\n  );\n}\n\nexport default CreateChannel;\n"],"names":["CreateChannel","props","onBeforeCreateChannel","userListQuery","onCreateChannel","onCancel","renderStepOne","React","CreateChannelProvider","CreateChannelUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAMA,aAAa,GAAiC,UAACC,KAAD,EAA0B;AAE1E,EAAA,IAAAC,qBAAqB,GAKnBD,KAAK,CALcC,qBAArB;AAAA,MACAC,aAAa,GAIXF,KAAK,CAJME,aADb;AAAA,MAEAC,eAAe,GAGbH,KAAK,CAHQG,eAFf;AAAA,MAGAC,QAAQ,GAENJ,KAAK,CAAAI,QALP;AAAA,MAIAC,aAAa,GACXL,KAAK,CAAAK,aALP,CAAA;AAMF,EAAA,oBACEC,wCAACC,2CAAD,EAAA;AACE,IAAA,qBAAqB,EAAEN,qBADzB;AAEE,IAAA,aAAa,EAAEC,aAFjB;AAGE,IAAA,eAAe,EAAEC,eAAAA;AAHnB,GAAA,eAKEG,wCAACE,wCAAD,EAAA;AACE,IAAA,aAAa,EAAEH,aADjB;AAEE,IAAA,QAAQ,EAAED,QAAAA;AAFZ,GAAA,CALF,CADF,CAAA;AAYD;;;;"}

package/cjs/{CreateChannelProvider-80c88bba.js → CreateChannelProvider-ce623553.js}

@@ -18,7 +18,7 @@ exports.CHANNEL_TYPE = void 0;
 
 var CreateChannelContext = /*#__PURE__*/React__default["default"].createContext(undefined);
 
-var CreateChannelProvider = function CreateChannelProvider(props) {
+var CreateChannelProvider = function (props) {
   var _a;
 
   var children = props.children,
@@ -51,10 +51,10 @@ var CreateChannelProvider = function CreateChannelProvider(props) {
   }, children);
 };
 
-var useCreateChannelContext = function useCreateChannelContext() {
+var useCreateChannelContext = function () {
   return React__default["default"].useContext(CreateChannelContext);
 };
 
 exports.CreateChannelProvider = CreateChannelProvider;
 exports.useCreateChannelContext = useCreateChannelContext;
-//# sourceMappingURL=CreateChannelProvider-80c88bba.js.map
+//# sourceMappingURL=CreateChannelProvider-ce623553.js.map

package/cjs/{CreateChannelProvider-80c88bba.js.map → CreateChannelProvider-ce623553.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CreateChannelProvider-80c88bba.js","sources":["../../src/smart-components/CreateChannel/types.ts","../../src/smart-components/CreateChannel/context/CreateChannelProvider.tsx"],"sourcesContent":["export enum CHANNEL_TYPE {\n  GROUP = 'group',\n  SUPERGROUP = 'supergroup',\n  BROADCAST = 'broadcast',\n}\n","import React, { useState } from 'react';\nimport { User } from '@sendbird/chat';\nimport type {\n  GroupChannel,\n  GroupChannelCreateParams,\n  SendbirdGroupChat,\n} from '@sendbird/chat/groupChannel';\n\nimport { getCreateGroupChannel } from '../../../lib/selectors';\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\nimport { CHANNEL_TYPE } from '../types';\n\nconst CreateChannelContext = React.createContext(undefined);\n\nexport interface UserListQuery {\n  hasNext?: boolean;\n  next(): Promise<Array<User>>;\n}\n\nexport interface CreateChannelProviderProps {\n  children?: React.ReactElement;\n  onCreateChannel(channel: GroupChannel): void;\n  onBeforeCreateChannel?(users: Array<string>): GroupChannelCreateParams;\n  userListQuery?(): UserListQuery;\n}\n\ntype CreateChannel = (channelParams: GroupChannelCreateParams) => Promise<GroupChannel>;\n\nexport interface CreateChannelContextInterface {\n  onBeforeCreateChannel?(users: Array<string>): GroupChannelCreateParams;\n  createChannel: CreateChannel;\n  sdk: SendbirdGroupChat;\n  userListQuery?(): UserListQuery;\n  onCreateChannel?(channel: GroupChannel): void;\n  step: number,\n  setStep: React.Dispatch<React.SetStateAction<number>>,\n  type: CHANNEL_TYPE,\n  setType: React.Dispatch<React.SetStateAction<CHANNEL_TYPE>>,\n}\n\nconst CreateChannelProvider: React.FC<CreateChannelProviderProps> = (props: CreateChannelProviderProps) => {\n  const {\n    children,\n    onCreateChannel,\n    onBeforeCreateChannel,\n    userListQuery,\n  } = props;\n\n  const store = useSendbirdStateContext();\n  const userListQuery_ = store?.config?.userListQuery;\n  const createChannel: (channelParams: GroupChannelCreateParams)\n    => Promise<GroupChannel> = getCreateGroupChannel(store);\n\n  const [step, setStep] = useState(0);\n  const [type, setType] = useState(CHANNEL_TYPE.GROUP);\n\n  return (\n    <CreateChannelContext.Provider value={{\n      onBeforeCreateChannel,\n      createChannel,\n      onCreateChannel,\n      userListQuery: userListQuery || userListQuery_,\n      step,\n      setStep,\n      type,\n      setType,\n    }}>\n      {children}\n    </CreateChannelContext.Provider>\n  );\n}\n\nconst useCreateChannelContext = (): CreateChannelContextInterface => (\n  React.useContext(CreateChannelContext)\n);\n\nexport {\n  CreateChannelProvider,\n  useCreateChannelContext,\n};\n"],"names":["CHANNEL_TYPE","CreateChannelContext","React","createContext","undefined","CreateChannelProvider","props","children","onCreateChannel","onBeforeCreateChannel","userListQuery","store","useSendbirdStateContext","userListQuery_","config","createChannel","getCreateGroupChannel","_b","useState","step","setStep","_c","GROUP","type","setType","useCreateChannelContext","useContext"],"mappings":";;;;;;;;;;AAAYA;;AAAZ,WAAYA;EACVA,qBAAA,UAAA;EACAA,0BAAA,eAAA;EACAA,yBAAA,cAAA;AACD,CAJD,EAAYA,oBAAY,KAAZA,oBAAY,KAAA,CAAxB;;ACYA,IAAMC,oBAAoB,gBAAGC,yBAAK,CAACC,aAAN,CAAoBC,SAApB,CAA7B;;IA4BMC,qBAAqB,GAAyC,SAA9DA,qBAA8D,CAACC,KAAD;;;EAEhE,IAAAC,QAAQ,GAIND,KAAK,SAJP;MACAE,eAAe,GAGbF,KAAK,gBAJP;MAEAG,qBAAqB,GAEnBH,KAAK,sBAJP;MAGAI,aAAa,GACXJ,KAAK,cAJP;EAMF,IAAMK,KAAK,GAAGC,uBAAuB,EAArC;EACA,IAAMC,cAAc,GAAG,MAAAF,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEG,MAAP,UAAA,iBAAA,SAAA,MAAeJ,aAAtC;EACA,IAAMK,aAAa,GACUC,uCAAqB,CAACL,KAAD,CADlD;;EAGM,IAAAM,KAAkBC,cAAQ,CAAC,CAAD,CAA1B;MAACC,IAAI,QAAL;MAAOC,OAAO,QAAd;;EACA,IAAAC,KAAkBH,cAAQ,CAAClB,oBAAY,CAACsB,KAAd,CAA1B;MAACC,IAAI,QAAL;MAAOC,OAAO,QAAd;;EAEN,oBACEtB,wCAAC,oBAAD,CAAsB,QAAtB;IAA+B,KAAK,EAAE;MACpCO,qBAAqB,uBADe;MAEpCM,aAAa,eAFuB;MAGpCP,eAAe,iBAHqB;MAIpCE,aAAa,EAAEA,aAAa,IAAIG,cAJI;MAKpCM,IAAI,MALgC;MAMpCC,OAAO,SAN6B;MAOpCG,IAAI,MAPgC;MAQpCC,OAAO;;KAENjB,QAVH,CADF;AAcD;;IAEKkB,uBAAuB,GAAG,SAA1BA,uBAA0B;EAAqC,OACnEvB,yBAAK,CAACwB,UAAN,CAAiBzB,oBAAjB,CADmE;AAEpE;;;;;"}
+{"version":3,"file":"CreateChannelProvider-ce623553.js","sources":["../../src/smart-components/CreateChannel/types.ts","../../src/smart-components/CreateChannel/context/CreateChannelProvider.tsx"],"sourcesContent":["export enum CHANNEL_TYPE {\n  GROUP = 'group',\n  SUPERGROUP = 'supergroup',\n  BROADCAST = 'broadcast',\n}\n","import React, { useState } from 'react';\nimport { User } from '@sendbird/chat';\nimport type {\n  GroupChannel,\n  GroupChannelCreateParams,\n  SendbirdGroupChat,\n} from '@sendbird/chat/groupChannel';\n\nimport { getCreateGroupChannel } from '../../../lib/selectors';\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\nimport { CHANNEL_TYPE } from '../types';\n\nconst CreateChannelContext = React.createContext(undefined);\n\nexport interface UserListQuery {\n  hasNext?: boolean;\n  next(): Promise<Array<User>>;\n}\n\nexport interface CreateChannelProviderProps {\n  children?: React.ReactElement;\n  onCreateChannel(channel: GroupChannel): void;\n  onBeforeCreateChannel?(users: Array<string>): GroupChannelCreateParams;\n  userListQuery?(): UserListQuery;\n}\n\ntype CreateChannel = (channelParams: GroupChannelCreateParams) => Promise<GroupChannel>;\n\nexport interface CreateChannelContextInterface {\n  onBeforeCreateChannel?(users: Array<string>): GroupChannelCreateParams;\n  createChannel: CreateChannel;\n  sdk: SendbirdGroupChat;\n  userListQuery?(): UserListQuery;\n  onCreateChannel?(channel: GroupChannel): void;\n  step: number,\n  setStep: React.Dispatch<React.SetStateAction<number>>,\n  type: CHANNEL_TYPE,\n  setType: React.Dispatch<React.SetStateAction<CHANNEL_TYPE>>,\n}\n\nconst CreateChannelProvider: React.FC<CreateChannelProviderProps> = (props: CreateChannelProviderProps) => {\n  const {\n    children,\n    onCreateChannel,\n    onBeforeCreateChannel,\n    userListQuery,\n  } = props;\n\n  const store = useSendbirdStateContext();\n  const userListQuery_ = store?.config?.userListQuery;\n  const createChannel: (channelParams: GroupChannelCreateParams)\n    => Promise<GroupChannel> = getCreateGroupChannel(store);\n\n  const [step, setStep] = useState(0);\n  const [type, setType] = useState(CHANNEL_TYPE.GROUP);\n\n  return (\n    <CreateChannelContext.Provider value={{\n      onBeforeCreateChannel,\n      createChannel,\n      onCreateChannel,\n      userListQuery: userListQuery || userListQuery_,\n      step,\n      setStep,\n      type,\n      setType,\n    }}>\n      {children}\n    </CreateChannelContext.Provider>\n  );\n}\n\nconst useCreateChannelContext = (): CreateChannelContextInterface => (\n  React.useContext(CreateChannelContext)\n);\n\nexport {\n  CreateChannelProvider,\n  useCreateChannelContext,\n};\n"],"names":["CHANNEL_TYPE","CreateChannelContext","React","createContext","undefined","CreateChannelProvider","props","children","onCreateChannel","onBeforeCreateChannel","userListQuery","store","useSendbirdStateContext","userListQuery_","_a","config","createChannel","getCreateGroupChannel","_b","useState","step","setStep","_c","GROUP","type","setType","useCreateChannelContext","useContext"],"mappings":";;;;;;;;;;AAAYA,8BAAZ;;AAAA,CAAA,UAAYA,YAAZ,EAAwB;AACtBA,EAAAA,YAAA,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AACAA,EAAAA,YAAA,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;AACAA,EAAAA,YAAA,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;AACD,CAJD,EAAYA,oBAAY,KAAZA,oBAAY,GAIvB,EAJuB,CAAxB,CAAA;;ACYA,IAAMC,oBAAoB,gBAAGC,yBAAK,CAACC,aAAN,CAAoBC,SAApB,CAA7B,CAAA;;AA4BA,IAAMC,qBAAqB,GAAyC,UAACC,KAAD,EAAkC;;;AAElG,EAAA,IAAAC,QAAQ,GAIND,KAAK,SAJP;AAAA,MACAE,eAAe,GAGbF,KAAK,CAAAE,eAJP;AAAA,MAEAC,qBAAqB,GAEnBH,KAAK,CAFcG,qBAFrB;AAAA,MAGAC,aAAa,GACXJ,KAAK,cAJP,CAAA;EAMF,IAAMK,KAAK,GAAGC,uBAAuB,EAArC,CAAA;AACA,EAAA,IAAMC,cAAc,GAAG,CAAAC,EAAA,GAAAH,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEI,MAAP,MAAe,IAAf,IAAeD,EAAA,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAeA,EAAA,CAAAJ,aAAtC,CAAA;AACA,EAAA,IAAMM,aAAa,GACUC,uCAAqB,CAACN,KAAD,CADlD,CAAA;;AAGM,EAAA,IAAAO,EAAA,GAAkBC,cAAQ,CAAC,CAAD,CAA1B;AAAA,MAACC,IAAI,GAAAF,EAAA,CAAA,CAAA,CAAL;AAAA,MAAOG,OAAO,GAAAH,EAAA,CAAA,CAAA,CAAd,CAAA;;AACA,EAAA,IAAAI,EAAkB,GAAAH,cAAQ,CAACnB,oBAAY,CAACuB,KAAd,CAA1B;AAAA,MAACC,IAAI,GAAAF,EAAA,CAAA,CAAA,CAAL;AAAA,MAAOG,OAAO,QAAd,CAAA;;EAEN,oBACEvB,yBAAA,CAAA,aAAA,CAAC,oBAAD,CAAsB,QAAtB,EAAA;AAA+B,IAAA,KAAK,EAAE;AACpCO,MAAAA,qBAAqB,EAAAA,qBADe;AAEpCO,MAAAA,aAAa,EAAAA,aAFuB;AAGpCR,MAAAA,eAAe,EAAAA,eAHqB;MAIpCE,aAAa,EAAEA,aAAa,IAAIG,cAJI;AAKpCO,MAAAA,IAAI,EAAAA,IALgC;AAMpCC,MAAAA,OAAO,EAAAA,OAN6B;AAOpCG,MAAAA,IAAI,EAAAA,IAPgC;AAQpCC,MAAAA,OAAO,EAAAA,OAAAA;AAR6B,KAAA;AAAtC,GAAA,EAUGlB,QAVH,CADF,CAAA;AAcD,EA9BD;;AAgCMmB,IAAAA,uBAAuB,GAAG,YAAqC;AAAA,EAAA,OACnExB,yBAAK,CAACyB,UAAN,CAAiB1B,oBAAjB,CADmE,CAAA;AAEpE;;;;;"}

package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js

@@ -1,28 +1,28 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-b5fd4c38.js');
+var LocalizationContext = require('../../LocalizationContext-bde4de59.js');
 var ui_Avatar = require('../../ui/Avatar.js');
 var ui_Button = require('../../ui/Button.js');
 var ui_Modal = require('../../ui/Modal.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_Input = require('../../ui/Input.js');
-var ui_Label = require('../../index-b9b8972b.js');
+var ui_Label = require('../../index-339b2871.js');
 var ui_TextButton = require('../../ui/TextButton.js');
 var CreateOpenChannel_context = require('../context.js');
-require('../../stringSet-be457fd7.js');
-require('../../index-5166a415.js');
-require('../../tslib.es6-36205d81.js');
+require('../../stringSet-edbf423b.js');
+require('../../index-50fc77e8.js');
+require('../../tslib.es6-8c7aa47e.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-edc908ea.js');
-require('../../_rollupPluginBabelHelpers-f9e4bb55.js');
+require('../../uuid-0e8b271a.js');
 require('prop-types');
 require('react-dom');
-require('../../index-550f5039.js');
+require('../../index-216e0934.js');
 require('../../ui/IconButton.js');
-require('../../color-9e293baf.js');
+require('../../color-1ec1269a.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
+require('../../_rollupPluginBabelHelpers-17f5a2c8.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -58,7 +58,7 @@ function CreateOpenChannelUI(_a) {
     type: ui_Button.ButtonTypes.PRIMARY,
     onCancel: closeModal,
     renderHeader: renderHeader,
-    onSubmit: function onSubmit() {
+    onSubmit: function () {
       var _a;
 
       var channelName = (_a = inputTextRef === null || inputTextRef === void 0 ? void 0 : inputTextRef.current) === null || _a === void 0 ? void 0 : _a.value;
@@ -77,7 +77,7 @@ function CreateOpenChannelUI(_a) {
   }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, (renderProfileInput === null || renderProfileInput === void 0 ? void 0 : renderProfileInput()) || /*#__PURE__*/React__default["default"].createElement("form", {
     className: "sendbird-create-open-channel-ui__profile-input",
     ref: inputFormRef,
-    onSubmit: function onSubmit(e) {
+    onSubmit: function (e) {
       e.preventDefault();
     }
   }, /*#__PURE__*/React__default["default"].createElement(ui_Input.InputLabel, null, stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -103,14 +103,14 @@ function CreateOpenChannelUI(_a) {
     style: {
       display: 'none'
     },
-    onChange: function onChange(e) {
+    onChange: function (e) {
       setCurrentImg(URL.createObjectURL(e.target.files[0]));
       setNewFile(e.target.files[0]);
       inputFileRef.current.value = '';
     }
   }), /*#__PURE__*/React__default["default"].createElement(ui_TextButton, {
     className: "sendbird-create-open-channel-ui__profile-input__img-section__button",
-    onClick: function onClick() {
+    onClick: function () {
       return inputFileRef.current.click();
     },
     disableUnderline: true

package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateOpenChannelUI.js","sources":["../../../../src/smart-components/CreateOpenChannel/components/CreateOpenChannelUI/index.tsx"],"sourcesContent":["import React, { useState, useRef, useContext } from 'react';\nimport './index.scss';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport Avatar from '../../../../ui/Avatar';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport Modal from '../../../../ui/Modal';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Input, { InputLabel } from '../../../../ui/Input';\nimport Label, { LabelColors, LabelTypography } from '../../../../ui/Label';\nimport TextButton from '../../../../ui/TextButton';\nimport { useCreateOpenChannelContext } from '../../context/CreateOpenChannelProvider';\n\nexport interface CreateOpenChannelUIProps {\n  closeModal?: () => void;\n  renderHeader?: () => React.ReactElement;\n  renderProfileInput?: () => React.ReactElement;\n}\n\nfunction CreateOpenChannelUI({\n  closeModal,\n  renderHeader,\n  renderProfileInput,\n}: CreateOpenChannelUIProps): React.ReactElement {\n  const [newFile, setNewFile] = useState(null);\n  const [currentImage, setCurrentImg] = useState(null);\n  const inputFormRef = useRef(null);\n  const inputFileRef = useRef(null);\n  const inputTextRef = useRef(null);\n  const { stringSet } = useContext(LocalizationContext);\n  const {\n    logger,\n    createNewOpenChannel,\n  } = useCreateOpenChannelContext();\n  return (\n    <div className=\"sendbird-create-open-channel-ui\">\n      <Modal\n        titleText={stringSet.CREATE_OPEN_CHANNEL_LIST__TITLE}\n        submitText={stringSet.CREATE_OPEN_CHANNEL_LIST__SUBMIT}\n        type={ButtonTypes.PRIMARY}\n        onCancel={closeModal}\n        renderHeader={renderHeader}\n        onSubmit={() => {\n          const channelName = inputTextRef?.current?.value;\n          if (!channelName) {\n            logger.warning('CreateOpenChannelUI: You should fill the channel name');\n            return;\n          }\n          createNewOpenChannel({\n            name: channelName,\n            coverUrlOrImage: newFile,\n          });\n          closeModal();\n        }}\n      >\n        <>\n          {renderProfileInput?.() || (\n            <form\n              className=\"sendbird-create-open-channel-ui__profile-input\"\n              ref={inputFormRef}\n              onSubmit={(e) => { e.preventDefault(); }}\n            >\n              <InputLabel>\n                {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION}\n              </InputLabel>\n              <div className=\"sendbird-create-open-channel-ui__profile-input__img-section\">\n                <div className=\"sendbird-create-open-channel-ui__profile-input__img-section__avatar\">\n                  {currentImage\n                    ? (\n                      <Avatar\n                        width=\"80px\"\n                        height=\"80px\"\n                        src={currentImage}\n                      />\n                    ) : (\n                      <div className=\"sendbird-create-open-channel-ui__profile-input__img-section__avatar--default\">\n                        <Icon\n                          type={IconTypes.CHANNELS}\n                          fillColor={IconColors.CONTENT}\n                          width=\"46px\"\n                          height=\"46px\"\n                        />\n                      </div>\n                    )}\n                </div>\n                <input\n                  className=\"sendbird-create-open-channel-ui__profile-input__img-section__input\"\n                  ref={inputFileRef}\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                    inputFileRef.current.value = '';\n                  }}\n                />\n                <TextButton\n                  className=\"sendbird-create-open-channel-ui__profile-input__img-section__button\"\n                  onClick={() => inputFileRef.current.click()}\n                  disableUnderline\n                >\n                  <Label\n                    type={LabelTypography.BUTTON_1}\n                    color={LabelColors.PRIMARY}\n                  >\n                    {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD}\n                  </Label>\n                </TextButton>\n              </div>\n              <div style={{ marginTop: '20px' }}>\n                <InputLabel>\n                  {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION}\n                </InputLabel>\n              </div>\n              <div className=\"sendbird-create-open-channel-ui__profile-input__name-section\">\n                <Input\n                  name=\"sendbird-create-open-channel-ui__profile-input__name-section__input\"\n                  ref={inputTextRef}\n                  placeHolder={stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER}\n                />\n              </div>\n            </form>\n          )}\n        </>\n      </Modal>\n    </div>\n  );\n}\n\nexport default CreateOpenChannelUI;\n"],"names":["CreateOpenChannelUI","_a","closeModal","renderHeader","renderProfileInput","_b","useState","newFile","setNewFile","_c","currentImage","setCurrentImg","inputFormRef","useRef","inputFileRef","inputTextRef","stringSet","useContext","LocalizationContext","_d","useCreateOpenChannelContext","logger","createNewOpenChannel","React","Modal","CREATE_OPEN_CHANNEL_LIST__TITLE","CREATE_OPEN_CHANNEL_LIST__SUBMIT","ButtonTypes","PRIMARY","channelName","current","value","warning","name","coverUrlOrImage","e","preventDefault","InputLabel","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION","Avatar","Icon","IconTypes","CHANNELS","IconColors","CONTENT","display","URL","createObjectURL","target","files","TextButton","click","Label","LabelTypography","BUTTON_1","LabelColors","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD","marginTop","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION","Input","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER"],"mappings":"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"}
+{"version":3,"file":"CreateOpenChannelUI.js","sources":["../../../../src/smart-components/CreateOpenChannel/components/CreateOpenChannelUI/index.tsx"],"sourcesContent":["import React, { useState, useRef, useContext } from 'react';\nimport './index.scss';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport Avatar from '../../../../ui/Avatar';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport Modal from '../../../../ui/Modal';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Input, { InputLabel } from '../../../../ui/Input';\nimport Label, { LabelColors, LabelTypography } from '../../../../ui/Label';\nimport TextButton from '../../../../ui/TextButton';\nimport { useCreateOpenChannelContext } from '../../context/CreateOpenChannelProvider';\n\nexport interface CreateOpenChannelUIProps {\n  closeModal?: () => void;\n  renderHeader?: () => React.ReactElement;\n  renderProfileInput?: () => React.ReactElement;\n}\n\nfunction CreateOpenChannelUI({\n  closeModal,\n  renderHeader,\n  renderProfileInput,\n}: CreateOpenChannelUIProps): React.ReactElement {\n  const [newFile, setNewFile] = useState(null);\n  const [currentImage, setCurrentImg] = useState(null);\n  const inputFormRef = useRef(null);\n  const inputFileRef = useRef(null);\n  const inputTextRef = useRef(null);\n  const { stringSet } = useContext(LocalizationContext);\n  const {\n    logger,\n    createNewOpenChannel,\n  } = useCreateOpenChannelContext();\n  return (\n    <div className=\"sendbird-create-open-channel-ui\">\n      <Modal\n        titleText={stringSet.CREATE_OPEN_CHANNEL_LIST__TITLE}\n        submitText={stringSet.CREATE_OPEN_CHANNEL_LIST__SUBMIT}\n        type={ButtonTypes.PRIMARY}\n        onCancel={closeModal}\n        renderHeader={renderHeader}\n        onSubmit={() => {\n          const channelName = inputTextRef?.current?.value;\n          if (!channelName) {\n            logger.warning('CreateOpenChannelUI: You should fill the channel name');\n            return;\n          }\n          createNewOpenChannel({\n            name: channelName,\n            coverUrlOrImage: newFile,\n          });\n          closeModal();\n        }}\n      >\n        <>\n          {renderProfileInput?.() || (\n            <form\n              className=\"sendbird-create-open-channel-ui__profile-input\"\n              ref={inputFormRef}\n              onSubmit={(e) => { e.preventDefault(); }}\n            >\n              <InputLabel>\n                {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION}\n              </InputLabel>\n              <div className=\"sendbird-create-open-channel-ui__profile-input__img-section\">\n                <div className=\"sendbird-create-open-channel-ui__profile-input__img-section__avatar\">\n                  {currentImage\n                    ? (\n                      <Avatar\n                        width=\"80px\"\n                        height=\"80px\"\n                        src={currentImage}\n                      />\n                    ) : (\n                      <div className=\"sendbird-create-open-channel-ui__profile-input__img-section__avatar--default\">\n                        <Icon\n                          type={IconTypes.CHANNELS}\n                          fillColor={IconColors.CONTENT}\n                          width=\"46px\"\n                          height=\"46px\"\n                        />\n                      </div>\n                    )}\n                </div>\n                <input\n                  className=\"sendbird-create-open-channel-ui__profile-input__img-section__input\"\n                  ref={inputFileRef}\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                    inputFileRef.current.value = '';\n                  }}\n                />\n                <TextButton\n                  className=\"sendbird-create-open-channel-ui__profile-input__img-section__button\"\n                  onClick={() => inputFileRef.current.click()}\n                  disableUnderline\n                >\n                  <Label\n                    type={LabelTypography.BUTTON_1}\n                    color={LabelColors.PRIMARY}\n                  >\n                    {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD}\n                  </Label>\n                </TextButton>\n              </div>\n              <div style={{ marginTop: '20px' }}>\n                <InputLabel>\n                  {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION}\n                </InputLabel>\n              </div>\n              <div className=\"sendbird-create-open-channel-ui__profile-input__name-section\">\n                <Input\n                  name=\"sendbird-create-open-channel-ui__profile-input__name-section__input\"\n                  ref={inputTextRef}\n                  placeHolder={stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER}\n                />\n              </div>\n            </form>\n          )}\n        </>\n      </Modal>\n    </div>\n  );\n}\n\nexport default CreateOpenChannelUI;\n"],"names":["CreateOpenChannelUI","_a","closeModal","renderHeader","renderProfileInput","_b","useState","newFile","setNewFile","_c","currentImage","setCurrentImg","inputFormRef","useRef","inputFileRef","inputTextRef","stringSet","useContext","LocalizationContext","_d","useCreateOpenChannelContext","logger","createNewOpenChannel","React","Modal","CREATE_OPEN_CHANNEL_LIST__TITLE","CREATE_OPEN_CHANNEL_LIST__SUBMIT","ButtonTypes","PRIMARY","channelName","current","value","warning","name","coverUrlOrImage","e","preventDefault","InputLabel","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION","Avatar","Icon","IconTypes","CHANNELS","IconColors","CONTENT","display","URL","createObjectURL","target","files","TextButton","click","Label","LabelTypography","BUTTON_1","LabelColors","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD","marginTop","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION","Input","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER"],"mappings":"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"}

package/cjs/CreateOpenChannel/context.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-f9e4bb55.js');
+require('../_rollupPluginBabelHelpers-17f5a2c8.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -17,7 +17,7 @@ var CreateOpenChannelContext = /*#__PURE__*/React__default["default"].createCont
   logger: null,
   createNewOpenChannel: null
 });
-var CreateOpenChannelProvider = function CreateOpenChannelProvider(_a) {
+var CreateOpenChannelProvider = function (_a) {
   var _b, _c;
 
   var className = _a.className,
@@ -32,18 +32,18 @@ var CreateOpenChannelProvider = function CreateOpenChannelProvider(_a) {
   var logger = config.logger;
   var sdk = ((_b = stores === null || stores === void 0 ? void 0 : stores.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk) || null;
   var sdkInitialized = ((_c = stores === null || stores === void 0 ? void 0 : stores.sdkStore) === null || _c === void 0 ? void 0 : _c.initialized) || false;
-  var createNewOpenChannel = React.useCallback(function (props) {
+  var createNewOpenChannel = React.useCallback(function (params) {
     var _a;
 
-    var name = props.name,
-        coverUrlOrImage = props.coverUrlOrImage;
+    var name = params.name,
+        coverUrlOrImage = params.coverUrlOrImage;
 
     if (sdkInitialized) {
-      var params = {};
-      params.operatorUserIds = [(_a = sdk === null || sdk === void 0 ? void 0 : sdk.currentUser) === null || _a === void 0 ? void 0 : _a.userId];
-      params.name = name;
-      params.coverUrlOrImage = coverUrlOrImage;
-      sdk.openChannel.createChannel((onBeforeCreateChannel === null || onBeforeCreateChannel === void 0 ? void 0 : onBeforeCreateChannel(params)) || params).then(function (openChannel) {
+      var params_1 = {};
+      params_1.operatorUserIds = [(_a = sdk === null || sdk === void 0 ? void 0 : sdk.currentUser) === null || _a === void 0 ? void 0 : _a.userId];
+      params_1.name = name;
+      params_1.coverUrlOrImage = coverUrlOrImage;
+      sdk.openChannel.createChannel((onBeforeCreateChannel === null || onBeforeCreateChannel === void 0 ? void 0 : onBeforeCreateChannel(params_1)) || params_1).then(function (openChannel) {
         logger.info('CreateOpenChannel: Succeeded creating openChannel', openChannel);
         onCreateChannel(openChannel);
       }).catch(function (err) {
@@ -63,7 +63,7 @@ var CreateOpenChannelProvider = function CreateOpenChannelProvider(_a) {
     className: "sendbird-create-open-channel ".concat(className)
   }, children));
 };
-var useCreateOpenChannelContext = function useCreateOpenChannelContext() {
+var useCreateOpenChannelContext = function () {
   return React__default["default"].useContext(CreateOpenChannelContext);
 };
 

package/cjs/CreateOpenChannel/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../src/smart-components/CreateOpenChannel/context/CreateOpenChannelProvider.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { OpenChannel, OpenChannelCreateParams, SendbirdOpenChat } from '@sendbird/chat/openChannel';\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\nimport { Logger } from '../../../lib/SendbirdState';\n\nexport interface CreateNewOpenChannelCallbackProps {\n  name: string;\n  coverUrlOrImage?: string;\n}\nexport interface CreateOpenChannelContextInterface extends CreateOpenChannelProviderProps {\n  sdk: SendbirdOpenChat;\n  sdkInitialized: boolean;\n  logger: Logger;\n  createNewOpenChannel: (props: CreateNewOpenChannelCallbackProps) => void;\n}\n\nconst CreateOpenChannelContext = React.createContext<CreateOpenChannelContextInterface>({\n  sdk: null,\n  sdkInitialized: false,\n  logger: null,\n  createNewOpenChannel: null,\n});\n\nexport interface CreateOpenChannelProviderProps {\n  className?: string;\n  children?: React.ReactElement;\n  onCreateChannel?: (channel: OpenChannel) => void;\n  onBeforeCreateChannel?: (params: OpenChannelCreateParams) => OpenChannelCreateParams;\n}\n\nexport const CreateOpenChannelProvider: React.FC<CreateOpenChannelProviderProps> = ({\n  className,\n  children,\n  onCreateChannel,\n  onBeforeCreateChannel,\n}: CreateOpenChannelProviderProps): React.ReactElement => {\n  const { stores, config } = useSendbirdStateContext();\n  const { logger } = config;\n  const sdk = stores?.sdkStore?.sdk || null;\n  const sdkInitialized = stores?.sdkStore?.initialized || false;\n\n  const createNewOpenChannel = useCallback((props: CreateNewOpenChannelCallbackProps): void => {\n    const { name, coverUrlOrImage } = props;\n    if (sdkInitialized) {\n      const params = {} as OpenChannelCreateParams;\n      params.operatorUserIds = [sdk?.currentUser?.userId];\n      params.name = name;\n      params.coverUrlOrImage = coverUrlOrImage;\n      sdk.openChannel.createChannel(onBeforeCreateChannel?.(params) || params)\n        .then((openChannel) => {\n          logger.info('CreateOpenChannel: Succeeded creating openChannel', openChannel);\n          onCreateChannel(openChannel);\n        })\n        .catch((err) => {\n          logger.warning('CreateOpenChannel: Failed creating openChannel', err);\n        });\n    }\n  }, [sdkInitialized, onBeforeCreateChannel, onCreateChannel]);\n\n  return (\n    <CreateOpenChannelContext.Provider\n      value={{\n        // interface\n        sdk: sdk,\n        sdkInitialized: sdkInitialized,\n        logger: logger,\n        createNewOpenChannel: createNewOpenChannel,\n      }}\n    >\n      <div className={`sendbird-create-open-channel ${className}`}>\n        {children}\n      </div>\n    </CreateOpenChannelContext.Provider>\n  );\n}\n\nexport const useCreateOpenChannelContext = (): CreateOpenChannelContextInterface => (\n  React.useContext(CreateOpenChannelContext)\n);\n"],"names":["CreateOpenChannelContext","React","createContext","sdk","sdkInitialized","logger","createNewOpenChannel","CreateOpenChannelProvider","_a","className","children","onCreateChannel","onBeforeCreateChannel","_d","useSendbirdStateContext","stores","config","sdkStore","initialized","useCallback","props","name","coverUrlOrImage","params","operatorUserIds","currentUser","userId","openChannel","createChannel","then","info","catch","err","warning","useCreateOpenChannelContext","useContext"],"mappings":";;;;;;;;;;;;;AAgBA,IAAMA,wBAAwB,gBAAGC,yBAAK,CAACC,aAAN,CAAuD;EACtFC,GAAG,EAAE,IADiF;EAEtFC,cAAc,EAAE,KAFsE;EAGtFC,MAAM,EAAE,IAH8E;EAItFC,oBAAoB,EAAE;AAJgE,CAAvD,CAAjC;IAcaC,yBAAyB,GAA6C,SAAtEA,yBAAsE,CAACC,EAAD;;;MACjFC,SAAS;MACTC,QAAQ;MACRC,eAAe;MACfC,qBAAqB;;EAEf,IAAAC,KAAqBC,uBAAuB,EAA5C;MAAEC,MAAM,YAAR;MAAUC,MAAM,YAAhB;;EACE,IAAAX,MAAM,GAAKW,MAAM,OAAjB;EACR,IAAMb,GAAG,GAAG,CAAA,MAAAY,MAAM,SAAN,IAAAA,MAAM,WAAN,SAAA,GAAAA,MAAM,CAAEE,QAAR,UAAA,iBAAA,SAAA,MAAkBd,GAAlB,KAAyB,IAArC;EACA,IAAMC,cAAc,GAAG,CAAA,MAAAW,MAAM,SAAN,IAAAA,MAAM,WAAN,SAAA,GAAAA,MAAM,CAAEE,QAAR,UAAA,iBAAA,SAAA,MAAkBC,WAAlB,KAAiC,KAAxD;EAEA,IAAMZ,oBAAoB,GAAGa,iBAAW,CAAC,UAACC,KAAD;;;IAC/B,IAAAC,IAAI,GAAsBD,KAAK,KAA/B;QAAME,eAAe,GAAKF,KAAK,gBAA/B;;IACR,IAAIhB,cAAJ,EAAoB;MAClB,IAAMmB,MAAM,GAAG,EAAf;MACAA,MAAM,CAACC,eAAP,GAAyB,CAAC,MAAArB,GAAG,SAAH,IAAAA,GAAG,WAAH,SAAA,GAAAA,GAAG,CAAEsB,WAAL,UAAA,iBAAA,SAAA,MAAkBC,MAAnB,CAAzB;MACAH,MAAM,CAACF,IAAP,GAAcA,IAAd;MACAE,MAAM,CAACD,eAAP,GAAyBA,eAAzB;MACAnB,GAAG,CAACwB,WAAJ,CAAgBC,aAAhB,CAA8B,CAAAhB,qBAAqB,SAArB,IAAAA,qBAAqB,WAArB,SAAA,GAAAA,qBAAqB,CAAGW,MAAH,CAArB,KAAmCA,MAAjE,EACGM,IADH,CACQ,UAACF,WAAD;QACJtB,MAAM,CAACyB,IAAP,CAAY,mDAAZ,EAAiEH,WAAjE;QACAhB,eAAe,CAACgB,WAAD,CAAf;OAHJ,EAKGI,KALH,CAKS,UAACC,GAAD;QACL3B,MAAM,CAAC4B,OAAP,CAAe,gDAAf,EAAiED,GAAjE;OANJ;;GAPoC,EAgBrC,CAAC5B,cAAD,EAAiBQ,qBAAjB,EAAwCD,eAAxC,CAhBqC,CAAxC;EAkBA,oBACEV,wCAAC,wBAAD,CAA0B,QAA1B;IACE,KAAK,EAAE;;MAELE,GAAG,EAAEA,GAFA;MAGLC,cAAc,EAAEA,cAHX;MAILC,MAAM,EAAEA,MAJH;MAKLC,oBAAoB,EAAEA;;kBAGxBL;IAAK,SAAS,EAAE,sCAAA,CAAgCQ,SAAhC;KACbC,QADH,CATF,CADF;AAeD;IAEYwB,2BAA2B,GAAG,SAA9BA,2BAA8B;EAAyC,OAClFjC,yBAAK,CAACkC,UAAN,CAAiBnC,wBAAjB,CADkF;AAEnF;;;;;"}
+{"version":3,"file":"context.js","sources":["../../../src/smart-components/CreateOpenChannel/context/CreateOpenChannelProvider.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { OpenChannel, OpenChannelCreateParams, SendbirdOpenChat } from '@sendbird/chat/openChannel';\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\nimport { Logger } from '../../../lib/SendbirdState';\n\nexport interface CreateNewOpenChannelCallbackProps {\n  name: string;\n  coverUrlOrImage?: string;\n}\nexport interface CreateOpenChannelContextInterface extends CreateOpenChannelProviderProps {\n  sdk: SendbirdOpenChat;\n  sdkInitialized: boolean;\n  logger: Logger;\n  createNewOpenChannel: (props: CreateNewOpenChannelCallbackProps) => void;\n}\n\nconst CreateOpenChannelContext = React.createContext<CreateOpenChannelContextInterface>({\n  sdk: null,\n  sdkInitialized: false,\n  logger: null,\n  createNewOpenChannel: null,\n});\n\nexport interface CreateOpenChannelProviderProps {\n  className?: string;\n  children?: React.ReactElement;\n  onCreateChannel?: (channel: OpenChannel) => void;\n  onBeforeCreateChannel?: (params: OpenChannelCreateParams) => OpenChannelCreateParams;\n}\n\nexport const CreateOpenChannelProvider: React.FC<CreateOpenChannelProviderProps> = ({\n  className,\n  children,\n  onCreateChannel,\n  onBeforeCreateChannel,\n}: CreateOpenChannelProviderProps): React.ReactElement => {\n  const { stores, config } = useSendbirdStateContext();\n  const { logger } = config;\n  const sdk = stores?.sdkStore?.sdk || null;\n  const sdkInitialized = stores?.sdkStore?.initialized || false;\n\n  const createNewOpenChannel = useCallback((params: CreateNewOpenChannelCallbackProps): void => {\n    const { name, coverUrlOrImage } = params;\n    if (sdkInitialized) {\n      const params = {} as OpenChannelCreateParams;\n      params.operatorUserIds = [sdk?.currentUser?.userId];\n      params.name = name;\n      params.coverUrlOrImage = coverUrlOrImage;\n      sdk.openChannel.createChannel(onBeforeCreateChannel?.(params) || params)\n        .then((openChannel) => {\n          logger.info('CreateOpenChannel: Succeeded creating openChannel', openChannel);\n          onCreateChannel(openChannel);\n        })\n        .catch((err) => {\n          logger.warning('CreateOpenChannel: Failed creating openChannel', err);\n        });\n    }\n  }, [sdkInitialized, onBeforeCreateChannel, onCreateChannel]);\n\n  return (\n    <CreateOpenChannelContext.Provider\n      value={{\n        // interface\n        sdk: sdk,\n        sdkInitialized: sdkInitialized,\n        logger: logger,\n        createNewOpenChannel: createNewOpenChannel,\n      }}\n    >\n      <div className={`sendbird-create-open-channel ${className}`}>\n        {children}\n      </div>\n    </CreateOpenChannelContext.Provider>\n  );\n}\n\nexport const useCreateOpenChannelContext = (): CreateOpenChannelContextInterface => (\n  React.useContext(CreateOpenChannelContext)\n);\n"],"names":["CreateOpenChannelContext","React","createContext","sdk","sdkInitialized","logger","createNewOpenChannel","CreateOpenChannelProvider","_a","className","children","onCreateChannel","onBeforeCreateChannel","_d","useSendbirdStateContext","stores","config","_b","sdkStore","_c","initialized","useCallback","params","name","coverUrlOrImage","params_1","operatorUserIds","currentUser","userId","openChannel","createChannel","then","info","catch","err","warning","concat","useCreateOpenChannelContext","useContext"],"mappings":"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"}

package/cjs/CreateOpenChannel.js

@@ -3,27 +3,27 @@
 var React = require('react');
 var CreateOpenChannel_components_CreateOpenChannelUI = require('./CreateOpenChannel/components/CreateOpenChannelUI.js');
 var CreateOpenChannel_context = require('./CreateOpenChannel/context.js');
-require('./LocalizationContext-b5fd4c38.js');
-require('./stringSet-be457fd7.js');
-require('./index-5166a415.js');
+require('./LocalizationContext-bde4de59.js');
+require('./stringSet-edbf423b.js');
+require('./index-50fc77e8.js');
 require('./ui/Avatar.js');
-require('./tslib.es6-36205d81.js');
+require('./tslib.es6-8c7aa47e.js');
 require('./ui/ImageRenderer.js');
 require('./ui/Icon.js');
-require('./_rollupPluginBabelHelpers-f9e4bb55.js');
 require('prop-types');
-require('./uuid-edc908ea.js');
+require('./uuid-0e8b271a.js');
 require('./ui/Button.js');
-require('./index-b9b8972b.js');
+require('./index-339b2871.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-550f5039.js');
+require('./index-216e0934.js');
 require('./ui/IconButton.js');
 require('./ui/Input.js');
 require('./ui/TextButton.js');
-require('./color-9e293baf.js');
+require('./color-1ec1269a.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
+require('./_rollupPluginBabelHelpers-17f5a2c8.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/CreateOpenChannel.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateOpenChannel.js","sources":["../../src/smart-components/CreateOpenChannel/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport CreateOpenChannelUI, { CreateOpenChannelUIProps } from './components/CreateOpenChannelUI';\nimport {  CreateOpenChannelProvider, CreateOpenChannelProviderProps } from './context/CreateOpenChannelProvider';\n\nexport interface CreateOpenChannelProps extends CreateOpenChannelProviderProps, CreateOpenChannelUIProps { }\n\nfunction CreateOpenChannel({\n  className,\n  onCreateChannel,\n  onBeforeCreateChannel,\n  closeModal,\n  renderHeader,\n  renderProfileInput,\n}: CreateOpenChannelProps): React.ReactElement {\n  return (\n    <CreateOpenChannelProvider\n      className={className}\n      onCreateChannel={onCreateChannel}\n      onBeforeCreateChannel={onBeforeCreateChannel}\n    >\n      <CreateOpenChannelUI\n        closeModal={closeModal}\n        renderHeader={renderHeader}\n        renderProfileInput={renderProfileInput}\n      />\n    </CreateOpenChannelProvider>\n  );\n}\n\nexport default CreateOpenChannel;\n"],"names":["CreateOpenChannel","_a","className","onCreateChannel","onBeforeCreateChannel","closeModal","renderHeader","renderProfileInput","React","CreateOpenChannelProvider","CreateOpenChannelUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAASA,iBAAT,CAA2BC,EAA3B;MACEC,SAAS;MACTC,eAAe;MACfC,qBAAqB;MACrBC,UAAU;MACVC,YAAY;MACZC,kBAAkB;EAElB,oBACEC,wCAACC,mDAAD;IACE,SAAS,EAAEP,SADb;IAEE,eAAe,EAAEC,eAFnB;IAGE,qBAAqB,EAAEC;kBAEvBI,wCAACE,gDAAD;IACE,UAAU,EAAEL,UADd;IAEE,YAAY,EAAEC,YAFhB;IAGE,kBAAkB,EAAEC;IARxB,CADF;AAaD;;;;"}
+{"version":3,"file":"CreateOpenChannel.js","sources":["../../src/smart-components/CreateOpenChannel/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport CreateOpenChannelUI, { CreateOpenChannelUIProps } from './components/CreateOpenChannelUI';\nimport {  CreateOpenChannelProvider, CreateOpenChannelProviderProps } from './context/CreateOpenChannelProvider';\n\nexport interface CreateOpenChannelProps extends CreateOpenChannelProviderProps, CreateOpenChannelUIProps { }\n\nfunction CreateOpenChannel({\n  className,\n  onCreateChannel,\n  onBeforeCreateChannel,\n  closeModal,\n  renderHeader,\n  renderProfileInput,\n}: CreateOpenChannelProps): React.ReactElement {\n  return (\n    <CreateOpenChannelProvider\n      className={className}\n      onCreateChannel={onCreateChannel}\n      onBeforeCreateChannel={onBeforeCreateChannel}\n    >\n      <CreateOpenChannelUI\n        closeModal={closeModal}\n        renderHeader={renderHeader}\n        renderProfileInput={renderProfileInput}\n      />\n    </CreateOpenChannelProvider>\n  );\n}\n\nexport default CreateOpenChannel;\n"],"names":["CreateOpenChannel","_a","className","onCreateChannel","onBeforeCreateChannel","closeModal","renderHeader","renderProfileInput","React","CreateOpenChannelProvider","CreateOpenChannelUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAASA,iBAAT,CAA2BC,EAA3B,EAOyB;AANvB,EAAA,IAAAC,SAAS,GAAAD,EAAA,CAAAC,SAAT;AAAA,MACAC,eAAe,GAAAF,EAAA,CAAAE,eADf;AAAA,MAEAC,qBAAqB,GAAAH,EAAA,CAAAG,qBAFrB;AAAA,MAGAC,UAAU,gBAHV;AAAA,MAIAC,YAAY,GAAAL,EAAA,CAAAK,YAJZ;AAAA,MAKAC,kBAAkB,GAAAN,EAAA,CAAAM,kBALlB,CAAA;AAOA,EAAA,oBACEC,wCAACC,mDAAD,EAAA;AACE,IAAA,SAAS,EAAEP,SADb;AAEE,IAAA,eAAe,EAAEC,eAFnB;AAGE,IAAA,qBAAqB,EAAEC,qBAAAA;AAHzB,GAAA,eAKEI,wCAACE,gDAAD,EAAA;AACE,IAAA,UAAU,EAAEL,UADd;AAEE,IAAA,YAAY,EAAEC,YAFhB;AAGE,IAAA,kBAAkB,EAAEC,kBAAAA;AAHtB,GAAA,CALF,CADF,CAAA;AAaD;;;;"}

package/cjs/EditUserProfile/components/EditUserProfileUI.js

@@ -1,30 +1,30 @@
 'use strict';
 
 require('react');
-var EditUserProfile_components_EditUserProfileUI = require('../../index-025aa556.js');
+var EditUserProfile_components_EditUserProfileUI = require('../../index-386d6cc6.js');
 require('../../ui/Modal.js');
-require('../../LocalizationContext-b5fd4c38.js');
+require('../../LocalizationContext-bde4de59.js');
 require('../../useSendbirdStateContext.js');
 require('../../ui/Input.js');
 require('../../ui/Avatar.js');
 require('../../ui/Icon.js');
 require('../../ui/Button.js');
-require('../../index-b9b8972b.js');
+require('../../index-339b2871.js');
 require('../../ui/TextButton.js');
-require('../../utils-09738454.js');
-require('../../actionTypes-17aa0989.js');
+require('../../utils-01f53796.js');
+require('../../actionTypes-76c446b3.js');
 require('react-dom');
-require('../../index-550f5039.js');
+require('../../index-216e0934.js');
 require('../../ui/IconButton.js');
-require('../../tslib.es6-36205d81.js');
-require('../../stringSet-be457fd7.js');
-require('../../index-5166a415.js');
-require('../../_rollupPluginBabelHelpers-f9e4bb55.js');
+require('../../tslib.es6-8c7aa47e.js');
+require('../../stringSet-edbf423b.js');
+require('../../index-50fc77e8.js');
 require('prop-types');
 require('../../withSendbird.js');
+require('../../_rollupPluginBabelHelpers-17f5a2c8.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-edc908ea.js');
-require('../../color-9e293baf.js');
+require('../../uuid-0e8b271a.js');
+require('../../color-1ec1269a.js');
 
 
 

package/cjs/EditUserProfile/context.js

@@ -8,18 +8,20 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var EditUserProfileProviderContext = /*#__PURE__*/React__default["default"].createContext(undefined);
-
-var EditUserProfileProvider = function EditUserProfileProvider(props) {
-  var children = props.children,
-      onEditProfile = props.onEditProfile,
-      onCancel = props.onCancel,
-      onThemeChange = props.onThemeChange;
-  var value = React.useMemo(function () {
+const EditUserProfileProviderContext = /*#__PURE__*/React__default["default"].createContext(undefined);
+
+const EditUserProfileProvider = props => {
+  const {
+    children,
+    onEditProfile,
+    onCancel,
+    onThemeChange
+  } = props;
+  const value = React.useMemo(() => {
     return {
-      onEditProfile: onEditProfile,
-      onCancel: onCancel,
-      onThemeChange: onThemeChange
+      onEditProfile,
+      onCancel,
+      onThemeChange
     };
   }, []);
   return /*#__PURE__*/React__default["default"].createElement(EditUserProfileProviderContext.Provider, {
@@ -27,9 +29,7 @@ var EditUserProfileProvider = function EditUserProfileProvider(props) {
   }, children);
 };
 
-var useEditUserProfileContext = function useEditUserProfileContext() {
-  return React__default["default"].useContext(EditUserProfileProviderContext);
-};
+const useEditUserProfileContext = () => React__default["default"].useContext(EditUserProfileProviderContext);
 
 exports.EditUserProfileProvider = EditUserProfileProvider;
 exports.useEditUserProfileContext = useEditUserProfileContext;

package/cjs/EditUserProfile/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../src/smart-components/EditUserProfile/context/EditUserProfileProvider.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"],"names":["EditUserProfileProviderContext","React","createContext","undefined","EditUserProfileProvider","props","children","onEditProfile","onCancel","onThemeChange","value","useMemo","useEditUserProfileContext","useContext"],"mappings":";;;;;;;;;;AAGA,IAAMA,8BAA8B,gBAAGC,yBAAK,CAACC,aAAN,CAAoBC,SAApB,CAAvC;;IAeMC,uBAAuD,GAAG,SAA1DA,uBAA0D,CAACC,KAAD,EAAiC;EAC/F,IACEC,QADF,GAKID,KALJ,CACEC,QADF;MAEEC,aAFF,GAKIF,KALJ,CAEEE,aAFF;MAGEC,QAHF,GAKIH,KALJ,CAGEG,QAHF;MAIEC,aAJF,GAKIJ,KALJ,CAIEI,aAJF;EAOA,IAAMC,KAAK,GAAGC,aAAO,CAAC,YAAM;IAC1B,OAAO;MACLJ,aAAa,EAAbA,aADK;MAELC,QAAQ,EAARA,QAFK;MAGLC,aAAa,EAAbA;KAHF;GADmB,EAMlB,EANkB,CAArB;EAQA,oBACER,wCAAC,8BAAD,CAAgC,QAAhC;IAAyC,KAAK,EAAES;KAC7CJ,QADH,CADF;AAKD;;IAEKM,yBAAyB,GAAG,SAA5BA,yBAA4B;EAAA,OAChCX,yBAAK,CAACY,UAAN,CAAiBb,8BAAjB,CADgC;AAAA;;;;;"}
+{"version":3,"file":"context.js","sources":["../../../src/smart-components/EditUserProfile/context/EditUserProfileProvider.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"],"names":["EditUserProfileProviderContext","React","createContext","undefined","EditUserProfileProvider","props","children","onEditProfile","onCancel","onThemeChange","value","useMemo","useEditUserProfileContext","useContext"],"mappings":";;;;;;;;;;AAGA,MAAMA,8BAA8B,gBAAGC,yBAAK,CAACC,aAAN,CAAoBC,SAApB,CAAvC,CAAA;;AAeMC,MAAAA,uBAAuD,GAAIC,KAAD,IAAiC;EAC/F,MAAM;IACJC,QADI;IAEJC,aAFI;IAGJC,QAHI;AAIJC,IAAAA,aAAAA;AAJI,GAAA,GAKFJ,KALJ,CAAA;AAOA,EAAA,MAAMK,KAAK,GAAGC,aAAO,CAAC,MAAM;IAC1B,OAAO;MACLJ,aADK;MAELC,QAFK;AAGLC,MAAAA,aAAAA;KAHF,CAAA;GADmB,EAMlB,EANkB,CAArB,CAAA;EAQA,oBACER,yBAAA,CAAA,aAAA,CAAC,8BAAD,CAAgC,QAAhC,EAAA;AAAyC,IAAA,KAAK,EAAES,KAAAA;AAAhD,GAAA,EACGJ,QADH,CADF,CAAA;AAKD,EArBD;;AAuBMM,MAAAA,yBAAyB,GAAG,MAChCX,yBAAK,CAACY,UAAN,CAAiBb,8BAAjB;;;;;"}

package/cjs/EditUserProfile.js

@@ -1,36 +1,36 @@
 'use strict';
 
 var React = require('react');
-var EditUserProfile_components_EditUserProfileUI = require('./index-025aa556.js');
+var EditUserProfile_components_EditUserProfileUI = require('./index-386d6cc6.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-550f5039.js');
-require('./LocalizationContext-b5fd4c38.js');
-require('./stringSet-be457fd7.js');
-require('./index-5166a415.js');
+require('./index-216e0934.js');
+require('./LocalizationContext-bde4de59.js');
+require('./stringSet-edbf423b.js');
+require('./index-50fc77e8.js');
 require('./ui/Button.js');
-require('./tslib.es6-36205d81.js');
-require('./index-b9b8972b.js');
-require('./_rollupPluginBabelHelpers-f9e4bb55.js');
+require('./tslib.es6-8c7aa47e.js');
+require('./index-339b2871.js');
 require('prop-types');
 require('./ui/Icon.js');
 require('./ui/IconButton.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
+require('./_rollupPluginBabelHelpers-17f5a2c8.js');
 require('./ui/Input.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-edc908ea.js');
+require('./uuid-0e8b271a.js');
 require('./ui/TextButton.js');
-require('./color-9e293baf.js');
-require('./utils-09738454.js');
-require('./actionTypes-17aa0989.js');
+require('./color-1ec1269a.js');
+require('./utils-01f53796.js');
+require('./actionTypes-76c446b3.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var EditProfile = function EditProfile(props) {
+var EditProfile = function (props) {
   var onEditProfile = props.onEditProfile,
       onCancel = props.onCancel,
       onThemeChange = props.onThemeChange;

package/cjs/EditUserProfile.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditUserProfile.js","sources":["../../src/smart-components/EditUserProfile/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  EditUserProfileProvider,\n  EditUserProfileProps,\n} from './context/EditUserProfIleProvider';\n\nimport EditUserProfile from './components/EditUserProfileUI';\n\nconst EditProfile: React.FC<EditUserProfileProps> = (props: EditUserProfileProps) => {\n  const {\n    onEditProfile,\n    onCancel,\n    onThemeChange,\n  } = props;\n  return (\n    <EditUserProfileProvider\n      onEditProfile={onEditProfile}\n      onCancel={onCancel}\n      onThemeChange={onThemeChange}\n    >\n      <EditUserProfile />\n    </EditUserProfileProvider>\n  )\n}\n\nexport default EditProfile;\n"],"names":["EditProfile","props","onEditProfile","onCancel","onThemeChange","React","EditUserProfileProvider","EditUserProfile"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASMA,WAAW,GAAmC,SAA9CA,WAA8C,CAACC,KAAD;EAEhD,IAAAC,aAAa,GAGXD,KAAK,cAHP;MACAE,QAAQ,GAENF,KAAK,SAHP;MAEAG,aAAa,GACXH,KAAK,cAHP;EAIF,oBACEI,wCAACC,oEAAD;IACE,aAAa,EAAEJ,aADjB;IAEE,QAAQ,EAAEC,QAFZ;IAGE,aAAa,EAAEC;kBAEfC,wCAACE,4DAAD,OALF,CADF;AASD;;;;"}
+{"version":3,"file":"EditUserProfile.js","sources":["../../src/smart-components/EditUserProfile/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  EditUserProfileProvider,\n  EditUserProfileProps,\n} from './context/EditUserProfIleProvider';\n\nimport EditUserProfile from './components/EditUserProfileUI';\n\nconst EditProfile: React.FC<EditUserProfileProps> = (props: EditUserProfileProps) => {\n  const {\n    onEditProfile,\n    onCancel,\n    onThemeChange,\n  } = props;\n  return (\n    <EditUserProfileProvider\n      onEditProfile={onEditProfile}\n      onCancel={onCancel}\n      onThemeChange={onThemeChange}\n    >\n      <EditUserProfile />\n    </EditUserProfileProvider>\n  )\n}\n\nexport default EditProfile;\n"],"names":["EditProfile","props","onEditProfile","onCancel","onThemeChange","React","EditUserProfileProvider","EditUserProfile"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,WAAW,GAAmC,UAACC,KAAD,EAA4B;AAE5E,EAAA,IAAAC,aAAa,GAGXD,KAAK,CAAAC,aAHP;AAAA,MACAC,QAAQ,GAENF,KAAK,CAAAE,QAHP;AAAA,MAEAC,aAAa,GACXH,KAAK,cAHP,CAAA;AAIF,EAAA,oBACEI,wCAACC,oEAAD,EAAA;AACE,IAAA,aAAa,EAAEJ,aADjB;AAEE,IAAA,QAAQ,EAAEC,QAFZ;AAGE,IAAA,aAAa,EAAEC,aAAAA;GAEf,eAAAC,yBAAA,CAAA,aAAA,CAACE,4DAAD,EAAA,IAAA,CALF,CADF,CAAA;AASD;;;;"}

package/cjs/{LocalizationContext-b5fd4c38.js → LocalizationContext-bde4de59.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var stringSet = require('./stringSet-be457fd7.js');
-var index = require('./index-5166a415.js');
+var stringSet = require('./stringSet-edbf423b.js');
+var index = require('./index-50fc77e8.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -13,18 +13,18 @@ var LocalizationContext = /*#__PURE__*/React__default["default"].createContext({
   dateLocale: index.defaultLocale
 });
 
-var LocalizationProvider = function LocalizationProvider(props) {
+var LocalizationProvider = function (props) {
   var children = props.children;
   return /*#__PURE__*/React__default["default"].createElement(LocalizationContext.Provider, {
     value: props
   }, children);
 };
 
-var useLocalization = function useLocalization() {
+var useLocalization = function () {
   return React__default["default"].useContext(LocalizationContext);
 };
 
 exports.LocalizationContext = LocalizationContext;
 exports.LocalizationProvider = LocalizationProvider;
 exports.useLocalization = useLocalization;
-//# sourceMappingURL=LocalizationContext-b5fd4c38.js.map
+//# sourceMappingURL=LocalizationContext-bde4de59.js.map

package/cjs/{LocalizationContext-b5fd4c38.js.map → LocalizationContext-bde4de59.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LocalizationContext-b5fd4c38.js","sources":["../../src/lib/LocalizationContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport getStringSet from '../ui/Label/stringSet';\nimport type { Locale } from 'date-fns';\nimport en from 'date-fns/locale/en-US';\n\nconst LocalizationContext = React.createContext({\n  stringSet: getStringSet('en'),\n  dateLocale: en,\n});\n\ninterface LocalizationProviderProps {\n  stringSet: Record<string, string>;\n  dateLocale: Locale;\n  children: React.ReactElement;\n}\n\nconst LocalizationProvider = (props: LocalizationProviderProps): React.ReactElement => {\n  const { children } = props;\n  return (\n    <LocalizationContext.Provider value={props}>\n      {children}\n    </LocalizationContext.Provider>\n  );\n};\n\nexport type UseLocalizationType = () => {\n  stringSet: Record<string, string>;\n  dateLocale: globalThis.Locale;\n};\n\nconst useLocalization: UseLocalizationType = () => React.useContext(LocalizationContext);\n\nexport { LocalizationContext, LocalizationProvider, useLocalization };\n"],"names":["LocalizationContext","React","createContext","stringSet","getStringSet","dateLocale","en","LocalizationProvider","props","children","useLocalization","useContext"],"mappings":";;;;;;;;;;IAMMA,mBAAmB,gBAAGC,yBAAK,CAACC,aAAN,CAAoB;EAC9CC,SAAS,EAAEC,sBAAY,CAAC,IAAD,CADuB;EAE9CC,UAAU,EAAEC;AAFkC,CAApB;;IAWtBC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD;EACnB,IAAAC,QAAQ,GAAKD,KAAK,SAAlB;EACR,oBACEP,wCAAC,mBAAD,CAAqB,QAArB;IAA8B,KAAK,EAAEO;KAClCC,QADH,CADF;AAKD;;IAOKC,eAAe,GAAwB,SAAvCA,eAAuC;EAAM,OAAAT,yBAAK,CAACU,UAAN,CAAiBX,mBAAjB,CAAA;AAAqC;;;;;;"}
+{"version":3,"file":"LocalizationContext-bde4de59.js","sources":["../../src/lib/LocalizationContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport getStringSet from '../ui/Label/stringSet';\nimport type { Locale } from 'date-fns';\nimport en from 'date-fns/locale/en-US';\n\nconst LocalizationContext = React.createContext({\n  stringSet: getStringSet('en'),\n  dateLocale: en,\n});\n\ninterface LocalizationProviderProps {\n  stringSet: Record<string, string>;\n  dateLocale: Locale;\n  children: React.ReactElement;\n}\n\nconst LocalizationProvider = (props: LocalizationProviderProps): React.ReactElement => {\n  const { children } = props;\n  return (\n    <LocalizationContext.Provider value={props}>\n      {children}\n    </LocalizationContext.Provider>\n  );\n};\n\nexport type UseLocalizationType = () => {\n  stringSet: Record<string, string>;\n  dateLocale: globalThis.Locale;\n};\n\nconst useLocalization: UseLocalizationType = () => React.useContext(LocalizationContext);\n\nexport { LocalizationContext, LocalizationProvider, useLocalization };\n"],"names":["LocalizationContext","React","createContext","stringSet","getStringSet","dateLocale","en","LocalizationProvider","props","children","useLocalization","useContext"],"mappings":";;;;;;;;;;AAMA,IAAMA,mBAAmB,gBAAGC,yBAAK,CAACC,aAAN,CAAoB;AAC9CC,EAAAA,SAAS,EAAEC,sBAAY,CAAC,IAAD,CADuB;AAE9CC,EAAAA,UAAU,EAAEC,mBAAAA;AAFkC,CAApB,EAA5B;;AAWA,IAAMC,oBAAoB,GAAG,UAACC,KAAD,EAAiC;AACpD,EAAA,IAAAC,QAAQ,GAAKD,KAAK,CAAAC,QAAlB,CAAA;EACR,oBACER,yBAAA,CAAA,aAAA,CAAC,mBAAD,CAAqB,QAArB,EAAA;AAA8B,IAAA,KAAK,EAAEO,KAAAA;AAArC,GAAA,EACGC,QADH,CADF,CAAA;AAKD,EAPD;;AAcMC,IAAAA,eAAe,GAAwB,YAAM;AAAA,EAAA,OAAAT,yBAAK,CAACU,UAAN,CAAiBX,mBAAjB,CAAA,CAAA;AAAqC;;;;;;"}