@mirai/core 0.3.163 → 0.3.165

package/build/components/Rates/components/Item/Item.Preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.Preview.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_components","_Item","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","memoizedWidth","Preview","_ref","availability","boards","cancellations","images","media","name","title","rates","selectedBoard","onMoreInfo","onRateInfo","onViewUrl","others","isMobile","width","useDevice","translate","useLocale","ref","useRef","value","hotel","warningAvailability","useStore","useEffect","clientWidth","current","uniqueRate","caption","capitalize","action","small","createElement","View","Slider","height","map","_ref2","large","onCounter","undefined","className","slider","row","offset","spaceBetween","preview","Features","compact","Text","bold","error","L10N","LABEL_REMAINING_ITEMS","amount","gap","flex","headline","level","Amenities","highlight","Fragment","included","item","index","Icon","ICON","AMENITY","Pressable","onPress","cancellation","INFO","lighten","isClub","rate","LABEL_ONLY_MEMBERS","restrictions","warning","WARNING","Action","inline","concat","ACTION_MORE_INFO","exports","displayName","propTypes","PropTypes","number","arrayOf","any","shape","alt","string","thumbnail","url3D","urlVideo","func"],"sources":["../../../../../src/components/Rates/components/Item/Item.Preview.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Action, Icon, Pressable, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef } from 'react';\n\nimport { Amenities, Features, Slider } from './components';\nimport { L10N } from './Item.l10n';\nimport * as style from './Item.module.css';\nimport { ICON } from '../../../helpers';\n\nlet memoizedWidth = 374;\n\nconst Preview = ({\n  availability = 0,\n  boards = [],\n  cancellations = [],\n  images = [],\n  media,\n  name: title,\n  rates = [],\n  selectedBoard = {},\n  onMoreInfo,\n  onRateInfo,\n  onViewUrl = () => {},\n  ...others\n}) => {\n  const { isMobile, width } = useDevice();\n  const { translate } = useLocale();\n  const ref = useRef(null);\n  const { value: { hotel: { warningAvailability = 9999 } } = {} } = useStore();\n\n  useEffect(() => {\n    const { clientWidth } = ref.current || {};\n    if (clientWidth) memoizedWidth = clientWidth - 1;\n  }, [width]);\n\n  const [uniqueRate] = rates.length === 1 ? rates : [];\n  const caption = { capitalize: true, action: !isMobile, small: isMobile };\n\n  return (\n    <View ref={ref}>\n      <Slider\n        height={208}\n        images={images.map(({ large }) => large)}\n        media={media}\n        width={memoizedWidth}\n        onCounter={!isMobile ? onMoreInfo : undefined}\n        onViewUrl={onViewUrl}\n        className={style.slider}\n      />\n\n      <View row className={[style.offset, style.spaceBetween, style.preview]} style={{ width: memoizedWidth }}>\n        <Features {...others} compact />\n\n        {availability <= warningAvailability && (\n          <Text bold error small>\n            {translate(L10N.LABEL_REMAINING_ITEMS, { amount: availability })}\n          </Text>\n        )}\n      </View>\n\n      <View className={[style.offset, style.gap]} style={{ flex: 1 }}>\n        <Text bold headline={!isMobile} level={3}>\n          {title}\n        </Text>\n\n        {!isMobile && <Amenities highlight preview {...others} />}\n\n        {uniqueRate && (\n          <>\n            {uniqueRate.included.map((item, index) => (\n              <View key={index} row className={style.row}>\n                <Icon value={ICON.AMENITY} />\n                <Text {...caption}>{item}</Text>\n              </View>\n            ))}\n            {boards.length === 1 && <Text {...caption}>{boards[0].name}</Text>}\n          </>\n        )}\n\n        {cancellations.length === 1 && (\n          <View>\n            <View row>\n              <Pressable\n                onPress={() => onRateInfo({ ...selectedBoard, cancellation: cancellations[0] })}\n                className={style.row}\n              >\n                <Text {...caption}>{cancellations[0].name}</Text>\n                <Icon action={isMobile} value={ICON.INFO} />\n              </Pressable>\n            </View>\n            {cancellations[0].caption && (\n              <Text capitalize lighten small>\n                {cancellations[0].caption}\n              </Text>\n            )}\n          </View>\n        )}\n\n        {uniqueRate?.isClub && (\n          <View row>\n            <Text bold action={!isMobile} small={isMobile} className={[style.rate, style.highlight]}>\n              {translate(L10N.LABEL_ONLY_MEMBERS)}\n            </Text>\n          </View>\n        )}\n\n        {uniqueRate?.restrictions.map((item, index) => (\n          <View key={index} row className={style.row}>\n            <Icon warning value={ICON.WARNING} />\n            <Text warning {...caption}>\n              {item}\n            </Text>\n          </View>\n        ))}\n\n        <View row>\n          <Action inline small={isMobile} onPress={onMoreInfo}>\n            {`${translate(L10N.ACTION_MORE_INFO)} >`}\n          </Action>\n        </View>\n      </View>\n    </View>\n  );\n};\n\nPreview.displayName = 'Mirai:Core:Rates:Item:Preview';\n\nPreview.propTypes = {\n  availability: PropTypes.number,\n  boards: PropTypes.arrayOf(PropTypes.any),\n  cancellations: PropTypes.arrayOf(PropTypes.any),\n  images: PropTypes.arrayOf(\n    PropTypes.shape({\n      alt: PropTypes.string,\n      large: PropTypes.string,\n      thumbnail: PropTypes.string,\n    }),\n  ),\n  media: PropTypes.shape({\n    url3D: PropTypes.string,\n    urlVideo: PropTypes.string,\n  }),\n  name: PropTypes.string,\n  rates: PropTypes.arrayOf(PropTypes.any),\n  selectedBoard: PropTypes.shape({}),\n  onMoreInfo: PropTypes.func,\n  onRateInfo: PropTypes.func,\n  onViewUrl: PropTypes.func,\n};\n\nexport { Preview };\n"],"mappings":"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"}
+{"version":3,"file":"Item.Preview.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_components","_Item","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","memoizedWidth","Preview","_ref","availability","boards","cancellations","images","media","name","title","rates","selectedBoard","onMoreInfo","onRateInfo","onViewUrl","others","isMobile","width","useDevice","translate","useLocale","ref","useRef","value","hotel","warningAvailability","useStore","useEffect","clientWidth","current","uniqueRate","caption","capitalize","action","small","offerDates","variants","createElement","View","Slider","height","map","_ref2","large","onCounter","undefined","className","slider","row","offset","spaceBetween","preview","Features","compact","Text","bold","error","L10N","LABEL_REMAINING_ITEMS","amount","gap","flex","headline","level","Amenities","highlight","Fragment","included","item","index","Icon","ICON","AMENITY","TooltipDates","captions","values","parseDate","Pressable","onPress","cancellation","INFO","lighten","isClub","rate","LABEL_ONLY_MEMBERS","restrictions","isVariableOffer","warning","WARNING","LABEL_INCLUDED","date","Action","inline","concat","ACTION_MORE_INFO","exports","displayName","propTypes","PropTypes","number","arrayOf","any","shape","alt","string","thumbnail","url3D","urlVideo","func"],"sources":["../../../../../src/components/Rates/components/Item/Item.Preview.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { parseDate, useLocale } from '@mirai/locale';\nimport { Action, Icon, Pressable, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef } from 'react';\n\nimport { Amenities, Features, Slider, TooltipDates } from './components';\nimport { L10N } from './Item.l10n';\nimport * as style from './Item.module.css';\nimport { ICON } from '../../../helpers';\n\nlet memoizedWidth = 374;\n\nconst Preview = ({\n  availability = 0,\n  boards = [],\n  cancellations = [],\n  images = [],\n  media,\n  name: title,\n  rates = [],\n  selectedBoard = {},\n  onMoreInfo,\n  onRateInfo,\n  onViewUrl = () => {},\n  ...others\n}) => {\n  const { isMobile, width } = useDevice();\n  const { translate } = useLocale();\n  const ref = useRef(null);\n  const { value: { hotel: { warningAvailability = 9999 } } = {} } = useStore();\n\n  useEffect(() => {\n    const { clientWidth } = ref.current || {};\n    if (clientWidth) memoizedWidth = clientWidth - 1;\n  }, [width]);\n\n  const [uniqueRate] = rates.length === 1 ? rates : [];\n  const caption = { capitalize: true, action: !isMobile, small: isMobile };\n  const { offerDates, variants = [] } = selectedBoard;\n\n  return (\n    <View ref={ref}>\n      <Slider\n        height={208}\n        images={images.map(({ large }) => large)}\n        media={media}\n        width={memoizedWidth}\n        onCounter={!isMobile ? onMoreInfo : undefined}\n        onViewUrl={onViewUrl}\n        className={style.slider}\n      />\n\n      <View row className={[style.offset, style.spaceBetween, style.preview]} style={{ width: memoizedWidth }}>\n        <Features {...others} compact />\n\n        {availability <= warningAvailability && (\n          <Text bold error small>\n            {translate(L10N.LABEL_REMAINING_ITEMS, { amount: availability })}\n          </Text>\n        )}\n      </View>\n\n      <View className={[style.offset, style.gap]} style={{ flex: 1 }}>\n        <Text bold headline={!isMobile} level={3}>\n          {title}\n        </Text>\n\n        {!isMobile && <Amenities highlight preview {...others} />}\n\n        {uniqueRate && (\n          <>\n            {uniqueRate.included.map((item, index) => (\n              <View key={index} row className={style.row}>\n                <Icon value={ICON.AMENITY} />\n                <Text {...caption}>{item}</Text>\n              </View>\n            ))}\n            {boards.length === 1 && (\n              <View row className={style.row}>\n                <Text {...caption}>{boards[0].name}</Text>\n                {variants.length > 0 && (\n                  <TooltipDates\n                    captions={variants.map(({ name } = {}) => name)}\n                    values={variants.map(({ value } = {}) => parseDate(value))}\n                  />\n                )}\n              </View>\n            )}\n          </>\n        )}\n\n        {cancellations.length === 1 && (\n          <View>\n            <View row>\n              <Pressable\n                onPress={() => onRateInfo({ ...selectedBoard, cancellation: cancellations[0] })}\n                className={style.row}\n              >\n                <Text {...caption}>{cancellations[0].name}</Text>\n                <Icon action={isMobile} value={ICON.INFO} />\n              </Pressable>\n            </View>\n            {cancellations[0].caption && (\n              <Text capitalize lighten small>\n                {cancellations[0].caption}\n              </Text>\n            )}\n          </View>\n        )}\n\n        {uniqueRate?.isClub && (\n          <View row>\n            <Text bold action={!isMobile} small={isMobile} className={[style.rate, style.highlight]}>\n              {translate(L10N.LABEL_ONLY_MEMBERS)}\n            </Text>\n          </View>\n        )}\n\n        {uniqueRate?.restrictions.map(({ isVariableOffer, value } = {}, index) => (\n          <View key={index} row className={style.row}>\n            <Icon warning value={ICON.WARNING} />\n            <Text warning {...caption}>\n              {value}\n            </Text>\n            {isVariableOffer && offerDates.length > 0 && (\n              <TooltipDates\n                captions={offerDates.map(() => translate(L10N.LABEL_INCLUDED))}\n                values={offerDates.map((date) => parseDate(date))}\n                warning\n              />\n            )}\n          </View>\n        ))}\n\n        <View row>\n          <Action inline small={isMobile} onPress={onMoreInfo}>\n            {`${translate(L10N.ACTION_MORE_INFO)} >`}\n          </Action>\n        </View>\n      </View>\n    </View>\n  );\n};\n\nPreview.displayName = 'Mirai:Core:Rates:Item:Preview';\n\nPreview.propTypes = {\n  availability: PropTypes.number,\n  boards: PropTypes.arrayOf(PropTypes.any),\n  cancellations: PropTypes.arrayOf(PropTypes.any),\n  images: PropTypes.arrayOf(\n    PropTypes.shape({\n      alt: PropTypes.string,\n      large: PropTypes.string,\n      thumbnail: PropTypes.string,\n    }),\n  ),\n  media: PropTypes.shape({\n    url3D: PropTypes.string,\n    urlVideo: PropTypes.string,\n  }),\n  name: PropTypes.string,\n  rates: PropTypes.arrayOf(PropTypes.any),\n  selectedBoard: PropTypes.shape({}),\n  onMoreInfo: PropTypes.func,\n  onRateInfo: PropTypes.func,\n  onViewUrl: PropTypes.func,\n};\n\nexport { Preview };\n"],"mappings":"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"}

