@sendbird/uikit-react 3.5.0-rc.0 → 3.5.0

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/modules/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,40 +1,41 @@
 'use strict';
 
 var React = require('react');
-var EditUserProfile_components_EditUserProfileUI = require('./index-ebb542c3.js');
+var EditUserProfile_components_EditUserProfileUI = require('./index-71fdaa1b.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-08d232f8.js');
-require('./LocalizationContext-8780a64e.js');
-require('./stringSet-60660a99.js');
-require('./index-48d85d8f.js');
+require('./index-f570d25c.js');
+require('./LocalizationContext-0e429c3d.js');
+require('./stringSet-106da549.js');
+require('./index-016f7106.js');
 require('./ui/Button.js');
-require('./tslib.es6-5a7eb30d.js');
-require('./index-bdd889a2.js');
+require('./index-6cb0d040.js');
 require('prop-types');
 require('./ui/Icon.js');
 require('./ui/IconButton.js');
-require('./MediaQueryContext-e455934a.js');
+require('./_rollupPluginBabelHelpers-c89f311a.js');
+require('./MediaQueryContext-33fc3b17.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-bd6baf0a.js');
 require('./ui/Input.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-a9006ea2.js');
+require('./uuid-12b01f73.js');
 require('./ui/TextButton.js');
-require('./color-fdbe394d.js');
-require('./utils-708aa730.js');
-require('./actionTypes-561bdde9.js');
+require('./color-bada0fc7.js');
+require('./utils-ad7b5b82.js');
+require('./actionTypes-0fa2943d.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var EditProfile = function (props) {
-  var onEditProfile = props.onEditProfile,
-      onCancel = props.onCancel,
-      onThemeChange = props.onThemeChange;
+const EditProfile = props => {
+  const {
+    onEditProfile,
+    onCancel,
+    onThemeChange
+  } = props;
   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/modules/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASMA,MAAAA,WAA2C,GAAIC,KAA2B,IAAK;EACnF,MAAM;IACJC,aAAa;IACbC,QAAQ;AACRC,IAAAA,aAAAA;AACF,GAAC,GAAGH,KAAK,CAAA;AACT,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,OAAG,CACK,CAAA;AAE9B;;;;"}

package/cjs/{LocalizationContext-8780a64e.js → LocalizationContext-0e429c3d.js}

@@ -1,30 +1,28 @@
 'use strict';
 
 var React = require('react');
-var stringSet = require('./stringSet-60660a99.js');
-var index = require('./index-48d85d8f.js');
+var stringSet = require('./stringSet-106da549.js');
+var index = require('./index-016f7106.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var LocalizationContext = /*#__PURE__*/React__default["default"].createContext({
+const LocalizationContext = /*#__PURE__*/React__default["default"].createContext({
   stringSet: stringSet.getStringSet('en'),
   dateLocale: index.defaultLocale
 });
-
-var LocalizationProvider = function (props) {
-  var children = props.children;
+const LocalizationProvider = props => {
+  const {
+    children
+  } = props;
   return /*#__PURE__*/React__default["default"].createElement(LocalizationContext.Provider, {
     value: props
   }, children);
 };
-
-var useLocalization = function () {
-  return React__default["default"].useContext(LocalizationContext);
-};
+const useLocalization = () => React__default["default"].useContext(LocalizationContext);
 
 exports.LocalizationContext = LocalizationContext;
 exports.LocalizationProvider = LocalizationProvider;
 exports.useLocalization = useLocalization;
-//# sourceMappingURL=LocalizationContext-8780a64e.js.map
+//# sourceMappingURL=LocalizationContext-0e429c3d.js.map

package/cjs/{LocalizationContext-8780a64e.js.map → LocalizationContext-0e429c3d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LocalizationContext-8780a64e.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-0e429c3d.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,MAAMA,mBAAmB,gBAAGC,yBAAK,CAACC,aAAa,CAAC;AAC9CC,EAAAA,SAAS,EAAEC,sBAAY,CAAC,IAAI,CAAC;AAC7BC,EAAAA,UAAU,EAAEC,mBAAAA;AACd,CAAC,EAAC;AAQIC,MAAAA,oBAAoB,GAAIC,KAAgC,IAAyB;EACrF,MAAM;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAGD,KAAK,CAAA;AAC1B,EAAA,oBACEP,yBAAA,CAAAS,aAAA,CAACV,mBAAmB,CAACW,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ,KAAAA;AAAM,GAAA,EACxCC,QAAQ,CACoB,CAAA;AAEnC,EAAC;AAOKI,MAAAA,eAAoC,GAAGA,MAAMZ,yBAAK,CAACa,UAAU,CAACd,mBAAmB;;;;;;"}

package/cjs/MediaQueryContext-33fc3b17.js

@@ -0,0 +1,94 @@
+'use strict';
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const DEFAULT_MOBILE = false;
+// const DEFAULT_MOBILE = '768px';
+const MOBILE_CLASSNAME = 'sendbird--mobile-mode';
+const MediaQueryContext = /*#__PURE__*/React__default["default"].createContext({
+  breakpoint: DEFAULT_MOBILE,
+  isMobile: false
+});
+const addClassNameToBody = () => {
+  try {
+    const body = document.querySelector('body');
+    body === null || body === void 0 ? void 0 : body.classList.add(MOBILE_CLASSNAME);
+  } catch (_unused) {
+    // noop
+  }
+};
+const removeClassNameFromBody = () => {
+  try {
+    const body = document.querySelector('body');
+    body === null || body === void 0 ? void 0 : body.classList.remove(MOBILE_CLASSNAME);
+  } catch (_unused2) {
+    // noop
+  }
+};
+const MediaQueryProvider = props => {
+  const {
+    children,
+    logger
+  } = props;
+  const breakpoint = (props === null || props === void 0 ? void 0 : props.breakpoint) || false;
+  const [isMobile, setIsMobile] = React.useState(false);
+  React.useEffect(() => {
+    var _logger$info6;
+    const updateSize = () => {
+      if (typeof breakpoint === 'boolean') {
+        setIsMobile(breakpoint);
+        if (breakpoint) {
+          var _logger$info;
+          logger === null || logger === void 0 ? void 0 : (_logger$info = logger.info) === null || _logger$info === void 0 ? void 0 : _logger$info.call(logger, 'MediaQueryProvider: isMobile: true');
+          addClassNameToBody();
+        } else {
+          var _logger$info2;
+          logger === null || logger === void 0 ? void 0 : (_logger$info2 = logger.info) === null || _logger$info2 === void 0 ? void 0 : _logger$info2.call(logger, 'MediaQueryProvider: isMobile: false');
+          removeClassNameFromBody();
+        }
+      } else {
+        var _logger$info3;
+        const mq = window.matchMedia(`(max-width: ${breakpoint})`);
+        logger === null || logger === void 0 ? void 0 : (_logger$info3 = logger.info) === null || _logger$info3 === void 0 ? void 0 : _logger$info3.call(logger, `MediaQueryProvider: Screensize updated to ${breakpoint}`);
+        if (mq.matches) {
+          var _logger$info4;
+          setIsMobile(true);
+          addClassNameToBody();
+          logger === null || logger === void 0 ? void 0 : (_logger$info4 = logger.info) === null || _logger$info4 === void 0 ? void 0 : _logger$info4.call(logger, 'MediaQueryProvider: isMobile: true');
+        } else {
+          var _logger$info5;
+          setIsMobile(false);
+          removeClassNameFromBody();
+          logger === null || logger === void 0 ? void 0 : (_logger$info5 = logger.info) === null || _logger$info5 === void 0 ? void 0 : _logger$info5.call(logger, 'MediaQueryProvider: isMobile: false');
+        }
+      }
+    };
+    updateSize();
+    window.addEventListener('resize', updateSize);
+    logger === null || logger === void 0 ? void 0 : (_logger$info6 = logger.info) === null || _logger$info6 === void 0 ? void 0 : _logger$info6.call(logger, 'MediaQueryProvider: addEventListener', {
+      updateSize
+    });
+    return () => {
+      var _logger$info7;
+      window.removeEventListener('resize', updateSize);
+      logger === null || logger === void 0 ? void 0 : (_logger$info7 = logger.info) === null || _logger$info7 === void 0 ? void 0 : _logger$info7.call(logger, 'MediaQueryProvider: removeEventListener', {
+        updateSize
+      });
+    };
+  }, [breakpoint]);
+  return /*#__PURE__*/React__default["default"].createElement(MediaQueryContext.Provider, {
+    value: {
+      breakpoint,
+      isMobile
+    }
+  }, children);
+};
+const useMediaQueryContext = () => React__default["default"].useContext(MediaQueryContext);
+
+exports.MediaQueryProvider = MediaQueryProvider;
+exports.useMediaQueryContext = useMediaQueryContext;
+//# sourceMappingURL=MediaQueryContext-33fc3b17.js.map

package/cjs/MediaQueryContext-33fc3b17.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaQueryContext-33fc3b17.js","sources":["../../src/lib/MediaQueryContext.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport type { Logger } from './SendbirdState';\n\nconst DEFAULT_MOBILE = false;\n// const DEFAULT_MOBILE = '768px';\nconst MOBILE_CLASSNAME = 'sendbird--mobile-mode';\n\nexport type useMediaQueryContextType = () => ({\n  breakpoint: string | boolean;\n  isMobile: boolean;\n});\n\nconst MediaQueryContext = React.createContext<ReturnType<useMediaQueryContextType>>({\n  breakpoint: DEFAULT_MOBILE,\n  isMobile: false,\n});\n\nexport interface MediaQueryProviderProps {\n  children: React.ReactElement;\n  breakpoint?: 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 breakpoint = props?.breakpoint || false;\n  const [isMobile, setIsMobile] = useState(false);\n  useEffect(() => {\n    const updateSize = () => {\n      if (typeof breakpoint === 'boolean') {\n        setIsMobile(breakpoint);\n        if (breakpoint) {\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: ${breakpoint})`);\n        logger?.info?.(`MediaQueryProvider: Screensize updated to ${breakpoint}`);\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  }, [breakpoint]);\n  return (\n    <MediaQueryContext.Provider value={{ breakpoint, isMobile }}>\n      {children}\n    </MediaQueryContext.Provider>\n  );\n};\n\nconst useMediaQueryContext: useMediaQueryContextType = () => React.useContext(MediaQueryContext);\n\nexport { MediaQueryProvider, useMediaQueryContext };\n"],"names":["DEFAULT_MOBILE","MOBILE_CLASSNAME","MediaQueryContext","React","createContext","breakpoint","isMobile","addClassNameToBody","body","document","querySelector","classList","add","_unused","removeClassNameFromBody","remove","_unused2","MediaQueryProvider","props","children","logger","setIsMobile","useState","useEffect","_logger$info6","updateSize","_logger$info","info","call","_logger$info2","_logger$info3","mq","window","matchMedia","matches","_logger$info4","_logger$info5","addEventListener","_logger$info7","removeEventListener","createElement","Provider","value","useMediaQueryContext","useContext"],"mappings":"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"}