@mirai/core 0.3.417 → 0.3.419

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

@@ -1 +1 @@
-{"version":3,"file":"BookingDetails.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_BookingDetails","_BookingDetails2","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","BookingDetails","_ref","dataSource","expanded","propExpanded","others","isDesktop","isMobile","useDevice","translate","useLocale","value","config","accomodation","occupation","variants","hotel","id","hotelId","urlParams","roomNumberBySelectedRoom","useStore","setExpanded","useState","useEffect","details","items","extras","MAX_VISIBLE_DETAILS","handlePress","currency","propsTable","roomNumber","getRoomNumber","multiRoom","createElement","View","className","styles","Text","bold","headline","L10N","LABEL_BOOKING_DETAILS","slice","undefined","map","_variants$find","amount","image","observations","adults","babies","children","rate","type","wide","row","item","backgroundImage","concat","inline","action","LABEL_ROOM_NUMBER","Tooltip","pressable","text","LABEL_SUBJECT_TO_AVAILABILITY","Icon","ICON","INFO","replace","trim","light","small","getRoomOccupationLabel","find","_ref2","Number","BookingTable","showTotal","Fragment","label","LABEL_EXTRAS","LABEL_OBSERVATIONS","index","LABEL_BOOKING_EXTRAS","ButtonMore","onPress","buttonMore","testId","exports","displayName","propTypes","PropTypes","shape","bool"],"sources":["../../../../src/components/__shared__/BookingDetails/BookingDetails.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Icon, ICON, styles, Text, Tooltip, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { MAX_VISIBLE_DETAILS } from './BookingDetails.constants';\nimport { L10N } from './BookingDetails.l10n';\nimport * as style from './BookingDetails.module.css';\nimport { BookingTable, ButtonMore } from '..';\nimport { getRoomNumber, getRoomOccupationLabel } from '../../helpers';\n\nconst BookingDetails = ({ dataSource = {}, expanded: propExpanded = false, ...others }) => {\n  const { isDesktop, isMobile } = useDevice();\n  const { translate } = useLocale();\n  const {\n    value: {\n      config: { accomodation: { occupation = [], variants = [] } = {} } = {},\n      hotel: { id: hotelId } = {},\n      urlParams: { roomNumberBySelectedRoom } = {},\n    },\n  } = useStore();\n\n  const [expanded, setExpanded] = useState(propExpanded);\n\n  useEffect(() => {\n    const { details: [{ items = [] } = {}] = [], extras = [] } = dataSource;\n    setExpanded(!isDesktop || (items.length <= MAX_VISIBLE_DETAILS && extras.length === 0));\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    setExpanded(propExpanded);\n  }, [propExpanded]);\n\n  const handlePress = () => {\n    setExpanded(true);\n  };\n\n  const { currency, details = [], extras = [] } = dataSource;\n  const propsTable = { currency };\n  const roomNumber = getRoomNumber(roomNumberBySelectedRoom);\n  const multiRoom = details.length > 1;\n\n  return (\n    <View {...others} className={styles(style.details, others.className)}>\n      <Text bold headline={isDesktop}>\n        {translate(L10N.LABEL_BOOKING_DETAILS)}\n      </Text>\n\n      {details\n        .slice(0, expanded ? undefined : 1)\n        .map(\n          (\n            {\n              amount,\n              extras = [],\n              image,\n              items = [],\n              observations = [],\n              occupation: { adults, babies, children } = {},\n              rate,\n              type,\n            } = {},\n            key,\n          ) => (\n            <View key={key} wide>\n              <View row className={style.item}>\n                <View className={style.image} style={{ backgroundImage: `url(${image})` }} />\n                <View>\n                  <View row className={style.inline}>\n                    <Text action={isMobile} bold>\n                      {`${type}${roomNumber ? ` (${translate(L10N.LABEL_ROOM_NUMBER, { roomNumber })})` : ''} ${\n                        amount > 1 ? ` (x${amount})` : ''\n                      }`}\n                    </Text>\n                    {roomNumber && (\n                      <Tooltip pressable text={translate(L10N.LABEL_SUBJECT_TO_AVAILABILITY)}>\n                        <Icon value={ICON.INFO} />\n                      </Tooltip>\n                    )}\n                  </View>\n                  <Text action>{rate.replace(`${type}:`, '').trim()}</Text>\n                  <Text light small>\n                    {getRoomOccupationLabel({\n                      adults,\n                      babies,\n                      children,\n                      dataSource: variants.find(({ id }) => id === Number(hotelId))?.occupation || occupation,\n                      translate,\n                    })}\n                  </Text>\n                </View>\n              </View>\n\n              <BookingTable\n                {...propsTable}\n                dataSource={items.slice(0, expanded ? undefined : MAX_VISIBLE_DETAILS)}\n                showTotal={multiRoom && expanded}\n              />\n\n              {expanded && (\n                <>\n                  <BookingTable {...propsTable} dataSource={extras} label={translate(L10N.LABEL_EXTRAS)} />\n\n                  {observations.length > 0 && (\n                    <View className={style.observations}>\n                      <Text bold small>\n                        {translate(L10N.LABEL_OBSERVATIONS)}\n                      </Text>\n                      {observations.map((item, index) => (\n                        <Text key={index} small>\n                          {item}\n                        </Text>\n                      ))}\n                    </View>\n                  )}\n                </>\n              )}\n            </View>\n          ),\n        )}\n\n      {expanded && <BookingTable {...propsTable} dataSource={extras} label={translate(L10N.LABEL_BOOKING_EXTRAS)} />}\n\n      {isDesktop && !expanded && <ButtonMore onPress={handlePress} className={style.buttonMore} testId=\"button-more\" />}\n    </View>\n  );\n};\n\nBookingDetails.displayName = 'Mirai:Core:BookingDetails';\n\nBookingDetails.propTypes = {\n  dataSource: PropTypes.shape({}),\n  expanded: PropTypes.bool,\n};\n\nexport { BookingDetails };\n"],"mappings":"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"}
+{"version":3,"file":"BookingDetails.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_BookingDetails","_BookingDetails2","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","BookingDetails","_ref","dataSource","expanded","propExpanded","others","isDesktop","isMobile","useDevice","translate","useLocale","value","config","accomodation","occupation","variants","components","hotel","id","hotelId","urlParams","roomNumberBySelectedRoom","useStore","setExpanded","useState","useEffect","details","items","extras","MAX_VISIBLE_DETAILS","handlePress","metrics","Event","publish","EVENT","METRICS","concat","checkout","booking","undefined","currency","propsTable","roomNumber","getRoomNumber","multiRoom","createElement","View","className","styles","Text","bold","headline","L10N","LABEL_BOOKING_DETAILS","slice","map","_variants$find","amount","image","observations","adults","babies","children","rate","type","wide","row","item","backgroundImage","inline","action","LABEL_ROOM_NUMBER","Tooltip","pressable","text","LABEL_SUBJECT_TO_AVAILABILITY","Icon","ICON","INFO","replace","trim","light","small","getRoomOccupationLabel","find","_ref2","Number","BookingTable","showTotal","Fragment","label","LABEL_EXTRAS","LABEL_OBSERVATIONS","index","LABEL_BOOKING_EXTRAS","ButtonMore","onPress","buttonMore","testId","exports","displayName","propTypes","PropTypes","shape","bool"],"sources":["../../../../src/components/__shared__/BookingDetails/BookingDetails.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Icon, ICON, styles, Text, Tooltip, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { MAX_VISIBLE_DETAILS } from './BookingDetails.constants';\nimport { L10N } from './BookingDetails.l10n';\nimport * as style from './BookingDetails.module.css';\nimport { BookingTable, ButtonMore } from '..';\nimport { EVENT, getRoomNumber, getRoomOccupationLabel } from '../../helpers';\n\nconst BookingDetails = ({ dataSource = {}, expanded: propExpanded = false, ...others }) => {\n  const { isDesktop, isMobile } = useDevice();\n  const { translate } = useLocale();\n  const {\n    value: {\n      config: { accomodation: { occupation = [], variants = [] } = {} } = {},\n      components = {},\n      hotel: { id: hotelId } = {},\n      urlParams: { roomNumberBySelectedRoom } = {},\n    },\n  } = useStore();\n\n  const [expanded, setExpanded] = useState(propExpanded);\n\n  useEffect(() => {\n    const { details: [{ items = [] } = {}] = [], extras = [] } = dataSource;\n    setExpanded(!isDesktop || (items.length <= MAX_VISIBLE_DETAILS && extras.length === 0));\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    setExpanded(propExpanded);\n  }, [propExpanded]);\n\n  const handlePress = () => {\n    setExpanded(true);\n    if (metrics) Event.publish(EVENT.METRICS, { id: `${metrics}:DETAILS:VIEW_MORE` });\n  };\n\n  const metrics = components.checkout ? 'CHECKOUT' : components.booking ? 'BOOKING' : undefined;\n  const { currency, details = [], extras = [] } = dataSource;\n  const propsTable = { currency };\n  const roomNumber = getRoomNumber(roomNumberBySelectedRoom);\n  const multiRoom = details.length > 1;\n\n  return (\n    <View {...others} className={styles(style.details, others.className)}>\n      <Text bold headline={isDesktop}>\n        {translate(L10N.LABEL_BOOKING_DETAILS)}\n      </Text>\n\n      {details\n        .slice(0, expanded ? undefined : 1)\n        .map(\n          (\n            {\n              amount,\n              extras = [],\n              image,\n              items = [],\n              observations = [],\n              occupation: { adults, babies, children } = {},\n              rate,\n              type,\n            } = {},\n            key,\n          ) => (\n            <View key={key} wide>\n              <View row className={style.item}>\n                <View className={style.image} style={{ backgroundImage: `url(${image})` }} />\n                <View>\n                  <View row className={style.inline}>\n                    <Text action={isMobile} bold>\n                      {`${type}${roomNumber ? ` (${translate(L10N.LABEL_ROOM_NUMBER, { roomNumber })})` : ''} ${\n                        amount > 1 ? ` (x${amount})` : ''\n                      }`}\n                    </Text>\n                    {roomNumber && (\n                      <Tooltip pressable text={translate(L10N.LABEL_SUBJECT_TO_AVAILABILITY)}>\n                        <Icon value={ICON.INFO} />\n                      </Tooltip>\n                    )}\n                  </View>\n                  <Text action>{rate.replace(`${type}:`, '').trim()}</Text>\n                  <Text light small>\n                    {getRoomOccupationLabel({\n                      adults,\n                      babies,\n                      children,\n                      dataSource: variants.find(({ id }) => id === Number(hotelId))?.occupation || occupation,\n                      translate,\n                    })}\n                  </Text>\n                </View>\n              </View>\n\n              <BookingTable\n                {...propsTable}\n                dataSource={items.slice(0, expanded ? undefined : MAX_VISIBLE_DETAILS)}\n                showTotal={multiRoom && expanded}\n              />\n\n              {expanded && (\n                <>\n                  <BookingTable {...propsTable} dataSource={extras} label={translate(L10N.LABEL_EXTRAS)} />\n\n                  {observations.length > 0 && (\n                    <View className={style.observations}>\n                      <Text bold small>\n                        {translate(L10N.LABEL_OBSERVATIONS)}\n                      </Text>\n                      {observations.map((item, index) => (\n                        <Text key={index} small>\n                          {item}\n                        </Text>\n                      ))}\n                    </View>\n                  )}\n                </>\n              )}\n            </View>\n          ),\n        )}\n\n      {expanded && <BookingTable {...propsTable} dataSource={extras} label={translate(L10N.LABEL_BOOKING_EXTRAS)} />}\n\n      {isDesktop && !expanded && <ButtonMore onPress={handlePress} className={style.buttonMore} testId=\"button-more\" />}\n    </View>\n  );\n};\n\nBookingDetails.displayName = 'Mirai:Core:BookingDetails';\n\nBookingDetails.propTypes = {\n  dataSource: PropTypes.shape({}),\n  expanded: PropTypes.bool,\n};\n\nexport { BookingDetails };\n"],"mappings":"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"}

