@mirai/core 0.3.336 → 0.3.337

package/build/components/BannerLoyalty/BannerLoyalty.js

@@ -78,7 +78,9 @@ const BannerLoyalty = _ref => {
   }, title[locale] || title[_locale.DEFAULT_LOCALE]), /*#__PURE__*/_react.default.createElement(_ui.Text, {
     action: isMobile,
     className: style.text
-  }, description[locale] || description[_locale.DEFAULT_LOCALE])), /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_ui.ScrollView, {
+  }, description[locale] || description[_locale.DEFAULT_LOCALE])), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    wide: true
+  }, /*#__PURE__*/_react.default.createElement(_ui.ScrollView, {
     horizontal: !isMobile,
     scrollTo: scrollIndex * _BannerLoyalty.BENEFIT_MIN_WIDTH,
     className: style.list

package/build/components/BannerLoyalty/BannerLoyalty.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerLoyalty.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_BannerLoyalty","_BannerLoyalty2","style","_BannerLoyalty3","_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","interval","BannerLoyalty","_ref","clubConditions","skeleton","others","isMobile","useDevice","locale","stateLocale","translate","useLocale","value","club","banner","benefits","description","title","url","discount","session","useStore","scrollIndex","setScrollIndex","useState","useEffect","clearTimeout","setTimeout","BENEFIT_TIMEOUT","handlePressLogin","Event","publish","EVENT","LOGIN","visible","getNormalizedLocale","actionProps","action","bold","small","className","textInline","createElement","View","row","testId","container","highlight","Text","headline","level","logo","text","DEFAULT_LOCALE","ScrollView","horizontal","scrollTo","BENEFIT_MIN_WIDTH","list","map","icon","undefined","index","Icon","accent","ICON","AMENITY","light","Fragment","Action","onPress","RATES_FILTER_CLUB","L10N","LABEL_UNLOCK_EXCLUSIVE_MEMBER","LABEL_CLUB_CONDITIONS","conditions","href","ACTION_CLUB_VIEW_CONDITIONS","LABEL_LOGIN_NOW","login","ACTION_LOGIN","toLowerCase","ACTION_MORE_INFO","exports","displayName","propTypes","PropTypes","string","bool"],"sources":["../../../src/components/BannerLoyalty/BannerLoyalty.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { DEFAULT_LOCALE, useLocale } from '@mirai/locale';\nimport { Action, Icon, ScrollView, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { BENEFIT_MIN_WIDTH, BENEFIT_TIMEOUT } from './BannerLoyalty.constants';\nimport { L10N } from './BannerLoyalty.l10n';\nimport * as style from './BannerLoyalty.module.css';\nimport Skeleton from './BannerLoyalty.skeleton';\nimport { EVENT, getNormalizedLocale, ICON } from '../helpers';\n\nlet interval;\n\nconst BannerLoyalty = ({ clubConditions, skeleton, ...others }) => {\n  const { isMobile } = useDevice();\n  const { locale: stateLocale, translate } = useLocale();\n  const {\n    value: { club: { banner: { benefits = [], description = {}, title, url } = {}, discount } = {}, session },\n  } = useStore();\n\n  const [scrollIndex, setScrollIndex] = useState(0);\n\n  useEffect(() => {\n    clearTimeout(interval);\n    if (isMobile || !benefits.length || scrollIndex >= benefits.length + 1) return;\n\n    interval = setTimeout(() => setScrollIndex(scrollIndex + 1), BENEFIT_TIMEOUT);\n  }, [benefits, isMobile, scrollIndex]);\n\n  const handlePressLogin = () => {\n    Event.publish(EVENT.LOGIN, { visible: true });\n  };\n\n  const locale = getNormalizedLocale(stateLocale);\n  const actionProps = { action: !isMobile, bold: true, small: isMobile, className: style.textInline };\n\n  return skeleton && !session ? (\n    <Skeleton />\n  ) : !session && title && benefits.length > 0 ? (\n    <View row={!isMobile} testId={others.testId} className={[style.container, others.className]}>\n      <View className={style.highlight}>\n        <Text bold headline level={isMobile ? 2 : 1} className={[style.logo, style.text]}>\n          {title[locale] || title[DEFAULT_LOCALE]}\n        </Text>\n        <Text action={isMobile} className={style.text}>\n          {description[locale] || description[DEFAULT_LOCALE]}\n        </Text>\n      </View>\n\n      <View>\n        <ScrollView horizontal={!isMobile} scrollTo={scrollIndex * BENEFIT_MIN_WIDTH} className={style.list}>\n          {benefits.map(({ description = {}, icon } = {}, index) => (\n            <View key={index} row={isMobile}>\n              <Icon accent headline level={isMobile ? 2 : 1} value={ICON[icon] || ICON.AMENITY} />\n              <Text action={!isMobile} small={isMobile} className={style.text}>\n                {description[locale] || description[DEFAULT_LOCALE]}\n              </Text>\n            </View>\n          ))}\n        </ScrollView>\n\n        <Text light action={!isMobile} small={isMobile}>\n          {discount === false && (\n            <>\n              <Action {...actionProps} onPress={() => Event.publish(EVENT.RATES_FILTER_CLUB, true)}>\n                {translate(L10N.LABEL_UNLOCK_EXCLUSIVE_MEMBER)}\n              </Action>{' '}\n            </>\n          )}\n\n          {clubConditions\n            ? translate(L10N.LABEL_CLUB_CONDITIONS, {\n                conditions: (\n                  <Action\n                    action={!isMobile}\n                    small={isMobile}\n                    href={clubConditions}\n                    target=\"_blank\"\n                    className={style.textInline}\n                  >\n                    {translate(L10N.ACTION_CLUB_VIEW_CONDITIONS)}\n                  </Action>\n                ),\n              })\n            : translate(L10N.LABEL_LOGIN_NOW, {\n                login: (\n                  <Action {...actionProps} onPress={handlePressLogin}>\n                    {translate(L10N.ACTION_LOGIN).toLowerCase()}\n                  </Action>\n                ),\n              })}\n\n          {url && (\n            <>\n              {' '}\n              <Action action={!isMobile} href={url} small={isMobile} target=\"_blank\" className={style.textInline}>\n                {translate(L10N.ACTION_MORE_INFO)}\n              </Action>\n            </>\n          )}\n        </Text>\n      </View>\n    </View>\n  ) : null;\n};\n\nBannerLoyalty.displayName = 'Mirai:Core:BannerLoyalty';\n\nBannerLoyalty.propTypes = {\n  clubConditions: PropTypes.string,\n  skeleton: PropTypes.bool,\n};\n\nexport { BannerLoyalty };\n"],"mappings":"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"}
+{"version":3,"file":"BannerLoyalty.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_BannerLoyalty","_BannerLoyalty2","style","_BannerLoyalty3","_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","interval","BannerLoyalty","_ref","clubConditions","skeleton","others","isMobile","useDevice","locale","stateLocale","translate","useLocale","value","club","banner","benefits","description","title","url","discount","session","useStore","scrollIndex","setScrollIndex","useState","useEffect","clearTimeout","setTimeout","BENEFIT_TIMEOUT","handlePressLogin","Event","publish","EVENT","LOGIN","visible","getNormalizedLocale","actionProps","action","bold","small","className","textInline","createElement","View","row","testId","container","highlight","Text","headline","level","logo","text","DEFAULT_LOCALE","wide","ScrollView","horizontal","scrollTo","BENEFIT_MIN_WIDTH","list","map","icon","undefined","index","Icon","accent","ICON","AMENITY","light","Fragment","Action","onPress","RATES_FILTER_CLUB","L10N","LABEL_UNLOCK_EXCLUSIVE_MEMBER","LABEL_CLUB_CONDITIONS","conditions","href","ACTION_CLUB_VIEW_CONDITIONS","LABEL_LOGIN_NOW","login","ACTION_LOGIN","toLowerCase","ACTION_MORE_INFO","exports","displayName","propTypes","PropTypes","string","bool"],"sources":["../../../src/components/BannerLoyalty/BannerLoyalty.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { DEFAULT_LOCALE, useLocale } from '@mirai/locale';\nimport { Action, Icon, ScrollView, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { BENEFIT_MIN_WIDTH, BENEFIT_TIMEOUT } from './BannerLoyalty.constants';\nimport { L10N } from './BannerLoyalty.l10n';\nimport * as style from './BannerLoyalty.module.css';\nimport Skeleton from './BannerLoyalty.skeleton';\nimport { EVENT, getNormalizedLocale, ICON } from '../helpers';\n\nlet interval;\n\nconst BannerLoyalty = ({ clubConditions, skeleton, ...others }) => {\n  const { isMobile } = useDevice();\n  const { locale: stateLocale, translate } = useLocale();\n  const {\n    value: { club: { banner: { benefits = [], description = {}, title, url } = {}, discount } = {}, session },\n  } = useStore();\n\n  const [scrollIndex, setScrollIndex] = useState(0);\n\n  useEffect(() => {\n    clearTimeout(interval);\n    if (isMobile || !benefits.length || scrollIndex >= benefits.length + 1) return;\n\n    interval = setTimeout(() => setScrollIndex(scrollIndex + 1), BENEFIT_TIMEOUT);\n  }, [benefits, isMobile, scrollIndex]);\n\n  const handlePressLogin = () => {\n    Event.publish(EVENT.LOGIN, { visible: true });\n  };\n\n  const locale = getNormalizedLocale(stateLocale);\n  const actionProps = { action: !isMobile, bold: true, small: isMobile, className: style.textInline };\n\n  return skeleton && !session ? (\n    <Skeleton />\n  ) : !session && title && benefits.length > 0 ? (\n    <View row={!isMobile} testId={others.testId} className={[style.container, others.className]}>\n      <View className={style.highlight}>\n        <Text bold headline level={isMobile ? 2 : 1} className={[style.logo, style.text]}>\n          {title[locale] || title[DEFAULT_LOCALE]}\n        </Text>\n        <Text action={isMobile} className={style.text}>\n          {description[locale] || description[DEFAULT_LOCALE]}\n        </Text>\n      </View>\n\n      <View wide>\n        <ScrollView horizontal={!isMobile} scrollTo={scrollIndex * BENEFIT_MIN_WIDTH} className={style.list}>\n          {benefits.map(({ description = {}, icon } = {}, index) => (\n            <View key={index} row={isMobile}>\n              <Icon accent headline level={isMobile ? 2 : 1} value={ICON[icon] || ICON.AMENITY} />\n              <Text action={!isMobile} small={isMobile} className={style.text}>\n                {description[locale] || description[DEFAULT_LOCALE]}\n              </Text>\n            </View>\n          ))}\n        </ScrollView>\n\n        <Text light action={!isMobile} small={isMobile}>\n          {discount === false && (\n            <>\n              <Action {...actionProps} onPress={() => Event.publish(EVENT.RATES_FILTER_CLUB, true)}>\n                {translate(L10N.LABEL_UNLOCK_EXCLUSIVE_MEMBER)}\n              </Action>{' '}\n            </>\n          )}\n\n          {clubConditions\n            ? translate(L10N.LABEL_CLUB_CONDITIONS, {\n                conditions: (\n                  <Action\n                    action={!isMobile}\n                    small={isMobile}\n                    href={clubConditions}\n                    target=\"_blank\"\n                    className={style.textInline}\n                  >\n                    {translate(L10N.ACTION_CLUB_VIEW_CONDITIONS)}\n                  </Action>\n                ),\n              })\n            : translate(L10N.LABEL_LOGIN_NOW, {\n                login: (\n                  <Action {...actionProps} onPress={handlePressLogin}>\n                    {translate(L10N.ACTION_LOGIN).toLowerCase()}\n                  </Action>\n                ),\n              })}\n\n          {url && (\n            <>\n              {' '}\n              <Action action={!isMobile} href={url} small={isMobile} target=\"_blank\" className={style.textInline}>\n                {translate(L10N.ACTION_MORE_INFO)}\n              </Action>\n            </>\n          )}\n        </Text>\n      </View>\n    </View>\n  ) : null;\n};\n\nBannerLoyalty.displayName = 'Mirai:Core:BannerLoyalty';\n\nBannerLoyalty.propTypes = {\n  clubConditions: PropTypes.string,\n  skeleton: PropTypes.bool,\n};\n\nexport { BannerLoyalty };\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,GAAAC,uBAAA,CAAAN,OAAA;AAEA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,eAAA,GAAAR,OAAA;AACA,IAAAS,KAAA,GAAAH,uBAAA,CAAAN,OAAA;AACA,IAAAU,eAAA,GAAAN,sBAAA,CAAAJ,OAAA;AACA,IAAAW,QAAA,GAAAX,OAAA;AAA8D,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,SAAAP,wBAAAO,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;AAE9D,IAAIK,QAAQ;AAEZ,MAAMC,aAAa,GAAGC,IAAA,IAA6C;EAAA,IAA5C;IAAEC,cAAc;IAAEC,QAAQ;IAAE,GAAGC;EAAO,CAAC,GAAAH,IAAA;EAC5D,MAAM;IAAEI;EAAS,CAAC,GAAG,IAAAC,aAAS,EAAC,CAAC;EAChC,MAAM;IAAEC,MAAM,EAAEC,WAAW;IAAEC;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EACtD,MAAM;IACJC,KAAK,EAAE;MAAEC,IAAI,EAAE;QAAEC,MAAM,EAAE;UAAEC,QAAQ,GAAG,EAAE;UAAEC,WAAW,GAAG,CAAC,CAAC;UAAEC,KAAK;UAAEC;QAAI,CAAC,GAAG,CAAC,CAAC;QAAEC;MAAS,CAAC,GAAG,CAAC,CAAC;MAAEC;IAAQ;EAC1G,CAAC,GAAG,IAAAC,qBAAQ,EAAC,CAAC;EAEd,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;EAEjD,IAAAC,gBAAS,EAAC,MAAM;IACdC,YAAY,CAAC1B,QAAQ,CAAC;IACtB,IAAIM,QAAQ,IAAI,CAACS,QAAQ,CAACnB,MAAM,IAAI0B,WAAW,IAAIP,QAAQ,CAACnB,MAAM,GAAG,CAAC,EAAE;IAExEI,QAAQ,GAAG2B,UAAU,CAAC,MAAMJ,cAAc,CAACD,WAAW,GAAG,CAAC,CAAC,EAAEM,8BAAe,CAAC;EAC/E,CAAC,EAAE,CAACb,QAAQ,EAAET,QAAQ,EAAEgB,WAAW,CAAC,CAAC;EAErC,MAAMO,gBAAgB,GAAGA,CAAA,KAAM;IAC7BC,kBAAK,CAACC,OAAO,CAACC,cAAK,CAACC,KAAK,EAAE;MAAEC,OAAO,EAAE;IAAK,CAAC,CAAC;EAC/C,CAAC;EAED,MAAM1B,MAAM,GAAG,IAAA2B,4BAAmB,EAAC1B,WAAW,CAAC;EAC/C,MAAM2B,WAAW,GAAG;IAAEC,MAAM,EAAE,CAAC/B,QAAQ;IAAEgC,IAAI,EAAE,IAAI;IAAEC,KAAK,EAAEjC,QAAQ;IAAEkC,SAAS,EAAE1E,KAAK,CAAC2E;EAAW,CAAC;EAEnG,OAAOrC,QAAQ,IAAI,CAACgB,OAAO,gBACzB1D,MAAA,CAAAa,OAAA,CAAAmE,aAAA,CAAC3E,eAAA,CAAAQ,OAAQ,MAAE,CAAC,GACV,CAAC6C,OAAO,IAAIH,KAAK,IAAIF,QAAQ,CAACnB,MAAM,GAAG,CAAC,gBAC1ClC,MAAA,CAAAa,OAAA,CAAAmE,aAAA,CAACnF,GAAA,CAAAoF,IAAI;IAACC,GAAG,EAAE,CAACtC,QAAS;IAACuC,MAAM,EAAExC,MAAM,CAACwC,MAAO;IAACL,SAAS,EAAE,CAAC1E,KAAK,CAACgF,SAAS,EAAEzC,MAAM,CAACmC,SAAS;EAAE,gBAC1F9E,MAAA,CAAAa,OAAA,CAAAmE,aAAA,CAACnF,GAAA,CAAAoF,IAAI;IAACH,SAAS,EAAE1E,KAAK,CAACiF;EAAU,gBAC/BrF,MAAA,CAAAa,OAAA,CAAAmE,aAAA,CAACnF,GAAA,CAAAyF,IAAI;IAACV,IAAI;IAACW,QAAQ;IAACC,KAAK,EAAE5C,QAAQ,GAAG,CAAC,GAAG,CAAE;IAACkC,SAAS,EAAE,CAAC1E,KAAK,CAACqF,IAAI,EAAErF,KAAK,CAACsF,IAAI;EAAE,GAC9EnC,KAAK,CAACT,MAAM,CAAC,IAAIS,KAAK,CAACoC,sBAAc,CAClC,CAAC,eACP3F,MAAA,CAAAa,OAAA,CAAAmE,aAAA,CAACnF,GAAA,CAAAyF,IAAI;IAACX,MAAM,EAAE/B,QAAS;IAACkC,SAAS,EAAE1E,KAAK,CAACsF;EAAK,GAC3CpC,WAAW,CAACR,MAAM,CAAC,IAAIQ,WAAW,CAACqC,sBAAc,CAC9C,CACF,CAAC,eAEP3F,MAAA,CAAAa,OAAA,CAAAmE,aAAA,CAACnF,GAAA,CAAAoF,IAAI;IAACW,IAAI;EAAA,gBACR5F,MAAA,CAAAa,OAAA,CAAAmE,aAAA,CAACnF,GAAA,CAAAgG,UAAU;IAACC,UAAU,EAAE,CAAClD,QAAS;IAACmD,QAAQ,EAAEnC,WAAW,GAAGoC,gCAAkB;IAAClB,SAAS,EAAE1E,KAAK,CAAC6F;EAAK,GACjG5C,QAAQ,CAAC6C,GAAG,CAAC;IAAA,IAAC;MAAE5C,WAAW,GAAG,CAAC,CAAC;MAAE6C;IAAK,CAAC,GAAAlE,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAmE,SAAA,GAAAnE,SAAA,MAAG,CAAC,CAAC;IAAA,IAAEoE,KAAK,GAAApE,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAmE,SAAA;IAAA,oBACnDpG,MAAA,CAAAa,OAAA,CAAAmE,aAAA,CAACnF,GAAA,CAAAoF,IAAI;MAAC7C,GAAG,EAAEiE,KAAM;MAACnB,GAAG,EAAEtC;IAAS,gBAC9B5C,MAAA,CAAAa,OAAA,CAAAmE,aAAA,CAACnF,GAAA,CAAAyG,IAAI;MAACC,MAAM;MAAChB,QAAQ;MAACC,KAAK,EAAE5C,QAAQ,GAAG,CAAC,GAAG,CAAE;MAACM,KAAK,EAAEsD,aAAI,CAACL,IAAI,CAAC,IAAIK,aAAI,CAACC;IAAQ,CAAE,CAAC,eACpFzG,MAAA,CAAAa,OAAA,CAAAmE,aAAA,CAACnF,GAAA,CAAAyF,IAAI;MAACX,MAAM,EAAE,CAAC/B,QAAS;MAACiC,KAAK,EAAEjC,QAAS;MAACkC,SAAS,EAAE1E,KAAK,CAACsF;IAAK,GAC7DpC,WAAW,CAACR,MAAM,CAAC,IAAIQ,WAAW,CAACqC,sBAAc,CAC9C,CACF,CAAC;EAAA,CACR,CACS,CAAC,eAEb3F,MAAA,CAAAa,OAAA,CAAAmE,aAAA,CAACnF,GAAA,CAAAyF,IAAI;IAACoB,KAAK;IAAC/B,MAAM,EAAE,CAAC/B,QAAS;IAACiC,KAAK,EAAEjC;EAAS,GAC5Ca,QAAQ,KAAK,KAAK,iBACjBzD,MAAA,CAAAa,OAAA,CAAAmE,aAAA,CAAAhF,MAAA,CAAAa,OAAA,CAAA8F,QAAA,qBACE3G,MAAA,CAAAa,OAAA,CAAAmE,aAAA,CAACnF,GAAA,CAAA+G,MAAM,EAAA/E,QAAA,KAAK6C,WAAW;IAAEmC,OAAO,EAAEA,CAAA,KAAMzC,kBAAK,CAACC,OAAO,CAACC,cAAK,CAACwC,iBAAiB,EAAE,IAAI;EAAE,IAClF9D,SAAS,CAAC+D,oBAAI,CAACC,6BAA6B,CACvC,CAAC,EAAC,GACV,CACH,EAEAvE,cAAc,GACXO,SAAS,CAAC+D,oBAAI,CAACE,qBAAqB,EAAE;IACpCC,UAAU,eACRlH,MAAA,CAAAa,OAAA,CAAAmE,aAAA,CAACnF,GAAA,CAAA+G,MAAM;MACLjC,MAAM,EAAE,CAAC/B,QAAS;MAClBiC,KAAK,EAAEjC,QAAS;MAChBuE,IAAI,EAAE1E,cAAe;MACrBT,MAAM,EAAC,QAAQ;MACf8C,SAAS,EAAE1E,KAAK,CAAC2E;IAAW,GAE3B/B,SAAS,CAAC+D,oBAAI,CAACK,2BAA2B,CACrC;EAEZ,CAAC,CAAC,GACFpE,SAAS,CAAC+D,oBAAI,CAACM,eAAe,EAAE;IAC9BC,KAAK,eACHtH,MAAA,CAAAa,OAAA,CAAAmE,aAAA,CAACnF,GAAA,CAAA+G,MAAM,EAAA/E,QAAA,KAAK6C,WAAW;MAAEmC,OAAO,EAAE1C;IAAiB,IAChDnB,SAAS,CAAC+D,oBAAI,CAACQ,YAAY,CAAC,CAACC,WAAW,CAAC,CACpC;EAEZ,CAAC,CAAC,EAELhE,GAAG,iBACFxD,MAAA,CAAAa,OAAA,CAAAmE,aAAA,CAAAhF,MAAA,CAAAa,OAAA,CAAA8F,QAAA,QACG,GAAG,eACJ3G,MAAA,CAAAa,OAAA,CAAAmE,aAAA,CAACnF,GAAA,CAAA+G,MAAM;IAACjC,MAAM,EAAE,CAAC/B,QAAS;IAACuE,IAAI,EAAE3D,GAAI;IAACqB,KAAK,EAAEjC,QAAS;IAACZ,MAAM,EAAC,QAAQ;IAAC8C,SAAS,EAAE1E,KAAK,CAAC2E;EAAW,GAChG/B,SAAS,CAAC+D,oBAAI,CAACU,gBAAgB,CAC1B,CACR,CAEA,CACF,CACF,CAAC,GACL,IAAI;AACV,CAAC;AAACC,OAAA,CAAAnF,aAAA,GAAAA,aAAA;AAEFA,aAAa,CAACoF,WAAW,GAAG,0BAA0B;AAEtDpF,aAAa,CAACqF,SAAS,GAAG;EACxBnF,cAAc,EAAEoF,kBAAS,CAACC,MAAM;EAChCpF,QAAQ,EAAEmF,kBAAS,CAACE;AACtB,CAAC"}

package/build/components/BannerLoyalty/BannerLoyalty.module.css

@@ -65,6 +65,7 @@
   .list {
     gap: var(--mirai-ui-space-L);
     margin-bottom: var(--mirai-ui-space-L);
+    min-width: 100%;
   }
 
   .list > * {

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

@@ -4,97 +4,97 @@ exports[`component:<BannerLoyalty> inherit:className 1`] = `<DocumentFragment />
 
 exports[`component:<BannerLoyalty> prop:skeleton 1`] = `
 <DocumentFragment>
-  <div
+  <ui_view
     class="view row"
     style="align-items: stretch;"
   >
-    <div
+    <ui_view
       class="view"
       style="gap: 1rem; max-width: 33%; min-width: 33%; padding: 2rem;"
     >
-      <h1
+      <ui_text
         class="text headline-1"
       >
         Banner Loyalty
-      </h1>
-      <span
+      </ui_text>
+      <ui_text
         class="text paragraph"
       >
         Choose CLUB MEMBER rate, join and enjoy Web Bonus, special benefits for members!
-      </span>
-    </div>
-    <div
+      </ui_text>
+    </ui_view>
+    <ui_view
       class="view"
       style="gap: 2rem; justify-content: space-between; padding: 2rem;"
     >
-      <div
+      <ui_view
         class="view row wide"
         style="gap: 2rem;"
       >
-        <div
+        <ui_view
           class="view"
           style="gap: 1rem;"
         >
-          <div
+          <ui_view
             class="view"
             style="height: 2rem; width: 2rem;"
           />
-          <span
+          <ui_text
             class="text action"
           >
             5$ reward on your web bookings guaranteed
-          </span>
-        </div>
-        <div
+          </ui_text>
+        </ui_view>
+        <ui_view
           class="view"
           style="gap: 1rem;"
         >
-          <div
+          <ui_view
             class="view"
             style="height: 2rem; width: 2rem;"
           />
-          <span
+          <ui_text
             class="text action"
           >
             5$ reward on your web bookings guaranteed
-          </span>
-        </div>
-        <div
+          </ui_text>
+        </ui_view>
+        <ui_view
           class="view"
           style="gap: 1rem;"
         >
-          <div
+          <ui_view
             class="view"
             style="height: 2rem; width: 2rem;"
           />
-          <span
+          <ui_text
             class="text action"
           >
             5$ reward on your web bookings guaranteed
-          </span>
-        </div>
-        <div
+          </ui_text>
+        </ui_view>
+        <ui_view
           class="view"
           style="gap: 1rem;"
         >
-          <div
+          <ui_view
             class="view"
             style="height: 2rem; width: 2rem;"
           />
-          <span
+          <ui_text
             class="text action"
           >
             5$ reward on your web bookings guaranteed
-          </span>
-        </div>
-      </div>
-      <span
+          </ui_text>
+        </ui_view>
+      </ui_view>
+      <ui_text
         class="text action"
       >
         You will be able to login or sign up in the next step of the booking process. More information
-      </span>
-    </div>
-  </div>
+      </ui_text>
+    </ui_view>
+  </ui_view>
 </DocumentFragment>
 `;