@mirai/core 0.3.290 → 0.3.292

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

@@ -1 +1 @@
-{"version":3,"file":"FieldOccupation.js","names":["_dataSources","require","_locale","_propTypes","_interopRequireDefault","_react","_FieldOccupation","style","_interopRequireWildcard","_prepareRoom","_helpers","_Field","_Occupation","_Occupation2","_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","FieldOccupation","exports","React","forwardRef","_ref","ref","compacted","error","hotels","value","visible","warning","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","className","occupation","concat","undefined","Occupation","displayName","propTypes","PropTypes","bool","array","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 * as style from './FieldOccupation.module.css';\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  ({ compacted, error, hotels = [], value, visible, warning, onPress, onSubmit, ...others }, ref) => {\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        caption={caption}\n        compacted={compacted}\n        error={error}\n        icon={ICON.PEOPLE}\n        label={translate(L10N.LABEL_WHO)}\n        visible={visible}\n        warning={warning}\n        onPress={onPress}\n        className={[style.occupation, 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          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  value: PropTypes.arrayOf(PropTypes.arrayOf(SHAPE.VALUE)),\n  visible: PropTypes.bool,\n  warning: 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","style","_interopRequireWildcard","_prepareRoom","_helpers","_Field","_Occupation","_Occupation2","_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","FieldOccupation","exports","React","forwardRef","_ref","ref","compacted","error","hotels","inline","value","visible","warning","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","className","occupation","concat","undefined","Occupation","displayName","propTypes","PropTypes","bool","array","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 * as style from './FieldOccupation.module.css';\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  ({ compacted, error, hotels = [], inline, value, visible, warning, onPress, onSubmit, ...others }, ref) => {\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        caption={caption}\n        compacted={compacted}\n        error={error}\n        icon={ICON.PEOPLE}\n        inline={inline}\n        label={translate(L10N.LABEL_WHO)}\n        visible={visible}\n        warning={warning}\n        onPress={onPress}\n        className={[style.occupation, 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          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  inline: PropTypes.bool,\n  value: PropTypes.arrayOf(PropTypes.arrayOf(SHAPE.VALUE)),\n  visible: PropTypes.bool,\n  warning: PropTypes.bool,\n  onPress: PropTypes.func,\n  onSubmit: PropTypes.func,\n};\n\nexport { FieldOccupation };\n"],"mappings":"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"}

package/build/components/__shared__/FieldOccupation/__tests__/__snapshots__/FieldOccupation.test.js.snap

@@ -32,6 +32,11 @@ exports[`component:<FieldOccupation> inherit:className 1`] = `
       <div
         class="view"
       >
+        <span
+          class="text small"
+        >
+          finder.label.who
+        </span>
         <span
           class="text action"
         >
@@ -491,6 +496,11 @@ exports[`component:<FieldOccupation> prop:minRooms 1`] = `
       <div
         class="view"
       >
+        <span
+          class="text small"
+        >
+          finder.label.who
+        </span>
         <span
           class="text action"
         >
@@ -927,6 +937,11 @@ exports[`component:<FieldOccupation> prop:value 1`] = `
       <div
         class="view"
       >
+        <span
+          class="text small"
+        >
+          finder.label.who
+        </span>
         <span
           class="text action"
         >
@@ -1343,6 +1358,11 @@ exports[`component:<FieldOccupation> prop:visible 1`] = `
       <div
         class="view"
       >
+        <span
+          class="text small"
+        >
+          finder.label.who
+        </span>
         <span
           class="text action"
         >
@@ -1601,6 +1621,11 @@ exports[`component:<FieldOccupation> prop:warning 1`] = `
       <div
         class="view"
       >
+        <span
+          class="text small"
+        >
+          finder.label.who
+        </span>
         <span
           class="text action"
         >
@@ -1876,6 +1901,11 @@ exports[`component:<FieldOccupation> renders 1`] = `
       <div
         class="view"
       >
+        <span
+          class="text small"
+        >
+          finder.label.who
+        </span>
         <span
           class="text action"
         >
