@mirai/core 0.3.138 → 0.3.140

package/build/components/Checkout/partials/Checkout.Confirmation.js

@@ -0,0 +1,201 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Confirmation = void 0;
+var _dataSources = require("@mirai/data-sources");
+var _locale = require("@mirai/locale");
+var _services = require("@mirai/services");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _Checkout = require("./Checkout.Summary");
+var _shared__ = require("../../__shared__");
+var _helpers = require("../../helpers");
+var _Checkout2 = require("../Checkout.constants");
+var _Checkout3 = require("../Checkout.l10n");
+var style = _interopRequireWildcard(require("../Checkout.module.css"));
+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 hasTracking = false;
+const Confirmation = _ref => {
+  let {
+    dataSource = {},
+    disabled = false,
+    variant,
+    ...others
+  } = _ref;
+  const {
+    isDesktop,
+    isMobile
+  } = (0, _ui.useDevice)();
+  const {
+    translate
+  } = (0, _locale.useLocale)();
+  const {
+    track
+  } = (0, _dataSources.useMetrics)();
+  const {
+    value: {
+      checkout,
+      hotel = {},
+      id,
+      language,
+      locale,
+      payment,
+      session = {},
+      urlParams = {}
+    } = {}
+  } = (0, _dataSources.useStore)();
+  const [busy, setBusy] = (0, _react.useState)(false);
+  const [modal, setModal] = (0, _react.useState)(false);
+  const [responseError, setResponseError] = (0, _react.useState)();
+  (0, _react.useEffect)(() => {
+    hasTracking = _services.ServiceFeatures.get(_Checkout2.FEATURE_CHECKOUT_TRACKING, id);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  (0, _react.useEffect)(() => setResponseError(), [checkout, modal, payment]);
+  const {
+    price: {
+      prepayment = {}
+    } = {}
+  } = dataSource;
+  const {
+    currency,
+    value
+  } = prepayment[payment === null || payment === void 0 ? void 0 : payment.method] || {};
+  const handleError = () => setBusy(false);
+  const handleModal = () => {
+    hasTracking && track("".concat(_Checkout2.TRACKING, ":ACTION:MORE_INFO"), {
+      locale,
+      variant
+    });
+    setModal(true);
+  };
+  const handlePress = () => setBusy(true);
+  const handleSubmit = async value => {
+    hasTracking && track("".concat(_Checkout2.TRACKING, ":CTA"), {
+      locale,
+      variant
+    });
+    setResponseError();
+    const response = await _services.ServiceBooking.confirm({
+      form: checkout,
+      dataSource,
+      language,
+      payment: {
+        ...payment,
+        ...value
+      },
+      session: urlParams.applyClubDiscount === 'true' ? session : undefined,
+      ...urlParams
+    }).catch(error => {
+      setBusy(false);
+      setResponseError(error);
+      if (variant === 'B') _dataSources.Event.publish(_helpers.EVENT.NOTIFICATION, {
+        error: true,
+        small: true,
+        defaultMessage: translate(_Checkout3.L10N.NOTIFICATION_ERROR[(error === null || error === void 0 ? void 0 : error.code) || _Checkout2.ERROR.UNKNOWN])
+      });
+      hasTracking && track("".concat(_Checkout2.TRACKING, ":ERROR:SERVICE"), {
+        service: 'Booking',
+        method: 'confirm',
+        error,
+        locale,
+        variant
+      });
+    });
+    if (!isDesktop && response) setModal(false);
+    if (response && hasTracking) track("".concat(_Checkout2.TRACKING, ":SUCCESS"), {
+      locale,
+      variant
+    });
+    return response;
+  };
+  const CTA = () => {
+    var _config$publicKey;
+    const {
+      payment: {
+        config = {}
+      } = {}
+    } = dataSource;
+    const {
+      idtokenprovider: id
+    } = urlParams;
+    return /*#__PURE__*/_react.default.createElement(_shared__.ButtonPayment, _extends({}, dataSource === null || dataSource === void 0 ? void 0 : dataSource.payment, {
+      config: {
+        ...config,
+        publicKey: (_config$publicKey = config.publicKey) === null || _config$publicKey === void 0 ? void 0 : _config$publicKey[payment === null || payment === void 0 ? void 0 : payment.method]
+      },
+      busy: busy,
+      disabled: disabled,
+      hotel: {
+        ...hotel,
+        id
+      },
+      large: true,
+      promise: handleSubmit,
+      wide: true,
+      onError: handleError,
+      onPress: handlePress,
+      className: variant !== 'B' && style.cta
+    }), translate((0, _helpers.getButtonPaymentKey)({
+      ...config,
+      ...(dataSource === null || dataSource === void 0 ? void 0 : dataSource.info),
+      method: payment === null || payment === void 0 ? void 0 : payment.method
+    }), {
+      amount: (0, _locale.currencyFormat)({
+        currency,
+        locale,
+        symbol: true,
+        value
+      })
+    }));
+  };
+  const content = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(isMobile ? _ui.ScrollView : _react.default.Fragment, {
+    ...(isMobile ? {
+      snap: false,
+      width: '100%',
+      className: style.scrollview
+    } : undefined)
+  }, /*#__PURE__*/_react.default.createElement(_Checkout.Summary, {
+    dataSource: dataSource
+  })), responseError && /*#__PURE__*/_react.default.createElement(_ui.Notification, {
+    error: true,
+    small: true,
+    wide: true,
+    className: (0, _ui.styles)(style.notification, style.error)
+  }, translate(_Checkout3.L10N.NOTIFICATION_ERROR[(responseError === null || responseError === void 0 ? void 0 : responseError.code) || _Checkout2.ERROR.UNKNOWN])), CTA(), !isMobile && /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    small: true,
+    wide: true,
+    className: style.footer
+  }, translate(_Checkout3.L10N.NOTIFICATION_SSL_ENCRYPTION)));
+  return /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
+    row: isMobile,
+    className: (0, _ui.styles)(style.box, style.confirmation)
+  }), isDesktop ? content() : variant === 'B' ? CTA() : /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    busy: busy,
+    disabled: disabled,
+    large: true,
+    wide: true,
+    onPress: handleModal
+  }, translate(_Checkout3.L10N.ACTION_BOOK_NOW)), !isDesktop && /*#__PURE__*/_react.default.createElement(_ui.Modal, {
+    title: translate(_Checkout3.L10N.LABEL_BOOKING_SUMMARY),
+    visible: modal,
+    onClose: () => setModal(false),
+    className: style.modal
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.payment
+  }, content())));
+};
+exports.Confirmation = Confirmation;
+Confirmation.displayName = 'Mirai:Core:Checkout:Confirmation';
+Confirmation.propTypes = {
+  dataSource: _propTypes.default.shape({}),
+  disabled: _propTypes.default.bool,
+  variant: _propTypes.default.string
+};
+//# sourceMappingURL=Checkout.Confirmation.js.map

