@mirai/core 0.4.103 → 0.4.105

package/build/components/__shared__/Field/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","names":["_ui","require","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","style","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","Field","_ref","caption","children","compacted","error","hasPlaces","icon","inline","inputMode","label","placeholder","visible","warning","onPress","others","isMobile","useDevice","hover","setHover","useState","Wrapper","Layer","Fragment","bottom","centered","testId","top","createElement","className","layerContent","undefined","Pressable","role","onEnter","onLeave","styles","field","focus","Icon","value","context","View","input","Text","small","action","ICON","ERROR","WARNING","React","Modal","LayerContent","portal","title","onClose","onOverflow","modal","concat","exports","displayName","propTypes","PropTypes","oneOfType","string","array","node","bool","func","tabIndex","number"],"sources":["../../../../src/components/__shared__/Field/Field.jsx"],"sourcesContent":["import { Icon, Layer, LayerContent, Modal, Pressable, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useState, Fragment } from 'react';\n\nimport * as style from './Field.module.css';\nimport { ICON } from '../../helpers';\n\nconst Field = ({\n  caption,\n  children,\n  compacted = false,\n  error = false,\n  hasPlaces = false,\n  icon,\n  inline = false,\n  inputMode = false,\n  label,\n  placeholder,\n  visible,\n  warning = false,\n  onPress = () => {},\n  ...others\n}) => {\n  const { isMobile } = useDevice();\n\n  const [hover, setHover] = useState(false);\n\n  const Wrapper = !isMobile ? Layer : Fragment;\n  const { bottom, centered, testId, top } = others;\n\n  return (\n    <Wrapper\n      {...(!isMobile\n        ? {\n            bottom,\n            centered,\n            top,\n            visible,\n            className: style.layerContent,\n          }\n        : undefined)}\n    >\n      {!compacted && (\n        <Pressable\n          {...others}\n          role=\"field\"\n          onPress={onPress}\n          onEnter={() => setHover(true)}\n          onLeave={() => setHover(false)}\n          className={styles(\n            style.field,\n            hasPlaces && style.hasPlaces,\n            inline && style.inline,\n            visible && style.focus,\n            hover && style.hover,\n            others.className,\n          )}\n        >\n          {icon && <Icon value={icon} className={[style.icon, style.context]} />}\n\n          <View className={style.input}>\n            {label && (\n              <Text small className={style.label}>\n                {label}\n              </Text>\n            )}\n            {inputMode ? (\n              children\n            ) : (\n              <Text action className={styles(style.caption, !caption && placeholder && style.placeholder)}>\n                {caption || placeholder}\n              </Text>\n            )}\n          </View>\n\n          {(error || warning) && (\n            <Icon\n              value={error ? ICON.ERROR : ICON.WARNING}\n              className={styles(style.icon, error ? style.error : style.warning)}\n            />\n          )}\n        </Pressable>\n      )}\n\n      {children &&\n        !inputMode &&\n        React.createElement(\n          isMobile ? Modal : LayerContent,\n          isMobile\n            ? {\n                portal: true,\n                title: label,\n                visible,\n                onClose: onPress,\n                onOverflow: onPress,\n                className: style.modal,\n                ['testId']: testId ? `${testId}-modal` : undefined,\n              }\n            : undefined,\n          children,\n        )}\n    </Wrapper>\n  );\n};\n\nField.displayName = 'Mirai:Core:Field';\n\nField.propTypes = {\n  caption: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n  children: PropTypes.node,\n  compacted: PropTypes.bool,\n  error: PropTypes.bool,\n  hasPlaces: PropTypes.bool,\n  icon: PropTypes.func,\n  inline: PropTypes.bool,\n  inputMode: PropTypes.bool,\n  label: PropTypes.string,\n  placeholder: PropTypes.string,\n  tabIndex: PropTypes.number,\n  visible: PropTypes.bool,\n  warning: PropTypes.bool,\n  onPress: PropTypes.func,\n};\n\nexport { Field };\n"],"mappings":"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"}
+{"version":3,"file":"Field.js","names":["_dataSources","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","style","_helpers","_Skeleton","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","Field","_ref","caption","children","compacted","error","hasPlaces","icon","inline","inputMode","label","placeholder","visible","warning","onPress","others","isMobile","useDevice","value","skeleton","useStore","hover","setHover","useState","Wrapper","Layer","Fragment","bottom","centered","testId","top","createElement","className","layerContent","undefined","Pressable","onEnter","onLeave","role","styles","field","focus","Icon","context","View","input","Text","small","action","Skeleton","words","ICON","ERROR","WARNING","React","Modal","LayerContent","portal","title","onClose","onOverflow","modal","concat","exports","displayName","propTypes","PropTypes","oneOfType","string","array","node","bool","func","tabIndex","number"],"sources":["../../../../src/components/__shared__/Field/Field.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { Icon, Layer, LayerContent, Modal, Pressable, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useState, Fragment } from 'react';\n\nimport * as style from './Field.module.css';\nimport { ICON } from '../../helpers';\nimport { Skeleton } from '../Skeleton';\n\nconst Field = ({\n  caption,\n  children,\n  compacted = false,\n  error = false,\n  hasPlaces = false,\n  icon,\n  inline = false,\n  inputMode = false,\n  label,\n  placeholder,\n  visible,\n  warning = false,\n  onPress = () => {},\n  ...others\n}) => {\n  const { isMobile } = useDevice();\n  const { value: { skeleton = false } = {} } = useStore();\n\n  const [hover, setHover] = useState(false);\n\n  const Wrapper = !isMobile ? Layer : Fragment;\n  const { bottom, centered, testId, top } = others;\n\n  return (\n    <Wrapper\n      {...(!isMobile\n        ? {\n            bottom,\n            centered,\n            top,\n            visible,\n            className: style.layerContent,\n          }\n        : undefined)}\n    >\n      {!compacted && (\n        <Pressable\n          {...others}\n          {...(!skeleton\n            ? {\n                onPress,\n                onEnter: () => setHover(true),\n                onLeave: () => setHover(false),\n              }\n            : undefined)}\n          role=\"field\"\n          className={styles(\n            style.field,\n            hasPlaces && style.hasPlaces,\n            inline && style.inline,\n            visible && style.focus,\n            hover && style.hover,\n            others.className,\n          )}\n        >\n          {icon && <Icon value={icon} className={[style.icon, style.context, skeleton && style.skeleton]} />}\n\n          {!skeleton ? (\n            <View className={style.input}>\n              {label && (\n                <Text small className={style.label}>\n                  {label}\n                </Text>\n              )}\n              {inputMode ? (\n                children\n              ) : (\n                <Text action className={styles(style.caption, !caption && placeholder && style.placeholder)}>\n                  {caption || placeholder}\n                </Text>\n              )}\n            </View>\n          ) : (\n            <View className={style.input}>\n              <Skeleton small words={1} className={style.label} />\n              <Skeleton\n                action\n                words={2}\n                className={styles(style.caption, !caption && placeholder && style.placeholder)}\n              />\n            </View>\n          )}\n\n          {(error || warning) && (\n            <Icon\n              value={error ? ICON.ERROR : ICON.WARNING}\n              className={styles(style.icon, error ? style.error : style.warning)}\n            />\n          )}\n        </Pressable>\n      )}\n\n      {children &&\n        !inputMode &&\n        React.createElement(\n          isMobile ? Modal : LayerContent,\n          isMobile\n            ? {\n                portal: true,\n                title: label,\n                visible,\n                onClose: onPress,\n                onOverflow: onPress,\n                className: style.modal,\n                ['testId']: testId ? `${testId}-modal` : undefined,\n              }\n            : undefined,\n          children,\n        )}\n    </Wrapper>\n  );\n};\n\nField.displayName = 'Mirai:Core:Field';\n\nField.propTypes = {\n  caption: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n  children: PropTypes.node,\n  compacted: PropTypes.bool,\n  error: PropTypes.bool,\n  hasPlaces: PropTypes.bool,\n  icon: PropTypes.func,\n  inline: PropTypes.bool,\n  inputMode: PropTypes.bool,\n  label: PropTypes.string,\n  placeholder: PropTypes.string,\n  tabIndex: PropTypes.number,\n  visible: PropTypes.bool,\n  warning: PropTypes.bool,\n  onPress: PropTypes.func,\n};\n\nexport { Field };\n"],"mappings":"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"}

package/build/components/__shared__/Field/Field.module.css

@@ -57,6 +57,10 @@
   color: var(--mirai-field-icon-color);
 }
 
+.icon.skeleton {
+  color: var(--mirai-ui-content-border);
+}
+
 .icon.error {
   color: var(--mirai-ui-error);
 }

package/build/components/__shared__/Footer/Footer.js

@@ -12,6 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _Footer = require("./Footer.l10n");
 var style = _interopRequireWildcard(require("./Footer.module.css"));
 var _helpers = require("../../helpers");
+var _Skeleton = require("../Skeleton");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -46,7 +47,8 @@ const Footer = _ref => {
         id,
         url
       } = {},
-      id: instanceId
+      id: instanceId,
+      skeleton = false
     } = {}
   } = (0, _dataSources.useStore)();
   const [paddingBottom, setPaddingBottom] = (0, _react.useState)();