package/build/components/Rates/components/Item/Item.Rates.js

@@ -106,7 +106,8 @@ const Rates = _ref => {
       caption: /*#__PURE__*/_react.default.createElement(_components.RateDetails, {
         countdown,
         included: showRateIncluded ? included : undefined,
-        restrictions
+        restrictions,
+        selectedBoard
       }),
       checked: id === rateId,
       disabled: disabled,
@@ -145,12 +146,12 @@ const Rates = _ref => {
     bold: true
   }, translate(_Item.L10N.LABEL_ACCOMMODATION_PLAN)), boards.map(function () {
     let board = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    let index = arguments.length > 1 ? arguments[1] : undefined;
     const {
       disabled,
       id,
       increment,
-      name
+      name,
+      variants = []
     } = board;
     return /*#__PURE__*/_react.default.createElement(_components.Option, {
       key: id,
@@ -159,9 +160,19 @@ const Rates = _ref => {
       title: name,
       value: has.boards ? increment : undefined,
       onPress: () => onBoard(board)
-    }, index === 0 && /*#__PURE__*/_react.default.createElement(_components.TooltipDates, {
-      captions: ['Breakfast included', 'Breakfast included', 'Full board'],
-      values: [new Date(2024, 3, 10), new Date(2024, 3, 11), new Date(2024, 3, 12)]
+    }, variants.length > 0 && /*#__PURE__*/_react.default.createElement(_components.TooltipDates, {
+      captions: variants.map(function () {
+        let {
+          name
+        } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        return name;
+      }),
+      values: variants.map(function () {
+        let {
+          value
+        } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        return (0, _locale.parseDate)(value);
+      })
     }));
   })));
 };