package/build/components/__shared__/BookingSummary/BookingSummary.js

@@ -75,26 +75,35 @@ const BookingSummary = _ref => {
     nights
   } = dataSource;
   const handleBack = () => {
-    document.location.href = "".concat(process.env.SERVICE_BOOKING, "/").concat(_BookingSummary.REDIRECT_PATH).concat((0, _helpers.toUrlParams)({
-      applyClubDiscount,
-      chainSelectorValue,
-      checkin,
-      clientCodeStrictSearch,
-      currency,
-      deviceType,
-      env,
-      home,
-      hsri,
-      idchain,
-      idtokenprovider,
-      lang: language,
-      nights,
-      parties
-    }));
+    if (metrics) _dataSources.Event.publish(_helpers.EVENT.METRICS, {
+      id: "".concat(metrics, ":CHANGE_SELECTION")
+    });
+    setTimeout(() => {
+      document.location.href = "".concat(process.env.SERVICE_BOOKING, "/").concat(_BookingSummary.REDIRECT_PATH).concat((0, _helpers.toUrlParams)({
+        applyClubDiscount,
+        chainSelectorValue,
+        checkin,
+        clientCodeStrictSearch,
+        currency,
+        deviceType,
+        env,
+        home,
+        hsri,
+        idchain,
+        idtokenprovider,
+        lang: language,
+        nights,
+        parties
+      }));
+    }, [_helpers.SUBMIT_DELAY]);
   };
   const handlePress = () => {
     setExpanded(true);
+    if (metrics) _dataSources.Event.publish(_helpers.EVENT.METRICS, {
+      id: "".concat(metrics, ":DETAILS:VIEW_MORE")
+    });
   };
+  const metrics = components.checkout ? 'CHECKOUT' : components.booking ? 'BOOKING' : undefined;
   const {
     days
   } = (0, _locale.dateDiff)((0, _locale.parseDate)(checkIn), (0, _locale.parseDate)(checkOut));

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

