@sendbird/uikit-react 3.4.5 → 3.4.6-0

package/CreateOpenChannel.js

@@ -1,35 +1,35 @@
 import React__default from 'react';
 import CreateOpenChannelUI from './CreateOpenChannel/components/CreateOpenChannelUI.js';
 import { CreateOpenChannelProvider } from './CreateOpenChannel/context.js';
-import './LocalizationContext-654ae04f.js';
-import './stringSet-7c7d84fc.js';
-import './index-cf141ad7.js';
+import './LocalizationContext-43b10f97.js';
+import './stringSet-2d42f6ff.js';
+import './index-0f373e79.js';
 import './ui/Avatar.js';
-import './tslib.es6-209c9f08.js';
+import './tslib.es6-5180f9d1.js';
 import './ui/ImageRenderer.js';
 import './ui/Icon.js';
 import 'prop-types';
-import './uuid-31c6ecb2.js';
+import './uuid-368c5040.js';
 import './ui/Button.js';
-import './index-8e901b57.js';
+import './index-8f0ae983.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-12c44496.js';
+import './index-5c20d787.js';
 import './ui/IconButton.js';
-import './MediaQueryContext-e791a4d1.js';
+import './MediaQueryContext-f2df2472.js';
 import './ui/Input.js';
 import './ui/TextButton.js';