@@ -101,7 +103,10 @@ const Footer = _ref => {
     className: style.copyright
   }, "\xA9 ", new Date().getFullYear(), /*#__PURE__*/_react.default.createElement(_ui.Action, _extends({
     href: url
-  }, linkProps), name), "."), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+  }, linkProps), name), "."), skeleton ? /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+    small: true,
+    words: 5
+  }) : /*#__PURE__*/_react.default.createElement(_ui.Text, {
     light: true,
     small: true
   }, translate(_Footer.L10N.LABEL_ALL_RIGHTS_RESERVED)), privacy && /*#__PURE__*/_react.default.createElement(_ui.Action, _extends({

package/build/components/__shared__/Footer/Footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Footer","style","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","Footer","_ref","logo","showLogo","others","isMobile","useDevice","translate","useLocale","value","club","url","privacy","finder","place","id","placeId","isHotel","title","placeName","hotel","features","instanceId","useStore","paddingBottom","setPaddingBottom","useState","useEffect","handleHeightChange","height","undefined","Event","subscribe","EVENT","FOOTER_HEIGHT_CHANGE","unsubscribe","handleUrl","window","location","name","linkProps","small","underline","className","link","createElement","View","row","container","content","info","Pressable","onPress","tag","src","Text","light","copyright","Date","getFullYear","Action","href","L10N","LABEL_ALL_RIGHTS_RESERVED","ACTION_PRIVACY_POLICY","powered","bold","mirai","exports","displayName","propTypes","PropTypes","bool"],"sources":["../../../../src/components/__shared__/Footer/Footer.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Action, Pressable, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { L10N } from './Footer.l10n';\nimport * as style from './Footer.module.css';\nimport { EVENT } from '../../helpers';\n\nconst Footer = ({ logo: showLogo = false, ...others }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const {\n    value: {\n      club: { url: { privacy } = {} } = {},\n      finder: { place: { id: [placeId] = [], isHotel, title: placeName } = {} } = {},\n      hotel: { features = {}, id, url } = {},\n      id: instanceId,\n    } = {},\n  } = useStore();\n\n  const [paddingBottom, setPaddingBottom] = useState();\n\n  useEffect(() => {\n    const handleHeightChange = ({ height } = {}) => setPaddingBottom(height);\n\n    Event.subscribe(EVENT.FOOTER_HEIGHT_CHANGE, handleHeightChange);\n\n    return () => Event.unsubscribe(EVENT.FOOTER_HEIGHT_CHANGE, handleHeightChange);\n  }, []);\n\n  const handleUrl = () => {\n    window.location = url;\n  };\n\n  const { logo, name } =\n    (placeId ? (isHotel ? features[placeId] : { name: placeName, ...features[instanceId] }) : features[id]) || {};\n  const linkProps = { target: '_blank', small: true, underline: true, className: style.link };\n\n  return (\n    <View\n      row={!isMobile}\n      {...others}\n      className={[style.container, others.className]}\n      style={paddingBottom ? { paddingBottom } : undefined}\n    >\n      <View row={!isMobile} className={style.content}>\n        <View row={!isMobile} className={style.info}>\n          {showLogo && logo && !isMobile && (\n            <Pressable onPress={url ? handleUrl : undefined}>\n              <View tag=\"img\" src={logo} className={style.logo} />\n            </Pressable>\n          )}\n\n          <Text light small className={style.copyright}>\n            © {new Date().getFullYear()}\n            <Action href={url} {...linkProps}>\n              {name}\n            </Action>\n            .\n          </Text>\n\n          <Text light small>\n            {translate(L10N.LABEL_ALL_RIGHTS_RESERVED)}\n          </Text>\n\n          {privacy && (\n            <Action href={privacy} {...linkProps}>\n              {translate(L10N.ACTION_PRIVACY_POLICY)}\n            </Action>\n          )}\n        </View>\n\n        <Action href=\"https://www.mirai.com/\" small target=\"_blank\" className={style.powered}>\n          Powered by{' '}\n          <Text bold light className={style.mirai}>\n            mirai\n          </Text>\n        </Action>\n      </View>\n    </View>\n  );\n};\n\nFooter.displayName = 'Mirai:Core:Footer';\n\nFooter.propTypes = {\n  logo: PropTypes.bool,\n};\n\nexport { Footer };\n"],"mappings":"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"}
+{"version":3,"file":"Footer.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Footer","style","_helpers","_Skeleton","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","Footer","_ref","logo","showLogo","others","isMobile","useDevice","translate","useLocale","value","club","url","privacy","finder","place","id","placeId","isHotel","title","placeName","hotel","features","instanceId","skeleton","useStore","paddingBottom","setPaddingBottom","useState","useEffect","handleHeightChange","height","undefined","Event","subscribe","EVENT","FOOTER_HEIGHT_CHANGE","unsubscribe","handleUrl","window","location","name","linkProps","small","underline","className","link","createElement","View","row","container","content","info","Pressable","onPress","tag","src","Text","light","copyright","Date","getFullYear","Action","href","Skeleton","words","L10N","LABEL_ALL_RIGHTS_RESERVED","ACTION_PRIVACY_POLICY","powered","bold","mirai","exports","displayName","propTypes","PropTypes","bool"],"sources":["../../../../src/components/__shared__/Footer/Footer.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Action, Pressable, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { L10N } from './Footer.l10n';\nimport * as style from './Footer.module.css';\nimport { EVENT } from '../../helpers';\nimport { Skeleton } from '../Skeleton';\n\nconst Footer = ({ logo: showLogo = false, ...others }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const {\n    value: {\n      club: { url: { privacy } = {} } = {},\n      finder: { place: { id: [placeId] = [], isHotel, title: placeName } = {} } = {},\n      hotel: { features = {}, id, url } = {},\n      id: instanceId,\n      skeleton = false,\n    } = {},\n  } = useStore();\n\n  const [paddingBottom, setPaddingBottom] = useState();\n\n  useEffect(() => {\n    const handleHeightChange = ({ height } = {}) => setPaddingBottom(height);\n\n    Event.subscribe(EVENT.FOOTER_HEIGHT_CHANGE, handleHeightChange);\n\n    return () => Event.unsubscribe(EVENT.FOOTER_HEIGHT_CHANGE, handleHeightChange);\n  }, []);\n\n  const handleUrl = () => {\n    window.location = url;\n  };\n\n  const { logo, name } =\n    (placeId ? (isHotel ? features[placeId] : { name: placeName, ...features[instanceId] }) : features[id]) || {};\n  const linkProps = { target: '_blank', small: true, underline: true, className: style.link };\n\n  return (\n    <View\n      row={!isMobile}\n      {...others}\n      className={[style.container, others.className]}\n      style={paddingBottom ? { paddingBottom } : undefined}\n    >\n      <View row={!isMobile} className={style.content}>\n        <View row={!isMobile} className={style.info}>\n          {showLogo && logo && !isMobile && (\n            <Pressable onPress={url ? handleUrl : undefined}>\n              <View tag=\"img\" src={logo} className={style.logo} />\n            </Pressable>\n          )}\n\n          <Text light small className={style.copyright}>\n            © {new Date().getFullYear()}\n            <Action href={url} {...linkProps}>\n              {name}\n            </Action>\n            .\n          </Text>\n\n          {skeleton ? (\n            <Skeleton small words={5} />\n          ) : (\n            <Text light small>\n              {translate(L10N.LABEL_ALL_RIGHTS_RESERVED)}\n            </Text>\n          )}\n\n          {privacy && (\n            <Action href={privacy} {...linkProps}>\n              {translate(L10N.ACTION_PRIVACY_POLICY)}\n            </Action>\n          )}\n        </View>\n\n        <Action href=\"https://www.mirai.com/\" small target=\"_blank\" className={style.powered}>\n          Powered by{' '}\n          <Text bold light className={style.mirai}>\n            mirai\n          </Text>\n        </Action>\n      </View>\n    </View>\n  );\n};\n\nFooter.displayName = 'Mirai:Core:Footer';\n\nFooter.propTypes = {\n  logo: PropTypes.bool,\n};\n\nexport { Footer };\n"],"mappings":"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"}

package/build/components/__shared__/SelectEnvironment/SelectEnvironment.js

@@ -12,6 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _SelectEnvironment = require("./SelectEnvironment.constants");
 var _SelectEnvironment2 = require("./SelectEnvironment.l10n");
 var style = _interopRequireWildcard(require("./SelectEnvironment.module.css"));
+var _SelectEnvironment3 = _interopRequireDefault(require("./SelectEnvironment.skeleton"));
 var _helpers = require("../../../helpers");
 var _helpers2 = require("../../helpers");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -36,7 +37,8 @@ const SelectEnvironment = _ref => {
       currency,
       language,
       locale,
-      locales = []
+      locales = [],
+      skeleton = false
     }
   } = (0, _dataSources.useStore)();
   const is = {
@@ -76,8 +78,9 @@ const SelectEnvironment = _ref => {
     testId
   } = others;
   const tooltipText = translate(is.currency ? _SelectEnvironment2.L10N.LABEL_SELECT_CURRENCY : _SelectEnvironment2.L10N.LABEL_SELECT_LANGUAGE);
-  return /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
-    text: !isMobile ? tooltipText : undefined
+  const icon = is.currency ? _helpers2.ICON.CURRENCY : _helpers2.ICON.LANGUAGE;
+  return !skeleton ? /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
+    text: !isMobile && !skeleton ? tooltipText : undefined
   }, /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
     className: (0, _ui.styles)(style.selectEnvironment, small && style.small, className)
@@ -87,7 +90,8 @@ const SelectEnvironment = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
     headline: true,
     level: 2,
-    value: is.currency ? _helpers2.ICON.CURRENCY : _helpers2.ICON.LANGUAGE
+    value: icon,
+    className: (0, _ui.styles)(style.icon, skeleton && style.skeleton)
   }), !compacted && /*#__PURE__*/_react.default.createElement(_ui.Text, {
     action: !isMobile,
     medium: true,
@@ -103,7 +107,9 @@ const SelectEnvironment = _ref => {
     className: style.input,
     testId: testId,
     "aria-label": tooltipText
-  })));
+  }))) : /*#__PURE__*/_react.default.createElement(_SelectEnvironment3.default, {
+    icon: icon
+  });
 };
 exports.SelectEnvironment = SelectEnvironment;
 SelectEnvironment.displayName = 'Mirai:Core:SelectEnvironment';

