@sendbird/uikit-react 3.4.5 → 3.4.6-0

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((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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"}
+{"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","createElement","Provider","value","concat","useCreateOpenChannelContext","useContext"],"mappings":";;;;;;;;;;;;;AAgBA,IAAMA,wBAAwB,gBAAGC,yBAAK,CAACC,aAAa,CAAoC;AACtFC,EAAAA,GAAG,EAAE,IAAI;AACTC,EAAAA,cAAc,EAAE,KAAK;AACrBC,EAAAA,MAAM,EAAE,IAAI;AACZC,EAAAA,oBAAoB,EAAE,IAAA;AACvB,CAAA,CAAC,CAAA;IASWC,yBAAyB,GAA6C,UAACC,EAKnD,EAAA;;MAJ/BC,SAAS,GAAAD,EAAA,CAAAC,SAAA;IACTC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;IACRC,eAAe,GAAAH,EAAA,CAAAG,eAAA;IACfC,qBAAqB,GAAAJ,EAAA,CAAAI,qBAAA,CAAA;EAEf,IAAAC,EAAA,GAAqBC,uBAAuB,EAAE;IAA5CC,MAAM,GAAAF,EAAA,CAAAE,MAAA;IAAEC,MAAM,GAAAH,EAAA,CAAAG,MAA8B,CAAA;AAC5C,EAAA,IAAAX,MAAM,GAAKW,MAAM,CAAAX,MAAX,CAAA;AACd,EAAA,IAAMF,GAAG,GAAG,CAAA,CAAAc,EAAA,GAAAF,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEG,QAAQ,MAAA,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAEd,GAAG,KAAI,IAAI,CAAA;AACzC,EAAA,IAAMC,cAAc,GAAG,CAAA,CAAAe,EAAA,GAAAJ,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEG,QAAQ,MAAA,IAAA,IAAAC,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAEC,WAAW,KAAI,KAAK,CAAA;AAE7D,EAAA,IAAMd,oBAAoB,GAAGe,iBAAW,CAAC,UAACC,MAAyC,EAAA;;AACzE,IAAA,IAAAC,IAAI,GAAsBD,MAAM,CAAAC,IAA5B;MAAEC,eAAe,GAAKF,MAAM,CAAAE,eAAX,CAAA;AAC7B,IAAA,IAAIpB,cAAc,EAAE;MAClB,IAAMqB,QAAM,GAAG,EAA6B,CAAA;AAC5CA,MAAAA,QAAM,CAACC,eAAe,GAAG,CAAC,MAAAvB,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAHA,GAAG,CAAEwB,WAAW,MAAE,IAAA,IAAAnB,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAoB,MAAM,CAAC,CAAA;MACnDH,QAAM,CAACF,IAAI,GAAGA,IAAI,CAAA;MAClBE,QAAM,CAACD,eAAe,GAAGA,eAAe,CAAA;AACxCrB,MAAAA,GAAG,CAAC0B,WAAW,CAACC,aAAa,CAAC,CAAAlB,qBAAqB,KAAA,IAAA,IAArBA,qBAAqB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAArBA,qBAAqB,CAAGa,QAAM,CAAC,KAAIA,QAAM,CAAC,CACrEM,IAAI,CAAC,UAACF,WAAW,EAAA;AAChBxB,QAAAA,MAAM,CAAC2B,IAAI,CAAC,mDAAmD,EAAEH,WAAW,CAAC,CAAA;QAC7ElB,eAAe,CAACkB,WAAW,CAAC,CAAA;AAC9B,OAAC,CAAC,CACDI,KAAK,CAAC,UAACC,GAAG,EAAA;AACT7B,QAAAA,MAAM,CAAC8B,OAAO,CAAC,gDAAgD,EAAED,GAAG,CAAC,CAAA;AACvE,OAAC,CAAC,CAAA;AACL,KAAA;GACF,EAAE,CAAC9B,cAAc,EAAEQ,qBAAqB,EAAED,eAAe,CAAC,CAAC,CAAA;AAE5D,EAAA,oBACEV,yBAAA,CAAAmC,aAAA,CAACpC,wBAAwB,CAACqC,QAAQ,EAAA;AAChCC,IAAAA,KAAK,EAAE;AACL;AACAnC,MAAAA,GAAG,EAAEA,GAAG;AACRC,MAAAA,cAAc,EAAEA,cAAc;AAC9BC,MAAAA,MAAM,EAAEA,MAAM;AACdC,MAAAA,oBAAoB,EAAEA,oBAAAA;AACvB,KAAA;GAEDL,eAAAA,yBAAA,CAAAmC,aAAA,CAAA,KAAA,EAAA;AAAK3B,IAAAA,SAAS,EAAE,+BAAgC,CAAA8B,MAAA,CAAA9B,SAAS,CAAA;GACtDC,EAAAA,QAAQ,CAEb,CAAoC,CAAA;AAExC,EAAC;AAEY8B,IAAAA,2BAA2B,GAAG,YAAA;AAAyC,EAAA,OAClFvC,yBAAK,CAACwC,UAAU,CAACzC,wBAAwB,CAAC,CAAA;AADwC;;;;;"}

package/cjs/CreateOpenChannel.js

@@ -3,25 +3,25 @@
 var React = require('react');
 var CreateOpenChannel_components_CreateOpenChannelUI = require('./CreateOpenChannel/components/CreateOpenChannelUI.js');
 var CreateOpenChannel_context = require('./CreateOpenChannel/context.js');
-require('./LocalizationContext-01fceac0.js');
-require('./stringSet-7330b627.js');
-require('./index-7c5d21c4.js');
+require('./LocalizationContext-e4a874cf.js');
+require('./stringSet-76f7df68.js');
+require('./index-903c0f93.js');
 require('./ui/Avatar.js');
-require('./tslib.es6-ee1122c5.js');
+require('./tslib.es6-67bdb021.js');
 require('./ui/ImageRenderer.js');
 require('./ui/Icon.js');
 require('prop-types');
-require('./uuid-26b61f16.js');
+require('./uuid-f23c161c.js');
 require('./ui/Button.js');
-require('./index-26a1e861.js');
+require('./index-0e43cd69.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-36aaf992.js');
+require('./index-813deccc.js');
 require('./ui/IconButton.js');
-require('./MediaQueryContext-4978c777.js');
+require('./MediaQueryContext-fcd92c17.js');
 require('./ui/Input.js');
 require('./ui/TextButton.js');
-require('./color-8f9fe57f.js');
+require('./color-168c1d53.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
 
@@ -31,11 +31,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 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["default"].createElement(CreateOpenChannel_context.CreateOpenChannelProvider, {
     className: className,
     onCreateChannel: onCreateChannel,

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,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;;;;"}
+{"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,yBAAA,CAAAC,aAAA,CAACC,mDAAyB,EAAA;AACxBR,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,qBAAqB,EAAEA,qBAAAA;AAAsB,GAAA,eAE7CI,yBAAA,CAAAC,aAAA,CAACE,gDAAmB,EAAA;AAClBN,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,kBAAkB,EAAEA,kBAAAA;AAAmB,GAAA,CAE3C,CAA4B,CAAA;AAEhC;;;;"}

package/cjs/EditUserProfile/components/EditUserProfileUI.js

@@ -1,30 +1,30 @@
 'use strict';
 
 require('react');
-var EditUserProfile_components_EditUserProfileUI = require('../../index-b9fbe704.js');
+var EditUserProfile_components_EditUserProfileUI = require('../../index-9dd8a18a.js');
 require('../../ui/Modal.js');
-require('../../LocalizationContext-01fceac0.js');
+require('../../LocalizationContext-e4a874cf.js');
 require('../../useSendbirdStateContext.js');
 require('../../ui/Input.js');
 require('../../ui/Avatar.js');
 require('../../ui/Icon.js');
 require('../../ui/Button.js');
-require('../../index-26a1e861.js');
+require('../../index-0e43cd69.js');
 require('../../ui/TextButton.js');
-require('../../utils-5ca88bb6.js');
-require('../../actionTypes-38d53eaf.js');
+require('../../utils-fdfc9b0a.js');
+require('../../actionTypes-1b068888.js');
 require('react-dom');
-require('../../index-36aaf992.js');
+require('../../index-813deccc.js');
 require('../../ui/IconButton.js');
-require('../../tslib.es6-ee1122c5.js');
-require('../../MediaQueryContext-4978c777.js');
-require('../../stringSet-7330b627.js');
-require('../../index-7c5d21c4.js');
+require('../../tslib.es6-67bdb021.js');
+require('../../MediaQueryContext-fcd92c17.js');
+require('../../stringSet-76f7df68.js');
+require('../../index-903c0f93.js');
 require('prop-types');
 require('../../withSendbird.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-26b61f16.js');
-require('../../color-8f9fe57f.js');
+require('../../uuid-f23c161c.js');
+require('../../color-168c1d53.js');
 
 
 

package/cjs/EditUserProfile/context.js

@@ -9,7 +9,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const EditUserProfileProviderContext = /*#__PURE__*/React__default["default"].createContext(undefined);
-
 const EditUserProfileProvider = props => {
   const {
     children,
@@ -28,7 +27,6 @@ const EditUserProfileProvider = props => {
     value: value
   }, children);
 };
-
 const useEditUserProfileContext = () => React__default["default"].useContext(EditUserProfileProviderContext);
 
 exports.EditUserProfileProvider = EditUserProfileProvider;

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,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;;;;;"}
+{"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,yBAAK,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,aAAO,CAAC,MAAM;IAC1B,OAAO;MACLJ,aAAa;MACbC,QAAQ;AACRC,MAAAA,aAAAA;KACD,CAAA;GACF,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,oBACER,yBAAA,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,yBAAK,CAACc,UAAU,CAACf,8BAA8B;;;;;"}

package/cjs/EditUserProfile.js

@@ -1,30 +1,30 @@
 'use strict';
 
 var React = require('react');
-var EditUserProfile_components_EditUserProfileUI = require('./index-b9fbe704.js');
+var EditUserProfile_components_EditUserProfileUI = require('./index-9dd8a18a.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-36aaf992.js');
-require('./LocalizationContext-01fceac0.js');
-require('./stringSet-7330b627.js');
-require('./index-7c5d21c4.js');
+require('./index-813deccc.js');
+require('./LocalizationContext-e4a874cf.js');
+require('./stringSet-76f7df68.js');
+require('./index-903c0f93.js');
 require('./ui/Button.js');
-require('./tslib.es6-ee1122c5.js');
-require('./index-26a1e861.js');
+require('./tslib.es6-67bdb021.js');
+require('./index-0e43cd69.js');
 require('prop-types');
 require('./ui/Icon.js');
 require('./ui/IconButton.js');
-require('./MediaQueryContext-4978c777.js');
+require('./MediaQueryContext-fcd92c17.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
 require('./ui/Input.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-26b61f16.js');
+require('./uuid-f23c161c.js');
 require('./ui/TextButton.js');
-require('./color-8f9fe57f.js');
-require('./utils-5ca88bb6.js');
-require('./actionTypes-38d53eaf.js');
+require('./color-168c1d53.js');
+require('./utils-fdfc9b0a.js');
+require('./actionTypes-1b068888.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -32,8 +32,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var EditProfile = function (props) {
   var onEditProfile = props.onEditProfile,
-      onCancel = props.onCancel,
-      onThemeChange = props.onThemeChange;
+    onCancel = props.onCancel,
+    onThemeChange = props.onThemeChange;
   return /*#__PURE__*/React__default["default"].createElement(EditUserProfile_components_EditUserProfileUI.EditUserProfileProvider, {
     onEditProfile: onEditProfile,
     onCancel: onCancel,

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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;;;;"}
+{"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,yBAAA,CAAAC,aAAA,CAACC,oEAAuB,EAAA;AACtBL,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,aAAa,EAAEA,aAAAA;AAAc,GAAA,eAE7BC,yBAAA,CAAAC,aAAA,CAACE,4DAAe,OAClB,CAA0B,CAAA;AAE9B;;;;"}

package/cjs/{LocalizationContext-01fceac0.js → LocalizationContext-e4a874cf.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var stringSet = require('./stringSet-7330b627.js');
-var index = require('./index-7c5d21c4.js');
+var stringSet = require('./stringSet-76f7df68.js');
+var index = require('./index-903c0f93.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -12,14 +12,12 @@ var LocalizationContext = /*#__PURE__*/React__default["default"].createContext({
   stringSet: stringSet.getStringSet('en'),
   dateLocale: index.defaultLocale
 });
-
 var LocalizationProvider = function (props) {
   var children = props.children;
   return /*#__PURE__*/React__default["default"].createElement(LocalizationContext.Provider, {
     value: props
   }, children);
 };
-
 var useLocalization = function () {
   return React__default["default"].useContext(LocalizationContext);
 };
@@ -27,4 +25,4 @@ var useLocalization = function () {
 exports.LocalizationContext = LocalizationContext;
 exports.LocalizationProvider = LocalizationProvider;
 exports.useLocalization = useLocalization;
-//# sourceMappingURL=LocalizationContext-01fceac0.js.map
+//# sourceMappingURL=LocalizationContext-e4a874cf.js.map

package/cjs/{LocalizationContext-01fceac0.js.map → LocalizationContext-e4a874cf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LocalizationContext-01fceac0.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;;;;;;"}
+{"version":3,"file":"LocalizationContext-e4a874cf.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,yBAAK,CAACC,aAAa,CAAC;AAC9CC,EAAAA,SAAS,EAAEC,sBAAY,CAAC,IAAI,CAAC;AAC7BC,EAAAA,UAAU,EAAEC,mBAAAA;AACb,CAAA,EAAC;AAQF,IAAMC,oBAAoB,GAAG,UAACC,KAAgC,EAAA;AACpD,EAAA,IAAAC,QAAQ,GAAKD,KAAK,CAAAC,QAAV,CAAA;AAChB,EAAA,oBACER,yBAAA,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,yBAAK,CAACa,UAAU,CAACd,mBAAmB,CAAC,CAAA;AAArC;;;;;;"}

package/cjs/{MediaQueryContext-4978c777.js → MediaQueryContext-fcd92c17.js}

@@ -12,41 +12,35 @@ var MediaQueryContext = /*#__PURE__*/React__default["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 = React.useState(false),
-      isMobile = _a[0],
-      setIsMobile = _a[1];
-
+    isMobile = _a[0],
+    setIsMobile = _a[1];
   React.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();
@@ -57,7 +51,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();
@@ -69,13 +62,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);
     };
@@ -87,11 +78,10 @@ var MediaQueryProvider = function (props) {
     }
   }, children);
 };
-
 var useMediaQueryContext = function () {
   return React__default["default"].useContext(MediaQueryContext);
 };
 
 exports.MediaQueryProvider = MediaQueryProvider;
 exports.useMediaQueryContext = useMediaQueryContext;
-//# sourceMappingURL=MediaQueryContext-4978c777.js.map
+//# sourceMappingURL=MediaQueryContext-fcd92c17.js.map

package/cjs/MediaQueryContext-fcd92c17.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaQueryContext-fcd92c17.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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"}