-import './color-f6e2214f.js';
+import './color-e54d3ed7.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
 
 function CreateOpenChannel(_a) {
   var className = _a.className,
-      onCreateChannel = _a.onCreateChannel,
-      onBeforeCreateChannel = _a.onBeforeCreateChannel,
-      closeModal = _a.closeModal,
-      renderHeader = _a.renderHeader,
-      renderProfileInput = _a.renderProfileInput;
+    onCreateChannel = _a.onCreateChannel,
+    onBeforeCreateChannel = _a.onBeforeCreateChannel,
+    closeModal = _a.closeModal,
+    renderHeader = _a.renderHeader,
+    renderProfileInput = _a.renderProfileInput;
   return /*#__PURE__*/React__default.createElement(CreateOpenChannelProvider, {
     className: className,
     onCreateChannel: onCreateChannel,

package/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"],"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,6BAAC,yBAAD,EAAA;AACE,IAAA,SAAS,EAAEN,SADb;AAEE,IAAA,eAAe,EAAEC,eAFnB;AAGE,IAAA,qBAAqB,EAAEC,qBAAAA;AAHzB,GAAA,eAKEI,6BAAC,mBAAD,EAAA;AACE,IAAA,UAAU,EAAEH,UADd;AAEE,IAAA,YAAY,EAAEC,YAFhB;AAGE,IAAA,kBAAkB,EAAEC,kBAAAA;AAHtB,GAAA,CALF,CADF,CAAA;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","createElement","CreateOpenChannelProvider","CreateOpenChannelUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAASA,iBAAiBA,CAACC,EAOF,EAAA;AANvB,EAAA,IAAAC,SAAS,GAAAD,EAAA,CAAAC,SAAA;IACTC,eAAe,GAAAF,EAAA,CAAAE,eAAA;IACfC,qBAAqB,GAAAH,EAAA,CAAAG,qBAAA;IACrBC,UAAU,gBAAA;IACVC,YAAY,GAAAL,EAAA,CAAAK,YAAA;IACZC,kBAAkB,GAAAN,EAAA,CAAAM,kBAAA,CAAA;AAElB,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,yBAAyB,EAAA;AACxBR,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,qBAAqB,EAAEA,qBAAAA;AAAsB,GAAA,eAE7CI,cAAA,CAAAC,aAAA,CAACE,mBAAmB,EAAA;AAClBN,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,kBAAkB,EAAEA,kBAAAA;AAAmB,GAAA,CAE3C,CAA4B,CAAA;AAEhC;;;;"}

package/EditUserProfile/components/EditUserProfileUI.js

@@ -1,26 +1,26 @@
 import 'react';
-export { a as default } from '../../index-63e7b57b.js';
+export { a as default } from '../../index-10377bc5.js';
 import '../../ui/Modal.js';
-import '../../LocalizationContext-654ae04f.js';
+import '../../LocalizationContext-43b10f97.js';
 import '../../useSendbirdStateContext.js';
 import '../../ui/Input.js';
 import '../../ui/Avatar.js';
 import '../../ui/Icon.js';
 import '../../ui/Button.js';
-import '../../index-8e901b57.js';
+import '../../index-8f0ae983.js';
 import '../../ui/TextButton.js';
-import '../../utils-04bd857d.js';
-import '../../actionTypes-ee7f96a9.js';
+import '../../utils-a7563986.js';
+import '../../actionTypes-f6400d21.js';
 import 'react-dom';
-import '../../index-12c44496.js';
+import '../../index-5c20d787.js';
 import '../../ui/IconButton.js';
-import '../../tslib.es6-209c9f08.js';
-import '../../MediaQueryContext-e791a4d1.js';
-import '../../stringSet-7c7d84fc.js';
-import '../../index-cf141ad7.js';
+import '../../tslib.es6-5180f9d1.js';
+import '../../MediaQueryContext-f2df2472.js';
+import '../../stringSet-2d42f6ff.js';
+import '../../index-0f373e79.js';
 import 'prop-types';
 import '../../withSendbird.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-31c6ecb2.js';
-import '../../color-f6e2214f.js';
+import '../../uuid-368c5040.js';
+import '../../color-e54d3ed7.js';
 //# sourceMappingURL=EditUserProfileUI.js.map

package/EditUserProfile/context.js

@@ -1,7 +1,6 @@
 import React__default, { useMemo } from 'react';
 
 const EditUserProfileProviderContext = /*#__PURE__*/React__default.createContext(undefined);
-
 const EditUserProfileProvider = props => {
   const {
     children,
@@ -20,7 +19,6 @@ const EditUserProfileProvider = props => {
     value: value
   }, children);
 };
-
 const useEditUserProfileContext = () => React__default.useContext(EditUserProfileProviderContext);
 
 export { EditUserProfileProvider, useEditUserProfileContext };

package/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,MAAMA,8BAA8B,gBAAGC,cAAK,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,OAAO,CAAC,MAAM;IAC1B,OAAO;MACLJ,aADK;MAELC,QAFK;AAGLC,MAAAA,aAAAA;KAHF,CAAA;GADmB,EAMlB,EANkB,CAArB,CAAA;EAQA,oBACER,cAAA,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,cAAK,CAACY,UAAN,CAAiBb,8BAAjB;;;;"}
+{"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","createElement","Provider","useEditUserProfileContext","useContext"],"mappings":";;AAGA,MAAMA,8BAA8B,gBAAGC,cAAK,CAACC,aAAa,CAACC,SAAS,CAAC,CAAA;AAe/DC,MAAAA,uBAAuD,GAAIC,KAA2B,IAAK;EAC/F,MAAM;IACJC,QAAQ;IACRC,aAAa;IACbC,QAAQ;AACRC,IAAAA,aAAAA;AACF,GAAC,GAAGJ,KAAK,CAAA;AAET,EAAA,MAAMK,KAAK,GAAGC,OAAO,CAAC,MAAM;IAC1B,OAAO;MACLJ,aAAa;MACbC,QAAQ;AACRC,MAAAA,aAAAA;KACD,CAAA;GACF,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,oBACER,cAAA,CAAAW,aAAA,CAACZ,8BAA8B,CAACa,QAAQ,EAAA;AAACH,IAAAA,KAAK,EAAEA,KAAAA;AAAM,GAAA,EACnDJ,QAAQ,CAC+B,CAAA;AAE9C,EAAC;AAEKQ,MAAAA,yBAAyB,GAAGA,MAChCb,cAAK,CAACc,UAAU,CAACf,8BAA8B;;;;"}

package/EditUserProfile.js

@@ -1,33 +1,33 @@
 import React__default from 'react';
-import { E as EditUserProfileProvider, a as EditUserProfile } from './index-63e7b57b.js';
+import { E as EditUserProfileProvider, a as EditUserProfile } from './index-10377bc5.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-12c44496.js';
-import './LocalizationContext-654ae04f.js';
-import './stringSet-7c7d84fc.js';
-import './index-cf141ad7.js';
+import './index-5c20d787.js';
+import './LocalizationContext-43b10f97.js';
+import './stringSet-2d42f6ff.js';
+import './index-0f373e79.js';
 import './ui/Button.js';
-import './tslib.es6-209c9f08.js';
-import './index-8e901b57.js';
+import './tslib.es6-5180f9d1.js';
+import './index-8f0ae983.js';
 import 'prop-types';
 import './ui/Icon.js';
 import './ui/IconButton.js';
-import './MediaQueryContext-e791a4d1.js';
+import './MediaQueryContext-f2df2472.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
 import './ui/Input.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-31c6ecb2.js';
+import './uuid-368c5040.js';
 import './ui/TextButton.js';
-import './color-f6e2214f.js';
-import './utils-04bd857d.js';
-import './actionTypes-ee7f96a9.js';
+import './color-e54d3ed7.js';
+import './utils-a7563986.js';
+import './actionTypes-f6400d21.js';
 
 var EditProfile = function (props) {
   var onEditProfile = props.onEditProfile,
-      onCancel = props.onCancel,
-      onThemeChange = props.onThemeChange;
+    onCancel = props.onCancel,
+    onThemeChange = props.onThemeChange;
   return /*#__PURE__*/React__default.createElement(EditUserProfileProvider, {
     onEditProfile: onEditProfile,
     onCancel: onCancel,

package/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"],"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,6BAAC,uBAAD,EAAA;AACE,IAAA,aAAa,EAAEH,aADjB;AAEE,IAAA,QAAQ,EAAEC,QAFZ;AAGE,IAAA,aAAa,EAAEC,aAAAA;GAEf,eAAAC,cAAA,CAAA,aAAA,CAAC,eAAD,EAAA,IAAA,CALF,CADF,CAAA;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","createElement","EditUserProfileProvider","EditUserProfile"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,WAAW,GAAmC,UAACC,KAA2B,EAAA;AAE5E,EAAA,IAAAC,aAAa,GAGXD,KAAK,CAAAC,aAHM;IACbC,QAAQ,GAENF,KAAK,CAAAE,QAFC;IACRC,aAAa,GACXH,KAAK,cADM,CAAA;AAEf,EAAA,oBACEI,cAAA,CAAAC,aAAA,CAACC,uBAAuB,EAAA;AACtBL,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,aAAa,EAAEA,aAAAA;AAAc,GAAA,eAE7BC,cAAA,CAAAC,aAAA,CAACE,eAAe,OAClB,CAA0B,CAAA;AAE9B;;;;"}

package/{LocalizationContext-654ae04f.js → LocalizationContext-43b10f97.js}

@@ -1,22 +1,20 @@
 import React__default from 'react';
-import { g as getStringSet } from './stringSet-7c7d84fc.js';
-import { d as defaultLocale } from './index-cf141ad7.js';
+import { g as getStringSet } from './stringSet-2d42f6ff.js';
+import { d as defaultLocale } from './index-0f373e79.js';
 
 var LocalizationContext = /*#__PURE__*/React__default.createContext({
   stringSet: getStringSet('en'),
   dateLocale: defaultLocale
 });
-
 var LocalizationProvider = function (props) {
   var children = props.children;
   return /*#__PURE__*/React__default.createElement(LocalizationContext.Provider, {
     value: props
   }, children);
 };
-
 var useLocalization = function () {
   return React__default.useContext(LocalizationContext);
 };
 
 export { LocalizationProvider as L, LocalizationContext as a, useLocalization as u };
-//# sourceMappingURL=LocalizationContext-654ae04f.js.map
+//# sourceMappingURL=LocalizationContext-43b10f97.js.map

package/{LocalizationContext-654ae04f.js.map → LocalizationContext-43b10f97.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LocalizationContext-654ae04f.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,cAAK,CAACC,aAAN,CAAoB;AAC9CC,EAAAA,SAAS,EAAEC,YAAY,CAAC,IAAD,CADuB;AAE9CC,EAAAA,UAAU,EAAEC,aAAAA;AAFkC,CAApB,EAA5B;;AAWA,IAAMC,oBAAoB,GAAG,UAACC,KAAD,EAAiC;AACpD,EAAA,IAAAC,QAAQ,GAAKD,KAAK,CAAAC,QAAlB,CAAA;EACR,oBACER,cAAA,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,cAAK,CAACU,UAAN,CAAiBX,mBAAjB,CAAA,CAAA;AAAqC;;;;"}
+{"version":3,"file":"LocalizationContext-43b10f97.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","createElement","Provider","value","useLocalization","useContext"],"mappings":";;;;AAMA,IAAMA,mBAAmB,gBAAGC,cAAK,CAACC,aAAa,CAAC;AAC9CC,EAAAA,SAAS,EAAEC,YAAY,CAAC,IAAI,CAAC;AAC7BC,EAAAA,UAAU,EAAEC,aAAAA;AACb,CAAA,EAAC;AAQF,IAAMC,oBAAoB,GAAG,UAACC,KAAgC,EAAA;AACpD,EAAA,IAAAC,QAAQ,GAAKD,KAAK,CAAAC,QAAV,CAAA;AAChB,EAAA,oBACER,cAAA,CAAAS,aAAA,CAACV,mBAAmB,CAACW,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ,KAAAA;AAAM,GAAA,EACxCC,QAAQ,CACoB,CAAA;AAEnC,EAAC;AAOD,IAAMI,eAAe,GAAwB,YAAM;AAAA,EAAA,OAAAZ,cAAK,CAACa,UAAU,CAACd,mBAAmB,CAAC,CAAA;AAArC;;;;"}

package/{MediaQueryContext-e791a4d1.js → MediaQueryContext-f2df2472.js}

@@ -6,41 +6,35 @@ var MediaQueryContext = /*#__PURE__*/React__default.createContext({
   mediaQueryBreakPoint: DEFAULT_MOBILE,
   isMobile: false
 });
-
 var addClassNameToBody = function () {
   try {
     var body = document.querySelector('body');
     body.classList.add(MOBILE_CLASSNAME);
-  } catch (_a) {// noop
+  } catch (_a) {
+    // noop
   }
 };
-
 var removeClassNameFromBody = function () {
   try {
     var body = document.querySelector('body');
     body.classList.remove(MOBILE_CLASSNAME);
-  } catch (_a) {// noop
+  } catch (_a) {
+    // noop
   }
 };
-
 var MediaQueryProvider = function (props) {
   var children = props.children,
-      logger = props.logger;
+    logger = props.logger;
   var mediaQueryBreakPoint = (props === null || props === void 0 ? void 0 : props.mediaQueryBreakPoint) || DEFAULT_MOBILE;
-
   var _a = useState(false),
-      isMobile = _a[0],
-      setIsMobile = _a[1];
-
+    isMobile = _a[0],
+    setIsMobile = _a[1];
   useEffect(function () {
     var _a;
-
     var updateSize = function () {
       var _a, _b, _c, _d, _e;
-
       if (typeof mediaQueryBreakPoint === 'boolean') {
         setIsMobile(mediaQueryBreakPoint);
-
         if (mediaQueryBreakPoint) {
           (_a = logger === null || logger === void 0 ? void 0 : logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, "MediaQueryProvider: isMobile: true");
           addClassNameToBody();
@@ -51,7 +45,6 @@ var MediaQueryProvider = function (props) {
       } else {
         var mq = window.matchMedia("(max-width: ".concat(mediaQueryBreakPoint, ")"));
         (_c = logger === null || logger === void 0 ? void 0 : logger.info) === null || _c === void 0 ? void 0 : _c.call(logger, "MediaQueryProvider: Screensize updated to ".concat(mediaQueryBreakPoint));
-
         if (mq.matches) {
           setIsMobile(true);
           addClassNameToBody();
@@ -63,13 +56,11 @@ var MediaQueryProvider = function (props) {
         }
       }
     };
-
     updateSize();
     window.addEventListener('resize', updateSize);
     (_a = logger === null || logger === void 0 ? void 0 : logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, "MediaQueryProvider: addEventListener", updateSize);
     return function () {
       var _a;
-
       window.removeEventListener('resize', updateSize);
       (_a = logger === null || logger === void 0 ? void 0 : logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, "MediaQueryProvider: removeEventListener", updateSize);
     };
@@ -81,10 +72,9 @@ var MediaQueryProvider = function (props) {
     }
   }, children);
 };
-
 var useMediaQueryContext = function () {
   return React__default.useContext(MediaQueryContext);
 };
 
 export { MediaQueryProvider as M, useMediaQueryContext as u };
-//# sourceMappingURL=MediaQueryContext-e791a4d1.js.map
+//# sourceMappingURL=MediaQueryContext-f2df2472.js.map

package/MediaQueryContext-f2df2472.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaQueryContext-f2df2472.js","sources":["../src/lib/MediaQueryContext.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport type { Logger } from './SendbirdState';\n\nconst DEFAULT_MOBILE = '0px';\nconst MOBILE_CLASSNAME = 'sendbird--mobile-mode';\n\nconst MediaQueryContext = React.createContext({\n  mediaQueryBreakPoint: DEFAULT_MOBILE,\n  isMobile: false,\n});\n\nexport interface MediaQueryProviderProps {\n  children: React.ReactElement;\n  mediaQueryBreakPoint?: string | boolean;\n  logger?: Logger;\n}\n\nconst addClassNameToBody = () => {\n  try {\n    const body = document.querySelector('body');\n    body.classList.add(MOBILE_CLASSNAME);\n  } catch {\n    // noop\n  }\n};\n\nconst removeClassNameFromBody = () => {\n  try {\n    const body = document.querySelector('body');\n    body.classList.remove(MOBILE_CLASSNAME);\n  } catch {\n    // noop\n  }\n};\n\nconst MediaQueryProvider = (props: MediaQueryProviderProps): React.ReactElement => {\n  const {\n    children,\n    logger,\n  } = props;\n  const mediaQueryBreakPoint = props?.mediaQueryBreakPoint || DEFAULT_MOBILE;\n  const [isMobile, setIsMobile] = useState(false);\n  useEffect(() => {\n    const updateSize = () => {\n      if (typeof mediaQueryBreakPoint === 'boolean') {\n        setIsMobile(mediaQueryBreakPoint);\n        if (mediaQueryBreakPoint) {\n          logger?.info?.(`MediaQueryProvider: isMobile: true`);\n          addClassNameToBody();\n        } else {\n          logger?.info?.(`MediaQueryProvider: isMobile: false`);\n          removeClassNameFromBody();\n        }\n      } else {\n        const mq = window.matchMedia(`(max-width: ${mediaQueryBreakPoint})`);\n        logger?.info?.(`MediaQueryProvider: Screensize updated to ${mediaQueryBreakPoint}`);\n        if (mq.matches) {\n          setIsMobile(true);\n          addClassNameToBody();\n          logger?.info?.(`MediaQueryProvider: isMobile: true`);\n        } else {\n          setIsMobile(false);\n          removeClassNameFromBody();\n          logger?.info?.(`MediaQueryProvider: isMobile: false`);\n        }\n      }\n    }\n    updateSize();\n    window.addEventListener('resize', updateSize);\n    logger?.info?.(`MediaQueryProvider: addEventListener`, updateSize);\n    return () => {\n      window.removeEventListener('resize', updateSize);\n      logger?.info?.(`MediaQueryProvider: removeEventListener`, updateSize);\n    }\n  }, [mediaQueryBreakPoint]);\n  return (\n    <MediaQueryContext.Provider value={{ mediaQueryBreakPoint, isMobile }}>\n      {children}\n    </MediaQueryContext.Provider>\n  );\n};\n\nexport type useMediaQueryContextType = () => ({\n  mediaQueryBreakPoint: string | boolean;\n  isMobile: boolean;\n});\n\nconst useMediaQueryContext: useMediaQueryContextType = () => React.useContext(MediaQueryContext);\n\nexport { MediaQueryProvider, useMediaQueryContext };\n"],"names":["DEFAULT_MOBILE","MOBILE_CLASSNAME","MediaQueryContext","React","createContext","mediaQueryBreakPoint","isMobile","addClassNameToBody","body","document","querySelector","classList","add","_a","removeClassNameFromBody","remove","MediaQueryProvider","props","children","logger","useState","setIsMobile","useEffect","updateSize","info","call","_b","mq","window","matchMedia","concat","_c","matches","_d","_e","addEventListener","removeEventListener","createElement","Provider","value","useMediaQueryContext","useContext"],"mappings":"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"}

package/{MemberList-6f3c8288.js → MemberList-70806978.js}

@@ -4,28 +4,24 @@ import IconButton from './ui/IconButton.js';
 import Icon, { IconTypes, IconColors } from './ui/Icon.js';
 import ContextMenu, { MenuItems, MenuItem } from './ui/ContextMenu.js';
 import UserListItem$1 from './ChannelSettings/components/UserListItem.js';
-import { a as __spreadArray, _ as __assign } from './tslib.es6-209c9f08.js';
+import { a as __spreadArray, _ as __assign } from './tslib.es6-5180f9d1.js';
 import Modal from './ui/Modal.js';
 import UserListItem from './ui/UserListItem.js';
-import { n as noop } from './utils-04bd857d.js';
+import { n as noop } from './utils-a7563986.js';
 import { useChannelSettingsContext } from './ChannelSettings/context.js';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
-import { a as LocalizationContext, u as useLocalization } from './LocalizationContext-654ae04f.js';
-import { u as uuidv4 } from './uuid-31c6ecb2.js';
+import { a as LocalizationContext, u as useLocalization } from './LocalizationContext-43b10f97.js';
+import { u as uuidv4 } from './uuid-368c5040.js';
 
 function MembersModal(_a) {
   var _b;
-
   var onCancel = _a.onCancel;
-
   var _c = useState([]),
-      members = _c[0],
-      setMembers = _c[1];
-
+    members = _c[0],
+    setMembers = _c[1];
   var _d = useState(null),
-      memberQuery = _d[0],
-      setMemberQuery = _d[1];
-
+    memberQuery = _d[0],
+    setMemberQuery = _d[1];
   var channel = useChannelSettingsContext().channel;
   var state = useSendbirdStateContext();
   var currentUser = (_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.userId;
@@ -53,7 +49,6 @@ function MembersModal(_a) {
       var hasNext = memberQuery.hasNext;
       var target = e.target;
       var fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;
-
       if (hasNext && fetchMore) {
         memberQuery.next().then(function (o) {
           setMembers(__spreadArray(__spreadArray([], members, true), o, true));
@@ -67,7 +62,7 @@ function MembersModal(_a) {
       currentUser: currentUser,
       action: function (_a) {
         var parentRef = _a.parentRef,
-            actionRef = _a.actionRef;
+          actionRef = _a.actionRef;
         return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, (channel === null || channel === void 0 ? void 0 : channel.myRole) === 'operator' && /*#__PURE__*/React__default.createElement(ContextMenu, {
           menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default.createElement(IconButton, {
@@ -100,7 +95,6 @@ function MembersModal(_a) {
                           role: 'operator'
                         });
                       }
-
                       return m;
                     }));
                     closeDropdown();
@@ -113,14 +107,14 @@ function MembersModal(_a) {
                           role: ''
                         });
                       }
-
                       return m;
                     }));
                     closeDropdown();
                   });
                 }
               }
-            }, member.role !== 'operator' ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR), // No muted members in broadcast channel
+            }, member.role !== 'operator' ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR),
+            // No muted members in broadcast channel
             !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && /*#__PURE__*/React__default.createElement(MenuItem, {
               onClick: function () {
                 if (member.isMuted) {
@@ -131,7 +125,6 @@ function MembersModal(_a) {
                           isMuted: false
                         });
                       }
-
                       return m;
                     }));
                     closeDropdown();
@@ -144,7 +137,6 @@ function MembersModal(_a) {
                           isMuted: true
                         });
                       }