@@ -2135,6 +2165,11 @@ exports[`component:<FieldOccupation> testID 1`] = `
       <div
         class="view"
       >
+        <span
+          class="text small"
+        >
+          finder.label.who
+        </span>
         <span
           class="text action"
         >

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

@@ -19,19 +19,24 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 const FieldPromocode = _ref => {
   let {
     compacted,
+    inline,
     visible,
     onPress,
     onSubmit,
     ...others
   } = _ref;
+  const {
+    isMobile
+  } = (0, _ui.useDevice)();
   const {
     translate
   } = (0, _locale.useLocale)();
   return /*#__PURE__*/_react.default.createElement(_Field.Field, {
     compacted: compacted,
     icon: _helpers.ICON.DISCOUNT,
+    inline: inline,
     inputMode: !compacted,
-    label: translate(_FieldPromocode.L10N.LABEL_PROMO_CODE),
+    label: isMobile ? translate(_FieldPromocode.L10N.LABEL_PROMO_CODE) : undefined,
     visible: visible,
     onPress: onPress,
     className: (style.container, others.className),
@@ -54,6 +59,7 @@ exports.FieldPromocode = FieldPromocode;
 FieldPromocode.displayName = 'Mirai:Core:FieldPromocode';
 FieldPromocode.propTypes = {
   compacted: _propTypes.default.bool,
+  inline: _propTypes.default.bool,
   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","_FieldPromocode","style","_interopRequireWildcard","_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","visible","onPress","onSubmit","others","translate","useLocale","createElement","Field","icon","ICON","DISCOUNT","inputMode","label","L10N","LABEL_PROMO_CODE","className","container","View","row","styles","content","Icon","value","Input","name","placeholder","input","Button","ACTION_SEARCH","exports","displayName","propTypes","PropTypes","bool","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 from 'react';\n\nimport { L10N } from './FieldPromocode.l10n';\nimport * as style from './FieldPromocode.module.css';\nimport { ICON } from '../../helpers';\nimport { Field } from '../Field';\n\nconst FieldPromocode = ({ compacted, visible, onPress, onSubmit, ...others }) => {\n  const { translate } = useLocale();\n\n  return (\n    <Field\n      compacted={compacted}\n      icon={ICON.DISCOUNT}\n      inputMode={!compacted}\n      label={translate(L10N.LABEL_PROMO_CODE)}\n      visible={visible}\n      onPress={onPress}\n      className={(style.container, others.className)}\n      style={others.style}\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          placeholder={translate(L10N.LABEL_PROMO_CODE)}\n          className={styles(style.input, compacted && style.compacted)}\n        />\n        {onSubmit && <Button onPress={onSubmit}>{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  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","_FieldPromocode","style","_interopRequireWildcard","_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","inline","visible","onPress","onSubmit","others","isMobile","useDevice","translate","useLocale","createElement","Field","icon","ICON","DISCOUNT","inputMode","label","L10N","LABEL_PROMO_CODE","undefined","className","container","View","row","styles","content","Icon","value","Input","name","placeholder","input","Button","ACTION_SEARCH","exports","displayName","propTypes","PropTypes","bool","func"],"sources":["../../../../src/components/__shared__/FieldPromocode/FieldPromocode.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Button, Icon, Input, styles, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { L10N } from './FieldPromocode.l10n';\nimport * as style from './FieldPromocode.module.css';\nimport { ICON } from '../../helpers';\nimport { Field } from '../Field';\n\nconst FieldPromocode = ({ compacted, inline, visible, onPress, onSubmit, ...others }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n\n  return (\n    <Field\n      compacted={compacted}\n      icon={ICON.DISCOUNT}\n      inline={inline}\n      inputMode={!compacted}\n      label={isMobile ? translate(L10N.LABEL_PROMO_CODE) : undefined}\n      visible={visible}\n      onPress={onPress}\n      className={(style.container, others.className)}\n      style={others.style}\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          placeholder={translate(L10N.LABEL_PROMO_CODE)}\n          className={styles(style.input, compacted && style.compacted)}\n        />\n        {onSubmit && <Button onPress={onSubmit}>{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  inline: PropTypes.bool,\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__/FieldPromocode/FieldPromocode.module.css

@@ -11,11 +11,13 @@ input.input {
   white-space: nowrap;
 }
 
-input.input:focus {
+/* ! disabled because <Finder> */
+/* input.input:focus {
   -webkit-box-shadow: 0 0 0px 1000px var(--mirai-ui-input-background) inset;
   box-shadow: 0 0 0px 1000px var(--mirai-ui-input-background) inset;
-}
+} */
 
+/* S */
 @media only screen and (max-width: 430px) {
   .content {
     gap: var(--mirai-ui-space-S);
@@ -27,9 +29,10 @@ input.input:focus {
   }
 }
 
+/* M & L */
 @media only screen and (min-width: 431px) {
   input.input {
-    max-width: calc(var(--mirai-ui-space-XL) * 2);
     height: calc(var(--mirai-finder-field-height)- calc(var(--mirai-ui-border-width) * 2));
+    max-width: calc(var(--mirai-ui-space-XL) * 2);
   }
 }

package/build/components/helpers/constants.js

@@ -85,6 +85,7 @@ const STEP = exports.STEP = {
   BOOKING_CANCELLATION: 'CANCELLATION',
   BOOKING_CONFIRMATION: 'CONFIRMATION',
   CHECKOUT: 'CLIENTFORM',
+  FINDER: 'BOOKINGENTRANCE',
   HOTELS: 'CHAINRESULT',
   RATES: 'BOOKINGSTEP1'
 };

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["ACCOMMODATION_TYPE","exports","ROOM","APARTMENT","PITCH","ACCOMMODATION","VILLA","CALENDAR_FORMAT","EVENT","FINDER","INTENT_CURRENCY","INTENT_ENVIRONMENT","INTENT_LOCALE","LOGIN","NOTIFICATION","PAY_LATER","LOCALES","MONTHS_IN_MOBILE","OCCUPATION_TYPE","GUEST","ADULT","CHILD","BABY","PAYMENT_CARD","AMERICAN_EXPRESS","DINERS_CLUB","DISCOVER","JCB","MAESTRO","MASTERCARD","UNIONPAY","VISA","PAYMENT_METHOD","ALIPAY","AMAZON_PAY","APLAZAME","BIZUM","CARD","CARD_PREPAY","CRIPTAN","IDEAL","OXXO","PAYLATER","PAYPAL","PCIPROXY","SOFORT","TPV","TRANSFER","WECHATPAY","PAYMENT_PROVIDER","ADDON","CARDNET","CHECKOUT","HIPAY","MULTIPAGOS","REDSYS","REDUNIQ","PAYBOX","PAYCOMET","PAYNOPAIN","SIPAY","STRIPE","PAYMENT_CARD_VALIDATION_PROVIDER","STEP","BOOKING_CANCELLATION","BOOKING_CONFIRMATION","HOTELS","RATES"],"sources":["../../../src/components/helpers/constants.js"],"sourcesContent":["const ACCOMMODATION_TYPE = {\n  ROOM: 1,\n  APARTMENT: 2,\n  PITCH: 3,\n  ACCOMMODATION: 4,\n  VILLA: 5,\n};\n\nconst CALENDAR_FORMAT = 'DD/MM/YYYY';\n\nconst EVENT = {\n  FINDER: 'finder',\n  INTENT_CURRENCY: 'intentCurrency',\n  INTENT_ENVIRONMENT: 'intentEnvironment',\n  INTENT_LOCALE: 'intentLocale',\n  LOGIN: 'login',\n  NOTIFICATION: 'notification',\n  PAY_LATER: 'payLater',\n};\n\nconst LOCALES = [\n  'en-GB',\n  'es-ES',\n  'fr-FR',\n  'de-DE',\n  'ja-JP',\n  'it-IT',\n  'pt-PT',\n  'da-DK',\n  'fi-FI',\n  'nb-NO',\n  'nl-NL',\n  'pl-PL',\n  'ru-RU',\n  'sv-SE',\n  'tr-TR',\n  'zh-CN',\n  'cs-CZ',\n  'el-GR',\n  'ar-DZ',\n  'hu-HU',\n  'ca-ES',\n  'eu-ES',\n];\n\nconst MONTHS_IN_MOBILE = 12;\n\nconst OCCUPATION_TYPE = {\n  GUEST: 1,\n  ADULT: 2,\n  CHILD: 3,\n  BABY: 4,\n};\n\nconst PAYMENT_CARD = {\n  AMERICAN_EXPRESS: 'AMERICAN_EXPRESS',\n  DINERS_CLUB: 'DINERS_CLUB',\n  DISCOVER: 'DISCOVER',\n  JCB: 'JCB',\n  MAESTRO: 'MAESTRO', // low resolution logo\n  MASTERCARD: 'MASTERCARD',\n  UNIONPAY: 'UNIONPAY',\n  VISA: 'VISA',\n};\n\nconst PAYMENT_METHOD = {\n  ALIPAY: 'ALIPAY',\n  AMAZON_PAY: 'AMAZON_PAY',\n  APLAZAME: 'APLAZAME',\n  BIZUM: 'BIZUM',\n  CARD: 'CARD',\n  CARD_PREPAY: 'CARD_PREPAY',\n  CRIPTAN: 'CRIPTAN',\n  IDEAL: 'IDEAL',\n  OXXO: 'OXXO',\n  PAYLATER: 'PAYLATER',\n  PAYPAL: 'PAYPAL',\n  PCIPROXY: 'PCIPROXY',\n  SOFORT: 'SOFORT',\n  TPV: 'TPV',\n  TRANSFER: 'TRANSFER',\n  WECHATPAY: 'WECHATPAY',\n};\n\nconst PAYMENT_PROVIDER = {\n  ADDON: 'ADDON',\n  CARDNET: 'CARDNET',\n  CHECKOUT: 'CHECKOUT',\n  HIPAY: 'HIPAY',\n  MULTIPAGOS: 'MULTIPAGOS',\n  REDSYS: 'REDSYS',\n  REDUNIQ: 'REDUNIQ',\n  PAYBOX: 'PAYBOX',\n  PAYCOMET: 'PAYCOMET',\n  PAYNOPAIN: 'PAYNOPAIN',\n  SIPAY: 'SIPAY',\n  STRIPE: 'STRIPE',\n};\n\nconst { ADDON, CHECKOUT, PAYNOPAIN, REDSYS, SIPAY, STRIPE } = PAYMENT_PROVIDER;\n\nconst PAYMENT_CARD_VALIDATION_PROVIDER = [ADDON, CHECKOUT, PAYNOPAIN, REDSYS, SIPAY, STRIPE];\n\nconst STEP = {\n  BOOKING_CANCELLATION: 'CANCELLATION',\n  BOOKING_CONFIRMATION: 'CONFIRMATION',\n  CHECKOUT: 'CLIENTFORM',\n  HOTELS: 'CHAINRESULT',\n  RATES: 'BOOKINGSTEP1',\n};\n\nexport {\n  ACCOMMODATION_TYPE,\n  CALENDAR_FORMAT,\n  EVENT,\n  LOCALES,\n  MONTHS_IN_MOBILE,\n  OCCUPATION_TYPE,\n  PAYMENT_CARD,\n  PAYMENT_CARD_VALIDATION_PROVIDER,\n  PAYMENT_METHOD,\n  PAYMENT_PROVIDER,\n  STEP,\n};\n"],"mappings":"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"}
+{"version":3,"file":"constants.js","names":["ACCOMMODATION_TYPE","exports","ROOM","APARTMENT","PITCH","ACCOMMODATION","VILLA","CALENDAR_FORMAT","EVENT","FINDER","INTENT_CURRENCY","INTENT_ENVIRONMENT","INTENT_LOCALE","LOGIN","NOTIFICATION","PAY_LATER","LOCALES","MONTHS_IN_MOBILE","OCCUPATION_TYPE","GUEST","ADULT","CHILD","BABY","PAYMENT_CARD","AMERICAN_EXPRESS","DINERS_CLUB","DISCOVER","JCB","MAESTRO","MASTERCARD","UNIONPAY","VISA","PAYMENT_METHOD","ALIPAY","AMAZON_PAY","APLAZAME","BIZUM","CARD","CARD_PREPAY","CRIPTAN","IDEAL","OXXO","PAYLATER","PAYPAL","PCIPROXY","SOFORT","TPV","TRANSFER","WECHATPAY","PAYMENT_PROVIDER","ADDON","CARDNET","CHECKOUT","HIPAY","MULTIPAGOS","REDSYS","REDUNIQ","PAYBOX","PAYCOMET","PAYNOPAIN","SIPAY","STRIPE","PAYMENT_CARD_VALIDATION_PROVIDER","STEP","BOOKING_CANCELLATION","BOOKING_CONFIRMATION","HOTELS","RATES"],"sources":["../../../src/components/helpers/constants.js"],"sourcesContent":["const ACCOMMODATION_TYPE = {\n  ROOM: 1,\n  APARTMENT: 2,\n  PITCH: 3,\n  ACCOMMODATION: 4,\n  VILLA: 5,\n};\n\nconst CALENDAR_FORMAT = 'DD/MM/YYYY';\n\nconst EVENT = {\n  FINDER: 'finder',\n  INTENT_CURRENCY: 'intentCurrency',\n  INTENT_ENVIRONMENT: 'intentEnvironment',\n  INTENT_LOCALE: 'intentLocale',\n  LOGIN: 'login',\n  NOTIFICATION: 'notification',\n  PAY_LATER: 'payLater',\n};\n\nconst LOCALES = [\n  'en-GB',\n  'es-ES',\n  'fr-FR',\n  'de-DE',\n  'ja-JP',\n  'it-IT',\n  'pt-PT',\n  'da-DK',\n  'fi-FI',\n  'nb-NO',\n  'nl-NL',\n  'pl-PL',\n  'ru-RU',\n  'sv-SE',\n  'tr-TR',\n  'zh-CN',\n  'cs-CZ',\n  'el-GR',\n  'ar-DZ',\n  'hu-HU',\n  'ca-ES',\n  'eu-ES',\n];\n\nconst MONTHS_IN_MOBILE = 12;\n\nconst OCCUPATION_TYPE = {\n  GUEST: 1,\n  ADULT: 2,\n  CHILD: 3,\n  BABY: 4,\n};\n\nconst PAYMENT_CARD = {\n  AMERICAN_EXPRESS: 'AMERICAN_EXPRESS',\n  DINERS_CLUB: 'DINERS_CLUB',\n  DISCOVER: 'DISCOVER',\n  JCB: 'JCB',\n  MAESTRO: 'MAESTRO', // low resolution logo\n  MASTERCARD: 'MASTERCARD',\n  UNIONPAY: 'UNIONPAY',\n  VISA: 'VISA',\n};\n\nconst PAYMENT_METHOD = {\n  ALIPAY: 'ALIPAY',\n  AMAZON_PAY: 'AMAZON_PAY',\n  APLAZAME: 'APLAZAME',\n  BIZUM: 'BIZUM',\n  CARD: 'CARD',\n  CARD_PREPAY: 'CARD_PREPAY',\n  CRIPTAN: 'CRIPTAN',\n  IDEAL: 'IDEAL',\n  OXXO: 'OXXO',\n  PAYLATER: 'PAYLATER',\n  PAYPAL: 'PAYPAL',\n  PCIPROXY: 'PCIPROXY',\n  SOFORT: 'SOFORT',\n  TPV: 'TPV',\n  TRANSFER: 'TRANSFER',\n  WECHATPAY: 'WECHATPAY',\n};\n\nconst PAYMENT_PROVIDER = {\n  ADDON: 'ADDON',\n  CARDNET: 'CARDNET',\n  CHECKOUT: 'CHECKOUT',\n  HIPAY: 'HIPAY',\n  MULTIPAGOS: 'MULTIPAGOS',\n  REDSYS: 'REDSYS',\n  REDUNIQ: 'REDUNIQ',\n  PAYBOX: 'PAYBOX',\n  PAYCOMET: 'PAYCOMET',\n  PAYNOPAIN: 'PAYNOPAIN',\n  SIPAY: 'SIPAY',\n  STRIPE: 'STRIPE',\n};\n\nconst { ADDON, CHECKOUT, PAYNOPAIN, REDSYS, SIPAY, STRIPE } = PAYMENT_PROVIDER;\n\nconst PAYMENT_CARD_VALIDATION_PROVIDER = [ADDON, CHECKOUT, PAYNOPAIN, REDSYS, SIPAY, STRIPE];\n\nconst STEP = {\n  BOOKING_CANCELLATION: 'CANCELLATION',\n  BOOKING_CONFIRMATION: 'CONFIRMATION',\n  CHECKOUT: 'CLIENTFORM',\n  FINDER: 'BOOKINGENTRANCE',\n  HOTELS: 'CHAINRESULT',\n  RATES: 'BOOKINGSTEP1',\n};\n\nexport {\n  ACCOMMODATION_TYPE,\n  CALENDAR_FORMAT,\n  EVENT,\n  LOCALES,\n  MONTHS_IN_MOBILE,\n  OCCUPATION_TYPE,\n  PAYMENT_CARD,\n  PAYMENT_CARD_VALIDATION_PROVIDER,\n  PAYMENT_METHOD,\n  PAYMENT_PROVIDER,\n  STEP,\n};\n"],"mappings":"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"}

package/package.json

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

package/public/routes/Home.jsx

@@ -22,7 +22,7 @@ export const Home = () => {
         <View className={style.backgroundImage} />
       </View>
 
-      <View data-mirai-component="finder" className={style.inHome} />
+      <View data-mirai-component="finder" className={style.centered} />
 
       <View row={!isMobile} tag="section" className={[style.section, style.spaceBetween, style.wrapper]}>
         <View className={style.texts}>
@@ -47,9 +47,7 @@ export const Home = () => {
           </Text>
         </View>
 
-        <View className={style.finderColumn}>
-          <View data-mirai-component="finder" data-layout="column" />
-        </View>
+        <View data-mirai-component="finder" data-layout="column" className={style.column} />
       </View>
 
       <View row tag="section" className={[style.section, style.wrapper, style.centered]}>

package/public/routes/routes.module.css

@@ -33,13 +33,6 @@
   align-self: flex-start;
 }
 
-.finderColumn {
-  background-color: var(--mirai-ui-content-background);
-  max-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M));
-  min-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M));
-  padding: var(--mirai-ui-space-M);
-}
-
 .image {
   background-color: var(--mirai-ui-content-background);
 }
@@ -104,14 +97,6 @@
   max-width: var(--mirai-ui-breakpoint-S);
 }
 
-[data-mirai-component='finder'].inHome {
-  background-color: var(--mirai-ui-base);
-  box-shadow: var(--mirai-ui-shadow);
-  border-radius: var(--mirai-ui-border-radius);
-  margin: 0 auto;
-  z-index: 1;
-}
-
 .cards {
   gap: var(--mirai-ui-space-L);
   width: 100%;
@@ -144,6 +129,17 @@
   gap: var(--mirai-ui-space-S);
 }
 
+[data-mirai-component='finder'].centered {
+  margin: 0 auto;
+  z-index: 1;
+}
+
+[data-mirai-component='finder'].column {
+  background-color: var(--mirai-ui-content-background);
+  max-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M));
+  padding: var(--mirai-ui-space-M);
+}
+
 @media only screen and (max-width: 430px) {
   .section {
     padding: var(--mirai-ui-space-XL) var(--mirai-ui-space-M);
@@ -189,9 +185,8 @@
     min-width: 90svw;
   }
 
-  [data-mirai-component='finder'].inHome {
-    margin-top: calc(var(--mirai-ui-space-XXL) * -1);
-    padding: var(--mirai-ui-space-M);
+  [data-mirai-component='finder'].centered {
+    margin-top: calc(var(--mirai-ui-space-XXL) * -1.5);
     width: 90vw;
   }
 }
@@ -238,8 +233,11 @@
     min-width: var(--mirai-ui-breakpoint-S);
   }
 
-  [data-mirai-component='finder'].inHome {
+  [data-mirai-component='finder'].centered {
     margin-top: calc(var(--mirai-ui-space-XL) * -1);
-    padding: var(--mirai-ui-space-L);
+  }
+
+  [data-mirai-component='finder'].column {
+    min-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M));
   }
 }