package/build/components/Checkout/partials/Checkout.Confirmation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkout.Confirmation.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Checkout","_shared__","_helpers","_Checkout2","_Checkout3","style","_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","hasTracking","Confirmation","_ref","dataSource","disabled","variant","others","isDesktop","isMobile","useDevice","translate","useLocale","track","useMetrics","value","checkout","hotel","id","language","locale","payment","session","urlParams","useStore","busy","setBusy","useState","modal","setModal","responseError","setResponseError","useEffect","ServiceFeatures","FEATURE_CHECKOUT_TRACKING","price","prepayment","currency","method","handleError","handleModal","concat","TRACKING","handlePress","handleSubmit","response","ServiceBooking","confirm","form","applyClubDiscount","undefined","catch","error","Event","publish","EVENT","NOTIFICATION","small","defaultMessage","L10N","NOTIFICATION_ERROR","code","ERROR","UNKNOWN","service","CTA","_config$publicKey","config","idtokenprovider","createElement","ButtonPayment","publicKey","large","promise","wide","onError","onPress","className","cta","getButtonPaymentKey","info","amount","currencyFormat","symbol","content","Fragment","React","ScrollView","snap","width","scrollview","Summary","Notification","styles","notification","Text","footer","NOTIFICATION_SSL_ENCRYPTION","View","row","box","confirmation","Button","ACTION_BOOK_NOW","Modal","title","LABEL_BOOKING_SUMMARY","visible","onClose","exports","displayName","propTypes","PropTypes","shape","bool","string"],"sources":["../../../../src/components/Checkout/partials/Checkout.Confirmation.jsx"],"sourcesContent":["import { Event, useMetrics, useStore } from '@mirai/data-sources';\nimport { currencyFormat, useLocale } from '@mirai/locale';\nimport { ServiceBooking, ServiceFeatures } from '@mirai/services';\nimport { Button, Modal, Notification, ScrollView, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { Summary } from './Checkout.Summary';\nimport { ButtonPayment } from '../../__shared__';\nimport { EVENT, getButtonPaymentKey } from '../../helpers';\nimport { ERROR, FEATURE_CHECKOUT_TRACKING, TRACKING } from '../Checkout.constants';\nimport { L10N } from '../Checkout.l10n';\nimport * as style from '../Checkout.module.css';\n\nlet hasTracking = false;\n\nconst Confirmation = ({ dataSource = {}, disabled = false, variant, ...others }) => {\n  const { isDesktop, isMobile } = useDevice();\n  const { translate } = useLocale();\n  const { track } = useMetrics();\n  const { value: { checkout, hotel = {}, id, language, locale, payment, session = {}, urlParams = {} } = {} } =\n    useStore();\n\n  const [busy, setBusy] = useState(false);\n  const [modal, setModal] = useState(false);\n  const [responseError, setResponseError] = useState();\n\n  useEffect(() => {\n    hasTracking = ServiceFeatures.get(FEATURE_CHECKOUT_TRACKING, id);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => setResponseError(), [checkout, modal, payment]);\n\n  const { price: { prepayment = {} } = {} } = dataSource;\n  const { currency, value } = prepayment[payment?.method] || {};\n\n  const handleError = () => setBusy(false);\n\n  const handleModal = () => {\n    hasTracking && track(`${TRACKING}:ACTION:MORE_INFO`, { locale, variant });\n    setModal(true);\n  };\n\n  const handlePress = () => setBusy(true);\n\n  const handleSubmit = async (value) => {\n    hasTracking && track(`${TRACKING}:CTA`, { locale, variant });\n\n    setResponseError();\n    const response = await ServiceBooking.confirm({\n      form: checkout,\n      dataSource,\n      language,\n      payment: { ...payment, ...value },\n      session: urlParams.applyClubDiscount === 'true' ? session : undefined,\n      ...urlParams,\n    }).catch((error) => {\n      setBusy(false);\n      setResponseError(error);\n      if (variant === 'B')\n        Event.publish(EVENT.NOTIFICATION, {\n          error: true,\n          small: true,\n          defaultMessage: translate(L10N.NOTIFICATION_ERROR[error?.code || ERROR.UNKNOWN]),\n        });\n      hasTracking &&\n        track(`${TRACKING}:ERROR:SERVICE`, { service: 'Booking', method: 'confirm', error, locale, variant });\n    });\n\n    if (!isDesktop && response) setModal(false);\n    if (response && hasTracking) track(`${TRACKING}:SUCCESS`, { locale, variant });\n\n    return response;\n  };\n\n  const CTA = () => {\n    const { payment: { config = {} } = {} } = dataSource;\n    const { idtokenprovider: id } = urlParams;\n\n    return (\n      <ButtonPayment\n        {...{ ...dataSource?.payment, config: { ...config, publicKey: config.publicKey?.[payment?.method] } }}\n        busy={busy}\n        disabled={disabled}\n        hotel={{ ...hotel, id }}\n        large\n        promise={handleSubmit}\n        wide\n        onError={handleError}\n        onPress={handlePress}\n        className={variant !== 'B' && style.cta}\n      >\n        {translate(getButtonPaymentKey({ ...config, ...dataSource?.info, method: payment?.method }), {\n          amount: currencyFormat({ currency, locale, symbol: true, value }),\n        })}\n      </ButtonPayment>\n    );\n  };\n\n  const content = () => (\n    <>\n      {React.createElement(\n        isMobile ? ScrollView : React.Fragment,\n        { ...(isMobile ? { snap: false, width: '100%', className: style.scrollview } : undefined) },\n        <Summary dataSource={dataSource} />,\n      )}\n\n      {responseError && (\n        <Notification error small wide className={styles(style.notification, style.error)}>\n          {translate(L10N.NOTIFICATION_ERROR[responseError?.code || ERROR.UNKNOWN])}\n        </Notification>\n      )}\n\n      {CTA()}\n\n      {!isMobile && (\n        <Text small wide className={style.footer}>\n          {translate(L10N.NOTIFICATION_SSL_ENCRYPTION)}\n        </Text>\n      )}\n    </>\n  );\n\n  return (\n    <View {...others} row={isMobile} className={styles(style.box, style.confirmation)}>\n      {isDesktop ? (\n        content()\n      ) : variant === 'B' ? (\n        CTA()\n      ) : (\n        <Button busy={busy} disabled={disabled} large wide onPress={handleModal}>\n          {translate(L10N.ACTION_BOOK_NOW)}\n        </Button>\n      )}\n\n      {!isDesktop && (\n        <Modal\n          title={translate(L10N.LABEL_BOOKING_SUMMARY)}\n          visible={modal}\n          onClose={() => setModal(false)}\n          className={style.modal}\n        >\n          <View className={style.payment}>{content()}</View>\n        </Modal>\n      )}\n    </View>\n  );\n};\n\nConfirmation.displayName = 'Mirai:Core:Checkout:Confirmation';\n\nConfirmation.propTypes = {\n  dataSource: PropTypes.shape({}),\n  disabled: PropTypes.bool,\n  variant: PropTypes.string,\n};\n\nexport { Confirmation };\n"],"mappings":"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"}

package/build/components/Checkout/partials/Checkout.Details.js

@@ -0,0 +1,180 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Details = void 0;
+var _dataSources = require("@mirai/data-sources");
+var _locale = require("@mirai/locale");
+var _services = require("@mirai/services");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _Checkout = require("./Checkout.Summary");
+var _shared__ = require("../../__shared__");
+var _helpers = require("../../helpers");
+var _Checkout2 = require("../Checkout.constants");
+var _Checkout3 = require("../Checkout.l10n");
+var style = _interopRequireWildcard(require("../Checkout.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 hasTracking = false;
+const Details = _ref => {
+  let {
+    dataSource = {},
+    variant,
+    ...others
+  } = _ref;
+  const {
+    isDesktop,
+    isMobile
+  } = (0, _ui.useDevice)();
+  const {
+    translate
+  } = (0, _locale.useLocale)();
+  const {
+    track
+  } = (0, _dataSources.useMetrics)();
+  const {
+    value: {
+      config: {
+        accomodation: {
+          occupation = [],
+          variants = []
+        } = {}
+      } = {},
+      id,
+      locale,
+      urlParams: {
+        idHotel,
+        roomNumberBySelectedRoom
+      } = {}
+    }
+  } = (0, _dataSources.useStore)();
+  const [expanded, setExpanded] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    hasTracking = _services.ServiceFeatures.get(_Checkout2.FEATURE_CHECKOUT_TRACKING, id);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const handlePress = () => {
+    hasTracking && track("".concat(_Checkout2.TRACKING, ":ACTION:DETAILS_EXPAND"), {
+      locale,
+      variant
+    });
+    setExpanded(true);
+  };
+  const {
+    currency,
+    details = [],
+    extras = []
+  } = dataSource;
+  const {
+    roomNumber,
+    subjectToAvailability
+  } = (0, _helpers2.getRoomNumber)(roomNumberBySelectedRoom);
+  const propsTable = {
+    currency,
+    expanded: true
+  };
+  return /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
+    className: (0, _ui.styles)(style.box, style.details, expanded && style.expanded, others.className)
+  }), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    bold: true,
+    headline: isDesktop,
+    className: style.title
+  }, translate(_Checkout3.L10N.LABEL_BOOKING_DETAILS)), variant === 'A' && /*#__PURE__*/_react.default.createElement(_Checkout.Summary, {
+    dataSource: dataSource,
+    expanded: false
+  }), details.map(function () {
+    var _variants$find;
+    let {
+      amount,
+      extras = [],
+      image,
+      items = [],
+      observations = [],
+      occupation: {
+        adults,
+        babies,
+        children
+      } = {},
+      rate,
+      type
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    let key = arguments.length > 1 ? arguments[1] : undefined;
+    return /*#__PURE__*/_react.default.createElement(_ui.View, {
+      key: key,
+      wide: true
+    }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+      row: true,
+      className: (0, _ui.styles)(style.box, style.item)
+    }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+      className: style.image,
+      style: {
+        backgroundImage: "url(".concat(image, ")")
+      }
+    }), /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_ui.View, {
+      row: true,
+      className: style.inline
+    }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      bold: true,
+      small: true,
+      upperCase: true,
+      className: style.field
+    }, "".concat(type).concat(roomNumber ? " (".concat(translate(_Checkout3.L10N.LABEL_ROOM_NUMBER, {
+      roomNumber
+    }), ")") : '', " ").concat(amount > 1 ? " (x".concat(amount, ")") : '')), subjectToAvailability && /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
+      pressable: true,
+      text: translate(_Checkout3.L10N.LABEL_SUBJECT_TO_AVAILABILITY)
+    }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+      value: _ui.ICON.INFO
+    }))), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      action: isMobile,
+      bold: true
+    }, rate.replace("".concat(type, ":"), '').trim()), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      small: isMobile,
+      action: !isMobile
+    }, (0, _helpers.getRoomOccupationLabel)({
+      adults,
+      babies,
+      children,
+      dataSource: ((_variants$find = variants.find(_ref2 => {
+        let {
+          id
+        } = _ref2;
+        return id === Number(idHotel);
+      })) === null || _variants$find === void 0 ? void 0 : _variants$find.occupation) || occupation,
+      translate
+    })))), /*#__PURE__*/_react.default.createElement(_shared__.BookingTable, _extends({}, propsTable, {
+      dataSource: items,
+      tracking: _Checkout2.TRACKING
+    })), /*#__PURE__*/_react.default.createElement(_shared__.BookingTable, _extends({}, propsTable, {
+      dataSource: extras,
+      label: translate(_Checkout3.L10N.LABEL_EXTRAS),
+      tracking: _Checkout2.TRACKING
+    })), observations.length > 0 && /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      bold: true,
+      small: true
+    }, translate(_Checkout3.L10N.LABEL_OBSERVATIONS)), observations.map((item, index) => /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      key: index,
+      small: true
+    }, item))));
+  }), /*#__PURE__*/_react.default.createElement(_shared__.BookingTable, _extends({}, propsTable, {
+    dataSource: extras,
+    label: translate(_Checkout3.L10N.LABEL_BOOKING_EXTRAS),
+    tracking: _Checkout2.TRACKING
+  })), !expanded && /*#__PURE__*/_react.default.createElement(_shared__.ButtonMore, {
+    onPress: handlePress,
+    className: style.buttonMore
+  }));
+};
+exports.Details = Details;
+Details.displayName = 'Mirai:Core:Checkout:Details';
+Details.propTypes = {
+  dataSource: _propTypes.default.shape({}),
+  variant: _propTypes.default.string
+};
+//# sourceMappingURL=Checkout.Details.js.map