package/build/components/__shared__/SelectEnvironment/SelectEnvironment.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectEnvironment.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_SelectEnvironment","_SelectEnvironment2","style","_interopRequireWildcard","_helpers","_helpers2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","SelectEnvironment","_ref","compacted","name","metrics","small","others","isMobile","useDevice","translate","useLocale","value","currency","language","locale","locales","useStore","is","handleChange","next","replaceUrlParams","Event","publish","EVENT","INTENT_CURRENCY","lang","split","nextLocale","getLocale","undefined","INTENT_LOCALE","METRICS","id","concat","className","testId","tooltipText","L10N","LABEL_SELECT_CURRENCY","LABEL_SELECT_LANGUAGE","createElement","Tooltip","text","View","row","styles","selectEnvironment","caption","Icon","headline","level","ICON","CURRENCY","LANGUAGE","Text","action","medium","LANGUAGES","LOCALES","findIndex","includes","Select","options","CURRENCIES","map","item","Intl","DisplayNames","type","of","length","filter","_","index","values","onChange","input","exports","displayName","propTypes","PropTypes","bool","string","oneOf","isRequired"],"sources":["../../../../src/components/__shared__/SelectEnvironment/SelectEnvironment.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { CURRENCIES, useLocale } from '@mirai/locale';\nimport { Icon, Select, styles, Text, Tooltip, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { LANGUAGES } from './SelectEnvironment.constants';\nimport { L10N } from './SelectEnvironment.l10n';\nimport * as style from './SelectEnvironment.module.css';\nimport { getLocale } from '../../../helpers';\nimport { EVENT, ICON, LOCALES, replaceUrlParams } from '../../helpers';\n\nconst SelectEnvironment = ({ compacted = false, name, metrics = 'ENVIRONMENT', small = false, ...others }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const {\n    value: { currency, language, locale, locales = [] },\n  } = useStore();\n\n  const is = {\n    currency: name === 'currency',\n    locale: name === 'locale',\n  };\n\n  const handleChange = (next) => {\n    if (is.currency) {\n      replaceUrlParams({ currency: next });\n      Event.publish(EVENT.INTENT_CURRENCY, { currency: next });\n    } else if (is.locale) {\n      const [lang] = next.split('-');\n      const { locale: nextLocale } = getLocale(undefined, { lang });\n\n      replaceUrlParams({ lang, locale: nextLocale });\n      Event.publish(EVENT.INTENT_LOCALE, { locale: next });\n    }\n\n    Event.publish(EVENT.METRICS, { id: `${metrics}:${name}`, value: next });\n  };\n\n  const { className, testId } = others;\n  const tooltipText = translate(is.currency ? L10N.LABEL_SELECT_CURRENCY : L10N.LABEL_SELECT_LANGUAGE);\n\n  return (\n    <Tooltip text={!isMobile ? tooltipText : undefined}>\n      <View row className={styles(style.selectEnvironment, small && style.small, className)}>\n        <View row className={style.caption}>\n          <Icon headline level={2} value={is.currency ? ICON.CURRENCY : ICON.LANGUAGE} />\n          {!compacted && (\n            <Text action={!isMobile} medium small={isMobile}>\n              {is.currency ? currency : LANGUAGES[LOCALES.findIndex((locale) => locale.includes(language))]}\n            </Text>\n          )}\n        </View>\n        <Select\n          name={name}\n          options={\n            is.currency\n              ? CURRENCIES.map(\n                  (item) =>\n                    `${item}${\n                      Intl.DisplayNames ? ` - ${new Intl.DisplayNames(locale, { type: 'currency' }).of(item)}` : ''\n                    }`,\n                )\n              : locales.length > 0\n              ? LANGUAGES.filter((_, index) => locales.includes(LOCALES[index]))\n              : LANGUAGES\n          }\n          value={is.currency ? currency : locale}\n          values={\n            is.currency\n              ? CURRENCIES\n              : locales.length > 0\n              ? LOCALES.filter((locale) => locales.includes(locale))\n              : LOCALES\n          }\n          onChange={handleChange}\n          className={style.input}\n          testId={testId}\n          aria-label={tooltipText}\n        />\n      </View>\n    </Tooltip>\n  );\n};\n\nSelectEnvironment.displayName = 'Mirai:Core:SelectEnvironment';\n\nSelectEnvironment.propTypes = {\n  compacted: PropTypes.bool,\n  metrics: PropTypes.string,\n  name: PropTypes.oneOf(['currency', 'locale']).isRequired,\n  small: PropTypes.bool,\n};\n\nexport { SelectEnvironment };\n"],"mappings":"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"}
+{"version":3,"file":"SelectEnvironment.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_SelectEnvironment","_SelectEnvironment2","style","_interopRequireWildcard","_SelectEnvironment3","_helpers","_helpers2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","SelectEnvironment","_ref","compacted","name","metrics","small","others","isMobile","useDevice","translate","useLocale","value","currency","language","locale","locales","skeleton","useStore","is","handleChange","next","replaceUrlParams","Event","publish","EVENT","INTENT_CURRENCY","lang","split","nextLocale","getLocale","undefined","INTENT_LOCALE","METRICS","id","concat","className","testId","tooltipText","L10N","LABEL_SELECT_CURRENCY","LABEL_SELECT_LANGUAGE","icon","ICON","CURRENCY","LANGUAGE","createElement","Tooltip","text","View","row","styles","selectEnvironment","caption","Icon","headline","level","Text","action","medium","LANGUAGES","LOCALES","findIndex","includes","Select","options","CURRENCIES","map","item","Intl","DisplayNames","type","of","length","filter","_","index","values","onChange","input","exports","displayName","propTypes","PropTypes","bool","string","oneOf","isRequired"],"sources":["../../../../src/components/__shared__/SelectEnvironment/SelectEnvironment.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { CURRENCIES, useLocale } from '@mirai/locale';\nimport { Icon, Select, styles, Text, Tooltip, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { LANGUAGES } from './SelectEnvironment.constants';\nimport { L10N } from './SelectEnvironment.l10n';\nimport * as style from './SelectEnvironment.module.css';\nimport Skeleton from './SelectEnvironment.skeleton';\nimport { getLocale } from '../../../helpers';\nimport { EVENT, ICON, LOCALES, replaceUrlParams } from '../../helpers';\n\nconst SelectEnvironment = ({ compacted = false, name, metrics = 'ENVIRONMENT', small = false, ...others }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const {\n    value: { currency, language, locale, locales = [], skeleton = false },\n  } = useStore();\n\n  const is = {\n    currency: name === 'currency',\n    locale: name === 'locale',\n  };\n\n  const handleChange = (next) => {\n    if (is.currency) {\n      replaceUrlParams({ currency: next });\n      Event.publish(EVENT.INTENT_CURRENCY, { currency: next });\n    } else if (is.locale) {\n      const [lang] = next.split('-');\n      const { locale: nextLocale } = getLocale(undefined, { lang });\n\n      replaceUrlParams({ lang, locale: nextLocale });\n      Event.publish(EVENT.INTENT_LOCALE, { locale: next });\n    }\n\n    Event.publish(EVENT.METRICS, { id: `${metrics}:${name}`, value: next });\n  };\n\n  const { className, testId } = others;\n  const tooltipText = translate(is.currency ? L10N.LABEL_SELECT_CURRENCY : L10N.LABEL_SELECT_LANGUAGE);\n  const icon = is.currency ? ICON.CURRENCY : ICON.LANGUAGE;\n\n  return !skeleton ? (\n    <Tooltip text={!isMobile && !skeleton ? tooltipText : undefined}>\n      <View row className={styles(style.selectEnvironment, small && style.small, className)}>\n        <View row className={style.caption}>\n          <Icon headline level={2} value={icon} className={styles(style.icon, skeleton && style.skeleton)} />\n          {!compacted && (\n            <Text action={!isMobile} medium small={isMobile}>\n              {is.currency ? currency : LANGUAGES[LOCALES.findIndex((locale) => locale.includes(language))]}\n            </Text>\n          )}\n        </View>\n        <Select\n          name={name}\n          options={\n            is.currency\n              ? CURRENCIES.map(\n                  (item) =>\n                    `${item}${\n                      Intl.DisplayNames ? ` - ${new Intl.DisplayNames(locale, { type: 'currency' }).of(item)}` : ''\n                    }`,\n                )\n              : locales.length > 0\n              ? LANGUAGES.filter((_, index) => locales.includes(LOCALES[index]))\n              : LANGUAGES\n          }\n          value={is.currency ? currency : locale}\n          values={\n            is.currency\n              ? CURRENCIES\n              : locales.length > 0\n              ? LOCALES.filter((locale) => locales.includes(locale))\n              : LOCALES\n          }\n          onChange={handleChange}\n          className={style.input}\n          testId={testId}\n          aria-label={tooltipText}\n        />\n      </View>\n    </Tooltip>\n  ) : (\n    <Skeleton icon={icon} />\n  );\n};\n\nSelectEnvironment.displayName = 'Mirai:Core:SelectEnvironment';\n\nSelectEnvironment.propTypes = {\n  compacted: PropTypes.bool,\n  metrics: PropTypes.string,\n  name: PropTypes.oneOf(['currency', 'locale']).isRequired,\n  small: PropTypes.bool,\n};\n\nexport { SelectEnvironment };\n"],"mappings":"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"}