@@ -1 +1 @@
-{"version":3,"file":"BookingSummary.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_BookingSummary","_BookingSummary2","style","_helpers","_ButtonMore","_PriceBreakdown","_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","BookingSummary","_ref","box","children","dataSource","others","isDesktop","isMobile","useDevice","dateFormat","translate","useLocale","value","components","language","urlParams","applyClubDiscount","chainSelectorValue","checkin","clientCodeStrictSearch","device","deviceType","env","home","hsri","idchain","idtokenprovider","parties","roomNumberBySelectedRoom","useStore","expanded","setExpanded","useState","checkIn","checkInTime","checkOut","checkOutTime","currency","details","hotel","address","city","country","email","location","name","hotelName","phone","site","nights","handleBack","document","href","concat","process","SERVICE_BOOKING","REDIRECT_PATH","toUrlParams","lang","handlePress","days","dateDiff","parseDate","isCheckout","checkout","items","filter","type","undefined","roomNumber","getRoomNumber","urlLocation","join","createElement","View","wide","className","styles","bookingSummary","section","Text","bold","headline","L10N","LABEL_BOOKING_SUMMARY","row","dates","action","LABEL_CHECK_IN","FORMAT_DATE","light","small","LABEL_CHECKIN_TIME","LABEL_CHECK_OUT","LABEL_CHECKOUT_TIME","LABEL_YOUR_RESERVATION","LABEL_NIGHT_COUNT","LABEL_ROOM_COUNT","reduce","total","amount","map","index","info","LABEL_ROOM_NUMBER","Tooltip","pressable","text","LABEL_SUBJECT_TO_AVAILABILITY","Icon","ICON","INFO","LABEL_ACCOMODATION","markdown","links","noPrint","Action","SITE","ACTION_VIEW_HOTEL","MAIL","ACTION_SEND_EMAIL","LOCATION","ACTION_VIEW_MAP","Fragment","onPress","testId","ACTION_CHANGE_SELECTION","PriceBreakdown","ButtonMore","exports","displayName","propTypes","PropTypes","bool","any","shape"],"sources":["../../../../src/components/__shared__/BookingSummary/BookingSummary.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { dateDiff, parseDate, useLocale } from '@mirai/locale';\nimport { Action, Icon, styles, Text, Tooltip, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { FORMAT_DATE, REDIRECT_PATH } from './BookingSummary.constants';\nimport { L10N } from './BookingSummary.l10n';\nimport * as style from './BookingSummary.module.css';\nimport { getRoomNumber, ICON, toUrlParams } from '../../helpers';\nimport { ButtonMore } from '../ButtonMore';\nimport { PriceBreakdown } from '../PriceBreakdown';\n\nconst BookingSummary = ({ box = false, children, dataSource = {}, ...others }) => {\n  const { isDesktop, isMobile } = useDevice();\n  const { dateFormat, translate } = useLocale();\n  const {\n    value: {\n      components = {},\n      language,\n      urlParams: {\n        applyClubDiscount,\n        chainSelectorValue,\n        checkin,\n        clientCodeStrictSearch,\n        device: deviceType,\n        env,\n        home,\n        hsri,\n        idchain,\n        idtokenprovider,\n        parties,\n        roomNumberBySelectedRoom,\n      } = {},\n    },\n  } = useStore();\n\n  const [expanded, setExpanded] = useState(isDesktop);\n\n  const {\n    checkIn,\n    checkInTime,\n    checkOut,\n    checkOutTime,\n    currency,\n    details = [],\n    hotel: { address, city, country, email, location = [], name: hotelName, phone, site } = {},\n    nights,\n  } = dataSource;\n\n  const handleBack = () => {\n    document.location.href = `${process.env.SERVICE_BOOKING}/${REDIRECT_PATH}${toUrlParams({\n      applyClubDiscount,\n      chainSelectorValue,\n      checkin,\n      clientCodeStrictSearch,\n      currency,\n      deviceType,\n      env,\n      home,\n      hsri,\n      idchain,\n      idtokenprovider,\n      lang: language,\n      nights,\n      parties,\n    })}`;\n  };\n\n  const handlePress = () => {\n    setExpanded(true);\n  };\n\n  const { days } = dateDiff(parseDate(checkIn), parseDate(checkOut));\n  const isCheckout = !!components.checkout;\n  const items = details.filter(({ type } = {}) => !!type) || [];\n  const roomNumber = getRoomNumber(roomNumberBySelectedRoom);\n  const urlLocation = location.length ? `https://maps.google.com?q=${location.join(',')}` : undefined;\n\n  return (\n    <View {...others} wide className={styles(style.bookingSummary, box && style.box, others.className)}>\n      <View className={style.section}>\n        <Text bold headline={isDesktop}>\n          {translate(L10N.LABEL_BOOKING_SUMMARY)}\n        </Text>\n\n        <View row wide className={style.dates}>\n          <View>\n            <Text action={isMobile} bold>\n              {translate(L10N.LABEL_CHECK_IN)}\n            </Text>\n            <View>\n              <Text action>{dateFormat(parseDate(checkIn), FORMAT_DATE)}</Text>\n              {checkInTime && (\n                <Text light small>\n                  {translate(L10N.LABEL_CHECKIN_TIME, { value: checkInTime })}\n                </Text>\n              )}\n            </View>\n          </View>\n\n          <View>\n            <Text action={isMobile} bold>\n              {translate(L10N.LABEL_CHECK_OUT)}\n            </Text>\n            <View>\n              <Text action>{dateFormat(parseDate(checkOut), FORMAT_DATE)}</Text>\n              {checkOutTime && (\n                <Text light small>\n                  {translate(L10N.LABEL_CHECKOUT_TIME, { value: checkOutTime })}\n                </Text>\n              )}\n            </View>\n          </View>\n        </View>\n\n        <View>\n          <Text action={isMobile} bold>\n            {translate(L10N.LABEL_YOUR_RESERVATION)}\n          </Text>\n          <Text action>\n            {`${translate(L10N.LABEL_NIGHT_COUNT, { value: nights || days || 0 })}, ${translate(L10N.LABEL_ROOM_COUNT, {\n              value: items.reduce((total, { amount = 1 } = {}) => total + amount, 0),\n            })}`}\n          </Text>\n\n          {items.map(({ amount, type } = {}, index) => (\n            <View key={index} row className={style.info}>\n              <Text light small>\n                {`${type}${roomNumber ? ` (${translate(L10N.LABEL_ROOM_NUMBER, { roomNumber })})` : ''} ${\n                  amount > 1 ? ` (x${amount})` : ''\n                }`}\n              </Text>\n              {roomNumber && (\n                <Tooltip pressable text={translate(L10N.LABEL_SUBJECT_TO_AVAILABILITY)}>\n                  <Icon value={ICON.INFO} />\n                </Tooltip>\n              )}\n            </View>\n          ))}\n        </View>\n\n        <View>\n          <Text action={isMobile} bold>\n            {translate(L10N.LABEL_ACCOMODATION)}\n          </Text>\n          <Text action markdown={false}>\n            {hotelName}\n          </Text>\n          <Text light small>\n            {`${address}, ${city}, ${country}`}\n          </Text>\n          {!isCheckout && (\n            <Text light small>\n              {phone}\n            </Text>\n          )}\n        </View>\n\n        {!isCheckout && (site || email || urlLocation) && (\n          <View row wide className={styles(style.links, style.noPrint)}>\n            {site && (\n              <Action href={site} small target=\"_blank\">\n                <Icon value={ICON.SITE} />\n                {translate(L10N.ACTION_VIEW_HOTEL)}\n              </Action>\n            )}\n            {email && (\n              <Action href={`mailto:${email}`} small target=\"_blank\">\n                <Icon value={ICON.MAIL} />\n                {translate(L10N.ACTION_SEND_EMAIL)}\n              </Action>\n            )}\n            {urlLocation && (\n              <Action href={urlLocation} small target=\"_blank\">\n                <Icon value={ICON.LOCATION} />\n                {translate(L10N.ACTION_VIEW_MAP)}\n              </Action>\n            )}\n          </View>\n        )}\n\n        {isCheckout && (\n          <>\n            <Action onPress={handleBack} testId=\"action-change-selection\">\n              {translate(L10N.ACTION_CHANGE_SELECTION)}\n            </Action>\n          </>\n        )}\n      </View>\n\n      <PriceBreakdown dataSource={dataSource} className={style.section} />\n\n      {children ? (\n        expanded ? (\n          <View className={style.section}>{children}</View>\n        ) : (\n          <ButtonMore onPress={handlePress} />\n        )\n      ) : undefined}\n    </View>\n  );\n};\n\nBookingSummary.displayName = 'Mirai:Core:BookingSummary';\n\nBookingSummary.propTypes = {\n  box: PropTypes.bool,\n  children: PropTypes.any,\n  dataSource: PropTypes.shape({}),\n};\n\nexport { BookingSummary };\n"],"mappings":"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"}
+{"version":3,"file":"BookingSummary.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_BookingSummary","_BookingSummary2","style","_helpers","_ButtonMore","_PriceBreakdown","_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","BookingSummary","_ref","box","children","dataSource","others","isDesktop","isMobile","useDevice","dateFormat","translate","useLocale","value","components","language","urlParams","applyClubDiscount","chainSelectorValue","checkin","clientCodeStrictSearch","device","deviceType","env","home","hsri","idchain","idtokenprovider","parties","roomNumberBySelectedRoom","useStore","expanded","setExpanded","useState","checkIn","checkInTime","checkOut","checkOutTime","currency","details","hotel","address","city","country","email","location","name","hotelName","phone","site","nights","handleBack","metrics","Event","publish","EVENT","METRICS","id","concat","setTimeout","document","href","process","SERVICE_BOOKING","REDIRECT_PATH","toUrlParams","lang","SUBMIT_DELAY","handlePress","checkout","booking","undefined","days","dateDiff","parseDate","isCheckout","items","filter","type","roomNumber","getRoomNumber","urlLocation","join","createElement","View","wide","className","styles","bookingSummary","section","Text","bold","headline","L10N","LABEL_BOOKING_SUMMARY","row","dates","action","LABEL_CHECK_IN","FORMAT_DATE","light","small","LABEL_CHECKIN_TIME","LABEL_CHECK_OUT","LABEL_CHECKOUT_TIME","LABEL_YOUR_RESERVATION","LABEL_NIGHT_COUNT","LABEL_ROOM_COUNT","reduce","total","amount","map","index","info","LABEL_ROOM_NUMBER","Tooltip","pressable","text","LABEL_SUBJECT_TO_AVAILABILITY","Icon","ICON","INFO","LABEL_ACCOMODATION","markdown","links","noPrint","Action","SITE","ACTION_VIEW_HOTEL","MAIL","ACTION_SEND_EMAIL","LOCATION","ACTION_VIEW_MAP","Fragment","onPress","testId","ACTION_CHANGE_SELECTION","PriceBreakdown","ButtonMore","exports","displayName","propTypes","PropTypes","bool","any","shape"],"sources":["../../../../src/components/__shared__/BookingSummary/BookingSummary.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { dateDiff, parseDate, useLocale } from '@mirai/locale';\nimport { Action, Icon, styles, Text, Tooltip, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { FORMAT_DATE, REDIRECT_PATH } from './BookingSummary.constants';\nimport { L10N } from './BookingSummary.l10n';\nimport * as style from './BookingSummary.module.css';\nimport { EVENT, getRoomNumber, ICON, SUBMIT_DELAY, toUrlParams } from '../../helpers';\nimport { ButtonMore } from '../ButtonMore';\nimport { PriceBreakdown } from '../PriceBreakdown';\n\nconst BookingSummary = ({ box = false, children, dataSource = {}, ...others }) => {\n  const { isDesktop, isMobile } = useDevice();\n  const { dateFormat, translate } = useLocale();\n  const {\n    value: {\n      components = {},\n      language,\n      urlParams: {\n        applyClubDiscount,\n        chainSelectorValue,\n        checkin,\n        clientCodeStrictSearch,\n        device: deviceType,\n        env,\n        home,\n        hsri,\n        idchain,\n        idtokenprovider,\n        parties,\n        roomNumberBySelectedRoom,\n      } = {},\n    },\n  } = useStore();\n\n  const [expanded, setExpanded] = useState(isDesktop);\n\n  const {\n    checkIn,\n    checkInTime,\n    checkOut,\n    checkOutTime,\n    currency,\n    details = [],\n    hotel: { address, city, country, email, location = [], name: hotelName, phone, site } = {},\n    nights,\n  } = dataSource;\n\n  const handleBack = () => {\n    if (metrics) Event.publish(EVENT.METRICS, { id: `${metrics}:CHANGE_SELECTION` });\n\n    setTimeout(() => {\n      document.location.href = `${process.env.SERVICE_BOOKING}/${REDIRECT_PATH}${toUrlParams({\n        applyClubDiscount,\n        chainSelectorValue,\n        checkin,\n        clientCodeStrictSearch,\n        currency,\n        deviceType,\n        env,\n        home,\n        hsri,\n        idchain,\n        idtokenprovider,\n        lang: language,\n        nights,\n        parties,\n      })}`;\n    }, [SUBMIT_DELAY]);\n  };\n\n  const handlePress = () => {\n    setExpanded(true);\n    if (metrics) Event.publish(EVENT.METRICS, { id: `${metrics}:DETAILS:VIEW_MORE` });\n  };\n\n  const metrics = components.checkout ? 'CHECKOUT' : components.booking ? 'BOOKING' : undefined;\n  const { days } = dateDiff(parseDate(checkIn), parseDate(checkOut));\n  const isCheckout = !!components.checkout;\n  const items = details.filter(({ type } = {}) => !!type) || [];\n  const roomNumber = getRoomNumber(roomNumberBySelectedRoom);\n  const urlLocation = location.length ? `https://maps.google.com?q=${location.join(',')}` : undefined;\n\n  return (\n    <View {...others} wide className={styles(style.bookingSummary, box && style.box, others.className)}>\n      <View className={style.section}>\n        <Text bold headline={isDesktop}>\n          {translate(L10N.LABEL_BOOKING_SUMMARY)}\n        </Text>\n\n        <View row wide className={style.dates}>\n          <View>\n            <Text action={isMobile} bold>\n              {translate(L10N.LABEL_CHECK_IN)}\n            </Text>\n            <View>\n              <Text action>{dateFormat(parseDate(checkIn), FORMAT_DATE)}</Text>\n              {checkInTime && (\n                <Text light small>\n                  {translate(L10N.LABEL_CHECKIN_TIME, { value: checkInTime })}\n                </Text>\n              )}\n            </View>\n          </View>\n\n          <View>\n            <Text action={isMobile} bold>\n              {translate(L10N.LABEL_CHECK_OUT)}\n            </Text>\n            <View>\n              <Text action>{dateFormat(parseDate(checkOut), FORMAT_DATE)}</Text>\n              {checkOutTime && (\n                <Text light small>\n                  {translate(L10N.LABEL_CHECKOUT_TIME, { value: checkOutTime })}\n                </Text>\n              )}\n            </View>\n          </View>\n        </View>\n\n        <View>\n          <Text action={isMobile} bold>\n            {translate(L10N.LABEL_YOUR_RESERVATION)}\n          </Text>\n          <Text action>\n            {`${translate(L10N.LABEL_NIGHT_COUNT, { value: nights || days || 0 })}, ${translate(L10N.LABEL_ROOM_COUNT, {\n              value: items.reduce((total, { amount = 1 } = {}) => total + amount, 0),\n            })}`}\n          </Text>\n\n          {items.map(({ amount, type } = {}, index) => (\n            <View key={index} row className={style.info}>\n              <Text light small>\n                {`${type}${roomNumber ? ` (${translate(L10N.LABEL_ROOM_NUMBER, { roomNumber })})` : ''} ${\n                  amount > 1 ? ` (x${amount})` : ''\n                }`}\n              </Text>\n              {roomNumber && (\n                <Tooltip pressable text={translate(L10N.LABEL_SUBJECT_TO_AVAILABILITY)}>\n                  <Icon value={ICON.INFO} />\n                </Tooltip>\n              )}\n            </View>\n          ))}\n        </View>\n\n        <View>\n          <Text action={isMobile} bold>\n            {translate(L10N.LABEL_ACCOMODATION)}\n          </Text>\n          <Text action markdown={false}>\n            {hotelName}\n          </Text>\n          <Text light small>\n            {`${address}, ${city}, ${country}`}\n          </Text>\n          {!isCheckout && (\n            <Text light small>\n              {phone}\n            </Text>\n          )}\n        </View>\n\n        {!isCheckout && (site || email || urlLocation) && (\n          <View row wide className={styles(style.links, style.noPrint)}>\n            {site && (\n              <Action href={site} small target=\"_blank\">\n                <Icon value={ICON.SITE} />\n                {translate(L10N.ACTION_VIEW_HOTEL)}\n              </Action>\n            )}\n            {email && (\n              <Action href={`mailto:${email}`} small target=\"_blank\">\n                <Icon value={ICON.MAIL} />\n                {translate(L10N.ACTION_SEND_EMAIL)}\n              </Action>\n            )}\n            {urlLocation && (\n              <Action href={urlLocation} small target=\"_blank\">\n                <Icon value={ICON.LOCATION} />\n                {translate(L10N.ACTION_VIEW_MAP)}\n              </Action>\n            )}\n          </View>\n        )}\n\n        {isCheckout && (\n          <>\n            <Action onPress={handleBack} testId=\"action-change-selection\">\n              {translate(L10N.ACTION_CHANGE_SELECTION)}\n            </Action>\n          </>\n        )}\n      </View>\n\n      <PriceBreakdown dataSource={dataSource} className={style.section} />\n\n      {children ? (\n        expanded ? (\n          <View className={style.section}>{children}</View>\n        ) : (\n          <ButtonMore onPress={handlePress} />\n        )\n      ) : undefined}\n    </View>\n  );\n};\n\nBookingSummary.displayName = 'Mirai:Core:BookingSummary';\n\nBookingSummary.propTypes = {\n  box: PropTypes.bool,\n  children: PropTypes.any,\n  dataSource: PropTypes.shape({}),\n};\n\nexport { BookingSummary };\n"],"mappings":"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"}

