@mirai/core 0.3.299 → 0.3.300

package/build/components/BannerLoyalty/BannerLoyalty.constants.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BENEFIT_TIMEOUT = exports.BENEFIT_MIN_WIDTH = void 0;
+const BENEFIT_MIN_WIDTH = exports.BENEFIT_MIN_WIDTH = 192;
+const BENEFIT_TIMEOUT = exports.BENEFIT_TIMEOUT = 3000;
+//# sourceMappingURL=BannerLoyalty.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BannerLoyalty.constants.js","names":["BENEFIT_MIN_WIDTH","exports","BENEFIT_TIMEOUT"],"sources":["../../../src/components/BannerLoyalty/BannerLoyalty.constants.js"],"sourcesContent":["const BENEFIT_MIN_WIDTH = 192;\n\nconst BENEFIT_TIMEOUT = 3000;\n\nexport { BENEFIT_MIN_WIDTH, BENEFIT_TIMEOUT };\n"],"mappings":";;;;;;AAAA,MAAMA,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,GAAG;AAE7B,MAAME,eAAe,GAAAD,OAAA,CAAAC,eAAA,GAAG,IAAI"}

package/build/components/BannerLoyalty/BannerLoyalty.js

@@ -8,14 +8,16 @@ var _dataSources = require("@mirai/data-sources");
 var _locale = require("@mirai/locale");
 var _ui = require("@mirai/ui");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = _interopRequireDefault(require("react"));
-var _BannerLoyalty = require("./BannerLoyalty.l10n");
+var _react = _interopRequireWildcard(require("react"));
+var _BannerLoyalty = require("./BannerLoyalty.constants");
+var _BannerLoyalty2 = require("./BannerLoyalty.l10n");
 var style = _interopRequireWildcard(require("./BannerLoyalty.module.css"));
-var _BannerLoyalty2 = _interopRequireDefault(require("./BannerLoyalty.skeleton"));
+var _BannerLoyalty3 = _interopRequireDefault(require("./BannerLoyalty.skeleton"));
 var _helpers = require("../helpers");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+let interval;
 const BannerLoyalty = _ref => {
   let {
     skeleton,
@@ -41,13 +43,19 @@ const BannerLoyalty = _ref => {
       session
     }
   } = (0, _dataSources.useStore)();
-  const locale = (0, _helpers.getNormalizedLocale)(stateLocale);
+  const [scrollIndex, setScrollIndex] = (0, _react.useState)(0);
+  (0, _react.useEffect)(() => {
+    clearTimeout(interval);
+    if (isMobile || !benefits.length || scrollIndex >= benefits.length + 1) return;
+    interval = setTimeout(() => setScrollIndex(scrollIndex + 1), _BannerLoyalty.BENEFIT_TIMEOUT);
+  }, [benefits, isMobile, scrollIndex]);
   const handlePressLogin = () => {
     _dataSources.Event.publish(_helpers.EVENT.LOGIN, {
       visible: true
     });
   };
-  return skeleton && !session ? /*#__PURE__*/_react.default.createElement(_BannerLoyalty2.default, null) : !session && title && benefits.length > 0 ? /*#__PURE__*/_react.default.createElement(_ui.View, {
+  const locale = (0, _helpers.getNormalizedLocale)(stateLocale);
+  return skeleton && !session ? /*#__PURE__*/_react.default.createElement(_BannerLoyalty3.default, null) : !session && title && benefits.length > 0 ? /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: !isMobile,
     testId: others.testId,
     className: [style.container, others.className]
@@ -61,8 +69,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.View, {
-    row: !isMobile,
+  }, description[locale] || description[_locale.DEFAULT_LOCALE])), /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_ui.ScrollView, {
+    horizontal: !isMobile,
+    scrollTo: scrollIndex * _BannerLoyalty.BENEFIT_MIN_WIDTH,
     className: style.list
   }, benefits.map(function () {
     let {
@@ -87,7 +96,7 @@ const BannerLoyalty = _ref => {
     light: true,
     action: !isMobile,
     small: isMobile
-  }, translate(_BannerLoyalty.L10N.LABEL_LOGIN_NOW, {
+  }, translate(_BannerLoyalty2.L10N.LABEL_LOGIN_NOW, {
     login: /*#__PURE__*/_react.default.createElement(_ui.Action, {
       action: !isMobile,
       bold: true,
@@ -95,7 +104,7 @@ const BannerLoyalty = _ref => {
       small: isMobile,
       onPress: handlePressLogin,
       className: style.textInline
-    }, translate(_BannerLoyalty.L10N.ACTION_LOGIN).toLowerCase())
+    }, translate(_BannerLoyalty2.L10N.ACTION_LOGIN).toLowerCase())
   }), url && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ' ', /*#__PURE__*/_react.default.createElement(_ui.Action, {
     action: !isMobile,
     href: url,
@@ -103,7 +112,7 @@ const BannerLoyalty = _ref => {
     small: isMobile,
     target: "_blank",
     className: style.textInline
-  }, translate(_BannerLoyalty.L10N.ACTION_MORE_INFO)))))) : null;
+  }, translate(_BannerLoyalty2.L10N.ACTION_MORE_INFO)))))) : null;
 };
 exports.BannerLoyalty = BannerLoyalty;
 BannerLoyalty.displayName = 'Mirai:Core:BannerLoyalty';

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