package/build/components/Rates/components/Item/Item.Rates.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.Rates.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_components","_Item","style","_interopRequireWildcard","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","Rates","_ref","boards","cancellations","features","showOffersFirst","showRateIncluded","rates","selectedBoard","onBoard","onCancellation","onRate","onRateInfo","isMobile","useDevice","translate","useLocale","cancellationId","rateId","id","boardId","length","renderCancellations","createElement","View","className","offset","gap","Text","action","small","bold","L10N","LABEL_CANCELLATION_POLICY","filter","_ref2","map","_ref3","name","caption","price","cancellation","Option","key","checked","title","value","undefined","onPress","Pressable","Icon","ICON","INFO","Fragment","LABEL_OFFER","_ref4","countdown","disabled","discountPercentage","included","isClub","restrictions","RateDetails","row","rateText","rate","highlight","LABEL_ONLY_MEMBERS","LABEL_DISCOUNT","concat","compacted","styles","LABEL_ACCOMMODATION_PLAN","board","arguments","index","increment","TooltipDates","captions","values","Date","exports","displayName","propTypes","PropTypes","arrayOf","any","shape","func","onChange"],"sources":["../../../../../src/components/Rates/components/Item/Item.Rates.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Icon, Pressable, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { Option, RateDetails, TooltipDates } from './components';\nimport { L10N } from './Item.l10n';\nimport * as style from './Item.module.css';\nimport { ICON } from '../../../helpers';\n\nconst Rates = ({\n  boards = [],\n  cancellations = [],\n  features: { showOffersFirst = false, showRateIncluded = false } = {},\n  rates = [],\n  selectedBoard = {},\n  onBoard,\n  onCancellation,\n  onRate,\n  onRateInfo,\n}) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n\n  const { cancellationId, rateId, id: boardId } = selectedBoard;\n\n  const has = {\n    cancellations: cancellations.length > 1,\n    rates: rates.length > 1,\n    boards: boards.length > 1,\n  };\n\n  const renderCancellations = () =>\n    has.cancellations && (\n      <View className={[style.offset, style.gap]}>\n        <Text action={!isMobile} small={isMobile} bold>\n          {translate(L10N.LABEL_CANCELLATION_POLICY)}\n        </Text>\n        {cancellations\n          .filter(({ id }) => !showOffersFirst || (showOffersFirst && id === cancellationId))\n          .map(({ id, name, caption, price, ...cancellation }) => (\n            <Option\n              key={id}\n              caption={caption}\n              checked={id === cancellationId}\n              title={name}\n              value={!showOffersFirst ? price : undefined}\n              onPress={() => onCancellation(id)}\n            >\n              <Pressable onPress={() => onRateInfo({ ...selectedBoard, cancellation })}>\n                <Icon action={isMobile} value={ICON.INFO} />\n              </Pressable>\n            </Option>\n          ))}\n      </View>\n    );\n\n  return (\n    <>\n      {!showOffersFirst && renderCancellations()}\n\n      {has.rates && (\n        <View className={[style.offset, style.gap]}>\n          <Text action={!isMobile} small={isMobile} bold>\n            {translate(L10N.LABEL_OFFER)}\n          </Text>\n          {rates.map(\n            ({\n              id,\n              cancellationId,\n              countdown,\n              disabled,\n              discountPercentage,\n              included,\n              isClub,\n              name,\n              price,\n              restrictions,\n            }) => (\n              <Option\n                key={id}\n                caption={\n                  <RateDetails {...{ countdown, included: showRateIncluded ? included : undefined, restrictions }} />\n                }\n                checked={id === rateId}\n                disabled={disabled}\n                value={price}\n                onPress={rates.length > 1 ? () => onRate({ id, cancellationId }) : undefined}\n              >\n                {rates.length > 1 && (\n                  <View row className={style.rateText}>\n                    {isClub && (\n                      <Text bold action={!isMobile} small={isMobile} className={[style.rate, style.highlight]}>\n                        {translate(L10N.LABEL_ONLY_MEMBERS)}\n                      </Text>\n                    )}\n\n                    {discountPercentage && (\n                      <Text bold action={!isMobile} small={isMobile} className={style.rate}>\n                        {translate(L10N.LABEL_DISCOUNT, { value: `${discountPercentage}%` })}\n                      </Text>\n                    )}\n\n                    <Text action={!isMobile} small={isMobile}>\n                      {name}\n                      {!showRateIncluded && <RateDetails {...{ compacted: true, included }} />}\n                    </Text>\n                  </View>\n                )}\n              </Option>\n            ),\n          )}\n        </View>\n      )}\n\n      {showOffersFirst && renderCancellations()}\n\n      {(has.rates || has.boards) && (\n        <View className={styles(style.offset, style.gap)}>\n          <Text action={!isMobile} small={isMobile} bold>\n            {translate(L10N.LABEL_ACCOMMODATION_PLAN)}\n          </Text>\n          {boards.map((board = {}, index) => {\n            const { disabled, id, increment, name } = board;\n\n            return (\n              <Option\n                key={id}\n                checked={id === boardId}\n                disabled={disabled}\n                title={name}\n                value={has.boards ? increment : undefined}\n                onPress={() => onBoard(board)}\n              >\n                {/* ! TODO: [MF-1742] */}\n                {index === 0 && (\n                  <TooltipDates\n                    captions={['Breakfast included', 'Breakfast included', 'Full board']}\n                    values={[new Date(2024, 3, 10), new Date(2024, 3, 11), new Date(2024, 3, 12)]}\n                  />\n                )}\n              </Option>\n            );\n          })}\n        </View>\n      )}\n    </>\n  );\n};\n\nRates.displayName = 'Mirai:Core:Rates:Item:Rates';\n\nRates.propTypes = {\n  boards: PropTypes.arrayOf(PropTypes.any),\n  cancellations: PropTypes.arrayOf(PropTypes.any),\n  features: PropTypes.shape({}),\n  rates: PropTypes.arrayOf(PropTypes.any),\n  selectedBoard: PropTypes.shape({}),\n  onBoard: PropTypes.func,\n  onCancellation: PropTypes.func,\n  onRate: PropTypes.func,\n  onChange: PropTypes.func,\n  onRateInfo: PropTypes.func,\n};\n\nexport { Rates };\n"],"mappings":"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"}
+{"version":3,"file":"Item.Rates.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_components","_Item","style","_interopRequireWildcard","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","Rates","_ref","boards","cancellations","features","showOffersFirst","showRateIncluded","rates","selectedBoard","onBoard","onCancellation","onRate","onRateInfo","isMobile","useDevice","translate","useLocale","cancellationId","rateId","id","boardId","length","renderCancellations","createElement","View","className","offset","gap","Text","action","small","bold","L10N","LABEL_CANCELLATION_POLICY","filter","_ref2","map","_ref3","name","caption","price","cancellation","Option","key","checked","title","value","undefined","onPress","Pressable","Icon","ICON","INFO","Fragment","LABEL_OFFER","_ref4","countdown","disabled","discountPercentage","included","isClub","restrictions","RateDetails","row","rateText","rate","highlight","LABEL_ONLY_MEMBERS","LABEL_DISCOUNT","concat","compacted","styles","LABEL_ACCOMMODATION_PLAN","board","arguments","increment","variants","TooltipDates","captions","values","parseDate","exports","displayName","propTypes","PropTypes","arrayOf","any","shape","func","onChange"],"sources":["../../../../../src/components/Rates/components/Item/Item.Rates.jsx"],"sourcesContent":["import { parseDate, useLocale } from '@mirai/locale';\nimport { Icon, Pressable, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { Option, RateDetails, TooltipDates } from './components';\nimport { L10N } from './Item.l10n';\nimport * as style from './Item.module.css';\nimport { ICON } from '../../../helpers';\n\nconst Rates = ({\n  boards = [],\n  cancellations = [],\n  features: { showOffersFirst = false, showRateIncluded = false } = {},\n  rates = [],\n  selectedBoard = {},\n  onBoard,\n  onCancellation,\n  onRate,\n  onRateInfo,\n}) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n\n  const { cancellationId, rateId, id: boardId } = selectedBoard;\n\n  const has = {\n    cancellations: cancellations.length > 1,\n    rates: rates.length > 1,\n    boards: boards.length > 1,\n  };\n\n  const renderCancellations = () =>\n    has.cancellations && (\n      <View className={[style.offset, style.gap]}>\n        <Text action={!isMobile} small={isMobile} bold>\n          {translate(L10N.LABEL_CANCELLATION_POLICY)}\n        </Text>\n        {cancellations\n          .filter(({ id }) => !showOffersFirst || (showOffersFirst && id === cancellationId))\n          .map(({ id, name, caption, price, ...cancellation }) => (\n            <Option\n              key={id}\n              caption={caption}\n              checked={id === cancellationId}\n              title={name}\n              value={!showOffersFirst ? price : undefined}\n              onPress={() => onCancellation(id)}\n            >\n              <Pressable onPress={() => onRateInfo({ ...selectedBoard, cancellation })}>\n                <Icon action={isMobile} value={ICON.INFO} />\n              </Pressable>\n            </Option>\n          ))}\n      </View>\n    );\n\n  return (\n    <>\n      {!showOffersFirst && renderCancellations()}\n\n      {has.rates && (\n        <View className={[style.offset, style.gap]}>\n          <Text action={!isMobile} small={isMobile} bold>\n            {translate(L10N.LABEL_OFFER)}\n          </Text>\n          {rates.map(\n            ({\n              id,\n              cancellationId,\n              countdown,\n              disabled,\n              discountPercentage,\n              included,\n              isClub,\n              name,\n              price,\n              restrictions,\n            }) => (\n              <Option\n                key={id}\n                caption={\n                  <RateDetails\n                    {...{ countdown, included: showRateIncluded ? included : undefined, restrictions, selectedBoard }}\n                  />\n                }\n                checked={id === rateId}\n                disabled={disabled}\n                value={price}\n                onPress={rates.length > 1 ? () => onRate({ id, cancellationId }) : undefined}\n              >\n                {rates.length > 1 && (\n                  <View row className={style.rateText}>\n                    {isClub && (\n                      <Text bold action={!isMobile} small={isMobile} className={[style.rate, style.highlight]}>\n                        {translate(L10N.LABEL_ONLY_MEMBERS)}\n                      </Text>\n                    )}\n\n                    {discountPercentage && (\n                      <Text bold action={!isMobile} small={isMobile} className={style.rate}>\n                        {translate(L10N.LABEL_DISCOUNT, { value: `${discountPercentage}%` })}\n                      </Text>\n                    )}\n\n                    <Text action={!isMobile} small={isMobile}>\n                      {name}\n                      {!showRateIncluded && <RateDetails {...{ compacted: true, included }} />}\n                    </Text>\n                  </View>\n                )}\n              </Option>\n            ),\n          )}\n        </View>\n      )}\n\n      {showOffersFirst && renderCancellations()}\n\n      {(has.rates || has.boards) && (\n        <View className={styles(style.offset, style.gap)}>\n          <Text action={!isMobile} small={isMobile} bold>\n            {translate(L10N.LABEL_ACCOMMODATION_PLAN)}\n          </Text>\n          {boards.map((board = {}) => {\n            const { disabled, id, increment, name, variants = [] } = board;\n\n            return (\n              <Option\n                key={id}\n                checked={id === boardId}\n                disabled={disabled}\n                title={name}\n                value={has.boards ? increment : undefined}\n                onPress={() => onBoard(board)}\n              >\n                {variants.length > 0 && (\n                  <TooltipDates\n                    captions={variants.map(({ name } = {}) => name)}\n                    values={variants.map(({ value } = {}) => parseDate(value))}\n                  />\n                )}\n              </Option>\n            );\n          })}\n        </View>\n      )}\n    </>\n  );\n};\n\nRates.displayName = 'Mirai:Core:Rates:Item:Rates';\n\nRates.propTypes = {\n  boards: PropTypes.arrayOf(PropTypes.any),\n  cancellations: PropTypes.arrayOf(PropTypes.any),\n  features: PropTypes.shape({}),\n  rates: PropTypes.arrayOf(PropTypes.any),\n  selectedBoard: PropTypes.shape({}),\n  onBoard: PropTypes.func,\n  onCancellation: PropTypes.func,\n  onRate: PropTypes.func,\n  onChange: PropTypes.func,\n  onRateInfo: PropTypes.func,\n};\n\nexport { Rates };\n"],"mappings":"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"}