package/build/components/__shared__/BookingTable/BookingTable.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BookingTable = void 0;
+var _dataSources = require("@mirai/data-sources");
 var _locale = require("@mirai/locale");
 var _ui = require("@mirai/ui");
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -12,6 +13,7 @@ var _BookingTable = require("./BookingTable.constants");
 var _BookingTable2 = require("./BookingTable.l10n");
 var style = _interopRequireWildcard(require("./BookingTable.module.css"));
 var _BookingTable3 = require("./BookingTable.Row");
+var _helpers = require("../../helpers");
 var _ButtonMore = require("../ButtonMore");
 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; }
@@ -34,11 +36,20 @@ const BookingTable = _ref => {
     dateFormat,
     translate
   } = (0, _locale.useLocale)();
+  const {
+    value: {
+      components = {}
+    }
+  } = (0, _dataSources.useStore)();
   const [expand, setExpand] = (0, _react.useState)(dataSource.length <= UNEXPANDED_ITEMS);
   (0, _react.useEffect)(() => setExpand(dataSource.length <= UNEXPANDED_ITEMS), [dataSource]);
   const handlePress = () => {
     setExpand(true);
+    if (metrics) _dataSources.Event.publish(_helpers.EVENT.METRICS, {
+      id: "".concat(metrics, ":TABLE:VIEW_MORE")
+    });
   };