@@ -1 +1 @@
-{"version":3,"file":"BannerLoyalty.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_BannerLoyalty","style","_interopRequireWildcard","_BannerLoyalty2","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","BannerLoyalty","_ref","skeleton","others","isMobile","useDevice","locale","stateLocale","translate","useLocale","value","club","banner","benefits","description","title","url","session","useStore","getNormalizedLocale","handlePressLogin","Event","publish","EVENT","LOGIN","visible","createElement","length","View","row","testId","className","container","highlight","Text","bold","headline","level","logo","text","DEFAULT_LOCALE","action","list","map","icon","arguments","undefined","index","key","Icon","accent","ICON","AMENITY","small","light","L10N","LABEL_LOGIN_NOW","login","Action","inline","onPress","textInline","ACTION_LOGIN","toLowerCase","Fragment","href","target","ACTION_MORE_INFO","exports","displayName","propTypes","PropTypes","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, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { L10N } from './BannerLoyalty.l10n';\nimport * as style from './BannerLoyalty.module.css';\nimport Skeleton from './BannerLoyalty.skeleton';\nimport { EVENT, getNormalizedLocale, ICON } from '../helpers';\n\nconst BannerLoyalty = ({ skeleton, ...others }) => {\n  const { isMobile } = useDevice();\n  const { locale: stateLocale, translate } = useLocale();\n  const {\n    value: { club: { banner: { benefits = [], description = {}, title, url } = {} } = {}, session },\n  } = useStore();\n\n  const locale = getNormalizedLocale(stateLocale);\n\n  const handlePressLogin = () => {\n    Event.publish(EVENT.LOGIN, { visible: true });\n  };\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        <View row={!isMobile} 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\n              <Text action={!isMobile} small={isMobile} className={style.text}>\n                {description[locale] || description[DEFAULT_LOCALE]}\n              </Text>\n            </View>\n          ))}\n        </View>\n\n        <Text light action={!isMobile} small={isMobile}>\n          {translate(L10N.LABEL_LOGIN_NOW, {\n            login: (\n              <Action\n                action={!isMobile}\n                bold\n                inline\n                small={isMobile}\n                onPress={handlePressLogin}\n                className={style.textInline}\n              >\n                {translate(L10N.ACTION_LOGIN).toLowerCase()}\n              </Action>\n            ),\n          })}\n          {url && (\n            <>\n              {' '}\n              <Action\n                action={!isMobile}\n                href={url}\n                inline\n                small={isMobile}\n                target=\"_blank\"\n                className={style.textInline}\n              >\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  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","interval","BannerLoyalty","_ref","skeleton","others","isMobile","useDevice","locale","stateLocale","translate","useLocale","value","club","banner","benefits","description","title","url","session","useStore","scrollIndex","setScrollIndex","useState","useEffect","clearTimeout","length","setTimeout","BENEFIT_TIMEOUT","handlePressLogin","Event","publish","EVENT","LOGIN","visible","getNormalizedLocale","createElement","View","row","testId","className","container","highlight","Text","bold","headline","level","logo","text","DEFAULT_LOCALE","action","ScrollView","horizontal","scrollTo","BENEFIT_MIN_WIDTH","list","map","icon","arguments","undefined","index","key","Icon","accent","ICON","AMENITY","small","light","L10N","LABEL_LOGIN_NOW","login","Action","inline","onPress","textInline","ACTION_LOGIN","toLowerCase","Fragment","href","target","ACTION_MORE_INFO","exports","displayName","propTypes","PropTypes","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 = ({ skeleton, ...others }) => {\n  const { isMobile } = useDevice();\n  const { locale: stateLocale, translate } = useLocale();\n  const {\n    value: { club: { banner: { benefits = [], description = {}, title, url } = {} } = {}, 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\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          {translate(L10N.LABEL_LOGIN_NOW, {\n            login: (\n              <Action\n                action={!isMobile}\n                bold\n                inline\n                small={isMobile}\n                onPress={handlePressLogin}\n                className={style.textInline}\n              >\n                {translate(L10N.ACTION_LOGIN).toLowerCase()}\n              </Action>\n            ),\n          })}\n          {url && (\n            <>\n              {' '}\n              <Action\n                action={!isMobile}\n                href={url}\n                inline\n                small={isMobile}\n                target=\"_blank\"\n                className={style.textInline}\n              >\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  skeleton: PropTypes.bool,\n};\n\nexport { BannerLoyalty };\n"],"mappings":"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"}

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

@@ -69,5 +69,7 @@
 
   .list > * {
     gap: var(--mirai-ui-space-S);
+    min-width: calc(25% - var(--mirai-ui-space-L));
+    width: 25%;
   }
 }

package/package.json

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