@mirai/core 0.4.220 → 0.4.222

package/build/components/__shared__/ButtonPayment/components/FormCheckout/helpers/getStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"getStyle.js","names":["_ui","require","getStyle","inputDisabled","inputFont","inputFontSize","fontWeight","content","Theme","get","style","base","color","fontFamily","fontSize","letterSpacing","placeholder","focus","exports"],"sources":["../../../../../../../src/components/__shared__/ButtonPayment/components/FormCheckout/helpers/getStyle.js"],"sourcesContent":["import { Theme } from '@mirai/ui';\n\nexport const getStyle = () => {\n  const { inputDisabled, inputFont, inputFontSize, fontWeight, content } = Theme.get();\n\n  return {\n    style: {\n      base: {\n        color: content,\n        fontFamily: inputFont,\n        fontSize: inputFontSize,\n        fontWeight: fontWeight,\n        letterSpacing: 0,\n      },\n      placeholder: {\n        base: {\n          color: 'transparent',\n        },\n        focus: {\n          color: inputDisabled,\n        },\n      },\n    },\n  };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEO,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EAC5B,MAAM;IAAEC,aAAa;IAAEC,SAAS;IAAEC,aAAa;IAAEC,UAAU;IAAEC;EAAQ,CAAC,GAAGC,SAAK,CAACC,GAAG,CAAC,CAAC;EAEpF,OAAO;IACLC,KAAK,EAAE;MACLC,IAAI,EAAE;QACJC,KAAK,EAAEL,OAAO;QACdM,UAAU,EAAET,SAAS;QACrBU,QAAQ,EAAET,aAAa;QACvBC,UAAU,EAAEA,UAAU;QACtBS,aAAa,EAAE;MACjB,CAAC;MACDC,WAAW,EAAE;QACXL,IAAI,EAAE;UACJC,KAAK,EAAE;QACT,CAAC;QACDK,KAAK,EAAE;UACLL,KAAK,EAAET;QACT;MACF;IACF;EACF,CAAC;AACH,CAAC;AAACe,OAAA,CAAAhB,QAAA,GAAAA,QAAA"}
+{"version":3,"file":"getStyle.js","names":["_ui","require","getStyle","inputDisabled","inputFont","inputFontSize","fontWeight","content","Theme","get","localization","cardNumberPlaceholder","expiryMonthPlaceholder","expiryYearPlaceholder","cvvPlaceholder","style","base","color","fontFamily","fontSize","letterSpacing","placeholder","focus","exports"],"sources":["../../../../../../../src/components/__shared__/ButtonPayment/components/FormCheckout/helpers/getStyle.js"],"sourcesContent":["import { Theme } from '@mirai/ui';\n\nexport const getStyle = () => {\n  const { inputDisabled, inputFont, inputFontSize, fontWeight, content } = Theme.get();\n\n  return {\n    localization: {\n      cardNumberPlaceholder: '0000 0000 0000 0000',\n      expiryMonthPlaceholder: 'MM',\n      expiryYearPlaceholder: 'YY',\n      cvvPlaceholder: '000',\n    },\n    style: {\n      base: {\n        color: content,\n        fontFamily: inputFont,\n        fontSize: inputFontSize,\n        fontWeight: fontWeight,\n        letterSpacing: 0,\n      },\n      placeholder: {\n        base: {\n          color: 'transparent',\n        },\n        focus: {\n          color: inputDisabled,\n        },\n      },\n    },\n  };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEO,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EAC5B,MAAM;IAAEC,aAAa;IAAEC,SAAS;IAAEC,aAAa;IAAEC,UAAU;IAAEC;EAAQ,CAAC,GAAGC,SAAK,CAACC,GAAG,CAAC,CAAC;EAEpF,OAAO;IACLC,YAAY,EAAE;MACZC,qBAAqB,EAAE,qBAAqB;MAC5CC,sBAAsB,EAAE,IAAI;MAC5BC,qBAAqB,EAAE,IAAI;MAC3BC,cAAc,EAAE;IAClB,CAAC;IACDC,KAAK,EAAE;MACLC,IAAI,EAAE;QACJC,KAAK,EAAEV,OAAO;QACdW,UAAU,EAAEd,SAAS;QACrBe,QAAQ,EAAEd,aAAa;QACvBC,UAAU,EAAEA,UAAU;QACtBc,aAAa,EAAE;MACjB,CAAC;MACDC,WAAW,EAAE;QACXL,IAAI,EAAE;UACJC,KAAK,EAAE;QACT,CAAC;QACDK,KAAK,EAAE;UACLL,KAAK,EAAEd;QACT;MACF;IACF;EACF,CAAC;AACH,CAAC;AAACoB,OAAA,CAAArB,QAAA,GAAAA,QAAA"}

package/build/components/__shared__/ButtonPayment/components/InputField/InputField.module.css

@@ -1,5 +1,5 @@
 .container {
-  margin-bottom: var(--mirai-ui-input-text-gap);
+  margin-bottom: var(--mirai-ui-input-text-margin-bottom);
   flex: 1;
   position: relative;
 }
@@ -14,16 +14,16 @@
 
 .border.error {
   border-color: var(--mirai-ui-error);
-  box-shadow: var(--mirai-ui-input-focus-shadow-warning);
+  box-shadow: var(--mirai-ui-input-shadow-active-warning);
 }
 
 .border.focus:not(.error) {
-  border-color: var(--mirai-ui-input-text-focus);
+  border-color: var(--mirai-ui-input-text-color-active);
   box-shadow: var(--mirai-ui-focus-shadow);
 }
 
 .border.focus.error {
-  box-shadow: var(--mirai-ui-input-focus-shadow-error);
+  box-shadow: var(--mirai-ui-input-shadow-active-error);
 }
 
 .content {
@@ -42,15 +42,15 @@
 }
 
 .icon {
-  font-size: var(--mirai-ui-input-text-icon);
-  height: var(--mirai-ui-input-text-icon);
-  line-height: var(--mirai-ui-input-text-icon);
+  font-size: var(--mirai-ui-input-text-icon-size);
+  height: var(--mirai-ui-input-text-icon-size);
+  line-height: var(--mirai-ui-input-text-icon-size);
   margin: 0;
   padding: 0;
   position: absolute;
   right: var(--mirai-ui-input-text-padding-x);
-  top: calc(calc(var(--mirai-ui-input-min-height) - var(--mirai-ui-input-text-icon)) / 2);
-  width: var(--mirai-ui-input-text-icon);
+  top: calc(calc(var(--mirai-ui-input-min-height) - var(--mirai-ui-input-text-icon-size)) / 2);
+  width: var(--mirai-ui-input-text-icon-size);
 }
 
 .icon.error {
@@ -66,11 +66,11 @@
 }
 
 .focus .label {
-  color: var(--mirai-ui-input-text-focus);
+  color: var(--mirai-ui-input-text-color-active);
 }
 
 .label {
-  color: var(--mirai-ui-input-disabled);
+  color: var(--mirai-ui-input-color-disabled);
   background-color: var(--mirai-ui-input-background);
   font-size: var(--mirai-ui-input-font-size);
   left: var(--mirai-ui-input-text-padding-x);

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

@@ -28,6 +28,7 @@ const Field = _ref => {
     label,
     markdown = true,
     placeholder,
+    variant = {},
     visible,
     warning = false,
     onPress = () => {},
@@ -61,10 +62,20 @@ const Field = _ref => {
     onLeave: () => setHover(false)
   } : undefined, {
     role: "field",
-    className: (0, _ui.styles)(style.field, hasPlaces && style.hasPlaces, inline && style.inline, visible && style.focus, hover && style.hover, others.className)
+    className: (0, _ui.styles)(style.field, hasPlaces && style.hasPlaces, inline && style.inline, visible && style.focus, hover && style.hover, others.className),
+    style: {
+      ...others.style,
+      borderColor: hover || visible ? variant.borderActive : variant.borderColor,
+      borderStyle: variant.borderStyle,
+      borderRadius: variant.borderRadius,
+      borderWidth: variant.borderWidth
+    }
   }), icon && /*#__PURE__*/_react.default.createElement(_ui.Icon, {
     value: icon,
-    className: [style.icon, style.context, skeleton && style.skeleton]
+    className: [style.icon, style.context, skeleton && style.skeleton],
+    style: variant.iconColor && !skeleton ? {
+      color: variant.iconColor
+    } : undefined
   }), !skeleton ? /*#__PURE__*/_react.default.createElement(_ui.View, {
     className: style.input
   }, label && /*#__PURE__*/_react.default.createElement(_ui.Text, {
@@ -112,6 +123,11 @@ Field.propTypes = {
   markdown: _propTypes.default.bool,
   placeholder: _propTypes.default.string,
   tabIndex: _propTypes.default.number,
+  variant: _propTypes.default.shape({
+    border: _propTypes.default.any,
+    borderActive: _propTypes.default.any,
+    borderRadius: _propTypes.default.any
+  }),
   visible: _propTypes.default.bool,
   warning: _propTypes.default.bool,
   onPress: _propTypes.default.func

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

@@ -1 +1 @@
-{"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","markdown","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  markdown = true,\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\n                  action\n                  markdown={markdown}\n                  className={styles(style.caption, !caption && placeholder && style.placeholder)}\n                >\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  markdown: PropTypes.bool,\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","markdown","placeholder","variant","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","borderColor","borderActive","borderStyle","borderRadius","borderWidth","Icon","context","iconColor","color","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","shape","border","any"],"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  markdown = true,\n  placeholder,\n  variant = {},\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 {...(!isMobile ? { bottom, centered, top, visible, className: style.layerContent } : undefined)}>\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          style={{\n            ...others.style,\n            borderColor: hover || visible ? variant.borderActive : variant.borderColor,\n            borderStyle: variant.borderStyle,\n            borderRadius: variant.borderRadius,\n            borderWidth: variant.borderWidth,\n          }}\n        >\n          {icon && (\n            <Icon\n              value={icon}\n              className={[style.icon, style.context, skeleton && style.skeleton]}\n              style={variant.iconColor && !skeleton ? { color: variant.iconColor } : undefined}\n            />\n          )}\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\n                  action\n                  markdown={markdown}\n                  className={styles(style.caption, !caption && placeholder && style.placeholder)}\n                >\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  markdown: PropTypes.bool,\n  placeholder: PropTypes.string,\n  tabIndex: PropTypes.number,\n  variant: PropTypes.shape({\n    border: PropTypes.any,\n    borderActive: PropTypes.any,\n    borderRadius: PropTypes.any,\n  }),\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

@@ -8,14 +8,14 @@
 }
 
 .caption.placeholder {
-  color: var(--mirai-ui-input-disabled);
+  color: var(--mirai-ui-input-color-disabled);
 }
 
 .field {
   align-items: center;
   align-content: center;
   background-color: var(--mirai-field-background);
-  border-radius: var(--mirai-ui-input-text-radius);
+  border-radius: var(--mirai-field-border-radius);
   box-sizing: border-box;
   cursor: pointer;
   display: flex;
@@ -28,30 +28,26 @@
 }
 
 .field:not(.inline) {
-  border: var(--mirai-ui-input-text-border);
+  border: var(--mirai-field-border);
   transition: border-color var(--mirai-ui-motion-collapse) var(--mirai-ui-motion-easing),
     box-shadow var(--mirai-ui-motion-collapse) var(--mirai-ui-motion-easing);
 }
 
-.field:not(.inline).focus {
-  border-color: var(--mirai-ui-focus-color);
-  box-shadow: var(--mirai-ui-focus-shadow);
-}
-
+.field:not(.inline).focus,
 .field:not(.inline).hover {
-  border-color: var(--mirai-ui-focus-color);
+  border-color: var(--mirai-field-border-active);
 }
 
 .field.inline.focus,
 .field.inline.hover {
-  background-color: var(--mirai-field-focus-background);
+  background-color: var(--mirai-field-background-active);
 }
 
 .icon {
-  font-size: var(--mirai-ui-input-text-icon);
-  height: var(--mirai-ui-input-text-icon);
-  line-height: var(--mirai-ui-input-text-icon);
-  width: var(--mirai-ui-input-text-icon);
+  font-size: var(--mirai-ui-input-text-icon-size);
+  height: var(--mirai-ui-input-text-icon-size);
+  line-height: var(--mirai-ui-input-text-icon-size);
+  width: var(--mirai-ui-input-text-icon-size);
 }
 
 .icon.context {
@@ -85,8 +81,8 @@
 .layerContent {
   margin: var(--mirai-ui-input-text-padding-y) 0;
   background-color: var(--mirai-ui-input-background);
-  border: var(--mirai-ui-input-text-border);
-  border-radius: var(--mirai-ui-input-text-radius);
+  border: var(--mirai-field-border);
+  border-radius: var(--mirai-field-border-radius);
   box-shadow: var(--mirai-ui-shadow);
 }
 

package/build/components/__shared__/FieldOccupation/FieldOccupation.js

@@ -64,9 +64,7 @@ const FieldOccupation = exports.FieldOccupation = /*#__PURE__*/_react.default.fo
     visible: visible,
     warning: warning,
     onPress: onPress,
-    className: others.className,
-    testId: testId ? "".concat(testId, "-field") : undefined,
-    style: others.style
+    testId: testId ? "".concat(testId, "-field") : undefined
   }), /*#__PURE__*/_react.default.createElement(_Occupation.Occupation, _extends({}, others, {
     ref: ref,
     type: type,

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

@@ -1 +1 @@
-{"version":3,"file":"FieldOccupation.js","names":["_dataSources","require","_locale","_propTypes","_interopRequireDefault","_react","_FieldOccupation","_prepareRoom","_helpers","_Field","_Occupation","_Occupation2","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","FieldOccupation","exports","React","forwardRef","_ref","ref","compacted","error","hideLabel","hotels","inline","tabIndex","value","visible","warning","withWarning","onPress","onSubmit","others","translate","useLocale","config","dataSource","lodgingDenomination","individual","useStore","minRooms","testId","type","getAccommodationType","caption","getOccupationSummary","Array","map","prepareRoom","createElement","Field","icon","ICON","PEOPLE","label","L10N","LABEL_WHO","undefined","className","concat","style","Occupation","displayName","propTypes","PropTypes","bool","array","any","arrayOf","SHAPE","VALUE","func"],"sources":["../../../../src/components/__shared__/FieldOccupation/FieldOccupation.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { L10N } from './FieldOccupation.l10n';\nimport { prepareRoom } from '../../../helpers/prepareRoom';\nimport { getAccommodationType, getOccupationSummary, ICON } from '../../helpers';\nimport { Field } from '../Field';\nimport { Occupation as OccupationBase } from '../Occupation';\nimport { SHAPE } from '../Occupation/Occupation.constants';\n\nconst FieldOccupation = React.forwardRef(\n  (\n    {\n      compacted,\n      error,\n      hideLabel,\n      hotels = [],\n      inline,\n      tabIndex,\n      value,\n      visible,\n      warning,\n      withWarning,\n      onPress,\n      onSubmit,\n      ...others\n    },\n    ref,\n  ) => {\n    const { translate } = useLocale();\n    const {\n      value: { config: { hotels: dataSource, lodgingDenomination: individual } = {} },\n    } = useStore();\n\n    const { minRooms = 1, testId } = others;\n    const type = getAccommodationType({ dataSource, hotels, individual });\n    const caption = getOccupationSummary(\n      value || [...Array(minRooms)].map(() => prepareRoom(others.dataSource)),\n      translate,\n      type,\n    );\n\n    return (\n      <Field\n        {...others}\n        caption={caption}\n        compacted={compacted}\n        error={error}\n        icon={ICON.PEOPLE}\n        inline={inline}\n        label={!hideLabel ? translate(L10N.LABEL_WHO) : undefined}\n        tabIndex={tabIndex}\n        visible={visible}\n        warning={warning}\n        onPress={onPress}\n        className={others.className}\n        testId={testId ? `${testId}-field` : undefined}\n        style={others.style}\n      >\n        <OccupationBase\n          {...others}\n          ref={ref}\n          type={type}\n          value={value}\n          warning={withWarning}\n          onSubmit={onSubmit}\n          className={undefined}\n          style={undefined}\n        />\n      </Field>\n    );\n  },\n);\n\nFieldOccupation.displayName = 'Mirai:Core:FieldOccupation';\n\nFieldOccupation.propTypes = {\n  compacted: PropTypes.bool,\n  error: PropTypes.bool,\n  hotels: PropTypes.array,\n  hideLabel: PropTypes.bool,\n  inline: PropTypes.bool,\n  tabIndex: PropTypes.any,\n  value: PropTypes.arrayOf(PropTypes.arrayOf(SHAPE.VALUE)),\n  visible: PropTypes.bool,\n  warning: PropTypes.bool,\n  withWarning: PropTypes.bool,\n  onPress: PropTypes.func,\n  onSubmit: PropTypes.func,\n};\n\nexport { FieldOccupation };\n"],"mappings":"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"}
+{"version":3,"file":"FieldOccupation.js","names":["_dataSources","require","_locale","_propTypes","_interopRequireDefault","_react","_FieldOccupation","_prepareRoom","_helpers","_Field","_Occupation","_Occupation2","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","FieldOccupation","exports","React","forwardRef","_ref","ref","compacted","error","hideLabel","hotels","inline","tabIndex","value","visible","warning","withWarning","onPress","onSubmit","others","translate","useLocale","config","dataSource","lodgingDenomination","individual","useStore","minRooms","testId","type","getAccommodationType","caption","getOccupationSummary","Array","map","prepareRoom","createElement","Field","icon","ICON","PEOPLE","label","L10N","LABEL_WHO","undefined","concat","Occupation","className","style","displayName","propTypes","PropTypes","bool","array","any","arrayOf","SHAPE","VALUE","func"],"sources":["../../../../src/components/__shared__/FieldOccupation/FieldOccupation.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { L10N } from './FieldOccupation.l10n';\nimport { prepareRoom } from '../../../helpers/prepareRoom';\nimport { getAccommodationType, getOccupationSummary, ICON } from '../../helpers';\nimport { Field } from '../Field';\nimport { Occupation as OccupationBase } from '../Occupation';\nimport { SHAPE } from '../Occupation/Occupation.constants';\n\nconst FieldOccupation = React.forwardRef(\n  (\n    {\n      compacted,\n      error,\n      hideLabel,\n      hotels = [],\n      inline,\n      tabIndex,\n      value,\n      visible,\n      warning,\n      withWarning,\n      onPress,\n      onSubmit,\n      ...others\n    },\n    ref,\n  ) => {\n    const { translate } = useLocale();\n    const {\n      value: { config: { hotels: dataSource, lodgingDenomination: individual } = {} },\n    } = useStore();\n\n    const { minRooms = 1, testId } = others;\n    const type = getAccommodationType({ dataSource, hotels, individual });\n    const caption = getOccupationSummary(\n      value || [...Array(minRooms)].map(() => prepareRoom(others.dataSource)),\n      translate,\n      type,\n    );\n\n    return (\n      <Field\n        {...others}\n        caption={caption}\n        compacted={compacted}\n        error={error}\n        icon={ICON.PEOPLE}\n        inline={inline}\n        label={!hideLabel ? translate(L10N.LABEL_WHO) : undefined}\n        tabIndex={tabIndex}\n        visible={visible}\n        warning={warning}\n        onPress={onPress}\n        testId={testId ? `${testId}-field` : undefined}\n      >\n        <OccupationBase\n          {...others}\n          ref={ref}\n          type={type}\n          value={value}\n          warning={withWarning}\n          onSubmit={onSubmit}\n          className={undefined}\n          style={undefined}\n        />\n      </Field>\n    );\n  },\n);\n\nFieldOccupation.displayName = 'Mirai:Core:FieldOccupation';\n\nFieldOccupation.propTypes = {\n  compacted: PropTypes.bool,\n  error: PropTypes.bool,\n  hotels: PropTypes.array,\n  hideLabel: PropTypes.bool,\n  inline: PropTypes.bool,\n  tabIndex: PropTypes.any,\n  value: PropTypes.arrayOf(PropTypes.arrayOf(SHAPE.VALUE)),\n  visible: PropTypes.bool,\n  warning: PropTypes.bool,\n  withWarning: PropTypes.bool,\n  onPress: PropTypes.func,\n  onSubmit: PropTypes.func,\n};\n\nexport { FieldOccupation };\n"],"mappings":"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"}

package/build/components/__shared__/FieldPromocode/FieldPromocode.js

@@ -23,6 +23,7 @@ const FieldPromocode = _ref => {
     hasPlaces,
     inline,
     text,
+    variant,
     visible,
     onPress,
     onSubmit,
@@ -41,6 +42,7 @@ const FieldPromocode = _ref => {
     compacted,
     hasPlaces,
     inline,
+    variant,
     visible,
     icon: _helpers.ICON.DISCOUNT,
     inputMode: !compacted,
@@ -73,6 +75,7 @@ FieldPromocode.propTypes = {
   hasPlaces: _propTypes.default.bool,
   inline: _propTypes.default.bool,
   text: _propTypes.default.string,
+  variant: _propTypes.default.shape({}),
   visible: _propTypes.default.bool,
   onPress: _propTypes.default.func,
   onSubmit: _propTypes.default.func

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

@@ -1 +1 @@
-{"version":3,"file":"FieldPromocode.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_FieldPromocode","_FieldPromocode2","style","_helpers","_Field","_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","FieldPromocode","_ref","compacted","hasPlaces","inline","text","visible","onPress","onSubmit","others","translate","useLocale","ref","useRef","handlePress","_ref$current","current","focus","createElement","Field","icon","ICON","DISCOUNT","inputMode","label","L10N","LABEL_PROMOTION","className","container","testId","undefined","View","row","styles","content","Icon","value","Input","name","role","ROLE","placeholder","LABEL_CODE","input","concat","Button","ACTION_SEARCH","exports","displayName","propTypes","PropTypes","bool","string","func"],"sources":["../../../../src/components/__shared__/FieldPromocode/FieldPromocode.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Button, Icon, Input, styles, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useRef } from 'react';\n\nimport { ROLE } from './FieldPromocode.constants';\nimport { L10N } from './FieldPromocode.l10n';\nimport * as style from './FieldPromocode.module.css';\nimport { ICON } from '../../helpers';\nimport { Field } from '../Field';\n\nconst FieldPromocode = ({ compacted, hasPlaces, inline, text, visible, onPress, onSubmit, ...others }) => {\n  const { translate } = useLocale();\n\n  const ref = useRef();\n\n  const handlePress = () => {\n    ref?.current?.focus();\n    onPress && onPress();\n  };\n\n  return (\n    <Field\n      {...{ compacted, hasPlaces, inline, visible }}\n      icon={ICON.DISCOUNT}\n      inputMode={!compacted}\n      label={translate(L10N.LABEL_PROMOTION)}\n      onPress={handlePress}\n      className={(style.container, others.className)}\n      style={others.style}\n      testId={others.testId ? others.testId : undefined}\n    >\n      <View row className={styles(compacted && style.content)}>\n        {compacted && <Icon value={ICON.DISCOUNT} />}\n        <Input\n          name=\"mirai:finder:promocode\"\n          {...others}\n          ref={ref}\n          role={ROLE}\n          placeholder={translate(L10N.LABEL_CODE)}\n          className={styles(style.input, compacted && style.compacted)}\n          testId={others.testId ? `${others.testId}-input` : undefined}\n        />\n        {onSubmit && <Button onPress={onSubmit}>{text || translate(L10N.ACTION_SEARCH)}</Button>}\n      </View>\n    </Field>\n  );\n};\n\nFieldPromocode.displayName = 'Mirai:Core:FieldPromocode';\n\nFieldPromocode.propTypes = {\n  compacted: PropTypes.bool,\n  hasPlaces: PropTypes.bool,\n  inline: PropTypes.bool,\n  text: PropTypes.string,\n  visible: PropTypes.bool,\n  onPress: PropTypes.func,\n  onSubmit: PropTypes.func,\n};\n\nexport { FieldPromocode };\n"],"mappings":"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"}
+{"version":3,"file":"FieldPromocode.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_FieldPromocode","_FieldPromocode2","style","_helpers","_Field","_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","FieldPromocode","_ref","compacted","hasPlaces","inline","text","variant","visible","onPress","onSubmit","others","translate","useLocale","ref","useRef","handlePress","_ref$current","current","focus","createElement","Field","icon","ICON","DISCOUNT","inputMode","label","L10N","LABEL_PROMOTION","className","container","testId","undefined","View","row","styles","content","Icon","value","Input","name","role","ROLE","placeholder","LABEL_CODE","input","concat","Button","ACTION_SEARCH","exports","displayName","propTypes","PropTypes","bool","string","shape","func"],"sources":["../../../../src/components/__shared__/FieldPromocode/FieldPromocode.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Button, Icon, Input, styles, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useRef } from 'react';\n\nimport { ROLE } from './FieldPromocode.constants';\nimport { L10N } from './FieldPromocode.l10n';\nimport * as style from './FieldPromocode.module.css';\nimport { ICON } from '../../helpers';\nimport { Field } from '../Field';\n\nconst FieldPromocode = ({ compacted, hasPlaces, inline, text, variant, visible, onPress, onSubmit, ...others }) => {\n  const { translate } = useLocale();\n\n  const ref = useRef();\n\n  const handlePress = () => {\n    ref?.current?.focus();\n    onPress && onPress();\n  };\n\n  return (\n    <Field\n      {...{ compacted, hasPlaces, inline, variant, visible }}\n      icon={ICON.DISCOUNT}\n      inputMode={!compacted}\n      label={translate(L10N.LABEL_PROMOTION)}\n      onPress={handlePress}\n      className={(style.container, others.className)}\n      style={others.style}\n      testId={others.testId ? others.testId : undefined}\n    >\n      <View row className={styles(compacted && style.content)}>\n        {compacted && <Icon value={ICON.DISCOUNT} />}\n        <Input\n          name=\"mirai:finder:promocode\"\n          {...others}\n          ref={ref}\n          role={ROLE}\n          placeholder={translate(L10N.LABEL_CODE)}\n          className={styles(style.input, compacted && style.compacted)}\n          testId={others.testId ? `${others.testId}-input` : undefined}\n        />\n        {onSubmit && <Button onPress={onSubmit}>{text || translate(L10N.ACTION_SEARCH)}</Button>}\n      </View>\n    </Field>\n  );\n};\n\nFieldPromocode.displayName = 'Mirai:Core:FieldPromocode';\n\nFieldPromocode.propTypes = {\n  compacted: PropTypes.bool,\n  hasPlaces: PropTypes.bool,\n  inline: PropTypes.bool,\n  text: PropTypes.string,\n  variant: PropTypes.shape({}),\n  visible: PropTypes.bool,\n  onPress: PropTypes.func,\n  onSubmit: PropTypes.func,\n};\n\nexport { FieldPromocode };\n"],"mappings":"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"}

package/build/components/__shared__/NotificationRequiredFields/NotificationRequiredFields.js

@@ -23,9 +23,6 @@ const NotificationRequiredFields = _ref => {
     values = {},
     ...others
   } = _ref;
-  const {
-    isMobile
-  } = (0, _ui.useDevice)();
   const {
     translate
   } = (0, _locale.useLocale)();
@@ -65,13 +62,11 @@ const NotificationRequiredFields = _ref => {
   return totalErrors ? /*#__PURE__*/_react.default.createElement(_ui.Notification, _extends({}, others, {
     row: true,
     error: true,
-    small: isMobile,
     wide: true
   }), translate(_NotificationRequiredFields.L10N.NOTIFICATION_FIX_FORM_ERRORS, {
     amount: totalErrors,
     link: /*#__PURE__*/_react.default.createElement(_ui.Action, {
       underline: true,
-      small: isMobile,
       onPress: () => handlePress("#".concat(form, "-").concat(firstError.replace(/\./g, '-'))),
       className: style.field
     }, translate(_NotificationRequiredFields.L10N.ACTION_FIX_FIRST_ERROR))

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

@@ -1 +1 @@
-{"version":3,"file":"NotificationRequiredFields.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_NotificationRequiredFields","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","OFFSET","NotificationRequiredFields","_ref","form","values","others","isMobile","useDevice","translate","useLocale","value","components","useStore","useEffect","metrics","fields","keys","Event","publish","EVENT","METRICS","id","concat","total","forEach","handlePress","el","document","querySelector","window","scrollTo","top","getBoundingClientRect","scrollY","behavior","field","checkout","signup","profile","undefined","totalErrors","firstError","createElement","Notification","row","error","small","wide","L10N","NOTIFICATION_FIX_FORM_ERRORS","amount","link","Action","underline","onPress","replace","className","ACTION_FIX_FIRST_ERROR","exports","displayName","propTypes","PropTypes","string","shape"],"sources":["../../../../src/components/__shared__/NotificationRequiredFields/NotificationRequiredFields.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Action, Notification, useDevice } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect } from 'react';\n\nimport { L10N } from './NotificationRequiredFields.l10n';\nimport * as style from './NotificationRequiredFields.module.css';\nimport { EVENT } from '../../helpers';\n\nconst OFFSET = 16;\n\nconst NotificationRequiredFields = ({ form = 'form', values = {}, ...others }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const {\n    value: { components = {} },\n  } = useStore();\n\n  useEffect(() => {\n    if (metrics) {\n      const fields = Object.keys(values);\n      Event.publish(EVENT.METRICS, { id: `${metrics}:ERROR_REQUIRED_FIELDS`, fields, total: fields.length });\n      fields.forEach((key) => Event.publish(EVENT.METRICS, { id: `${metrics}:ERROR_REQUIRED_FIELDS:${key}` }));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [values]);\n\n  const handlePress = (id) => {\n    const el = document.querySelector(id);\n    el && window.scrollTo({ top: el.getBoundingClientRect().top + window.scrollY - OFFSET, behavior: 'smooth' });\n    if (metrics) Event.publish(EVENT.METRICS, { id: `${metrics}:ERROR_REQUIRED_FIELDS:GO_TO_FIELD`, field: id });\n  };\n\n  const metrics = components.checkout\n    ? 'CHECKOUT'\n    : components.signup\n    ? 'SIGNUP'\n    : components.profile\n    ? 'PROFILE'\n    : undefined;\n\n  const totalErrors = Object.keys(values).length;\n  const [firstError] = Object.keys(values);\n\n  return totalErrors ? (\n    <Notification {...others} row error small={isMobile} wide>\n      {translate(L10N.NOTIFICATION_FIX_FORM_ERRORS, {\n        amount: totalErrors,\n        link: (\n          <Action\n            underline\n            small={isMobile}\n            onPress={() => handlePress(`#${form}-${firstError.replace(/\\./g, '-')}`)}\n            className={style.field}\n          >\n            {translate(L10N.ACTION_FIX_FIRST_ERROR)}\n          </Action>\n        ),\n      })}\n    </Notification>\n  ) : null;\n};\n\nNotificationRequiredFields.displayName = 'Mirai:Core:NotificationRequiredFields';\n\nNotificationRequiredFields.propTypes = {\n  form: PropTypes.string,\n  values: PropTypes.shape({}),\n};\n\nexport { NotificationRequiredFields };\n"],"mappings":"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"}
+{"version":3,"file":"NotificationRequiredFields.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_NotificationRequiredFields","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","OFFSET","NotificationRequiredFields","_ref","form","values","others","translate","useLocale","value","components","useStore","useEffect","metrics","fields","keys","Event","publish","EVENT","METRICS","id","concat","total","forEach","handlePress","el","document","querySelector","window","scrollTo","top","getBoundingClientRect","scrollY","behavior","field","checkout","signup","profile","undefined","totalErrors","firstError","createElement","Notification","row","error","wide","L10N","NOTIFICATION_FIX_FORM_ERRORS","amount","link","Action","underline","onPress","replace","className","ACTION_FIX_FIRST_ERROR","exports","displayName","propTypes","PropTypes","string","shape"],"sources":["../../../../src/components/__shared__/NotificationRequiredFields/NotificationRequiredFields.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Action, Notification } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect } from 'react';\n\nimport { L10N } from './NotificationRequiredFields.l10n';\nimport * as style from './NotificationRequiredFields.module.css';\nimport { EVENT } from '../../helpers';\n\nconst OFFSET = 16;\n\nconst NotificationRequiredFields = ({ form = 'form', values = {}, ...others }) => {\n  const { translate } = useLocale();\n  const {\n    value: { components = {} },\n  } = useStore();\n\n  useEffect(() => {\n    if (metrics) {\n      const fields = Object.keys(values);\n      Event.publish(EVENT.METRICS, { id: `${metrics}:ERROR_REQUIRED_FIELDS`, fields, total: fields.length });\n      fields.forEach((key) => Event.publish(EVENT.METRICS, { id: `${metrics}:ERROR_REQUIRED_FIELDS:${key}` }));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [values]);\n\n  const handlePress = (id) => {\n    const el = document.querySelector(id);\n    el && window.scrollTo({ top: el.getBoundingClientRect().top + window.scrollY - OFFSET, behavior: 'smooth' });\n    if (metrics) Event.publish(EVENT.METRICS, { id: `${metrics}:ERROR_REQUIRED_FIELDS:GO_TO_FIELD`, field: id });\n  };\n\n  const metrics = components.checkout\n    ? 'CHECKOUT'\n    : components.signup\n    ? 'SIGNUP'\n    : components.profile\n    ? 'PROFILE'\n    : undefined;\n\n  const totalErrors = Object.keys(values).length;\n  const [firstError] = Object.keys(values);\n\n  return totalErrors ? (\n    <Notification {...others} row error wide>\n      {translate(L10N.NOTIFICATION_FIX_FORM_ERRORS, {\n        amount: totalErrors,\n        link: (\n          <Action\n            underline\n            onPress={() => handlePress(`#${form}-${firstError.replace(/\\./g, '-')}`)}\n            className={style.field}\n          >\n            {translate(L10N.ACTION_FIX_FIRST_ERROR)}\n          </Action>\n        ),\n      })}\n    </Notification>\n  ) : null;\n};\n\nNotificationRequiredFields.displayName = 'Mirai:Core:NotificationRequiredFields';\n\nNotificationRequiredFields.propTypes = {\n  form: PropTypes.string,\n  values: PropTypes.shape({}),\n};\n\nexport { NotificationRequiredFields };\n"],"mappings":"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"}

package/build/components/__shared__/Payment/Payment.js

@@ -33,8 +33,7 @@ const Payment = _ref => {
     ...others
   } = _ref;
   const {
-    isDesktop,
-    isMobile
+    isDesktop
   } = (0, _ui.useDevice)();
   const {
     currencyFormat,
@@ -107,7 +106,7 @@ const Payment = _ref => {
     className: style.item
   }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
     bold: true,
-    headline: !isMobile,
+    headline: true,
     className: style.header
   }, translate(_Payment2.L10N.LABEL_PAYMENT_METHODS))), availableMethods.map(item => {
     const selected = method === item;

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

@@ -1 +1 @@
-{"version":3,"file":"Payment.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_helpers","_Payment","_Payment2","style","_helpers2","_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","timeoutChange","Payment","_ref","children","config","currency","error","info","methods","showErrors","onChange","onError","others","isDesktop","isMobile","useDevice","currencyFormat","dateFormat","translate","useLocale","value","components","useStore","cardType","setCardType","useState","method","setMethod","undefined","useEffect","payment","handleChange","values","type","next","metrics","keys","clearTimeout","setTimeout","Event","publish","EVENT","METRICS","id","concat","SUBMIT_DELAY","handleChangeMethod","nextMethod","testId","standalone","availableMethods","filter","item","METHOD","checkout","booking","createElement","View","role","tag","row","className","styles","container","Text","bold","headline","header","L10N","LABEL_PAYMENT_METHODS","map","selected","caption","getCaption","component","getComponent","image","getImage","time","Pressable","disabled","onPress","Radio","checked","name","radio","title","alt","split","join","src","process","env","SERVICE_STATIC","URL_IMAGES","CARD","CARD_PREPAY","PCIPROXY","TPV","includes","cards","card","toLowerCase","content","small","withComponent","amount","date","DATE_FORMAT","day","LABEL_DAY","hour","LABEL_HOUR","React","exports","displayName","propTypes","PropTypes","any","shape","arrayOf","string","provider","oneOf","PROVIDER","showCVV","bool","object","cardValidation","instanceOf","Date","number","array","isRequired","func"],"sources":["../../../../src/components/__shared__/Payment/Payment.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Pressable, Radio, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { getCaption, getComponent, getImage } from './helpers';\nimport { DATE_FORMAT, METHOD, PROVIDER, URL_IMAGES } from './Payment.constants';\nimport { L10N } from './Payment.l10n';\nimport * as style from './Payment.module.css';\nimport { EVENT, SUBMIT_DELAY } from '../../helpers';\n\nlet timeoutChange;\n\nconst Payment = ({\n  children,\n  config = {},\n  currency,\n  error = {},\n  info = {},\n  methods = [],\n  showErrors = false,\n  onChange = () => {},\n  onError = () => {},\n  ...others\n}) => {\n  const { isDesktop, isMobile } = useDevice();\n  const { currencyFormat, dateFormat, translate } = useLocale();\n  const {\n    set,\n    value: { components = {} },\n  } = useStore();\n\n  const [cardType, setCardType] = useState();\n  const [method, setMethod] = useState(methods.length > 0 ? methods[0] : undefined);\n\n  useEffect(() => {\n    onChange({ method });\n    set({ payment: { method } });\n    onError({});\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [method]);\n\n  const handleChange = (values = {}) => {\n    const { type } = values;\n\n    type !== cardType && setCardType(type);\n    const next = { method, ...values };\n    onChange(next);\n    set({ payment: { ...next } });\n\n    if (metrics && Object.keys(values).length > 0) {\n      clearTimeout(timeoutChange);\n      timeoutChange = setTimeout(\n        () => Event.publish(EVENT.METRICS, { id: `${metrics}:PAYMENT:FORM`, method }),\n        SUBMIT_DELAY,\n      );\n    }\n  };\n\n  const handleChangeMethod = (nextMethod) => {\n    setMethod(nextMethod);\n    if (metrics) Event.publish(EVENT.METRICS, { id: `${metrics}:PAYMENT:CHANGE_METHOD`, method: nextMethod });\n  };\n\n  const { testId = 'payments' } = others;\n  const standalone = methods.length === 1;\n  const availableMethods = methods.filter((item) => !!METHOD[item]);\n  const metrics = components.checkout ? 'CHECKOUT' : components.booking ? 'BOOKING' : undefined;\n\n  return (\n    <View {...others} role=\"payments\" tag=\"payment\" row={false} className={styles(style.container, others.className)}>\n      {availableMethods.length > 1 && (\n        <View className={style.item}>\n          <Text bold headline={!isMobile} className={style.header}>\n            {translate(L10N.LABEL_PAYMENT_METHODS)}\n          </Text>\n        </View>\n      )}\n      {availableMethods.map((item) => {\n        const selected = method === item;\n        const caption = selected ? getCaption({ method, ...info, ...config }) : undefined;\n        const component = selected ? getComponent({ method: item, ...info, ...config }) : undefined;\n        const image = getImage({ method: item });\n        const { time = {} } = info || {};\n\n        return (\n          <View key={item} className={style.item}>\n            <Pressable\n              disabled={selected || standalone}\n              onPress={() => handleChangeMethod(item)}\n              className={styles(style.header, selected && style.selected)}\n              testId={testId ? `${testId}-item-${item}` : undefined}\n            >\n              {!standalone && <Radio checked={selected} name=\"method\" value={item} className={style.radio} />}\n              <Text\n                bold\n                headline={isDesktop && standalone}\n                className={styles(style.title, selected && style.selected)}\n                testId={testId ? `${testId}-text-${item}` : undefined}\n              >\n                {translate(L10N[`LABEL_${item}`])}\n              </Text>\n\n              {image && (\n                <View\n                  alt={`${item?.split('_').join(' ')}`}\n                  src={`${process.env.SERVICE_STATIC}/${URL_IMAGES}/${image}`}\n                  tag=\"img\"\n                  className={style.image}\n                />\n              )}\n\n              {[METHOD.CARD, METHOD.CARD_PREPAY, METHOD.PCIPROXY, METHOD.TPV].includes(item) &&\n                (config.cards || []).map((card) => (\n                  <View\n                    alt={card}\n                    key={card}\n                    src={`${process.env.SERVICE_STATIC}/${URL_IMAGES}/cards/${card.toLowerCase()}.png`}\n                    tag=\"img\"\n                    className={styles(style.image, selected && cardType && card !== cardType && style.disabled)}\n                  />\n                ))}\n            </Pressable>\n\n            {selected && (\n              <View className={style.content} testId={testId ? `${testId}-container-${item}` : undefined}>\n                {caption && (\n                  <Text small className={styles(style.caption, component && style.withComponent)}>\n                    {translate(caption, {\n                      amount: currencyFormat({ currency, value: info?.amount }),\n                      date: dateFormat(info?.date, DATE_FORMAT),\n                      day: translate(L10N.LABEL_DAY, { value: time.value }),\n                      hour: translate(L10N.LABEL_HOUR, { value: time.value }),\n                      type: time.type,\n                    })}\n                  </Text>\n                )}\n\n                {component &&\n                  React.createElement(component, {\n                    error,\n                    showErrors,\n                    ...others,\n                    ...config,\n                    onChange: handleChange,\n                    onError,\n                  })}\n              </View>\n            )}\n          </View>\n        );\n      })}\n\n      {children && <View className={style.children}>{children}</View>}\n    </View>\n  );\n};\n\nPayment.displayName = 'Mirai:Core:Payment';\n\nPayment.propTypes = {\n  children: PropTypes.any,\n  config: PropTypes.shape({\n    cards: PropTypes.arrayOf(PropTypes.string),\n    provider: PropTypes.oneOf(Object.values(PROVIDER)),\n    showCVV: PropTypes.bool,\n  }),\n  currency: PropTypes.string,\n  error: PropTypes.object,\n  info: PropTypes.shape({\n    cardValidation: PropTypes.bool,\n    date: PropTypes.instanceOf(Date),\n    amount: PropTypes.number,\n    time: PropTypes.shape({\n      type: PropTypes.number,\n      value: PropTypes.number,\n    }),\n  }),\n  methods: PropTypes.array.isRequired,\n  showErrors: PropTypes.bool,\n  onChange: PropTypes.func,\n  onError: PropTypes.func,\n};\n\nexport { Payment };\n"],"mappings":"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"}
+{"version":3,"file":"Payment.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_helpers","_Payment","_Payment2","style","_helpers2","_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","timeoutChange","Payment","_ref","children","config","currency","error","info","methods","showErrors","onChange","onError","others","isDesktop","useDevice","currencyFormat","dateFormat","translate","useLocale","value","components","useStore","cardType","setCardType","useState","method","setMethod","undefined","useEffect","payment","handleChange","values","type","next","metrics","keys","clearTimeout","setTimeout","Event","publish","EVENT","METRICS","id","concat","SUBMIT_DELAY","handleChangeMethod","nextMethod","testId","standalone","availableMethods","filter","item","METHOD","checkout","booking","createElement","View","role","tag","row","className","styles","container","Text","bold","headline","header","L10N","LABEL_PAYMENT_METHODS","map","selected","caption","getCaption","component","getComponent","image","getImage","time","Pressable","disabled","onPress","Radio","checked","name","radio","title","alt","split","join","src","process","env","SERVICE_STATIC","URL_IMAGES","CARD","CARD_PREPAY","PCIPROXY","TPV","includes","cards","card","toLowerCase","content","small","withComponent","amount","date","DATE_FORMAT","day","LABEL_DAY","hour","LABEL_HOUR","React","exports","displayName","propTypes","PropTypes","any","shape","arrayOf","string","provider","oneOf","PROVIDER","showCVV","bool","object","cardValidation","instanceOf","Date","number","array","isRequired","func"],"sources":["../../../../src/components/__shared__/Payment/Payment.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Pressable, Radio, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { getCaption, getComponent, getImage } from './helpers';\nimport { DATE_FORMAT, METHOD, PROVIDER, URL_IMAGES } from './Payment.constants';\nimport { L10N } from './Payment.l10n';\nimport * as style from './Payment.module.css';\nimport { EVENT, SUBMIT_DELAY } from '../../helpers';\n\nlet timeoutChange;\n\nconst Payment = ({\n  children,\n  config = {},\n  currency,\n  error = {},\n  info = {},\n  methods = [],\n  showErrors = false,\n  onChange = () => {},\n  onError = () => {},\n  ...others\n}) => {\n  const { isDesktop } = useDevice();\n  const { currencyFormat, dateFormat, translate } = useLocale();\n  const {\n    set,\n    value: { components = {} },\n  } = useStore();\n\n  const [cardType, setCardType] = useState();\n  const [method, setMethod] = useState(methods.length > 0 ? methods[0] : undefined);\n\n  useEffect(() => {\n    onChange({ method });\n    set({ payment: { method } });\n    onError({});\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [method]);\n\n  const handleChange = (values = {}) => {\n    const { type } = values;\n\n    type !== cardType && setCardType(type);\n    const next = { method, ...values };\n    onChange(next);\n    set({ payment: { ...next } });\n\n    if (metrics && Object.keys(values).length > 0) {\n      clearTimeout(timeoutChange);\n      timeoutChange = setTimeout(\n        () => Event.publish(EVENT.METRICS, { id: `${metrics}:PAYMENT:FORM`, method }),\n        SUBMIT_DELAY,\n      );\n    }\n  };\n\n  const handleChangeMethod = (nextMethod) => {\n    setMethod(nextMethod);\n    if (metrics) Event.publish(EVENT.METRICS, { id: `${metrics}:PAYMENT:CHANGE_METHOD`, method: nextMethod });\n  };\n\n  const { testId = 'payments' } = others;\n  const standalone = methods.length === 1;\n  const availableMethods = methods.filter((item) => !!METHOD[item]);\n  const metrics = components.checkout ? 'CHECKOUT' : components.booking ? 'BOOKING' : undefined;\n\n  return (\n    <View {...others} role=\"payments\" tag=\"payment\" row={false} className={styles(style.container, others.className)}>\n      {availableMethods.length > 1 && (\n        <View className={style.item}>\n          <Text bold headline className={style.header}>\n            {translate(L10N.LABEL_PAYMENT_METHODS)}\n          </Text>\n        </View>\n      )}\n      {availableMethods.map((item) => {\n        const selected = method === item;\n        const caption = selected ? getCaption({ method, ...info, ...config }) : undefined;\n        const component = selected ? getComponent({ method: item, ...info, ...config }) : undefined;\n        const image = getImage({ method: item });\n        const { time = {} } = info || {};\n\n        return (\n          <View key={item} className={style.item}>\n            <Pressable\n              disabled={selected || standalone}\n              onPress={() => handleChangeMethod(item)}\n              className={styles(style.header, selected && style.selected)}\n              testId={testId ? `${testId}-item-${item}` : undefined}\n            >\n              {!standalone && <Radio checked={selected} name=\"method\" value={item} className={style.radio} />}\n              <Text\n                bold\n                headline={isDesktop && standalone}\n                className={styles(style.title, selected && style.selected)}\n                testId={testId ? `${testId}-text-${item}` : undefined}\n              >\n                {translate(L10N[`LABEL_${item}`])}\n              </Text>\n\n              {image && (\n                <View\n                  alt={`${item?.split('_').join(' ')}`}\n                  src={`${process.env.SERVICE_STATIC}/${URL_IMAGES}/${image}`}\n                  tag=\"img\"\n                  className={style.image}\n                />\n              )}\n\n              {[METHOD.CARD, METHOD.CARD_PREPAY, METHOD.PCIPROXY, METHOD.TPV].includes(item) &&\n                (config.cards || []).map((card) => (\n                  <View\n                    alt={card}\n                    key={card}\n                    src={`${process.env.SERVICE_STATIC}/${URL_IMAGES}/cards/${card.toLowerCase()}.png`}\n                    tag=\"img\"\n                    className={styles(style.image, selected && cardType && card !== cardType && style.disabled)}\n                  />\n                ))}\n            </Pressable>\n\n            {selected && (\n              <View className={style.content} testId={testId ? `${testId}-container-${item}` : undefined}>\n                {caption && (\n                  <Text small className={styles(style.caption, component && style.withComponent)}>\n                    {translate(caption, {\n                      amount: currencyFormat({ currency, value: info?.amount }),\n                      date: dateFormat(info?.date, DATE_FORMAT),\n                      day: translate(L10N.LABEL_DAY, { value: time.value }),\n                      hour: translate(L10N.LABEL_HOUR, { value: time.value }),\n                      type: time.type,\n                    })}\n                  </Text>\n                )}\n\n                {component &&\n                  React.createElement(component, {\n                    error,\n                    showErrors,\n                    ...others,\n                    ...config,\n                    onChange: handleChange,\n                    onError,\n                  })}\n              </View>\n            )}\n          </View>\n        );\n      })}\n\n      {children && <View className={style.children}>{children}</View>}\n    </View>\n  );\n};\n\nPayment.displayName = 'Mirai:Core:Payment';\n\nPayment.propTypes = {\n  children: PropTypes.any,\n  config: PropTypes.shape({\n    cards: PropTypes.arrayOf(PropTypes.string),\n    provider: PropTypes.oneOf(Object.values(PROVIDER)),\n    showCVV: PropTypes.bool,\n  }),\n  currency: PropTypes.string,\n  error: PropTypes.object,\n  info: PropTypes.shape({\n    cardValidation: PropTypes.bool,\n    date: PropTypes.instanceOf(Date),\n    amount: PropTypes.number,\n    time: PropTypes.shape({\n      type: PropTypes.number,\n      value: PropTypes.number,\n    }),\n  }),\n  methods: PropTypes.array.isRequired,\n  showErrors: PropTypes.bool,\n  onChange: PropTypes.func,\n  onError: PropTypes.func,\n};\n\nexport { Payment };\n"],"mappings":"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"}

package/build/components/__shared__/RatesExplorer/RatesExplorer.js

@@ -189,11 +189,10 @@ const RatesExplorer = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
     bold: true,
     headline: true,
-    level: isMobile ? 3 : 2,
+    level: 2,
     markdown: false,
     className: style.text
   }, translate(_RatesExplorer3.L10N.LABEL_SELECT_DATES_PERSONS)), /*#__PURE__*/_react.default.createElement(_ui.Button, {
-    small: isMobile,
     transparent: true,
     onPress: handleClear,
     testId: "".concat(role, "-button-clear")