+  const metrics = components.checkout ? 'CHECKOUT' : components.booking ? 'BOOKING' : undefined;
   const rowTotal = showTotal ? {
     bold: true,
     price: dataSource.reduce((total, _ref2) => {

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

@@ -1 +1 @@
-{"version":3,"file":"BookingTable.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_BookingTable","_BookingTable2","style","_BookingTable3","_ButtonMore","_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","UNEXPANDED_ITEMS","BookingTable","_ref","currency","expanded","dataSource","label","showTotal","others","isDesktop","useDevice","dateFormat","translate","useLocale","expand","setExpand","useState","useEffect","handlePress","rowTotal","bold","price","reduce","total","_ref2","summary","title","L10N","LABEL_TOTAL","undefined","createElement","View","className","styles","table","collapsed","Text","headline","filter","item","slice","map","date","index","Row","parseDate","FORMAT_DATE","ButtonMore","onPress","buttonMore","exports","displayName","propTypes","PropTypes","string","arrayOf","shape","bool"],"sources":["../../../../src/components/__shared__/BookingTable/BookingTable.jsx"],"sourcesContent":["import { parseDate, useLocale } from '@mirai/locale';\nimport { styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { FORMAT_DATE } from './BookingTable.constants';\nimport { L10N } from './BookingTable.l10n';\nimport * as style from './BookingTable.module.css';\nimport { Row } from './BookingTable.Row';\nimport { ButtonMore } from '../ButtonMore';\n\nconst UNEXPANDED_ITEMS = 3;\n\nconst BookingTable = ({ currency, expanded = true, dataSource = [], label, showTotal = false, ...others }) => {\n  const { isDesktop } = useDevice();\n  const { dateFormat, translate } = useLocale();\n\n  const [expand, setExpand] = useState(dataSource.length <= UNEXPANDED_ITEMS);\n\n  useEffect(() => setExpand(dataSource.length <= UNEXPANDED_ITEMS), [dataSource]);\n\n  const handlePress = () => {\n    setExpand(true);\n  };\n\n  const rowTotal = showTotal\n    ? {\n        bold: true,\n        price: dataSource.reduce((total, { price = 0 }) => total + price, 0),\n        summary: ' ',\n        title: translate(L10N.LABEL_TOTAL),\n      }\n    : undefined;\n\n  return dataSource.length > 0 ? (\n    <View {...others} className={styles(style.table, !expand && style.collapsed, others.className)}>\n      {label && (\n        <Text headline={isDesktop} bold>\n          {label}\n        </Text>\n      )}\n      {[...dataSource, rowTotal]\n        .filter((item) => !!item)\n        .slice(0, expanded || expand ? dataSource.length + (showTotal ? 1 : 0) : UNEXPANDED_ITEMS)\n        .map(({ date, title = '', ...item } = {}, index) => (\n          <Row {...{ ...item, currency }} title={date ? dateFormat(parseDate(date), FORMAT_DATE) : title} key={index}>\n            {!expanded && !expand && index === UNEXPANDED_ITEMS - 1 && (\n              <ButtonMore onPress={handlePress} className={style.buttonMore} />\n            )}\n          </Row>\n        ))}\n    </View>\n  ) : null;\n};\n\nBookingTable.displayName = 'Mirai:Core:BookingTable';\n\nBookingTable.propTypes = {\n  currency: PropTypes.string,\n  dataSource: PropTypes.arrayOf(PropTypes.shape({})),\n  expanded: PropTypes.bool,\n  label: PropTypes.string,\n  showTotal: PropTypes.bool,\n};\n\nexport { BookingTable };\n"],"mappings":"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"}
+{"version":3,"file":"BookingTable.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_BookingTable","_BookingTable2","style","_BookingTable3","_helpers","_ButtonMore","_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","UNEXPANDED_ITEMS","BookingTable","_ref","currency","expanded","dataSource","label","showTotal","others","isDesktop","useDevice","dateFormat","translate","useLocale","value","components","useStore","expand","setExpand","useState","useEffect","handlePress","metrics","Event","publish","EVENT","METRICS","id","concat","checkout","booking","undefined","rowTotal","bold","price","reduce","total","_ref2","summary","title","L10N","LABEL_TOTAL","createElement","View","className","styles","table","collapsed","Text","headline","filter","item","slice","map","date","index","Row","parseDate","FORMAT_DATE","ButtonMore","onPress","buttonMore","exports","displayName","propTypes","PropTypes","string","arrayOf","shape","bool"],"sources":["../../../../src/components/__shared__/BookingTable/BookingTable.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { parseDate, useLocale } from '@mirai/locale';\nimport { styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { FORMAT_DATE } from './BookingTable.constants';\nimport { L10N } from './BookingTable.l10n';\nimport * as style from './BookingTable.module.css';\nimport { Row } from './BookingTable.Row';\nimport { EVENT } from '../../helpers';\nimport { ButtonMore } from '../ButtonMore';\n\nconst UNEXPANDED_ITEMS = 3;\n\nconst BookingTable = ({ currency, expanded = true, dataSource = [], label, showTotal = false, ...others }) => {\n  const { isDesktop } = useDevice();\n  const { dateFormat, translate } = useLocale();\n  const {\n    value: { components = {} },\n  } = useStore();\n\n  const [expand, setExpand] = useState(dataSource.length <= UNEXPANDED_ITEMS);\n\n  useEffect(() => setExpand(dataSource.length <= UNEXPANDED_ITEMS), [dataSource]);\n\n  const handlePress = () => {\n    setExpand(true);\n    if (metrics) Event.publish(EVENT.METRICS, { id: `${metrics}:TABLE:VIEW_MORE` });\n  };\n\n  const metrics = components.checkout ? 'CHECKOUT' : components.booking ? 'BOOKING' : undefined;\n  const rowTotal = showTotal\n    ? {\n        bold: true,\n        price: dataSource.reduce((total, { price = 0 }) => total + price, 0),\n        summary: ' ',\n        title: translate(L10N.LABEL_TOTAL),\n      }\n    : undefined;\n\n  return dataSource.length > 0 ? (\n    <View {...others} className={styles(style.table, !expand && style.collapsed, others.className)}>\n      {label && (\n        <Text headline={isDesktop} bold>\n          {label}\n        </Text>\n      )}\n      {[...dataSource, rowTotal]\n        .filter((item) => !!item)\n        .slice(0, expanded || expand ? dataSource.length + (showTotal ? 1 : 0) : UNEXPANDED_ITEMS)\n        .map(({ date, title = '', ...item } = {}, index) => (\n          <Row {...{ ...item, currency }} title={date ? dateFormat(parseDate(date), FORMAT_DATE) : title} key={index}>\n            {!expanded && !expand && index === UNEXPANDED_ITEMS - 1 && (\n              <ButtonMore onPress={handlePress} className={style.buttonMore} />\n            )}\n          </Row>\n        ))}\n    </View>\n  ) : null;\n};\n\nBookingTable.displayName = 'Mirai:Core:BookingTable';\n\nBookingTable.propTypes = {\n  currency: PropTypes.string,\n  dataSource: PropTypes.arrayOf(PropTypes.shape({})),\n  expanded: PropTypes.bool,\n  label: PropTypes.string,\n  showTotal: PropTypes.bool,\n};\n\nexport { BookingTable };\n"],"mappings":"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"}

package/build/components/__shared__/BookingTerms/BookingTerms.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BookingTerms = void 0;
+var _dataSources = require("@mirai/data-sources");
 var _locale = require("@mirai/locale");
 var _ui = require("@mirai/ui");
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -11,6 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _BookingTermsL10n = require("./BookingTerms.l10n.js");
 var style = _interopRequireWildcard(require("./BookingTerms.module.css"));
 var _components = require("../../Booking/components");
+var _constants = require("../../helpers/constants.js");
 var _parseHtml = require("../../helpers/parseHtml");
 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; }
