@mirai/core 0.3.327 → 0.3.328

package/build/components/Deals/__tests__/__snapshots__/Deals.test.js.snap

@@ -14,7 +14,7 @@ exports[`component:<Deals> inherit:className 1`] = `
         finder.label.select_dates_persons
       </h2>
       <button
-        class="pressable action"
+        class="pressable button transparent"
       >
         <span
           class="icon headline-3"
@@ -1679,7 +1679,7 @@ exports[`component:<Deals> inherit:className 1`] = `
                   </span>
                 </div>
                 <button
-                  class="pressable button squared secondary"
+                  class="pressable button small squared secondary"
                 >
                   <span
                     class="icon headline-3"
@@ -1709,7 +1709,7 @@ exports[`component:<Deals> inherit:className 1`] = `
                   2
                 </span>
                 <button
-                  class="pressable button squared secondary"
+                  class="pressable button small squared secondary"
                 >
                   <span
                     class="icon headline-3"
@@ -1758,7 +1758,7 @@ exports[`component:<Deals> inherit:className 1`] = `
                   </span>
                 </div>
                 <button
-                  class="pressable disabled button squared disabled"
+                  class="pressable disabled button small squared disabled"
                   disabled=""
                 >
                   <span
@@ -1789,7 +1789,7 @@ exports[`component:<Deals> inherit:className 1`] = `
                   0
                 </span>
                 <button
-                  class="pressable button squared secondary"
+                  class="pressable button small squared secondary"
                 >
                   <span
                     class="icon headline-3"
@@ -1875,6 +1875,11 @@ exports[`component:<Deals> inherit:className 1`] = `
           <div
             class="view"
           >
+            <span
+              class="text small"
+            >
+              common.label.promotion
+            </span>
             <div
               class="view row"
             >
@@ -1932,7 +1937,7 @@ exports[`component:<Deals> prop:value 1`] = `
         finder.label.select_dates_persons
       </h2>
       <button
-        class="pressable action"
+        class="pressable button transparent"
       >
         <span
           class="icon headline-3"
@@ -3614,7 +3619,7 @@ exports[`component:<Deals> prop:value 1`] = `
                   </span>
                 </div>
                 <button
-                  class="pressable button squared secondary"
+                  class="pressable button small squared secondary"
                 >
                   <span
                     class="icon headline-3"
@@ -3644,7 +3649,7 @@ exports[`component:<Deals> prop:value 1`] = `
                   2
                 </span>
                 <button
-                  class="pressable button squared secondary"
+                  class="pressable button small squared secondary"
                 >
                   <span
                     class="icon headline-3"
@@ -3693,7 +3698,7 @@ exports[`component:<Deals> prop:value 1`] = `
                   </span>
                 </div>
                 <button
-                  class="pressable button squared secondary"
+                  class="pressable button small squared secondary"
                 >
                   <span
                     class="icon headline-3"
@@ -3723,7 +3728,7 @@ exports[`component:<Deals> prop:value 1`] = `
                   1
                 </span>
                 <button
-                  class="pressable button squared secondary"
+                  class="pressable button small squared secondary"
                 >
                   <span
                     class="icon headline-3"
@@ -3956,6 +3961,11 @@ exports[`component:<Deals> prop:value 1`] = `
           <div
             class="view"
           >
+            <span
+              class="text small"
+            >
+              common.label.promotion
+            </span>
             <div
               class="view row"
             >
@@ -4012,7 +4022,7 @@ exports[`component:<Deals> renders 1`] = `
         finder.label.select_dates_persons
       </h2>
       <button
-        class="pressable action"
+        class="pressable button transparent"
       >
         <span
           class="icon headline-3"
@@ -5677,7 +5687,7 @@ exports[`component:<Deals> renders 1`] = `
                   </span>
                 </div>
                 <button
-                  class="pressable button squared secondary"
+                  class="pressable button small squared secondary"
                 >
                   <span
                     class="icon headline-3"