-
                       return m;
                     }));
                     closeDropdown();
@@ -171,40 +163,30 @@ function MembersModal(_a) {
 var isAboutSame = function (a, b, px) {
   return Math.abs(a - b) <= px;
 };
-
 function InviteUsers(_a) {
   var _b, _c, _d;
-
   var onCancel = _a.onCancel,
-      onSubmit = _a.onSubmit;
-
+    onSubmit = _a.onSubmit;
   var _e = useState([]),
-      members = _e[0],
-      setMembers = _e[1];
-
+    members = _e[0],
+    setMembers = _e[1];
   var _f = useState({}),
-      selectedMembers = _f[0],
-      setSelectedMembers = _f[1];
-
+    selectedMembers = _f[0],
+    setSelectedMembers = _f[1];
   var _g = useState(null),
-      userQuery = _g[0],
-      setUserQuery = _g[1];
-
+    userQuery = _g[0],
+    setUserQuery = _g[1];
   var state = useSendbirdStateContext();
   var sdk = (_c = (_b = state === null || state === void 0 ? void 0 : state.stores) === null || _b === void 0 ? void 0 : _b.sdkStore) === null || _c === void 0 ? void 0 : _c.sdk;
   var globalUserListQuery = (_d = state === null || state === void 0 ? void 0 : state.config) === null || _d === void 0 ? void 0 : _d.userListQuery;
-
   var _h = useChannelSettingsContext(),
-      channel = _h.channel,
-      overrideInviteUser = _h.overrideInviteUser,
-      queries = _h.queries;
-
+    channel = _h.channel,
+    overrideInviteUser = _h.overrideInviteUser,
+    queries = _h.queries;
   var userFilledQuery = __assign({}, queries === null || queries === void 0 ? void 0 : queries.applicationUserListQuery);
-
   var stringSet = useLocalization().stringSet;
   useEffect(function () {
     var userListQuery = globalUserListQuery ? globalUserListQuery() : sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery(userFilledQuery);
-
     if (userListQuery === null || userListQuery === void 0 ? void 0 : userListQuery.next) {
       userListQuery.next().then(function (members) {
         setMembers(members);
@@ -224,7 +206,6 @@ function InviteUsers(_a) {
       var members = Object.keys(selectedMembers).filter(function (m) {
         return selectedMembers[m];
       });
-
       if (typeof overrideInviteUser === 'function') {
         overrideInviteUser({
           users: members,
@@ -233,7 +214,6 @@ function InviteUsers(_a) {
         });
         return;
       }
-
       channel === null || channel === void 0 ? void 0 : channel.inviteWithUserIds(members).then(function () {
         onSubmit(members);
       });
@@ -245,7 +225,6 @@ function InviteUsers(_a) {
       var hasNext = userQuery.hasNext;
       var target = e.target;
       var fetchMore = isAboutSame(target.clientHeight + target.scrollTop, target.scrollHeight, 20);
-
       if (hasNext && fetchMore) {
         userQuery.next().then(function (users) {
           setMembers(__spreadArray(__spreadArray([], members, true), users, true));
@@ -256,7 +235,6 @@ function InviteUsers(_a) {
     className: "sendbird-more-members__popup-scroll__inner"
   }, members.map(function (member) {
     var _a;
-
     var isJoinedMember = (_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.some(function (_a) {
       var userId = _a.userId;
       return userId === (member === null || member === void 0 ? void 0 : member.userId);
@@ -267,13 +245,10 @@ function InviteUsers(_a) {
       disabled: isJoinedMember,
       onChange: function (event) {
         var _a;
-
         var modifiedSelectedMembers = __assign(__assign({}, selectedMembers), (_a = {}, _a[event.target.id] = event.target.checked, _a));
-
         if (!event.target.checked) {
           delete modifiedSelectedMembers[event.target.id];
         }
-
         setSelectedMembers(modifiedSelectedMembers);
       },
       user: member,
@@ -284,29 +259,22 @@ function InviteUsers(_a) {
 
 var MemberList = function () {
   var _a, _b, _c;
-
   var _d = useState([]),
-      members = _d[0],
-      setMembers = _d[1];
-
+    members = _d[0],
+    setMembers = _d[1];
   var _e = useState(false),
-      hasNext = _e[0],
-      setHasNext = _e[1];
-
+    hasNext = _e[0],
+    setHasNext = _e[1];
   var _f = useState(false),
-      showAllMembers = _f[0],
-      setShowAllMembers = _f[1];
-
+    showAllMembers = _f[0],
+    setShowAllMembers = _f[1];
   var _g = useState(false),
-      showInviteUsers = _g[0],
-      setShowInviteUsers = _g[1];
-
+    showInviteUsers = _g[0],
+    setShowInviteUsers = _g[1];
   var state = useSendbirdStateContext();
-
   var _h = useChannelSettingsContext(),
-      channel = _h.channel,
-      setChannelUpdateId = _h.setChannelUpdateId;
-
+    channel = _h.channel,
+    setChannelUpdateId = _h.setChannelUpdateId;
   var stringSet = useContext(LocalizationContext).stringSet;
   var sdk = (_b = (_a = state === null || state === void 0 ? void 0 : state.stores) === null || _a === void 0 ? void 0 : _a.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk;
   var userId = (_c = state === null || state === void 0 ? void 0 : state.config) === null || _c === void 0 ? void 0 : _c.userId;
@@ -315,7 +283,6 @@ var MemberList = function () {
       setMembers([]);
       return;
     }
-
     var memberUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
       limit: 10
     });
@@ -329,7 +296,6 @@ var MemberList = function () {
       setMembers([]);
       return;
     }
-
     var memberUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
       limit: 10
     });
@@ -348,7 +314,7 @@ var MemberList = function () {
       currentUser: sdk.currentUser.userId,
       action: (channel === null || channel === void 0 ? void 0 : channel.myRole) === 'operator' && userId !== member.userId ? function (_a) {
         var actionRef = _a.actionRef,
-            parentRef = _a.parentRef;
+          parentRef = _a.parentRef;
         return /*#__PURE__*/React__default.createElement(ContextMenu, {
           menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default.createElement(IconButton, {
@@ -384,7 +350,8 @@ var MemberList = function () {
                   });
                 }
               }
-            }, member.role !== 'operator' ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR), // No muted members in broadcast channel
+            }, member.role !== 'operator' ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR),
+            // No muted members in broadcast channel
             !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && /*#__PURE__*/React__default.createElement(MenuItem, {
               onClick: function () {
                 if (member.isMuted) {
@@ -442,4 +409,4 @@ var MemberList = function () {
 };
 
 export { MemberList as M };
-//# sourceMappingURL=MemberList-6f3c8288.js.map
+//# sourceMappingURL=MemberList-70806978.js.map