@@ -32,7 +34,24 @@ const BookingTerms = _ref => {
   const {
     translate
   } = (0, _locale.useLocale)();
+  const {
+    value: {
+      components = {}
+    }
+  } = (0, _dataSources.useStore)();
   const [modal, setModal] = (0, _react.useState)(false);
+  const handleModal = () => {
+    setModal(true);
+    if (metrics) _dataSources.Event.publish(_constants.EVENT.METRICS, {
+      id: "".concat(metrics, ":TERMS:CANCELLATION_INFO")
+    });
+  };
+  const handlePrivacyPolicy = () => {
+    if (metrics) _dataSources.Event.publish(_constants.EVENT.METRICS, {
+      id: "".concat(metrics, ":TERMS:PRIVACY_POLICY")
+    });
+  };
+  const metrics = components.checkout ? 'CHECKOUT' : components.booking ? 'BOOKING' : undefined;
   const fieldProps = {
     inline: false,
     small
@@ -50,7 +69,7 @@ const BookingTerms = _ref => {
   }), (cancelationPolicy === null || cancelationPolicy === void 0 ? void 0 : cancelationPolicy.detail) && /*#__PURE__*/_react.default.createElement(_ui.Action, {
     small: small,
     underline: true,
-    onPress: () => setModal(true),
+    onPress: handleModal,
     className: style.noPrint
   }, translate(_BookingTermsL10n.L10N.ACTION_MORE_INFO))), privacyPolicy && /*#__PURE__*/_react.default.createElement(_components.Field, _extends({}, fieldProps, {
     label: translate(_BookingTermsL10n.L10N.LABEL_PRIVACY_POLICY),
@@ -60,6 +79,7 @@ const BookingTerms = _ref => {
         target: "_blank",
         small: small,
         underline: true,
+        onPress: handlePrivacyPolicy,
         className: (0, _ui.styles)(style.linkPrivacy, style.noPrint)
       }, translate(_BookingTermsL10n.L10N.ACTION_MORE_INFO))
     })

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