@@ -5707,7 +5717,7 @@ exports[`component:<Deals> renders 1`] = `
                   2
                 </span>
                 <button
-                  class="pressable button squared secondary"
+                  class="pressable button small squared secondary"
                 >
                   <span
                     class="icon headline-3"
@@ -5756,7 +5766,7 @@ exports[`component:<Deals> renders 1`] = `
                   </span>
                 </div>
                 <button
-                  class="pressable disabled button squared disabled"
+                  class="pressable disabled button small squared disabled"
                   disabled=""
                 >
                   <span
@@ -5787,7 +5797,7 @@ exports[`component:<Deals> renders 1`] = `
                   0
                 </span>
                 <button
-                  class="pressable button squared secondary"
+                  class="pressable button small squared secondary"
                 >
                   <span
                     class="icon headline-3"
@@ -5873,6 +5883,11 @@ exports[`component:<Deals> renders 1`] = `
           <div
             class="view"
           >
+            <span
+              class="text small"
+            >
+              common.label.promotion
+            </span>
             <div
               class="view row"
             >
@@ -5931,7 +5946,7 @@ exports[`component:<Deals> testID 1`] = `
         finder.label.select_dates_persons
       </h2>
       <button
-        class="pressable action"
+        class="pressable button transparent"
       >
         <span
           class="icon headline-3"
@@ -7600,7 +7615,7 @@ exports[`component:<Deals> testID 1`] = `
                   </span>
                 </div>
                 <button
-                  class="pressable button squared secondary"
+                  class="pressable button small squared secondary"
                 >
                   <span
                     class="icon headline-3"
@@ -7630,7 +7645,7 @@ exports[`component:<Deals> testID 1`] = `
                   2
                 </span>
                 <button
-                  class="pressable button squared secondary"
+                  class="pressable button small squared secondary"
                 >
                   <span
                     class="icon headline-3"
@@ -7679,7 +7694,7 @@ exports[`component:<Deals> testID 1`] = `
                   </span>
                 </div>
                 <button
-                  class="pressable disabled button squared disabled"
+                  class="pressable disabled button small squared disabled"
                   disabled=""
                 >
                   <span
@@ -7710,7 +7725,7 @@ exports[`component:<Deals> testID 1`] = `
                   0
                 </span>
                 <button
-                  class="pressable button squared secondary"
+                  class="pressable button small squared secondary"
                 >
                   <span
                     class="icon headline-3"
@@ -7797,6 +7812,11 @@ exports[`component:<Deals> testID 1`] = `
           <div
             class="view"
           >
+            <span
+              class="text small"
+            >
+              common.label.promotion
+            </span>
             <div
               class="view row"
             >

package/build/components/Finder/Finder.compact.js

@@ -78,7 +78,7 @@ const Compact = function () {
   }), (0, _helpers.getPlaceCaption)(place, places.options))), /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
     onPress: () => onExpand(_Finder.VIEW.CALENDAR),
     className: style.calendar