package/build/components/Checkout/partials/Checkout.Details.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkout.Details.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Checkout","_shared__","_helpers","_Checkout2","_Checkout3","style","_helpers2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","hasTracking","Details","_ref","dataSource","variant","others","isDesktop","isMobile","useDevice","translate","useLocale","track","useMetrics","value","config","accomodation","occupation","variants","id","locale","urlParams","idHotel","roomNumberBySelectedRoom","useStore","expanded","setExpanded","useState","useEffect","ServiceFeatures","FEATURE_CHECKOUT_TRACKING","handlePress","concat","TRACKING","currency","details","extras","roomNumber","subjectToAvailability","getRoomNumber","propsTable","createElement","View","className","styles","box","Text","bold","headline","title","L10N","LABEL_BOOKING_DETAILS","Summary","map","_variants$find","amount","image","items","observations","adults","babies","children","rate","type","undefined","wide","row","item","backgroundImage","inline","small","upperCase","field","LABEL_ROOM_NUMBER","Tooltip","pressable","text","LABEL_SUBJECT_TO_AVAILABILITY","Icon","ICON","INFO","action","replace","trim","getRoomOccupationLabel","find","_ref2","Number","BookingTable","tracking","label","LABEL_EXTRAS","LABEL_OBSERVATIONS","index","LABEL_BOOKING_EXTRAS","ButtonMore","onPress","buttonMore","exports","displayName","propTypes","PropTypes","shape","string"],"sources":["../../../../src/components/Checkout/partials/Checkout.Details.jsx"],"sourcesContent":["import { useMetrics, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { ServiceFeatures } from '@mirai/services';\nimport { Icon, ICON, styles, Text, Tooltip, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { Summary } from './Checkout.Summary';\nimport { BookingTable, ButtonMore } from '../../__shared__';\nimport { getRoomOccupationLabel } from '../../helpers';\nimport { FEATURE_CHECKOUT_TRACKING, TRACKING } from '../Checkout.constants';\nimport { L10N } from '../Checkout.l10n';\nimport * as style from '../Checkout.module.css';\nimport { getRoomNumber } from '../helpers';\n\nlet hasTracking = false;\n\nconst Details = ({ dataSource = {}, variant, ...others }) => {\n  const { isDesktop, isMobile } = useDevice();\n  const { translate } = useLocale();\n  const { track } = useMetrics();\n  const {\n    value: {\n      config: { accomodation: { occupation = [], variants = [] } = {} } = {},\n      id,\n      locale,\n      urlParams: { idHotel, roomNumberBySelectedRoom } = {},\n    },\n  } = useStore();\n\n  const [expanded, setExpanded] = useState(false);\n\n  useEffect(() => {\n    hasTracking = ServiceFeatures.get(FEATURE_CHECKOUT_TRACKING, id);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handlePress = () => {\n    hasTracking && track(`${TRACKING}:ACTION:DETAILS_EXPAND`, { locale, variant });\n    setExpanded(true);\n  };\n\n  const { currency, details = [], extras = [] } = dataSource;\n  const { roomNumber, subjectToAvailability } = getRoomNumber(roomNumberBySelectedRoom);\n  const propsTable = { currency, expanded: true };\n\n  return (\n    <View {...others} className={styles(style.box, style.details, expanded && style.expanded, others.className)}>\n      <Text bold headline={isDesktop} className={style.title}>\n        {translate(L10N.LABEL_BOOKING_DETAILS)}\n      </Text>\n\n      {variant === 'A' && <Summary dataSource={dataSource} expanded={false} />}\n\n      {details.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={styles(style.box, style.item)}>\n              <View className={style.image} style={{ backgroundImage: `url(${image})` }} />\n              <View>\n                <View row className={style.inline}>\n                  <Text bold small upperCase className={style.field}>\n                    {`${type}${roomNumber ? ` (${translate(L10N.LABEL_ROOM_NUMBER, { roomNumber })})` : ''} ${\n                      amount > 1 ? ` (x${amount})` : ''\n                    }`}\n                  </Text>\n                  {subjectToAvailability && (\n                    <Tooltip pressable text={translate(L10N.LABEL_SUBJECT_TO_AVAILABILITY)}>\n                      <Icon value={ICON.INFO} />\n                    </Tooltip>\n                  )}\n                </View>\n                <Text action={isMobile} bold>\n                  {rate.replace(`${type}:`, '').trim()}\n                </Text>\n                <Text small={isMobile} action={!isMobile}>\n                  {getRoomOccupationLabel({\n                    adults,\n                    babies,\n                    children,\n                    dataSource: variants.find(({ id }) => id === Number(idHotel))?.occupation || occupation,\n                    translate,\n                  })}\n                </Text>\n              </View>\n            </View>\n\n            <BookingTable {...propsTable} dataSource={items} tracking={TRACKING} />\n            <BookingTable\n              {...propsTable}\n              dataSource={extras}\n              label={translate(L10N.LABEL_EXTRAS)}\n              tracking={TRACKING}\n            />\n\n            {observations.length > 0 && (\n              <View>\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          </View>\n        ),\n      )}\n\n      <BookingTable\n        {...propsTable}\n        dataSource={extras}\n        label={translate(L10N.LABEL_BOOKING_EXTRAS)}\n        tracking={TRACKING}\n      />\n\n      {!expanded && <ButtonMore onPress={handlePress} className={style.buttonMore} />}\n    </View>\n  );\n};\n\nDetails.displayName = 'Mirai:Core:Checkout:Details';\n\nDetails.propTypes = {\n  dataSource: PropTypes.shape({}),\n  variant: PropTypes.string,\n};\n\nexport { Details };\n"],"mappings":"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"}

package/build/components/Checkout/partials/Checkout.Form.js

@@ -0,0 +1,187 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Form = void 0;
+var _dataSources = require("@mirai/data-sources");
+var _locale = require("@mirai/locale");
+var _services = require("@mirai/services");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _shared__ = require("../../__shared__");
+var _helpers = require("../../helpers");
+var _Checkout = require("../Checkout.constants");
+var _Checkout2 = require("../Checkout.l10n");
+var style = _interopRequireWildcard(require("../Checkout.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 hasTracking = false;
+const storage = new _dataSources.Storage({
+  adapter: _dataSources.LocalAdapter,
+  cache: _Checkout.FORM_STORAGE_CACHE
+});
+const key = dataSource => "".concat(_Checkout.FORM_STORAGE_KEY, ":").concat((0, _helpers.generateId)(JSON.stringify(dataSource)));
+const Form = _ref => {
+  var _payment$config, _payment$config$publi, _payment$info;
+  let {
+    dataSource: {
+      currency,
+      repositories: {
+        countries
+      } = {},
+      form: schema = {},
+      tracking = {},
+      ...dataSource
+    } = {},
+    variant,
+    onError = () => {},
+    ...others
+  } = _ref;
+  const {
+    isDesktop
+  } = (0, _ui.useDevice)();
+  const {
+    translate
+  } = (0, _locale.useLocale)();
+  const {
+    track
+  } = (0, _dataSources.useMetrics)();
+  const {
+    set,
+    value: {
+      club,
+      id,
+      locale,
+      payment: {
+        method
+      } = {},
+      session
+    }
+  } = (0, _dataSources.useStore)();
+  const [errorForm, setErrorForm] = (0, _react.useState)({});
+  const [errorPayment, setErrorPayment] = (0, _react.useState)({});
+  const [form, setForm] = (0, _react.useState)(storage.get(key(dataSource)) || Object.fromEntries(Object.entries(schema).map(_ref2 => {
+    let [key, {
+      value
+    }] = _ref2;
+    return [key, value];
+  })));
+  const [formTracked, setFormTracked] = (0, _react.useState)();
+  (0, _react.useEffect)(() => {
+    hasTracking = _services.ServiceFeatures.get(_Checkout.FEATURE_CHECKOUT_TRACKING, id);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  (0, _react.useEffect)(() => {
+    setForm({
+      ...form,
+      ...(0, _helpers2.getSchemaProps)({
+        schema,
+        value: session
+      })
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [session]);
+  (0, _react.useLayoutEffect)(() => {
+    if (Object.keys(form).length) storage.set(key(dataSource), form);
+    set({
+      checkout: form
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [form]);
+  (0, _react.useEffect)(() => {
+    onError(Object.keys({
+      ...errorForm,
+      ...errorPayment
+    }).length > 0);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [errorForm, errorPayment]);
+  const handleChange = async next => {
+    if (!!schema.country && next.country && !next.phone) {
+      const {
+        code
+      } = await _services.ServiceCountry.info((0, _helpers.getCountryCode)(next.country, countries));
+      if (code) next.phone = code;
+    }
+    setForm(next);
+  };
+  const handleEnter = field => hasTracking && track("".concat(_Checkout.TRACKING, ":INPUT:").concat(field), {
+    field,
+    locale,
+    variant
+  });
+  const handleLeave = () => {
+    const {
+      email,
+      firstName,
+      lastName,
+      phone
+    } = errorForm;
+    if (!formTracked && !email && !firstName && !lastName && !phone) {
+      (0, _helpers2.trackForm)({
+        tracking,
+        ...form
+      });
+      setFormTracked(true);
+    }
+  };
+  const {
+    payment
+  } = dataSource || {};
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.Form, _extends({}, others, {
+    autoComplete: "off",
+    validateOnMount: true,
+    onChange: handleChange,
+    onEnter: handleEnter,
+    onError: setErrorForm,
+    onLeave: handleLeave,
+    className: (0, _ui.styles)(style.form, style.box)
+  }), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    bold: true,
+    headline: isDesktop,
+    wide: true
+  }, translate(_Checkout2.L10N.LABEL_PERSONAL_DETAILS)), /*#__PURE__*/_react.default.createElement(_shared__.TextRequiredFields, {
+    wide: true
+  }), Object.entries(schema).filter(_ref3 => {
+    let [key] = _ref3;
+    return !!schema[key];
+  }).filter(_ref4 => {
+    let [, {
+      visible
+    }] = _ref4;
+    return !visible || visible(form);
+  }).map(_ref5 => {
+    let [key, field = {}] = _ref5;
+    return /*#__PURE__*/_react.default.createElement(_Checkout.FIELD[field.input] || _ui.InputText, (0, _helpers2.getFieldProps)(key, field, {
+      value: form[key],
+      error: errorForm[key],
+      session,
+      translate
+    }, club));
+  })), payment && /*#__PURE__*/_react.default.createElement(_shared__.Payment, _extends({}, payment, {
+    config: {
+      ...payment.config,
+      publicKey: (_payment$config = payment.config) === null || _payment$config === void 0 ? void 0 : (_payment$config$publi = _payment$config.publicKey) === null || _payment$config$publi === void 0 ? void 0 : _payment$config$publi[method]
+    },
+    info: {
+      ...payment.info,
+      date: (0, _locale.parseDate)((_payment$info = payment.info) === null || _payment$info === void 0 ? void 0 : _payment$info.date)
+    },
+    currency: currency,
+    onError: setErrorPayment
+  })));
+};
+exports.Form = Form;
+Form.displayName = 'Mirai:Core:Checkout:Form';
+Form.propTypes = {
+  dataSource: _propTypes.default.shape({
+    form: _propTypes.default.shape({})
+  }),
+  variant: _propTypes.default.string,
+  onError: _propTypes.default.func
+};
+//# sourceMappingURL=Checkout.Form.js.map