@@ -1 +1 @@
-{"version":3,"file":"BookingTerms.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_BookingTermsL10n","style","_components","_parseHtml","_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","BookingTerms","_ref","dataSource","cancelationPolicy","otherConditions","paymentsConditions","hotel","privacyPolicy","small","others","translate","useLocale","modal","setModal","useState","fieldProps","inline","createElement","Fragment","View","className","styles","box","Field","label","L10N","LABEL_PAYMENT_TERMS","value","parseHtml","LABEL_CANCELLATION_POLICY","summary","detail","Action","underline","onPress","noPrint","ACTION_MORE_INFO","LABEL_PRIVACY_POLICY","LABEL_PRIVACY_POLICY_DESCRIPTION","link","href","linkPrivacy","LABEL_OTHERS_TERMS","Modal","title","visible","onClose","Text","exports","displayName","propTypes","PropTypes","shape","string","details","payment","bool"],"sources":["../../../../src/components/__shared__/BookingTerms/BookingTerms.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Action, Modal, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { L10N } from './BookingTerms.l10n.js';\nimport * as style from './BookingTerms.module.css';\nimport { Field } from '../../Booking/components';\nimport { parseHtml } from '../../helpers/parseHtml';\n\nconst BookingTerms = ({\n  dataSource: { cancelationPolicy, otherConditions, paymentsConditions, hotel: { privacyPolicy } = {} } = {},\n  small,\n  ...others\n}) => {\n  const { translate } = useLocale();\n\n  const [modal, setModal] = useState(false);\n\n  const fieldProps = { inline: false, small };\n\n  return (\n    <>\n      <View {...others} className={styles(style.box, style.others, others.className)}>\n        {paymentsConditions && (\n          <Field\n            {...fieldProps}\n            label={translate(L10N.LABEL_PAYMENT_TERMS)}\n            value={parseHtml(paymentsConditions, { small })}\n          />\n        )}\n\n        {cancelationPolicy && (\n          <Field {...fieldProps} label={translate(L10N.LABEL_CANCELLATION_POLICY)} value={cancelationPolicy.summary}>\n            {cancelationPolicy?.detail && (\n              <Action small={small} underline onPress={() => setModal(true)} className={style.noPrint}>\n                {translate(L10N.ACTION_MORE_INFO)}\n              </Action>\n            )}\n          </Field>\n        )}\n\n        {privacyPolicy && (\n          <Field\n            {...fieldProps}\n            label={translate(L10N.LABEL_PRIVACY_POLICY)}\n            value={translate(L10N.LABEL_PRIVACY_POLICY_DESCRIPTION, {\n              link: (\n                <Action\n                  href={privacyPolicy}\n                  target=\"_blank\"\n                  small={small}\n                  underline\n                  className={styles(style.linkPrivacy, style.noPrint)}\n                >\n                  {translate(L10N.ACTION_MORE_INFO)}\n                </Action>\n              ),\n            })}\n          />\n        )}\n        {otherConditions && (\n          <Field\n            {...fieldProps}\n            label={translate(L10N.LABEL_OTHERS_TERMS)}\n            value={parseHtml(otherConditions, { small })}\n          />\n        )}\n      </View>\n\n      {cancelationPolicy?.detail && (\n        <Modal title={translate(L10N.LABEL_CANCELLATION_POLICY)} visible={modal} onClose={() => setModal(false)}>\n          <Text className={style.modal}>{cancelationPolicy.detail}</Text>\n        </Modal>\n      )}\n    </>\n  );\n};\n\nBookingTerms.displayName = 'Mirai:Core:BookingTerms';\n\nBookingTerms.propTypes = {\n  dataSource: PropTypes.shape({\n    cancelationPolicy: PropTypes.shape({\n      summary: PropTypes.string,\n      details: PropTypes.string,\n    }),\n    payment: PropTypes.PropTypes.shape({}),\n    paymentsConditions: PropTypes.string,\n  }),\n  small: PropTypes.bool,\n};\n\nexport { BookingTerms };\n"],"mappings":"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"}
+{"version":3,"file":"BookingTerms.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_BookingTermsL10n","style","_components","_constants","_parseHtml","_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","BookingTerms","_ref","dataSource","cancelationPolicy","otherConditions","paymentsConditions","hotel","privacyPolicy","small","others","translate","useLocale","value","components","useStore","modal","setModal","useState","handleModal","metrics","Event","publish","EVENT","METRICS","id","concat","handlePrivacyPolicy","checkout","booking","undefined","fieldProps","inline","createElement","Fragment","View","className","styles","box","Field","label","L10N","LABEL_PAYMENT_TERMS","parseHtml","LABEL_CANCELLATION_POLICY","summary","detail","Action","underline","onPress","noPrint","ACTION_MORE_INFO","LABEL_PRIVACY_POLICY","LABEL_PRIVACY_POLICY_DESCRIPTION","link","href","linkPrivacy","LABEL_OTHERS_TERMS","Modal","title","visible","onClose","Text","exports","displayName","propTypes","PropTypes","shape","string","details","payment","bool"],"sources":["../../../../src/components/__shared__/BookingTerms/BookingTerms.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Action, Modal, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { L10N } from './BookingTerms.l10n.js';\nimport * as style from './BookingTerms.module.css';\nimport { Field } from '../../Booking/components';\nimport { EVENT } from '../../helpers/constants.js';\nimport { parseHtml } from '../../helpers/parseHtml';\n\nconst BookingTerms = ({\n  dataSource: { cancelationPolicy, otherConditions, paymentsConditions, hotel: { privacyPolicy } = {} } = {},\n  small,\n  ...others\n}) => {\n  const { translate } = useLocale();\n  const {\n    value: { components = {} },\n  } = useStore();\n  const [modal, setModal] = useState(false);\n\n  const handleModal = () => {\n    setModal(true);\n    if (metrics) Event.publish(EVENT.METRICS, { id: `${metrics}:TERMS:CANCELLATION_INFO` });\n  };\n\n  const handlePrivacyPolicy = () => {\n    if (metrics) Event.publish(EVENT.METRICS, { id: `${metrics}:TERMS:PRIVACY_POLICY` });\n  };\n\n  const metrics = components.checkout ? 'CHECKOUT' : components.booking ? 'BOOKING' : undefined;\n  const fieldProps = { inline: false, small };\n\n  return (\n    <>\n      <View {...others} className={styles(style.box, style.others, others.className)}>\n        {paymentsConditions && (\n          <Field\n            {...fieldProps}\n            label={translate(L10N.LABEL_PAYMENT_TERMS)}\n            value={parseHtml(paymentsConditions, { small })}\n          />\n        )}\n\n        {cancelationPolicy && (\n          <Field {...fieldProps} label={translate(L10N.LABEL_CANCELLATION_POLICY)} value={cancelationPolicy.summary}>\n            {cancelationPolicy?.detail && (\n              <Action small={small} underline onPress={handleModal} className={style.noPrint}>\n                {translate(L10N.ACTION_MORE_INFO)}\n              </Action>\n            )}\n          </Field>\n        )}\n\n        {privacyPolicy && (\n          <Field\n            {...fieldProps}\n            label={translate(L10N.LABEL_PRIVACY_POLICY)}\n            value={translate(L10N.LABEL_PRIVACY_POLICY_DESCRIPTION, {\n              link: (\n                <Action\n                  href={privacyPolicy}\n                  target=\"_blank\"\n                  small={small}\n                  underline\n                  onPress={handlePrivacyPolicy}\n                  className={styles(style.linkPrivacy, style.noPrint)}\n                >\n                  {translate(L10N.ACTION_MORE_INFO)}\n                </Action>\n              ),\n            })}\n          />\n        )}\n        {otherConditions && (\n          <Field\n            {...fieldProps}\n            label={translate(L10N.LABEL_OTHERS_TERMS)}\n            value={parseHtml(otherConditions, { small })}\n          />\n        )}\n      </View>\n\n      {cancelationPolicy?.detail && (\n        <Modal title={translate(L10N.LABEL_CANCELLATION_POLICY)} visible={modal} onClose={() => setModal(false)}>\n          <Text className={style.modal}>{cancelationPolicy.detail}</Text>\n        </Modal>\n      )}\n    </>\n  );\n};\n\nBookingTerms.displayName = 'Mirai:Core:BookingTerms';\n\nBookingTerms.propTypes = {\n  dataSource: PropTypes.shape({\n    cancelationPolicy: PropTypes.shape({\n      summary: PropTypes.string,\n      details: PropTypes.string,\n    }),\n    payment: PropTypes.PropTypes.shape({}),\n    paymentsConditions: PropTypes.string,\n  }),\n  small: PropTypes.bool,\n};\n\nexport { BookingTerms };\n"],"mappings":"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"}

package/build/components/__shared__/NotificationRequiredFields/NotificationRequiredFields.js

@@ -4,12 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NotificationRequiredFields = void 0;
+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 _react = _interopRequireWildcard(require("react"));
 var _NotificationRequiredFields = require("./NotificationRequiredFields.l10n");
 var style = _interopRequireWildcard(require("./NotificationRequiredFields.module.css"));