package/build/components/Rates/components/Item/components/RateDetails/RateDetails.js

@@ -24,7 +24,10 @@ const RateDetails = _ref => {
     compacted = false,
     countdown,
     included = [],
-    restrictions = []
+    restrictions = [],
+    selectedBoard: {
+      offerDates = []
+    } = {}
   } = _ref;
   const {
     isMobile
@@ -47,17 +50,24 @@ const RateDetails = _ref => {
     className: (0, _ui.styles)(!compacted && style.content)
   }, countdown && /*#__PURE__*/_react.default.createElement(_RateDetails2.Countdown, {
     timestamp: countdown
-  }), has.restrictions && restrictions.map((restriction, index) => /*#__PURE__*/_react.default.createElement(_ui.View, {
-    key: index,
-    row: true,
-    className: style.row
-  }, /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({
-    warning: true
-  }, caption), restriction), index === 0 && /*#__PURE__*/_react.default.createElement(_TooltipDates.TooltipDates, {
-    captions: ['Included', 'Included'],
-    values: [new Date(2024, 3, 10), new Date(2024, 3, 12)],
-    warning: true
-  }))), !compacted && has.included && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, included.slice(0, _RateDetails.LIMIT_INCLUDED).map((item, index) => /*#__PURE__*/_react.default.createElement(_ui.View, {
+  }), has.restrictions && restrictions.map(function () {
+    let {
+      isVariableOffer,
+      value
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    let index = arguments.length > 1 ? arguments[1] : undefined;
+    return /*#__PURE__*/_react.default.createElement(_ui.View, {
+      key: index,
+      row: true,
+      className: style.row
+    }, /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({
+      warning: true
+    }, caption), value), isVariableOffer && offerDates.length > 0 && /*#__PURE__*/_react.default.createElement(_TooltipDates.TooltipDates, {
+      captions: offerDates.map(() => translate(_Item.L10N.LABEL_INCLUDED)),
+      values: offerDates.map(date => (0, _locale.parseDate)(date)),
+      warning: true
+    }));
+  }), !compacted && has.included && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, included.slice(0, _RateDetails.LIMIT_INCLUDED).map((item, index) => /*#__PURE__*/_react.default.createElement(_ui.View, {
     key: index,
     row: true,
     className: style.row
@@ -83,6 +93,7 @@ RateDetails.propTypes = {
   compacted: _propTypes.default.bool,
   countdown: _propTypes.default.any,
   included: _propTypes.default.arrayOf(_propTypes.default.any),
-  restrictions: _propTypes.default.arrayOf(_propTypes.default.any)
+  restrictions: _propTypes.default.arrayOf(_propTypes.default.any),
+  selectedBoard: _propTypes.default.shape({})
 };
 //# sourceMappingURL=RateDetails.js.map

package/build/components/Rates/components/Item/components/RateDetails/RateDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"RateDetails.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_RateDetails","_RateDetails2","style","_interopRequireWildcard","_RateDetails3","_helpers","_Item","_TooltipDates","_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","RateDetails","_ref","compacted","countdown","included","restrictions","isMobile","useDevice","translate","useLocale","caption","small","tiny","icon","action","createElement","View","className","styles","content","Countdown","timestamp","map","restriction","index","row","Text","warning","TooltipDates","captions","values","Date","Fragment","slice","LIMIT_INCLUDED","item","Icon","lighten","value","ICON","AMENITY","Tooltip","accent","concat","L10N","ACTION_VIEW_MORE","INFO","exports","displayName","propTypes","PropTypes","bool","any","arrayOf"],"sources":["../../../../../../../src/components/Rates/components/Item/components/RateDetails/RateDetails.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Icon, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { LIMIT_INCLUDED } from './RateDetails.constants';\nimport { Countdown } from './RateDetails.Countdown';\nimport * as style from './RateDetails.module.css';\nimport { Tooltip } from './RateDetails.Tooltip';\nimport { ICON } from '../../../../../helpers';\nimport { L10N } from '../../Item.l10n';\nimport { TooltipDates } from '../TooltipDates';\n\nconst RateDetails = ({ compacted = false, countdown, included = [], restrictions = [] }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n\n  const caption = { small: !isMobile, tiny: isMobile };\n  const icon = { action: isMobile };\n\n  const has = {\n    included: included.length > 0,\n    restrictions: restrictions.length > 0,\n  };\n\n  return has.included || has.restrictions ? (\n    <View className={styles(!compacted && style.content)}>\n      {countdown && <Countdown timestamp={countdown} />}\n\n      {has.restrictions &&\n        restrictions.map((restriction, index) => (\n          <View key={index} row className={style.row}>\n            <Text warning {...caption}>\n              {restriction}\n            </Text>\n            {/* ! TODO: [MF-1741] */}\n            {index === 0 && (\n              <TooltipDates\n                captions={['Included', 'Included']}\n                values={[new Date(2024, 3, 10), new Date(2024, 3, 12)]}\n                warning\n              />\n            )}\n          </View>\n        ))}\n\n      {!compacted && has.included && (\n        <>\n          {included.slice(0, LIMIT_INCLUDED).map((item, index) => (\n            <View key={index} row className={style.row}>\n              <Icon lighten value={ICON.AMENITY} {...icon} />\n              <Text lighten {...caption}>\n                {item}\n              </Text>\n            </View>\n          ))}\n          {included.length > LIMIT_INCLUDED && (\n            <Tooltip included={included}>\n              <Text accent {...caption}>{`${translate(L10N.ACTION_VIEW_MORE)} >`}</Text>\n            </Tooltip>\n          )}\n        </>\n      )}\n\n      {compacted && has.included && (\n        <Tooltip included={included}>\n          <Icon accent={!compacted} value={ICON.INFO} {...icon} />\n        </Tooltip>\n      )}\n    </View>\n  ) : null;\n};\n\nRateDetails.displayName = 'Mirai:Core:Rates:Item:RateDetails';\n\nRateDetails.propTypes = {\n  compacted: PropTypes.bool,\n  countdown: PropTypes.any,\n  included: PropTypes.arrayOf(PropTypes.any),\n  restrictions: PropTypes.arrayOf(PropTypes.any),\n};\n\nexport { RateDetails };\n"],"mappings":"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"}
+{"version":3,"file":"RateDetails.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_RateDetails","_RateDetails2","style","_interopRequireWildcard","_RateDetails3","_helpers","_Item","_TooltipDates","_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","RateDetails","_ref","compacted","countdown","included","restrictions","selectedBoard","offerDates","isMobile","useDevice","translate","useLocale","caption","small","tiny","icon","action","createElement","View","className","styles","content","Countdown","timestamp","map","isVariableOffer","value","undefined","index","row","Text","warning","TooltipDates","captions","L10N","LABEL_INCLUDED","values","date","parseDate","Fragment","slice","LIMIT_INCLUDED","item","Icon","lighten","ICON","AMENITY","Tooltip","accent","concat","ACTION_VIEW_MORE","INFO","exports","displayName","propTypes","PropTypes","bool","any","arrayOf","shape"],"sources":["../../../../../../../src/components/Rates/components/Item/components/RateDetails/RateDetails.jsx"],"sourcesContent":["import { parseDate, useLocale } from '@mirai/locale';\nimport { Icon, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { LIMIT_INCLUDED } from './RateDetails.constants';\nimport { Countdown } from './RateDetails.Countdown';\nimport * as style from './RateDetails.module.css';\nimport { Tooltip } from './RateDetails.Tooltip';\nimport { ICON } from '../../../../../helpers';\nimport { L10N } from '../../Item.l10n';\nimport { TooltipDates } from '../TooltipDates';\n\nconst RateDetails = ({\n  compacted = false,\n  countdown,\n  included = [],\n  restrictions = [],\n  selectedBoard: { offerDates = [] } = {},\n}) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n\n  const caption = { small: !isMobile, tiny: isMobile };\n  const icon = { action: isMobile };\n\n  const has = {\n    included: included.length > 0,\n    restrictions: restrictions.length > 0,\n  };\n\n  return has.included || has.restrictions ? (\n    <View className={styles(!compacted && style.content)}>\n      {countdown && <Countdown timestamp={countdown} />}\n\n      {has.restrictions &&\n        restrictions.map(({ isVariableOffer, value } = {}, index) => (\n          <View key={index} row className={style.row}>\n            <Text warning {...caption}>\n              {value}\n            </Text>\n            {isVariableOffer && offerDates.length > 0 && (\n              <TooltipDates\n                captions={offerDates.map(() => translate(L10N.LABEL_INCLUDED))}\n                values={offerDates.map((date) => parseDate(date))}\n                warning\n              />\n            )}\n          </View>\n        ))}\n\n      {!compacted && has.included && (\n        <>\n          {included.slice(0, LIMIT_INCLUDED).map((item, index) => (\n            <View key={index} row className={style.row}>\n              <Icon lighten value={ICON.AMENITY} {...icon} />\n              <Text lighten {...caption}>\n                {item}\n              </Text>\n            </View>\n          ))}\n          {included.length > LIMIT_INCLUDED && (\n            <Tooltip included={included}>\n              <Text accent {...caption}>{`${translate(L10N.ACTION_VIEW_MORE)} >`}</Text>\n            </Tooltip>\n          )}\n        </>\n      )}\n\n      {compacted && has.included && (\n        <Tooltip included={included}>\n          <Icon accent={!compacted} value={ICON.INFO} {...icon} />\n        </Tooltip>\n      )}\n    </View>\n  ) : null;\n};\n\nRateDetails.displayName = 'Mirai:Core:Rates:Item:RateDetails';\n\nRateDetails.propTypes = {\n  compacted: PropTypes.bool,\n  countdown: PropTypes.any,\n  included: PropTypes.arrayOf(PropTypes.any),\n  restrictions: PropTypes.arrayOf(PropTypes.any),\n  selectedBoard: PropTypes.shape({}),\n};\n\nexport { RateDetails };\n"],"mappings":"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"}

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

@@ -981,7 +981,7 @@ exports[`component:<Session> with mode finishing signup 1`] = `
                 class="view row notification info outlined"
               >
                 <span
-                  class="icon headline-3 icon"
+                  class="icon headline-2"
                 >
                   <svg
                     fill="currentColor"
@@ -1001,26 +1001,30 @@ exports[`component:<Session> with mode finishing signup 1`] = `
                     />
                   </svg>
                 </span>
-                <span
-                  class="text paragraph text"
+                <div
+                  class="view texts"
                 >
                   <span
-                    class="text bold paragraph"
-                  >
-                    user.notification.activation_success
-                  </span>
-                  <span
-                    class="text paragraph"
+                    class="text action"
                   >
-                    user.notification.finish
                     <span
-                      style="text-decoration: underline;"
+                      class="text bold paragraph"
                     >
-                      signup
+                      user.notification.activation_success
+                    </span>
+                    <span
+                      class="text paragraph"
+                    >
+                      user.notification.finish
+                      <span
+                        style="text-decoration: underline;"
+                      >
+                        signup
+                      </span>
+                      description
                     </span>
-                    description
                   </span>
-                </span>
+                </div>
               </div>
               <div
                 class="view inputContainer"

package/build/components/__shared__/ButtonPayment/components/FormPaycomet/FormPaycomet.js

@@ -186,9 +186,9 @@ const FormPaycomet = _ref => {
     onPress: handlePress,
     preventDefault: false
   }, translate(_FormPaycomet2.L10N.ACTION_PAY))), error && /*#__PURE__*/_react.default.createElement(_ui.Notification, {
-    className: style.error,
     error: true,
-    wide: true
+    wide: true,
+    className: style.error
   }, error), /*#__PURE__*/_react.default.createElement("div", {
     ref: errorRef,
     id: "paymentErrorMsg",

package/build/components/__shared__/ButtonPayment/components/FormPaycomet/FormPaycomet.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormPaycomet.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_FormPaycomet","_FormPaycomet2","style","_helpers","_InputField","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","FormPaycomet","_ref","currencyDecimals","info","amount","publicKey","process","env","PROVIDER_PAYCOMET_PUBLICKEY","onSuccess","others","locale","translate","useLocale","formRef","useRef","tokenRef","errorRef","useMutationObserver","current","value","nextToken","document","getElementById","length","setToken","attributes","textContent","nextError","setError","setBusy","busy","useState","token","error","expire","setExpire","useEffect","exists","SCRIPT_ID","script","createElement","id","src","concat","PROVIDER_PAYCOMET_SCRIPT","split","head","appendChild","el","parentNode","removeChild","handleExpireChange","event","name","target","replace","handleCardTokenized","preventDefault","handlePress","stopPropagation","submit","getInlineStyle","inputColor","inputFontSize","inputNumberValueWidth","font","Theme","cvv","card_number","View","Text","action","L10N","LABEL_SECURE_PAGE","ref","onSubmit","type","Math","pow","toFixed","InputField","label","LABEL_CARD_NAME","className","inputName","LABEL_CARD_NUMBER","LABEL_CARD_NUMBER_PLACEHOLDER","row","LABEL_EXPIRATION","onChange","month","maxLength","inputExpire","year","LABEL_CVV","inputCVV","Button","large","wide","onPress","ACTION_PAY","Notification","display","exports","displayName","propTypes","PropTypes","number","shape","string","isRequired","func"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormPaycomet/FormPaycomet.jsx"],"sourcesContent":["/* eslint-disable react/no-unknown-property */\nimport { useLocale } from '@mirai/locale';\nimport { Button, Notification, Text, Theme, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { SCRIPT_ID } from './FormPaycomet.constants';\nimport { L10N } from './FormPaycomet.l10n';\nimport * as style from './FormPaycomet.module.css';\nimport { useMutationObserver } from './helpers';\nimport { InputField } from '../InputField';\n\nexport const FormPaycomet = ({\n  currencyDecimals = 2,\n  info: { amount } = {},\n  publicKey = process.env.PROVIDER_PAYCOMET_PUBLICKEY,\n  onSuccess = () => {},\n  ...others\n}) => {\n  const { locale, translate } = useLocale();\n\n  const formRef = useRef();\n  const tokenRef = useRef();\n  const errorRef = useRef();\n\n  useMutationObserver(\n    tokenRef.current,\n    () => {\n      const { value: nextToken = '' } = document.getElementById('paytpvToken') || {};\n      if (nextToken.length > 0) setToken(nextToken);\n    },\n    { attributes: true },\n  );\n\n  useMutationObserver(errorRef.current, () => {\n    const { textContent: nextError = '' } = document.getElementById('paymentErrorMsg') || {};\n    if (nextError?.length > 0) {\n      setError(nextError);\n      setBusy(false);\n    }\n  });\n\n  const [busy, setBusy] = useState(false);\n  const [token, setToken] = useState();\n  const [error, setError] = useState();\n  const [expire, setExpire] = useState({});\n\n  useEffect(() => {\n    const exists = document.getElementById(SCRIPT_ID);\n    if (!exists) {\n      const script = document.createElement('script');\n      script.id = SCRIPT_ID;\n      script.src = `${process.env.PROVIDER_PAYCOMET_SCRIPT}?lang=${locale.split('-')[0]}`;\n\n      document.head.appendChild(script);\n    }\n    return () => {\n      const el = document.getElementById(SCRIPT_ID);\n      if (el) el.parentNode.removeChild(el);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (!token) return;\n\n    setBusy(false);\n    setError();\n    onSuccess({ token });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [token]);\n\n  const handleExpireChange = (event) => {\n    const { name, value = '' } = event.target || {};\n    setExpire({ ...expire, [name]: value.replace(/[^\\d]/g, '') });\n  };\n\n  const handleCardTokenized = (event) => {\n    event.preventDefault();\n    setBusy(true);\n  };\n\n  const handlePress = (event) => {\n    event.stopPropagation();\n    formRef.current.submit();\n  };\n\n  const getInlineStyle = () => {\n    const { inputColor, inputFontSize, inputNumberValueWidth, font } = Theme.get();\n    return {\n      cvv: `border:0px;color:${inputColor};font-family:${font};font-size:${inputFontSize};height:${inputNumberValueWidth};padding:0!important;`,\n      card_number: `border:0px;background-image:none;color:${inputColor};font-family:${font};font-size:${inputFontSize};height:${inputNumberValueWidth};outline: 0;padding:0!important;`,\n    };\n  };\n  const { card_number, cvv } = getInlineStyle();\n\n  return (\n    <View {...others}>\n      <Text action>{translate(L10N.LABEL_SECURE_PAGE)}</Text>\n      <form ref={formRef} id=\"paycometPaymentForm\" onSubmit={handleCardTokenized} action=\"javascript:void(0)\">\n        <input type=\"hidden\" name=\"amount\" value={(amount * Math.pow(10, currencyDecimals)).toFixed()} />\n        <input type=\"hidden\" data-paycomet=\"jetID\" value={publicKey} />\n        <input ref={tokenRef} type=\"hidden\" id=\"paytpvToken\" name=\"paytpvToken\" value=\"\" />\n        <InputField label={translate(L10N.LABEL_CARD_NAME)}>\n          <input data-paycomet=\"cardHolderName\" className={style.inputName} />\n        </InputField>\n        <InputField label={translate(L10N.LABEL_CARD_NUMBER)}>\n          <div id=\"paycomet-pan\" className={style.inputName}></div>\n          <input\n            paycomet-style={card_number}\n            paycomet-name=\"pan\"\n            paycomet-placeholder={translate(L10N.LABEL_CARD_NUMBER_PLACEHOLDER)}\n          />\n        </InputField>\n        <View row>\n          <InputField label={translate(L10N.LABEL_EXPIRATION)}>\n            <View row className={style.inputName}>\n              <input\n                onChange={handleExpireChange}\n                value={expire.month}\n                name=\"month\"\n                data-paycomet=\"dateMonth\"\n                maxLength={2}\n                className={style.inputExpire}\n              />\n              /\n              <input\n                onChange={handleExpireChange}\n                value={expire.year}\n                name=\"year\"\n                data-paycomet=\"dateYear\"\n                maxLength={2}\n                className={style.inputExpire}\n              />\n            </View>\n          </InputField>\n\n          <InputField label={translate(L10N.LABEL_CVV)} className={style.inputCVV}>\n            <div id=\"paycomet-cvc2\" data-paycomet=\"cvc2\" className={style.inputName}></div>\n            <input paycomet-name=\"cvc2\" paycomet-style={cvv} />\n          </InputField>\n        </View>\n        <Button busy={busy} large wide onPress={handlePress} preventDefault={false}>\n          {translate(L10N.ACTION_PAY)}\n        </Button>\n      </form>\n      {error && (\n        <Notification className={style.error} error wide>\n          {error}\n        </Notification>\n      )}\n      <div ref={errorRef} id=\"paymentErrorMsg\" style={{ display: 'none' }}></div>\n    </View>\n  );\n};\n\nFormPaycomet.displayName = 'Mirai:Payments:ButtonPayment:FormPaycomet';\n\nFormPaycomet.propTypes = {\n  currencyDecimals: PropTypes.number,\n  info: PropTypes.shape({\n    amount: PropTypes.number,\n  }),\n  publicKey: PropTypes.string.isRequired,\n  onSuccess: PropTypes.func,\n};\n"],"mappings":"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"}
+{"version":3,"file":"FormPaycomet.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_FormPaycomet","_FormPaycomet2","style","_helpers","_InputField","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","FormPaycomet","_ref","currencyDecimals","info","amount","publicKey","process","env","PROVIDER_PAYCOMET_PUBLICKEY","onSuccess","others","locale","translate","useLocale","formRef","useRef","tokenRef","errorRef","useMutationObserver","current","value","nextToken","document","getElementById","length","setToken","attributes","textContent","nextError","setError","setBusy","busy","useState","token","error","expire","setExpire","useEffect","exists","SCRIPT_ID","script","createElement","id","src","concat","PROVIDER_PAYCOMET_SCRIPT","split","head","appendChild","el","parentNode","removeChild","handleExpireChange","event","name","target","replace","handleCardTokenized","preventDefault","handlePress","stopPropagation","submit","getInlineStyle","inputColor","inputFontSize","inputNumberValueWidth","font","Theme","cvv","card_number","View","Text","action","L10N","LABEL_SECURE_PAGE","ref","onSubmit","type","Math","pow","toFixed","InputField","label","LABEL_CARD_NAME","className","inputName","LABEL_CARD_NUMBER","LABEL_CARD_NUMBER_PLACEHOLDER","row","LABEL_EXPIRATION","onChange","month","maxLength","inputExpire","year","LABEL_CVV","inputCVV","Button","large","wide","onPress","ACTION_PAY","Notification","display","exports","displayName","propTypes","PropTypes","number","shape","string","isRequired","func"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormPaycomet/FormPaycomet.jsx"],"sourcesContent":["/* eslint-disable react/no-unknown-property */\nimport { useLocale } from '@mirai/locale';\nimport { Button, Notification, Text, Theme, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { SCRIPT_ID } from './FormPaycomet.constants';\nimport { L10N } from './FormPaycomet.l10n';\nimport * as style from './FormPaycomet.module.css';\nimport { useMutationObserver } from './helpers';\nimport { InputField } from '../InputField';\n\nexport const FormPaycomet = ({\n  currencyDecimals = 2,\n  info: { amount } = {},\n  publicKey = process.env.PROVIDER_PAYCOMET_PUBLICKEY,\n  onSuccess = () => {},\n  ...others\n}) => {\n  const { locale, translate } = useLocale();\n\n  const formRef = useRef();\n  const tokenRef = useRef();\n  const errorRef = useRef();\n\n  useMutationObserver(\n    tokenRef.current,\n    () => {\n      const { value: nextToken = '' } = document.getElementById('paytpvToken') || {};\n      if (nextToken.length > 0) setToken(nextToken);\n    },\n    { attributes: true },\n  );\n\n  useMutationObserver(errorRef.current, () => {\n    const { textContent: nextError = '' } = document.getElementById('paymentErrorMsg') || {};\n    if (nextError?.length > 0) {\n      setError(nextError);\n      setBusy(false);\n    }\n  });\n\n  const [busy, setBusy] = useState(false);\n  const [token, setToken] = useState();\n  const [error, setError] = useState();\n  const [expire, setExpire] = useState({});\n\n  useEffect(() => {\n    const exists = document.getElementById(SCRIPT_ID);\n    if (!exists) {\n      const script = document.createElement('script');\n      script.id = SCRIPT_ID;\n      script.src = `${process.env.PROVIDER_PAYCOMET_SCRIPT}?lang=${locale.split('-')[0]}`;\n\n      document.head.appendChild(script);\n    }\n    return () => {\n      const el = document.getElementById(SCRIPT_ID);\n      if (el) el.parentNode.removeChild(el);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (!token) return;\n\n    setBusy(false);\n    setError();\n    onSuccess({ token });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [token]);\n\n  const handleExpireChange = (event) => {\n    const { name, value = '' } = event.target || {};\n    setExpire({ ...expire, [name]: value.replace(/[^\\d]/g, '') });\n  };\n\n  const handleCardTokenized = (event) => {\n    event.preventDefault();\n    setBusy(true);\n  };\n\n  const handlePress = (event) => {\n    event.stopPropagation();\n    formRef.current.submit();\n  };\n\n  const getInlineStyle = () => {\n    const { inputColor, inputFontSize, inputNumberValueWidth, font } = Theme.get();\n    return {\n      cvv: `border:0px;color:${inputColor};font-family:${font};font-size:${inputFontSize};height:${inputNumberValueWidth};padding:0!important;`,\n      card_number: `border:0px;background-image:none;color:${inputColor};font-family:${font};font-size:${inputFontSize};height:${inputNumberValueWidth};outline: 0;padding:0!important;`,\n    };\n  };\n  const { card_number, cvv } = getInlineStyle();\n\n  return (\n    <View {...others}>\n      <Text action>{translate(L10N.LABEL_SECURE_PAGE)}</Text>\n      <form ref={formRef} id=\"paycometPaymentForm\" onSubmit={handleCardTokenized} action=\"javascript:void(0)\">\n        <input type=\"hidden\" name=\"amount\" value={(amount * Math.pow(10, currencyDecimals)).toFixed()} />\n        <input type=\"hidden\" data-paycomet=\"jetID\" value={publicKey} />\n        <input ref={tokenRef} type=\"hidden\" id=\"paytpvToken\" name=\"paytpvToken\" value=\"\" />\n        <InputField label={translate(L10N.LABEL_CARD_NAME)}>\n          <input data-paycomet=\"cardHolderName\" className={style.inputName} />\n        </InputField>\n        <InputField label={translate(L10N.LABEL_CARD_NUMBER)}>\n          <div id=\"paycomet-pan\" className={style.inputName}></div>\n          <input\n            paycomet-style={card_number}\n            paycomet-name=\"pan\"\n            paycomet-placeholder={translate(L10N.LABEL_CARD_NUMBER_PLACEHOLDER)}\n          />\n        </InputField>\n        <View row>\n          <InputField label={translate(L10N.LABEL_EXPIRATION)}>\n            <View row className={style.inputName}>\n              <input\n                onChange={handleExpireChange}\n                value={expire.month}\n                name=\"month\"\n                data-paycomet=\"dateMonth\"\n                maxLength={2}\n                className={style.inputExpire}\n              />\n              /\n              <input\n                onChange={handleExpireChange}\n                value={expire.year}\n                name=\"year\"\n                data-paycomet=\"dateYear\"\n                maxLength={2}\n                className={style.inputExpire}\n              />\n            </View>\n          </InputField>\n\n          <InputField label={translate(L10N.LABEL_CVV)} className={style.inputCVV}>\n            <div id=\"paycomet-cvc2\" data-paycomet=\"cvc2\" className={style.inputName}></div>\n            <input paycomet-name=\"cvc2\" paycomet-style={cvv} />\n          </InputField>\n        </View>\n        <Button busy={busy} large wide onPress={handlePress} preventDefault={false}>\n          {translate(L10N.ACTION_PAY)}\n        </Button>\n      </form>\n      {error && (\n        <Notification error wide className={style.error}>\n          {error}\n        </Notification>\n      )}\n      <div ref={errorRef} id=\"paymentErrorMsg\" style={{ display: 'none' }}></div>\n    </View>\n  );\n};\n\nFormPaycomet.displayName = 'Mirai:Payments:ButtonPayment:FormPaycomet';\n\nFormPaycomet.propTypes = {\n  currencyDecimals: PropTypes.number,\n  info: PropTypes.shape({\n    amount: PropTypes.number,\n  }),\n  publicKey: PropTypes.string.isRequired,\n  onSuccess: PropTypes.func,\n};\n"],"mappings":"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"}

package/build/components/__shared__/ButtonPayment/components/FormSipay/__tests__/__snapshots__/FormSipay.test.js.snap

@@ -6,10 +6,10 @@ exports[`component:<FormSipay> inherit:className 1`] = `
     class="view mirai"
   >
     <div
-      class="view row notification warning inline inline large wide"
+      class="view row notification warning inline large wide"
     >
       <span
-        class="icon headline-1 icon"
+        class="icon headline-1"
       >
         <svg
           fill="currentColor"
@@ -25,11 +25,15 @@ exports[`component:<FormSipay> inherit:className 1`] = `
           />
         </svg>
       </span>
-      <span
-        class="text paragraph text warning"
+      <div
+        class="view texts"
       >
-        payments.notification.loading
-      </span>
+        <span
+          class="text action"
+        >
+          payments.notification.loading
+        </span>
+      </div>
     </div>
     <button
       data-amount="0"
@@ -55,10 +59,10 @@ exports[`component:<FormSipay> renders 1`] = `
     class="view"
   >
     <div
-      class="view row notification warning inline inline large wide"
+      class="view row notification warning inline large wide"
     >
       <span
-        class="icon headline-1 icon"
+        class="icon headline-1"
       >
         <svg
           fill="currentColor"
@@ -74,11 +78,15 @@ exports[`component:<FormSipay> renders 1`] = `
           />
         </svg>
       </span>
-      <span
-        class="text paragraph text warning"
+      <div
+        class="view texts"
       >
-        payments.notification.loading
-      </span>
+        <span
+          class="text action"
+        >
+          payments.notification.loading
+        </span>
+      </div>
     </div>
     <button
       data-amount="0"
@@ -105,10 +113,10 @@ exports[`component:<FormSipay> testID 1`] = `
     data-testid="mirai"
   >
     <div
-      class="view row notification warning inline inline large wide"
+      class="view row notification warning inline large wide"
     >
       <span
-        class="icon headline-1 icon"
+        class="icon headline-1"
       >
         <svg
           fill="currentColor"
@@ -124,11 +132,15 @@ exports[`component:<FormSipay> testID 1`] = `
           />
         </svg>
       </span>
-      <span
-        class="text paragraph text warning"
+      <div
+        class="view texts"
       >
-        payments.notification.loading
-      </span>
+        <span
+          class="text action"
+        >
+          payments.notification.loading
+        </span>
+      </div>
     </div>
     <button
       data-amount="0"

package/build/components/__shared__/ButtonPayment/components/InputField/__tests__/__snapshots__/InputField.test.js.snap

@@ -109,11 +109,11 @@ exports[`component:<InputField> property success 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M0 0h24v24H0V0z"
+            d="M0 0h24v24H0V0zm0 0h24v24H0V0z"
             fill="none"
           />
           <path
-            d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4 8-8z"
+            d="M16.59 7.58 10 14.17l-3.59-3.58L5 12l5 5 8-8zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
           />
         </svg>
       </span>

package/build/components/__shared__/Occupation/Occupation.js

@@ -135,8 +135,8 @@ const Occupation = exports.Occupation = /*#__PURE__*/_react.default.forwardRef((
     ref: ref,
     className: (0, _ui.styles)(style.container, others.className)
   }), (withError || withWarning) && /*#__PURE__*/_react.default.createElement(_ui.Notification, {
-    small: true,
     error: withError,
+    small: true,
     warning: withWarning,
     className: style.notification
   }, translate(withError ? _Occupation3.L10N.NOTIFICATION_ERROR_UNFILLED_FIELDS : _Occupation3.L10N.NOTIFICATION_WARNING_OCCUPATION)), /*#__PURE__*/_react.default.createElement(_ui.ScrollView, {