-  }, /*#__PURE__*/_react.default.createElement(_ui.Icon, _extends({}, icon, {
+  }, !isMobile || isMobile && !place && /*#__PURE__*/_react.default.createElement(_ui.Icon, _extends({}, icon, {
     value: _Finder.FIELD.CALENDAR.icon
   })), /*#__PURE__*/_react.default.createElement(_ui.Text, text, "".concat(from ? dateFormat(from, {
     locale,
@@ -98,7 +98,7 @@ const Compact = function () {
     onPress: () => onExpand(_Finder.VIEW.PROMOCODE)
   }, /*#__PURE__*/_react.default.createElement(_ui.Icon, _extends({}, icon, {
     value: _Finder.FIELD.PROMOCODE.icon
-  })), promocode && /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({}, text, {
+  })), promocode && !isMobile && /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({}, text, {
     className: [style.promocode, style.textEllipsis]
   }), promocode)), !isMobile && /*#__PURE__*/_react.default.createElement(_ui.Button, {
     small: true,

package/build/components/Finder/Finder.compact.js.map

@@ -1 +1 @@
-{"version":3,"file":"Finder.compact.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_Finder","style","_interopRequireWildcard","_helpers","_BookingDates","_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","DATE_FORMAT_COMPACT","month","day","LEFT","DIRECTION_TYPE","Compact","dataSource","places","placesSource","value","calendar","from","to","occupation","place","promocode","onExpand","onSubmit","undefined","isMobile","useDevice","dateFormat","translate","useLocale","config","hotels","lodgingDenomination","individual","locale","useStore","getHotels","icon","className","text","action","direction","Theme","getDirection","createElement","View","row","styles","finder","compact","directionLeft","directionRight","Pressable","onPress","VIEW","PLACE","Icon","FIELD","Text","textEllipsis","getPlaceCaption","options","CALENDAR","concat","L10N","LABEL_CHECK_IN","LABEL_CHECK_OUT","OCCUPATION","getOccupationSummary","getAccommodationType","PROMOCODE","Button","small","squared","button","ICON","SEARCH","exports","propTypes","PropTypes","any","func"],"sources":["../../../src/components/Finder/Finder.compact.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Button, DIRECTION_TYPE, Icon, Pressable, styles, Text, Theme, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { FIELD } from './Finder.constants';\nimport { VIEW } from './Finder.constants';\nimport * as style from './Finder.module.css';\nimport { getHotels, getPlaceCaption } from './helpers';\nimport { L10N } from '../__shared__/BookingDates/BookingDates.l10n';\nimport { ICON } from '../helpers';\nimport { getAccommodationType, getOccupationSummary } from '../helpers';\n\nconst DATE_FORMAT_COMPACT = { month: 'short', day: 'numeric' };\nconst { LEFT } = DIRECTION_TYPE;\n\nconst Compact = ({\n  dataSource: { places = {}, placesSource } = {},\n  value: { calendar: [from, to] = [], occupation = [], place: { value: place } = {}, promocode } = {},\n  onExpand = () => {},\n  onSubmit = () => {},\n} = {}) => {\n  const { isMobile } = useDevice();\n  const { dateFormat, translate } = useLocale();\n  const {\n    value: { config: { hotels: dataSource, lodgingDenomination: individual } = {}, locale },\n  } = useStore();\n\n  const hotels = getHotels(placesSource, place);\n\n  const icon = { className: style.icon };\n  const text = { action: true };\n  const direction = Theme.getDirection();\n\n  return (\n    <View\n      row\n      className={styles(style.finder, style.compact, direction === LEFT ? style.directionLeft : style.directionRight)}\n    >\n      {place && (\n        <Pressable onPress={() => onExpand(VIEW.PLACE)}>\n          <Icon {...icon} value={FIELD.PLACE.icon} />\n          {!isMobile && (\n            <Text {...text} className={[style.place, style.textEllipsis]}>\n              {getPlaceCaption(place, places.options)}\n            </Text>\n          )}\n        </Pressable>\n      )}\n\n      <Pressable onPress={() => onExpand(VIEW.CALENDAR)} className={style.calendar}>\n        <Icon {...icon} value={FIELD.CALENDAR.icon} />\n        <Text {...text}>\n          {`${from ? dateFormat(from, { locale, ...DATE_FORMAT_COMPACT }) : translate(L10N.LABEL_CHECK_IN)} ─ ${\n            to ? dateFormat(to, { locale, ...DATE_FORMAT_COMPACT }) : translate(L10N.LABEL_CHECK_OUT)\n          }`}\n        </Text>\n      </Pressable>\n\n      <Pressable onPress={() => onExpand(VIEW.OCCUPATION)}>\n        <Icon {...icon} value={FIELD.OCCUPATION.icon} />\n        <Text {...text}>\n          {getOccupationSummary(\n            occupation,\n            translate,\n            !isMobile ? getAccommodationType({ dataSource, hotels, individual }) : undefined,\n          )}\n        </Text>\n      </Pressable>\n\n      <Pressable onPress={() => onExpand(VIEW.PROMOCODE)}>\n        <Icon {...icon} value={FIELD.PROMOCODE.icon} />\n        {promocode && (\n          <Text {...text} className={[style.promocode, style.textEllipsis]}>\n            {promocode}\n          </Text>\n        )}\n      </Pressable>\n\n      {!isMobile && (\n        <Button small squared onPress={onSubmit} className={style.button}>\n          <Icon value={ICON.SEARCH} />\n        </Button>\n      )}\n    </View>\n  );\n};\n\nCompact.propTypes = {\n  dataSource: PropTypes.any,\n  value: PropTypes.any,\n  onExpand: PropTypes.func,\n  onSubmit: PropTypes.func,\n};\n\nexport { Compact };\n"],"mappings":"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"}
+{"version":3,"file":"Finder.compact.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_Finder","style","_interopRequireWildcard","_helpers","_BookingDates","_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","DATE_FORMAT_COMPACT","month","day","LEFT","DIRECTION_TYPE","Compact","dataSource","places","placesSource","value","calendar","from","to","occupation","place","promocode","onExpand","onSubmit","undefined","isMobile","useDevice","dateFormat","translate","useLocale","config","hotels","lodgingDenomination","individual","locale","useStore","getHotels","icon","className","text","action","direction","Theme","getDirection","createElement","View","row","styles","finder","compact","directionLeft","directionRight","Pressable","onPress","VIEW","PLACE","Icon","FIELD","Text","textEllipsis","getPlaceCaption","options","CALENDAR","concat","L10N","LABEL_CHECK_IN","LABEL_CHECK_OUT","OCCUPATION","getOccupationSummary","getAccommodationType","PROMOCODE","Button","small","squared","button","ICON","SEARCH","exports","propTypes","PropTypes","any","func"],"sources":["../../../src/components/Finder/Finder.compact.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Button, DIRECTION_TYPE, Icon, Pressable, styles, Text, Theme, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { FIELD } from './Finder.constants';\nimport { VIEW } from './Finder.constants';\nimport * as style from './Finder.module.css';\nimport { getHotels, getPlaceCaption } from './helpers';\nimport { L10N } from '../__shared__/BookingDates/BookingDates.l10n';\nimport { ICON } from '../helpers';\nimport { getAccommodationType, getOccupationSummary } from '../helpers';\n\nconst DATE_FORMAT_COMPACT = { month: 'short', day: 'numeric' };\nconst { LEFT } = DIRECTION_TYPE;\n\nconst Compact = ({\n  dataSource: { places = {}, placesSource } = {},\n  value: { calendar: [from, to] = [], occupation = [], place: { value: place } = {}, promocode } = {},\n  onExpand = () => {},\n  onSubmit = () => {},\n} = {}) => {\n  const { isMobile } = useDevice();\n  const { dateFormat, translate } = useLocale();\n  const {\n    value: { config: { hotels: dataSource, lodgingDenomination: individual } = {}, locale },\n  } = useStore();\n\n  const hotels = getHotels(placesSource, place);\n\n  const icon = { className: style.icon };\n  const text = { action: true };\n  const direction = Theme.getDirection();\n\n  return (\n    <View\n      row\n      className={styles(style.finder, style.compact, direction === LEFT ? style.directionLeft : style.directionRight)}\n    >\n      {place && (\n        <Pressable onPress={() => onExpand(VIEW.PLACE)}>\n          <Icon {...icon} value={FIELD.PLACE.icon} />\n          {!isMobile && (\n            <Text {...text} className={[style.place, style.textEllipsis]}>\n              {getPlaceCaption(place, places.options)}\n            </Text>\n          )}\n        </Pressable>\n      )}\n\n      <Pressable onPress={() => onExpand(VIEW.CALENDAR)} className={style.calendar}>\n        {!isMobile || (isMobile && !place && <Icon {...icon} value={FIELD.CALENDAR.icon} />)}\n        <Text {...text}>\n          {`${from ? dateFormat(from, { locale, ...DATE_FORMAT_COMPACT }) : translate(L10N.LABEL_CHECK_IN)} ─ ${\n            to ? dateFormat(to, { locale, ...DATE_FORMAT_COMPACT }) : translate(L10N.LABEL_CHECK_OUT)\n          }`}\n        </Text>\n      </Pressable>\n\n      <Pressable onPress={() => onExpand(VIEW.OCCUPATION)}>\n        <Icon {...icon} value={FIELD.OCCUPATION.icon} />\n        <Text {...text}>\n          {getOccupationSummary(\n            occupation,\n            translate,\n            !isMobile ? getAccommodationType({ dataSource, hotels, individual }) : undefined,\n          )}\n        </Text>\n      </Pressable>\n\n      <Pressable onPress={() => onExpand(VIEW.PROMOCODE)}>\n        <Icon {...icon} value={FIELD.PROMOCODE.icon} />\n        {promocode && !isMobile && (\n          <Text {...text} className={[style.promocode, style.textEllipsis]}>\n            {promocode}\n          </Text>\n        )}\n      </Pressable>\n\n      {!isMobile && (\n        <Button small squared onPress={onSubmit} className={style.button}>\n          <Icon value={ICON.SEARCH} />\n        </Button>\n      )}\n    </View>\n  );\n};\n\nCompact.propTypes = {\n  dataSource: PropTypes.any,\n  value: PropTypes.any,\n  onExpand: PropTypes.func,\n  onSubmit: PropTypes.func,\n};\n\nexport { Compact };\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAEA,IAAAM,OAAA,GAAAN,OAAA;AAEA,IAAAO,KAAA,GAAAC,uBAAA,CAAAR,OAAA;AACA,IAAAS,QAAA,GAAAT,OAAA;AACA,IAAAU,aAAA,GAAAV,OAAA;AACA,IAAAW,SAAA,GAAAX,OAAA;AAAkC,SAAAY,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,SAAAL,wBAAAK,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,SAAAjB,uBAAA6B,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAhB,UAAA,GAAAgB,GAAA,KAAAf,OAAA,EAAAe,GAAA;AAAA,SAAAC,SAAA,IAAAA,QAAA,GAAAV,MAAA,CAAAW,MAAA,GAAAX,MAAA,CAAAW,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAN,CAAA,MAAAA,CAAA,GAAAO,SAAA,CAAAC,MAAA,EAAAR,CAAA,UAAAS,MAAA,GAAAF,SAAA,CAAAP,CAAA,YAAAU,GAAA,IAAAD,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAGlC,MAAMK,mBAAmB,GAAG;EAAEC,KAAK,EAAE,OAAO;EAAEC,GAAG,EAAE;AAAU,CAAC;AAC9D,MAAM;EAAEC;AAAK,CAAC,GAAGC,kBAAc;AAE/B,MAAMC,OAAO,GAAG,SAAAA,CAAA,EAKL;EAAA,IALM;IACfC,UAAU,EAAE;MAAEC,MAAM,GAAG,CAAC,CAAC;MAAEC;IAAa,CAAC,GAAG,CAAC,CAAC;IAC9CC,KAAK,EAAE;MAAEC,QAAQ,EAAE,CAACC,IAAI,EAAEC,EAAE,CAAC,GAAG,EAAE;MAAEC,UAAU,GAAG,EAAE;MAAEC,KAAK,EAAE;QAAEL,KAAK,EAAEK;MAAM,CAAC,GAAG,CAAC,CAAC;MAAEC;IAAU,CAAC,GAAG,CAAC,CAAC;IACnGC,QAAQ,GAAGA,CAAA,KAAM,CAAC,CAAC;IACnBC,QAAQ,GAAGA,CAAA,KAAM,CAAC;EACpB,CAAC,GAAAtB,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAuB,SAAA,GAAAvB,SAAA,MAAG,CAAC,CAAC;EACJ,MAAM;IAAEwB;EAAS,CAAC,GAAG,IAAAC,aAAS,EAAC,CAAC;EAChC,MAAM;IAAEC,UAAU;IAAEC;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC7C,MAAM;IACJd,KAAK,EAAE;MAAEe,MAAM,EAAE;QAAEC,MAAM,EAAEnB,UAAU;QAAEoB,mBAAmB,EAAEC;MAAW,CAAC,GAAG,CAAC,CAAC;MAAEC;IAAO;EACxF,CAAC,GAAG,IAAAC,qBAAQ,EAAC,CAAC;EAEd,MAAMJ,MAAM,GAAG,IAAAK,kBAAS,EAACtB,YAAY,EAAEM,KAAK,CAAC;EAE7C,MAAMiB,IAAI,GAAG;IAAEC,SAAS,EAAEpE,KAAK,CAACmE;EAAK,CAAC;EACtC,MAAME,IAAI,GAAG;IAAEC,MAAM,EAAE;EAAK,CAAC;EAC7B,MAAMC,SAAS,GAAGC,SAAK,CAACC,YAAY,CAAC,CAAC;EAEtC,oBACE3E,MAAA,CAAAa,OAAA,CAAA+D,aAAA,CAAC/E,GAAA,CAAAgF,IAAI;IACHC,GAAG;IACHR,SAAS,EAAE,IAAAS,UAAM,EAAC7E,KAAK,CAAC8E,MAAM,EAAE9E,KAAK,CAAC+E,OAAO,EAAER,SAAS,KAAKhC,IAAI,GAAGvC,KAAK,CAACgF,aAAa,GAAGhF,KAAK,CAACiF,cAAc;EAAE,GAE/G/B,KAAK,iBACJpD,MAAA,CAAAa,OAAA,CAAA+D,aAAA,CAAC/E,GAAA,CAAAuF,SAAS;IAACC,OAAO,EAAEA,CAAA,KAAM/B,QAAQ,CAACgC,YAAI,CAACC,KAAK;EAAE,gBAC7CvF,MAAA,CAAAa,OAAA,CAAA+D,aAAA,CAAC/E,GAAA,CAAA2F,IAAI,EAAA3D,QAAA,KAAKwC,IAAI;IAAEtB,KAAK,EAAE0C,aAAK,CAACF,KAAK,CAAClB;EAAK,EAAE,CAAC,EAC1C,CAACZ,QAAQ,iBACRzD,MAAA,CAAAa,OAAA,CAAA+D,aAAA,CAAC/E,GAAA,CAAA6F,IAAI,EAAA7D,QAAA,KAAK0C,IAAI;IAAED,SAAS,EAAE,CAACpE,KAAK,CAACkD,KAAK,EAAElD,KAAK,CAACyF,YAAY;EAAE,IAC1D,IAAAC,wBAAe,EAACxC,KAAK,EAAEP,MAAM,CAACgD,OAAO,CAClC,CAEC,CACZ,eAED7F,MAAA,CAAAa,OAAA,CAAA+D,aAAA,CAAC/E,GAAA,CAAAuF,SAAS;IAACC,OAAO,EAAEA,CAAA,KAAM/B,QAAQ,CAACgC,YAAI,CAACQ,QAAQ,CAAE;IAACxB,SAAS,EAAEpE,KAAK,CAAC8C;EAAS,GAC1E,CAACS,QAAQ,IAAKA,QAAQ,IAAI,CAACL,KAAK,iBAAIpD,MAAA,CAAAa,OAAA,CAAA+D,aAAA,CAAC/E,GAAA,CAAA2F,IAAI,EAAA3D,QAAA,KAAKwC,IAAI;IAAEtB,KAAK,EAAE0C,aAAK,CAACK,QAAQ,CAACzB;EAAK,EAAE,CAAE,eACpFrE,MAAA,CAAAa,OAAA,CAAA+D,aAAA,CAAC/E,GAAA,CAAA6F,IAAI,EAAKnB,IAAI,KAAAwB,MAAA,CACR9C,IAAI,GAAGU,UAAU,CAACV,IAAI,EAAE;IAAEiB,MAAM;IAAE,GAAG5B;EAAoB,CAAC,CAAC,GAAGsB,SAAS,CAACoC,kBAAI,CAACC,cAAc,CAAC,cAAAF,MAAA,CAC9F7C,EAAE,GAAGS,UAAU,CAACT,EAAE,EAAE;IAAEgB,MAAM;IAAE,GAAG5B;EAAoB,CAAC,CAAC,GAAGsB,SAAS,CAACoC,kBAAI,CAACE,eAAe,CAAC,CAEvF,CACG,CAAC,eAEZlG,MAAA,CAAAa,OAAA,CAAA+D,aAAA,CAAC/E,GAAA,CAAAuF,SAAS;IAACC,OAAO,EAAEA,CAAA,KAAM/B,QAAQ,CAACgC,YAAI,CAACa,UAAU;EAAE,gBAClDnG,MAAA,CAAAa,OAAA,CAAA+D,aAAA,CAAC/E,GAAA,CAAA2F,IAAI,EAAA3D,QAAA,KAAKwC,IAAI;IAAEtB,KAAK,EAAE0C,aAAK,CAACU,UAAU,CAAC9B;EAAK,EAAE,CAAC,eAChDrE,MAAA,CAAAa,OAAA,CAAA+D,aAAA,CAAC/E,GAAA,CAAA6F,IAAI,EAAKnB,IAAI,EACX,IAAA6B,8BAAoB,EACnBjD,UAAU,EACVS,SAAS,EACT,CAACH,QAAQ,GAAG,IAAA4C,8BAAoB,EAAC;IAAEzD,UAAU;IAAEmB,MAAM;IAAEE;EAAW,CAAC,CAAC,GAAGT,SACzE,CACI,CACG,CAAC,eAEZxD,MAAA,CAAAa,OAAA,CAAA+D,aAAA,CAAC/E,GAAA,CAAAuF,SAAS;IAACC,OAAO,EAAEA,CAAA,KAAM/B,QAAQ,CAACgC,YAAI,CAACgB,SAAS;EAAE,gBACjDtG,MAAA,CAAAa,OAAA,CAAA+D,aAAA,CAAC/E,GAAA,CAAA2F,IAAI,EAAA3D,QAAA,KAAKwC,IAAI;IAAEtB,KAAK,EAAE0C,aAAK,CAACa,SAAS,CAACjC;EAAK,EAAE,CAAC,EAC9ChB,SAAS,IAAI,CAACI,QAAQ,iBACrBzD,MAAA,CAAAa,OAAA,CAAA+D,aAAA,CAAC/E,GAAA,CAAA6F,IAAI,EAAA7D,QAAA,KAAK0C,IAAI;IAAED,SAAS,EAAE,CAACpE,KAAK,CAACmD,SAAS,EAAEnD,KAAK,CAACyF,YAAY;EAAE,IAC9DtC,SACG,CAEC,CAAC,EAEX,CAACI,QAAQ,iBACRzD,MAAA,CAAAa,OAAA,CAAA+D,aAAA,CAAC/E,GAAA,CAAA0G,MAAM;IAACC,KAAK;IAACC,OAAO;IAACpB,OAAO,EAAE9B,QAAS;IAACe,SAAS,EAAEpE,KAAK,CAACwG;EAAO,gBAC/D1G,MAAA,CAAAa,OAAA,CAAA+D,aAAA,CAAC/E,GAAA,CAAA2F,IAAI;IAACzC,KAAK,EAAE4D,cAAI,CAACC;EAAO,CAAE,CACrB,CAEN,CAAC;AAEX,CAAC;AAACC,OAAA,CAAAlE,OAAA,GAAAA,OAAA;AAEFA,OAAO,CAACmE,SAAS,GAAG;EAClBlE,UAAU,EAAEmE,kBAAS,CAACC,GAAG;EACzBjE,KAAK,EAAEgE,kBAAS,CAACC,GAAG;EACpB1D,QAAQ,EAAEyD,kBAAS,CAACE,IAAI;EACxB1D,QAAQ,EAAEwD,kBAAS,CAACE;AACtB,CAAC"}

package/build/components/Finder/Finder.module.css

@@ -104,6 +104,7 @@
 /* S */
 @media only screen and (max-width: 480px) {
   .compact {
+    flex: 1;
     justify-content: center;
     padding: var(--mirai-ui-space-XS) 0;
     width: 100%;
@@ -119,7 +120,7 @@
   }
 
   .compact .promocode {
-    max-width: calc(var(--mirai-ui-space-XL) * 1);
+    max-width: var(--mirai-ui-space-L);
   }
 }