+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 }; }
@@ -27,13 +29,34 @@ const NotificationRequiredFields = _ref => {
   const {
     translate
   } = (0, _locale.useLocale)();
+  const {
+    value: {
+      components = {}
+    }
+  } = (0, _dataSources.useStore)();
+  (0, _react.useEffect)(() => {
+    if (metrics) {
+      const keys = Object.keys(values);
+      _dataSources.Event.publish(_helpers.EVENT.METRICS, {
+        id: "".concat(metrics, ":ERROR_REQUIRED_FIELDS"),
+        fields: keys,
+        total: keys.length
+      });
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [values]);
   const handlePress = id => {
     const el = document.querySelector(id);
     el && window.scrollTo({
       top: el.getBoundingClientRect().top + window.scrollY - OFFSET,
       behavior: 'smooth'
     });
+    if (metrics) _dataSources.Event.publish(_helpers.EVENT.METRICS, {
+      id: "".concat(metrics, ":ERROR_REQUIRED_FIELDS:VIEW_FIELD"),
+      field: id
+    });
   };
+  const metrics = components.checkout ? 'CHECKOUT' : components.signup ? 'SIGNUP' : components.profile ? 'PROFILE' : undefined;
   return Object.keys(values).length ? /*#__PURE__*/_react.default.createElement(_ui.Notification, _extends({}, others, {
     error: true,
     small: isMobile,

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

@@ -1 +1 @@
-{"version":3,"file":"NotificationRequiredFields.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_NotificationRequiredFields","style","_interopRequireWildcard","_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","OFFSET","NotificationRequiredFields","_ref","form","values","others","isMobile","useDevice","translate","useLocale","handlePress","id","el","document","querySelector","window","scrollTo","top","getBoundingClientRect","scrollY","behavior","keys","createElement","Notification","error","small","wide","L10N","NOTIFICATION_REQUIRED_FIELDS","View","row","className","fields","map","field","Action","markdown","underline","onPress","concat","toUpperCase","exports","displayName","propTypes","PropTypes","string","shape"],"sources":["../../../../src/components/__shared__/NotificationRequiredFields/NotificationRequiredFields.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Action, Notification, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { L10N } from './NotificationRequiredFields.l10n';\nimport * as style from './NotificationRequiredFields.module.css';\n\nconst OFFSET = 16;\n\nconst NotificationRequiredFields = ({ form = 'form', values = {}, ...others }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n\n  const handlePress = (id) => {\n    const el = document.querySelector(id);\n    el && window.scrollTo({ top: el.getBoundingClientRect().top + window.scrollY - OFFSET, behavior: 'smooth' });\n  };\n\n  return Object.keys(values).length ? (\n    <Notification {...others} error small={isMobile} wide>\n      {translate(L10N.NOTIFICATION_REQUIRED_FIELDS)}\n      <View row wide className={style.fields}>\n        {Object.keys(values).map((field) => (\n          <Action key={field} markdown={false} underline small onPress={() => handlePress(`#${form}-${field}`)}>\n            {L10N[`LABEL_${field.toUpperCase()}`] ? translate(L10N[`LABEL_${field.toUpperCase()}`]) : field}\n          </Action>\n        ))}\n      </View>\n    </Notification>\n  ) : null;\n};\n\nNotificationRequiredFields.displayName = 'Mirai:Core:NotificationRequiredFields';\n\nNotificationRequiredFields.propTypes = {\n  form: PropTypes.string,\n  values: PropTypes.shape({}),\n};\n\nexport { NotificationRequiredFields };\n"],"mappings":"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"}
+{"version":3,"file":"NotificationRequiredFields.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_NotificationRequiredFields","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","OFFSET","NotificationRequiredFields","_ref","form","values","others","isMobile","useDevice","translate","useLocale","value","components","useStore","useEffect","metrics","keys","Event","publish","EVENT","METRICS","id","concat","fields","total","handlePress","el","document","querySelector","window","scrollTo","top","getBoundingClientRect","scrollY","behavior","field","checkout","signup","profile","undefined","createElement","Notification","error","small","wide","L10N","NOTIFICATION_REQUIRED_FIELDS","View","row","className","map","Action","markdown","underline","onPress","toUpperCase","exports","displayName","propTypes","PropTypes","string","shape"],"sources":["../../../../src/components/__shared__/NotificationRequiredFields/NotificationRequiredFields.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Action, Notification, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect } from 'react';\n\nimport { L10N } from './NotificationRequiredFields.l10n';\nimport * as style from './NotificationRequiredFields.module.css';\nimport { EVENT } from '../../helpers';\n\nconst OFFSET = 16;\n\nconst NotificationRequiredFields = ({ form = 'form', values = {}, ...others }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const {\n    value: { components = {} },\n  } = useStore();\n\n  useEffect(() => {\n    if (metrics) {\n      const keys = Object.keys(values);\n      Event.publish(EVENT.METRICS, { id: `${metrics}:ERROR_REQUIRED_FIELDS`, fields: keys, total: keys.length });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [values]);\n\n  const handlePress = (id) => {\n    const el = document.querySelector(id);\n    el && window.scrollTo({ top: el.getBoundingClientRect().top + window.scrollY - OFFSET, behavior: 'smooth' });\n    if (metrics) Event.publish(EVENT.METRICS, { id: `${metrics}:ERROR_REQUIRED_FIELDS:VIEW_FIELD`, field: id });\n  };\n\n  const metrics = components.checkout\n    ? 'CHECKOUT'\n    : components.signup\n    ? 'SIGNUP'\n    : components.profile\n    ? 'PROFILE'\n    : undefined;\n\n  return Object.keys(values).length ? (\n    <Notification {...others} error small={isMobile} wide>\n      {translate(L10N.NOTIFICATION_REQUIRED_FIELDS)}\n      <View row wide className={style.fields}>\n        {Object.keys(values).map((field) => (\n          <Action key={field} markdown={false} underline small onPress={() => handlePress(`#${form}-${field}`)}>\n            {L10N[`LABEL_${field.toUpperCase()}`] ? translate(L10N[`LABEL_${field.toUpperCase()}`]) : field}\n          </Action>\n        ))}\n      </View>\n    </Notification>\n  ) : null;\n};\n\nNotificationRequiredFields.displayName = 'Mirai:Core:NotificationRequiredFields';\n\nNotificationRequiredFields.propTypes = {\n  form: PropTypes.string,\n  values: PropTypes.shape({}),\n};\n\nexport { NotificationRequiredFields };\n"],"mappings":"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"}

package/build/components/__shared__/Payment/Payment.js

@@ -13,10 +13,12 @@ var _helpers = require("./helpers");
 var _Payment = require("./Payment.constants");
 var _Payment2 = require("./Payment.l10n");
 var style = _interopRequireWildcard(require("./Payment.module.css"));
+var _helpers2 = 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 }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+let timeoutChange;
 const Payment = _ref => {
   let {
     children,
@@ -40,7 +42,10 @@ const Payment = _ref => {
     translate
   } = (0, _locale.useLocale)();
   const {
-    set
+    set,
+    value: {
+      components = {}
+    }
   } = (0, _dataSources.useStore)();
   const [cardType, setCardType] = (0, _react.useState)();
   const [method, setMethod] = (0, _react.useState)(methods.length > 0 ? methods[0] : undefined);
@@ -72,12 +77,27 @@ const Payment = _ref => {
         ...next
       }
     });
+    if (metrics && Object.keys(values).length > 0) {
+      clearTimeout(timeoutChange);
+      timeoutChange = setTimeout(() => _dataSources.Event.publish(_helpers2.EVENT.METRICS, {
+        id: "".concat(metrics, ":PAYMENT:FORM"),
+        method
+      }), _helpers2.SUBMIT_DELAY);
+    }
+  };
+  const handleChangeMethod = nextMethod => {
+    setMethod(nextMethod);
+    if (metrics) _dataSources.Event.publish(_helpers2.EVENT.METRICS, {
+      id: "".concat(metrics, ":PAYMENT:CHANGE_METHOD"),
+      method: nextMethod
+    });
   };
   const {
     testId = 'payments'
   } = others;
   const standalone = methods.length === 1;
   const availableMethods = methods.filter(item => !!_Payment.METHOD[item]);
+  const metrics = components.checkout ? 'CHECKOUT' : components.booking ? 'BOOKING' : undefined;
   return /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
     role: "payments",
     tag: "payment",
@@ -112,7 +132,7 @@ const Payment = _ref => {
       className: style.item
     }, /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
       disabled: selected || standalone,
-      onPress: () => setMethod(item),
+      onPress: () => handleChangeMethod(item),
       className: (0, _ui.styles)(style.header, selected && style.selected),
       testId: testId ? "".concat(testId, "-item-").concat(item) : undefined
     }, !standalone && /*#__PURE__*/_react.default.createElement(_ui.Radio, {