package/build/components/__shared__/SelectEnvironment/SelectEnvironment.module.css

@@ -47,3 +47,7 @@
   gap: var(--mirai-ui-space-XXS);
   pointer-events: none;
 }
+
+.icon.skeleton {
+  color: var(--mirai-ui-content-background) !important;
+}

package/build/components/__shared__/SelectEnvironment/SelectEnvironment.skeleton.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ui = require("@mirai/ui");
+var _react = _interopRequireDefault(require("react"));
+var _Skeleton = require("../Skeleton");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = () => {
+  const {
+    isMobile
+  } = (0, _ui.useDevice)();
+  return /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    style: {
+      gap: 'var(--mirai-ui-space-XXS)',
+      height: 'var(--mirai-ui-button-height)',
+      padding: '0 calc(var(--mirai-ui-button-padding-x) / 2)'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+    icon: true
+  }), !isMobile && /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+    action: true,
+    words: 1
+  }));
+};
+exports.default = _default;
+//# sourceMappingURL=SelectEnvironment.skeleton.js.map

package/build/components/__shared__/SelectEnvironment/SelectEnvironment.skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectEnvironment.skeleton.js","names":["_ui","require","_react","_interopRequireDefault","_Skeleton","obj","__esModule","default","_default","isMobile","useDevice","createElement","View","row","style","gap","height","padding","Skeleton","icon","action","words","exports"],"sources":["../../../../src/components/__shared__/SelectEnvironment/SelectEnvironment.skeleton.jsx"],"sourcesContent":["import { useDevice } from '@mirai/ui';\nimport { View } from '@mirai/ui';\nimport React from 'react';\n\nimport { Skeleton } from '../Skeleton';\n\nexport default () => {\n  const { isMobile } = useDevice();\n\n  return (\n    <View\n      row\n      style={{\n        gap: 'var(--mirai-ui-space-XXS)',\n        height: 'var(--mirai-ui-button-height)',\n        padding: '0 calc(var(--mirai-ui-button-padding-x) / 2)',\n      }}\n    >\n      <Skeleton icon />\n      {!isMobile && <Skeleton action words={1} />}\n    </View>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC,SAAAE,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAExBA,CAAA,KAAM;EACnB,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,aAAS,EAAC,CAAC;EAEhC,oBACER,MAAA,CAAAK,OAAA,CAAAI,aAAA,CAACX,GAAA,CAAAY,IAAI;IACHC,GAAG;IACHC,KAAK,EAAE;MACLC,GAAG,EAAE,2BAA2B;MAChCC,MAAM,EAAE,+BAA+B;MACvCC,OAAO,EAAE;IACX;EAAE,gBAEFf,MAAA,CAAAK,OAAA,CAAAI,aAAA,CAACP,SAAA,CAAAc,QAAQ;IAACC,IAAI;EAAA,CAAE,CAAC,EAChB,CAACV,QAAQ,iBAAIP,MAAA,CAAAK,OAAA,CAAAI,aAAA,CAACP,SAAA,CAAAc,QAAQ;IAACE,MAAM;IAACC,KAAK,EAAE;EAAE,CAAE,CACtC,CAAC;AAEX,CAAC;AAAAC,OAAA,CAAAf,OAAA,GAAAC,QAAA"}

package/build/components/__shared__/Skeleton/Skeleton.js

@@ -8,25 +8,37 @@ var _ui = require("@mirai/ui");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var style = _interopRequireWildcard(require("./Skeleton.module.css"));
+var _helpers = require("../../helpers");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const LIPSUM = "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.";
 const Skeleton = _ref => {
   let {
+    base = false,
+    button = false,
     children,
-    color = 'background',
+    icon = false,
+    words = 0,
     ...others
   } = _ref;
-  const isText = typeof children === 'string';
-  return /*#__PURE__*/_react.default.createElement(isText ? _ui.Text : _ui.View, {
+  const is = {
+    button,
+    icon,
+    text: words > 0 || typeof children === 'string'
+  };
+  return /*#__PURE__*/_react.default.createElement(button ? _ui.Button : is.text ? _ui.Text : _ui.View, {
     ...others,
-    className: (0, _ui.styles)(style.skeleton, color && style[color], isText && style.text, others.className)
-  }, children);
+    className: (0, _ui.styles)(style.skeleton, base && style.base, is.button ? style.button : is.icon ? style.icon : is.text ? style.text : undefined, others.className)
+  }, words > 0 ? LIPSUM.split(' ').sort(() => _helpers.IS_JEST ? 1 : Math.random() - 0.5).slice(0, words).join(' ') : children);
 };
 exports.Skeleton = Skeleton;
 Skeleton.displayName = 'Mirai:Core:Skeleton';
 Skeleton.propTypes = {
+  base: _propTypes.default.bool,
+  button: _propTypes.default.bool,
   children: _propTypes.default.any,
-  color: _propTypes.default.string
+  icon: _propTypes.default.bool,
+  words: _propTypes.default.number
 };
 //# sourceMappingURL=Skeleton.js.map

package/build/components/__shared__/Skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","names":["_ui","require","_propTypes","_interopRequireDefault","_react","style","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","Skeleton","_ref","children","color","others","isText","React","createElement","Text","View","className","styles","skeleton","text","exports","displayName","propTypes","PropTypes","any","string"],"sources":["../../../../src/components/__shared__/Skeleton/Skeleton.jsx"],"sourcesContent":["import { styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport * as style from './Skeleton.module.css';\n\nconst Skeleton = ({ children, color = 'background', ...others }) => {\n  const isText = typeof children === 'string';\n\n  return React.createElement(\n    isText ? Text : View,\n    { ...others, className: styles(style.skeleton, color && style[color], isText && style.text, others.className) },\n    children,\n  );\n};\n\nSkeleton.displayName = 'Mirai:Core:Skeleton';\n\nSkeleton.propTypes = {\n  children: PropTypes.any,\n  color: PropTypes.string,\n};\n\nexport { Skeleton };\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AAEA,IAAAI,KAAA,GAAAC,uBAAA,CAAAL,OAAA;AAA+C,SAAAM,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAF,wBAAAE,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAb,uBAAAyB,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAhB,UAAA,GAAAgB,GAAA,KAAAf,OAAA,EAAAe,GAAA;AAE/C,MAAMC,QAAQ,GAAGC,IAAA,IAAmD;EAAA,IAAlD;IAAEC,QAAQ;IAAEC,KAAK,GAAG,YAAY;IAAE,GAAGC;EAAO,CAAC,GAAAH,IAAA;EAC7D,MAAMI,MAAM,GAAG,OAAOH,QAAQ,KAAK,QAAQ;EAE3C,oBAAOI,cAAK,CAACC,aAAa,CACxBF,MAAM,GAAGG,QAAI,GAAGC,QAAI,EACpB;IAAE,GAAGL,MAAM;IAAEM,SAAS,EAAE,IAAAC,UAAM,EAACnC,KAAK,CAACoC,QAAQ,EAAET,KAAK,IAAI3B,KAAK,CAAC2B,KAAK,CAAC,EAAEE,MAAM,IAAI7B,KAAK,CAACqC,IAAI,EAAET,MAAM,CAACM,SAAS;EAAE,CAAC,EAC/GR,QACF,CAAC;AACH,CAAC;AAACY,OAAA,CAAAd,QAAA,GAAAA,QAAA;AAEFA,QAAQ,CAACe,WAAW,GAAG,qBAAqB;AAE5Cf,QAAQ,CAACgB,SAAS,GAAG;EACnBd,QAAQ,EAAEe,kBAAS,CAACC,GAAG;EACvBf,KAAK,EAAEc,kBAAS,CAACE;AACnB,CAAC"}
+{"version":3,"file":"Skeleton.js","names":["_ui","require","_propTypes","_interopRequireDefault","_react","style","_interopRequireWildcard","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","LIPSUM","Skeleton","_ref","base","button","children","icon","words","others","is","text","React","createElement","Button","Text","View","className","styles","skeleton","undefined","split","sort","IS_JEST","Math","random","slice","join","exports","displayName","propTypes","PropTypes","bool","any","number"],"sources":["../../../../src/components/__shared__/Skeleton/Skeleton.jsx"],"sourcesContent":["import { Button, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport * as style from './Skeleton.module.css';\nimport { IS_JEST } from '../../helpers';\n\nconst LIPSUM =\n  \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\";\n\nconst Skeleton = ({ base = false, button = false, children, icon = false, words = 0, ...others }) => {\n  const is = {\n    button,\n    icon,\n    text: words > 0 || typeof children === 'string',\n  };\n\n  return React.createElement(\n    button ? Button : is.text ? Text : View,\n    {\n      ...others,\n      className: styles(\n        style.skeleton,\n        base && style.base,\n        is.button ? style.button : is.icon ? style.icon : is.text ? style.text : undefined,\n        others.className,\n      ),\n    },\n    words > 0\n      ? LIPSUM.split(' ')\n          .sort(() => (IS_JEST ? 1 : Math.random() - 0.5))\n          .slice(0, words)\n          .join(' ')\n      : children,\n  );\n};\n\nSkeleton.displayName = 'Mirai:Core:Skeleton';\n\nSkeleton.propTypes = {\n  base: PropTypes.bool,\n  button: PropTypes.bool,\n  children: PropTypes.any,\n  icon: PropTypes.bool,\n  words: PropTypes.number,\n};\n\nexport { Skeleton };\n"],"mappings":"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"}

package/build/components/__shared__/Skeleton/Skeleton.module.css

@@ -1,37 +1,54 @@
 .skeleton {
-  border-radius: 4px;
+  border-radius: var(--mirai-ui-space-XXS);
 }
 
-.content {
-  background-color: var(--mirai-ui-content);
+.skeleton:not(.base) {
+  animation: skeleton-loading 1.5s infinite;
+  background: linear-gradient(
+    90deg,
+    var(--mirai-ui-content-border) 25%,
+    var(--mirai-ui-content-background) 50%,
+    var(--mirai-ui-content-border) 75%
+  );
+  background-size: 200% 100%;
+  opacity: 0.66;
 }
 
-.background {
-  background-color: var(--mirai-ui-content-background);
+.skeleton.base {
+  background-color: var(--mirai-ui-base);
 }
 
-.base {
-  background-color: var(--mirai-ui-base);
+.skeleton:not(.text):not(.button):not(.icon) {
+  min-height: var(--mirai-ui-space-M);
+  min-width: var(--mirai-ui-space-M);
 }
 
-.border {
-  background-color: var(--mirai-ui-content-border);
+.skeleton.text {
+  box-shadow: inset 0 0 0 var(--mirai-ui-border-width) var(--mirai-ui-base);
+  /* margin: calc(var(--mirai-ui-border-width) / 2) 0; */
+  min-width: var(--mirai-ui-space-M);
+  width: fit-content;
 }
 
-.light {
-  background-color: var(--mirai-ui-content-light);
+.skeleton.button {
+  pointer-events: none;
 }
 
-.dark {
-  background-color: var(--mirai-ui-content-dark);
+.skeleton.button,
+.skeleton.text {
+  color: transparent !important;
 }
 
-.skeleton:not(.text) {
-  min-height: 1.5rem;
-  min-width: 1.5rem;
+.icon {
+  height: var(--mirai-ui-font-size-headline-3);
+  width: var(--mirai-ui-font-size-headline-3);
 }
 
-.skeleton.text {
-  color: transparent !important;
-  width: fit-content;
+@keyframes skeleton-loading {
+  0% {
+    background-position: 200% 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
 }

package/build/components/helpers/getAccommodationLabel.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getAccommodationLabel = void 0;
 var _locale = require("@mirai/locale");
 var _isJest = require("./isJest");
-const defaultMessage = !_isJest.IS_JEST ? '　　　' : undefined;
+const defaultMessage = !_isJest.IS_JEST ? '　　　　' : undefined;
 const L10N = {
   LABEL_ACCOMMODATION_TYPE: {
     id: 'common.label.accommodation_type',

package/build/components/helpers/getAccommodationLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"getAccommodationLabel.js","names":["_locale","require","_isJest","defaultMessage","IS_JEST","undefined","L10N","LABEL_ACCOMMODATION_TYPE","id","LABEL_ACCOMMODATION_TYPE_ABBREVIATION","LABEL_ACCOMMODATION_TYPE_PLURAL","getAccommodationLabel","_translate","abbreviation","plural","type","arguments","length","translate","translateBase","toLowerCase","exports"],"sources":["../../../src/components/helpers/getAccommodationLabel.js"],"sourcesContent":["import { translate as translateBase } from '@mirai/locale';\n\nimport { IS_JEST } from './isJest';\n\nconst defaultMessage = !IS_JEST ? '　　　' : undefined;\n\nconst L10N = {\n  LABEL_ACCOMMODATION_TYPE: { id: 'common.label.accommodation_type', defaultMessage },\n  LABEL_ACCOMMODATION_TYPE_ABBREVIATION: { id: 'common.label.accomodation_type_abbreviation', defaultMessage },\n  LABEL_ACCOMMODATION_TYPE_PLURAL: { id: 'common.label.accomodation_type_plural', defaultMessage },\n};\n\nexport const getAccommodationLabel = ({ abbreviation = false, plural = false, type } = {}, translate = translateBase) =>\n  translate(\n    abbreviation\n      ? L10N.LABEL_ACCOMMODATION_TYPE_ABBREVIATION\n      : plural\n      ? L10N.LABEL_ACCOMMODATION_TYPE_PLURAL\n      : L10N.LABEL_ACCOMMODATION_TYPE,\n    { type },\n  )?.toLowerCase();\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAEA,MAAME,cAAc,GAAG,CAACC,eAAO,GAAG,KAAK,GAAGC,SAAS;AAEnD,MAAMC,IAAI,GAAG;EACXC,wBAAwB,EAAE;IAAEC,EAAE,EAAE,iCAAiC;IAAEL;EAAe,CAAC;EACnFM,qCAAqC,EAAE;IAAED,EAAE,EAAE,6CAA6C;IAAEL;EAAe,CAAC;EAC5GO,+BAA+B,EAAE;IAAEF,EAAE,EAAE,uCAAuC;IAAEL;EAAe;AACjG,CAAC;AAEM,MAAMQ,qBAAqB,GAAG,SAAAA,CAAA;EAAA,IAAAC,UAAA;EAAA,IAAC;IAAEC,YAAY,GAAG,KAAK;IAAEC,MAAM,GAAG,KAAK;IAAEC;EAAK,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAX,SAAA,GAAAW,SAAA,MAAG,CAAC,CAAC;EAAA,IAAEE,SAAS,GAAAF,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAX,SAAA,GAAAW,SAAA,MAAGG,iBAAa;EAAA,QAAAP,UAAA,GAClHM,SAAS,CACPL,YAAY,GACRP,IAAI,CAACG,qCAAqC,GAC1CK,MAAM,GACNR,IAAI,CAACI,+BAA+B,GACpCJ,IAAI,CAACC,wBAAwB,EACjC;IAAEQ;EAAK,CACT,CAAC,cAAAH,UAAA,uBAPDA,UAAA,CAOGQ,WAAW,CAAC,CAAC;AAAA;AAACC,OAAA,CAAAV,qBAAA,GAAAA,qBAAA"}
+{"version":3,"file":"getAccommodationLabel.js","names":["_locale","require","_isJest","defaultMessage","IS_JEST","undefined","L10N","LABEL_ACCOMMODATION_TYPE","id","LABEL_ACCOMMODATION_TYPE_ABBREVIATION","LABEL_ACCOMMODATION_TYPE_PLURAL","getAccommodationLabel","_translate","abbreviation","plural","type","arguments","length","translate","translateBase","toLowerCase","exports"],"sources":["../../../src/components/helpers/getAccommodationLabel.js"],"sourcesContent":["import { translate as translateBase } from '@mirai/locale';\n\nimport { IS_JEST } from './isJest';\n\nconst defaultMessage = !IS_JEST ? '　　　　' : undefined;\n\nconst L10N = {\n  LABEL_ACCOMMODATION_TYPE: { id: 'common.label.accommodation_type', defaultMessage },\n  LABEL_ACCOMMODATION_TYPE_ABBREVIATION: { id: 'common.label.accomodation_type_abbreviation', defaultMessage },\n  LABEL_ACCOMMODATION_TYPE_PLURAL: { id: 'common.label.accomodation_type_plural', defaultMessage },\n};\n\nexport const getAccommodationLabel = ({ abbreviation = false, plural = false, type } = {}, translate = translateBase) =>\n  translate(\n    abbreviation\n      ? L10N.LABEL_ACCOMMODATION_TYPE_ABBREVIATION\n      : plural\n      ? L10N.LABEL_ACCOMMODATION_TYPE_PLURAL\n      : L10N.LABEL_ACCOMMODATION_TYPE,\n    { type },\n  )?.toLowerCase();\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAEA,MAAME,cAAc,GAAG,CAACC,eAAO,GAAG,MAAM,GAAGC,SAAS;AAEpD,MAAMC,IAAI,GAAG;EACXC,wBAAwB,EAAE;IAAEC,EAAE,EAAE,iCAAiC;IAAEL;EAAe,CAAC;EACnFM,qCAAqC,EAAE;IAAED,EAAE,EAAE,6CAA6C;IAAEL;EAAe,CAAC;EAC5GO,+BAA+B,EAAE;IAAEF,EAAE,EAAE,uCAAuC;IAAEL;EAAe;AACjG,CAAC;AAEM,MAAMQ,qBAAqB,GAAG,SAAAA,CAAA;EAAA,IAAAC,UAAA;EAAA,IAAC;IAAEC,YAAY,GAAG,KAAK;IAAEC,MAAM,GAAG,KAAK;IAAEC;EAAK,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAX,SAAA,GAAAW,SAAA,MAAG,CAAC,CAAC;EAAA,IAAEE,SAAS,GAAAF,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAX,SAAA,GAAAW,SAAA,MAAGG,iBAAa;EAAA,QAAAP,UAAA,GAClHM,SAAS,CACPL,YAAY,GACRP,IAAI,CAACG,qCAAqC,GAC1CK,MAAM,GACNR,IAAI,CAACI,+BAA+B,GACpCJ,IAAI,CAACC,wBAAwB,EACjC;IAAEQ;EAAK,CACT,CAAC,cAAAH,UAAA,uBAPDA,UAAA,CAOGQ,WAAW,CAAC,CAAC;AAAA;AAACC,OAAA,CAAAV,qBAAA,GAAAA,qBAAA"}

package/build/index.js

@@ -76,12 +76,13 @@ window.Mirai.core = async () => {
     value: {
       id: instance.id,
       session,
+      skeleton: true,
+      type: instance.type,
       urlParams,
       ...localeInstance
     }
   }, /*#__PURE__*/_react.default.createElement(_Core.Core, {
-    components,
-    skeleton: true
+    components
   }))), instance.el);
 
   // 8. Analyze id to fetch its config

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_dataSources","require","_services","_react","_interopRequireDefault","_reactDom","_contexts","_Core","_Core2","_helpers","_package","obj","__esModule","default","window","Mirai","components","undefined","config","environment","process","env","NODE_ENV","Event","services","booking","SERVICE_BOOKING","club","SERVICE_CLUB","dictionary","SERVICE_DICTIONARY","engine","SERVICE_ENGINE","static","SERVICE_STATIC","user","SERVICE_USER","version","core","isProduction","isDevelopment","isPreproduction","log","concat","name","console","Sentry","SENTRY","loadSentry","urlParams","fetchUrlParams","location","search","cookies","fetchCookies","Object","values","COOKIE","session","fetchSession","setUser","loadEnvironment","instance","findInstance","findComponents","length","theme","localeInstance","getLocale","IS_PLAYWRIGHT","ReactDOM","render","createElement","StrictMode","StoreProvider","value","id","Core","skeleton","el","fetchConfig","language","checkSession","store","consolidateStore","ServiceFeatures","initialize","ServiceDictionary","cache","locale","get","MetricsProvider","token","METRICS","PerformanceManager","EventManager","ready","setTimeout","publish","EVENT","CORE_READY","filter","component","arguments","includes","addEventListener","event","persisted"],"sources":["../src/index.js"],"sourcesContent":["/* eslint-disable no-console */\nimport { Event, MetricsProvider, StoreProvider } from '@mirai/data-sources';\nimport { ServiceDictionary, ServiceFeatures } from '@mirai/services';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { EventManager, PerformanceManager } from './contexts';\nimport { Core } from './Core';\nimport { COOKIE, EVENT } from './Core.constants';\nimport {\n  checkSession,\n  consolidateStore,\n  fetchConfig,\n  fetchCookies,\n  fetchSession,\n  fetchUrlParams,\n  findComponents,\n  findInstance,\n  getLocale,\n  loadEnvironment,\n  loadSentry,\n  theme,\n} from './helpers';\nimport { name, version } from '../package.json';\nimport './helpers/polyfills';\n\nwindow.Mirai = {\n  ...window.Mirai,\n  components: undefined,\n  config: undefined,\n  environment: process.env.NODE_ENV,\n  Event,\n  services: {\n    booking: process.env.SERVICE_BOOKING,\n    club: process.env.SERVICE_CLUB,\n    dictionary: process.env.SERVICE_DICTIONARY,\n    engine: process.env.SERVICE_ENGINE,\n    static: process.env.SERVICE_STATIC,\n    user: process.env.SERVICE_USER,\n  },\n  version,\n};\n\nwindow.Mirai.core = async () => {\n  const isProduction = process.env.NODE_ENV === 'production';\n  const isDevelopment = process.env.NODE_ENV === 'development';\n  const isPreproduction = process.env.NODE_ENV === 'preproduction';\n  const log = `${isProduction ? '🟢' : isPreproduction ? '🟡' : isDevelopment ? '🔴' : '⚫️'} ${name} v${version}`;\n\n  console.log(log, 'starting...');\n\n  // 1. Initialize sentry\n  let Sentry = window.Mirai.Sentry;\n  if (!Sentry && process.env.SENTRY) {\n    Sentry = loadSentry(process.env.SENTRY, version);\n    window.Mirai.Sentry = Sentry;\n  }\n\n  // 2. Fetch client-side dataSources\n  const urlParams = fetchUrlParams(location.search);\n  const cookies = fetchCookies(Object.values(COOKIE));\n  let session = fetchSession(urlParams);\n\n  if (session && Sentry) Sentry.setUser(session);\n\n  // 3. Analyze environment\n  const environment = urlParams.env && isProduction ? loadEnvironment(urlParams.env) : undefined;\n  if (environment) return;\n\n  // 4. Find instance\n  const instance = findInstance({ urlParams });\n  if (!instance) return;\n\n  // 5. Find components\n  const components = findComponents(urlParams);\n  if (!components.length) return;\n  window.Mirai = { ...window.Mirai, components };\n\n  // 6. Theming\n  theme(urlParams);\n\n  const localeInstance = getLocale(instance, urlParams);\n\n  // 7. 1st render\n  window &&\n    !window.IS_PLAYWRIGHT &&\n    ReactDOM.render(\n      <React.StrictMode>\n        <StoreProvider value={{ id: instance.id, session, urlParams, ...localeInstance }}>\n          <Core {...{ components }} skeleton />\n        </StoreProvider>\n      </React.StrictMode>,\n      instance.el,\n    );\n\n  // 8. Analyze id to fetch its config\n  const config = await fetchConfig({ ...instance, language: localeInstance.language });\n  if (!config) return;\n  window.Mirai.config = config;\n\n  // 9. Check session\n  if (session && !(await checkSession(instance.id, session, config))) session = undefined;\n\n  // 10. Consolidate store\n  const store = await consolidateStore({ components, config, cookies, instance, session, urlParams });\n\n  // 11. Initialize features\n  await ServiceFeatures.initialize();\n\n  // 12. Initialize dictionary\n  if (!ServiceDictionary.cache(store.locale)) await ServiceDictionary.get(store.locale, false);\n\n  // 13. Render components\n  ReactDOM.render(\n    <React.StrictMode>\n      <MetricsProvider token={isProduction ? process.env.METRICS : undefined}>\n        <StoreProvider value={store}>\n          <PerformanceManager />\n          <Core {...{ components }} />\n          <EventManager />\n        </StoreProvider>\n      </MetricsProvider>\n    </React.StrictMode>,\n    instance.el,\n  );\n\n  // 14. Up & Ready\n  window.Mirai.ready = true;\n  setTimeout(() => Event.publish(EVENT.CORE_READY, window.Mirai), 0);\n  console.log(log, '[READY]', window.Mirai);\n};\n\n(async () => {\n  await window.Mirai.core();\n\n  const { components = [], ready } = window.Mirai;\n\n  if (ready && components.filter(({ component } = {}) => ['booking', 'checkout', 'rates'].includes(component).length)) {\n    window.addEventListener('pageshow', (event) => event.persisted && window.Mirai.core());\n  }\n})();\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_dataSources","require","_services","_react","_interopRequireDefault","_reactDom","_contexts","_Core","_Core2","_helpers","_package","obj","__esModule","default","window","Mirai","components","undefined","config","environment","process","env","NODE_ENV","Event","services","booking","SERVICE_BOOKING","club","SERVICE_CLUB","dictionary","SERVICE_DICTIONARY","engine","SERVICE_ENGINE","static","SERVICE_STATIC","user","SERVICE_USER","version","core","isProduction","isDevelopment","isPreproduction","log","concat","name","console","Sentry","SENTRY","loadSentry","urlParams","fetchUrlParams","location","search","cookies","fetchCookies","Object","values","COOKIE","session","fetchSession","setUser","loadEnvironment","instance","findInstance","findComponents","length","theme","localeInstance","getLocale","IS_PLAYWRIGHT","ReactDOM","render","createElement","StrictMode","StoreProvider","value","id","skeleton","type","Core","el","fetchConfig","language","checkSession","store","consolidateStore","ServiceFeatures","initialize","ServiceDictionary","cache","locale","get","MetricsProvider","token","METRICS","PerformanceManager","EventManager","ready","setTimeout","publish","EVENT","CORE_READY","filter","component","arguments","includes","addEventListener","event","persisted"],"sources":["../src/index.js"],"sourcesContent":["/* eslint-disable no-console */\nimport { Event, MetricsProvider, StoreProvider } from '@mirai/data-sources';\nimport { ServiceDictionary, ServiceFeatures } from '@mirai/services';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { EventManager, PerformanceManager } from './contexts';\nimport { Core } from './Core';\nimport { COOKIE, EVENT } from './Core.constants';\nimport {\n  checkSession,\n  consolidateStore,\n  fetchConfig,\n  fetchCookies,\n  fetchSession,\n  fetchUrlParams,\n  findComponents,\n  findInstance,\n  getLocale,\n  loadEnvironment,\n  loadSentry,\n  theme,\n} from './helpers';\nimport { name, version } from '../package.json';\nimport './helpers/polyfills';\n\nwindow.Mirai = {\n  ...window.Mirai,\n  components: undefined,\n  config: undefined,\n  environment: process.env.NODE_ENV,\n  Event,\n  services: {\n    booking: process.env.SERVICE_BOOKING,\n    club: process.env.SERVICE_CLUB,\n    dictionary: process.env.SERVICE_DICTIONARY,\n    engine: process.env.SERVICE_ENGINE,\n    static: process.env.SERVICE_STATIC,\n    user: process.env.SERVICE_USER,\n  },\n  version,\n};\n\nwindow.Mirai.core = async () => {\n  const isProduction = process.env.NODE_ENV === 'production';\n  const isDevelopment = process.env.NODE_ENV === 'development';\n  const isPreproduction = process.env.NODE_ENV === 'preproduction';\n  const log = `${isProduction ? '🟢' : isPreproduction ? '🟡' : isDevelopment ? '🔴' : '⚫️'} ${name} v${version}`;\n\n  console.log(log, 'starting...');\n\n  // 1. Initialize sentry\n  let Sentry = window.Mirai.Sentry;\n  if (!Sentry && process.env.SENTRY) {\n    Sentry = loadSentry(process.env.SENTRY, version);\n    window.Mirai.Sentry = Sentry;\n  }\n\n  // 2. Fetch client-side dataSources\n  const urlParams = fetchUrlParams(location.search);\n  const cookies = fetchCookies(Object.values(COOKIE));\n  let session = fetchSession(urlParams);\n\n  if (session && Sentry) Sentry.setUser(session);\n\n  // 3. Analyze environment\n  const environment = urlParams.env && isProduction ? loadEnvironment(urlParams.env) : undefined;\n  if (environment) return;\n\n  // 4. Find instance\n  const instance = findInstance({ urlParams });\n  if (!instance) return;\n\n  // 5. Find components\n  const components = findComponents(urlParams);\n  if (!components.length) return;\n  window.Mirai = { ...window.Mirai, components };\n\n  // 6. Theming\n  theme(urlParams);\n\n  const localeInstance = getLocale(instance, urlParams);\n\n  // 7. 1st render\n  window &&\n    !window.IS_PLAYWRIGHT &&\n    ReactDOM.render(\n      <React.StrictMode>\n        <StoreProvider\n          value={{ id: instance.id, session, skeleton: true, type: instance.type, urlParams, ...localeInstance }}\n        >\n          <Core {...{ components }} />\n        </StoreProvider>\n      </React.StrictMode>,\n      instance.el,\n    );\n\n  // 8. Analyze id to fetch its config\n  const config = await fetchConfig({ ...instance, language: localeInstance.language });\n  if (!config) return;\n  window.Mirai.config = config;\n\n  // 9. Check session\n  if (session && !(await checkSession(instance.id, session, config))) session = undefined;\n\n  // 10. Consolidate store\n  const store = await consolidateStore({ components, config, cookies, instance, session, urlParams });\n\n  // 11. Initialize features\n  await ServiceFeatures.initialize();\n\n  // 12. Initialize dictionary\n  if (!ServiceDictionary.cache(store.locale)) await ServiceDictionary.get(store.locale, false);\n\n  // 13. Render components\n  ReactDOM.render(\n    <React.StrictMode>\n      <MetricsProvider token={isProduction ? process.env.METRICS : undefined}>\n        <StoreProvider value={store}>\n          <PerformanceManager />\n          <Core {...{ components }} />\n          <EventManager />\n        </StoreProvider>\n      </MetricsProvider>\n    </React.StrictMode>,\n    instance.el,\n  );\n\n  // 14. Up & Ready\n  window.Mirai.ready = true;\n  setTimeout(() => Event.publish(EVENT.CORE_READY, window.Mirai), 0);\n  console.log(log, '[READY]', window.Mirai);\n};\n\n(async () => {\n  await window.Mirai.core();\n\n  const { components = [], ready } = window.Mirai;\n\n  if (ready && components.filter(({ component } = {}) => ['booking', 'checkout', 'rates'].includes(component).length)) {\n    window.addEventListener('pageshow', (event) => event.persisted && window.Mirai.core());\n  }\n})();\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirai/core",
-  "version": "0.4.103",
+  "version": "0.4.105",
   "source": "src/index.js",
   "repository": "https://gitlab.com/miraicorp/dev/frontend/core",
   "author": "JΛVI <hello@soyjavi.com>",