@mirai/core 0.3.255 → 0.3.257
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/Booking/Booking.constants.js +2 -1
- package/build/components/Booking/Booking.constants.js.map +1 -1
- package/build/components/Booking/Booking.js +9 -9
- package/build/components/Booking/Booking.js.map +1 -1
- package/build/components/Booking/Booking.l10n.js +11 -5
- package/build/components/Booking/Booking.l10n.js.map +1 -1
- package/build/components/Booking/Booking.module.css +56 -61
- package/build/components/Booking/components/Field/Field.module.css +12 -12
- package/build/components/Booking/partials/Booking.Details.js +32 -18
- package/build/components/Booking/partials/Booking.Details.js.map +1 -1
- package/build/components/Booking/partials/Booking.Information.js +137 -0
- package/build/components/Booking/partials/Booking.Information.js.map +1 -0
- package/build/components/Booking/partials/Booking.PriceBreakdown.js +1 -1
- package/build/components/Booking/partials/Booking.PriceBreakdown.js.map +1 -1
- package/build/components/Booking/partials/Booking.Summary.js +61 -188
- package/build/components/Booking/partials/Booking.Summary.js.map +1 -1
- package/build/components/Booking/partials/__tests__/__snapshots__/Booking.Details.test.js.snap +567 -3431
- package/build/components/Booking/partials/__tests__/__snapshots__/Booking.Summary.test.js.snap +508 -856
- package/build/components/Booking/partials/index.js +15 -4
- package/build/components/Booking/partials/index.js.map +1 -1
- package/build/components/Checkout/Checkout.constants.js +2 -1
- package/build/components/Checkout/Checkout.constants.js.map +1 -1
- package/build/components/Checkout/Checkout.js +8 -17
- package/build/components/Checkout/Checkout.js.map +1 -1
- package/build/components/Checkout/Checkout.module.css +54 -50
- package/build/components/Checkout/partials/Checkout.Confirmation.js +9 -35
- package/build/components/Checkout/partials/Checkout.Confirmation.js.map +1 -1
- package/build/components/Checkout/partials/Checkout.Details.js +34 -41
- package/build/components/Checkout/partials/Checkout.Details.js.map +1 -1
- package/build/components/Checkout/partials/Checkout.Summary.js +42 -57
- package/build/components/Checkout/partials/Checkout.Summary.js.map +1 -1
- package/build/components/Checkout/partials/__tests__/__snapshots__/Checkout.Confirmation.test.js.snap +176 -252
- package/build/components/Checkout/partials/__tests__/__snapshots__/Checkout.Details.test.js.snap +20 -375
- package/build/components/Checkout/partials/__tests__/__snapshots__/Checkout.Summary.test.js.snap +116 -168
- package/build/components/__shared__/BookingTable/BookingTable.Row.js +1 -0
- package/build/components/__shared__/BookingTable/BookingTable.Row.js.map +1 -1
- package/build/components/__shared__/BookingTable/BookingTable.js +2 -2
- package/build/components/__shared__/BookingTable/BookingTable.js.map +1 -1
- package/build/components/__shared__/BookingTable/BookingTable.module.css +0 -12
- package/build/components/__shared__/BookingTable/__tests__/__snapshots__/BookingTable.test.js.snap +3 -3
- package/build/components/__shared__/BookingTerms/BookingTerms.js +1 -1
- package/build/components/__shared__/BookingTerms/BookingTerms.js.map +1 -1
- package/build/components/__shared__/BookingTerms/BookingTerms.module.css +5 -5
- package/build/components/__shared__/ButtonMore/ButtonMore.js +3 -5
- package/build/components/__shared__/ButtonMore/ButtonMore.js.map +1 -1
- package/build/components/__shared__/ButtonMore/ButtonMore.module.css +0 -5
- package/build/components/__shared__/ButtonMore/__tests__/__snapshots__/ButtonMore.test.js.snap +6 -6
- package/build/components/__shared__/ButtonPayment/components/FormCheckout/FormCheckout.module.css +3 -2
- package/build/components/__shared__/ButtonPayment/components/FormCheckout/__tests__/__snapshots__/FormCheckout.test.js.snap +141 -93
- package/build/components/__shared__/ButtonPayment/components/FormPaycomet/__tests__/__snapshots__/FormPaycomet.test.js.snap +66 -50
- package/build/components/__shared__/ButtonPayment/components/InputField/InputField.js +4 -1
- package/build/components/__shared__/ButtonPayment/components/InputField/InputField.js.map +1 -1
- package/build/components/__shared__/ButtonPayment/components/InputField/InputField.module.css +9 -6
- package/build/components/__shared__/ButtonPayment/components/InputField/__tests__/__snapshots__/InputField.test.js.snap +100 -76
- package/build/components/__shared__/Payment/components/PCI/PCI.module.css +1 -1
- package/build/components/__shared__/Payment/components/PCI/__tests__/__snapshots__/PCI.test.js.snap +243 -183
- package/build/components/__shared__/PriceBreakdown/PriceBreakdown.Line.js +1 -5
- package/build/components/__shared__/PriceBreakdown/PriceBreakdown.Line.js.map +1 -1
- package/build/helpers/theme.js +1 -1
- package/build/helpers/theme.js.map +1 -1
- package/package.json +1 -1
|
@@ -14,7 +14,7 @@ Object.keys(_Booking).forEach(function (key) {
|
|
|
14
14
|
}
|
|
15
15
|
});
|
|
16
16
|
});
|
|
17
|
-
var _Booking2 = require("./Booking.
|
|
17
|
+
var _Booking2 = require("./Booking.Information");
|
|
18
18
|
Object.keys(_Booking2).forEach(function (key) {
|
|
19
19
|
if (key === "default" || key === "__esModule") return;
|
|
20
20
|
if (key in exports && exports[key] === _Booking2[key]) return;
|
|
@@ -25,7 +25,7 @@ Object.keys(_Booking2).forEach(function (key) {
|
|
|
25
25
|
}
|
|
26
26
|
});
|
|
27
27
|
});
|
|
28
|
-
var _Booking3 = require("./Booking.
|
|
28
|
+
var _Booking3 = require("./Booking.Menu");
|
|
29
29
|
Object.keys(_Booking3).forEach(function (key) {
|
|
30
30
|
if (key === "default" || key === "__esModule") return;
|
|
31
31
|
if (key in exports && exports[key] === _Booking3[key]) return;
|
|
@@ -36,7 +36,7 @@ Object.keys(_Booking3).forEach(function (key) {
|
|
|
36
36
|
}
|
|
37
37
|
});
|
|
38
38
|
});
|
|
39
|
-
var _Booking4 = require("./Booking.
|
|
39
|
+
var _Booking4 = require("./Booking.Modal");
|
|
40
40
|
Object.keys(_Booking4).forEach(function (key) {
|
|
41
41
|
if (key === "default" || key === "__esModule") return;
|
|
42
42
|
if (key in exports && exports[key] === _Booking4[key]) return;
|
|
@@ -47,7 +47,7 @@ Object.keys(_Booking4).forEach(function (key) {
|
|
|
47
47
|
}
|
|
48
48
|
});
|
|
49
49
|
});
|
|
50
|
-
var _Booking5 = require("./Booking.
|
|
50
|
+
var _Booking5 = require("./Booking.PriceBreakdown");
|
|
51
51
|
Object.keys(_Booking5).forEach(function (key) {
|
|
52
52
|
if (key === "default" || key === "__esModule") return;
|
|
53
53
|
if (key in exports && exports[key] === _Booking5[key]) return;
|
|
@@ -58,4 +58,15 @@ Object.keys(_Booking5).forEach(function (key) {
|
|
|
58
58
|
}
|
|
59
59
|
});
|
|
60
60
|
});
|
|
61
|
+
var _Booking6 = require("./Booking.Summary");
|
|
62
|
+
Object.keys(_Booking6).forEach(function (key) {
|
|
63
|
+
if (key === "default" || key === "__esModule") return;
|
|
64
|
+
if (key in exports && exports[key] === _Booking6[key]) return;
|
|
65
|
+
Object.defineProperty(exports, key, {
|
|
66
|
+
enumerable: true,
|
|
67
|
+
get: function () {
|
|
68
|
+
return _Booking6[key];
|
|
69
|
+
}
|
|
70
|
+
});
|
|
71
|
+
});
|
|
61
72
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_Booking","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Booking2","_Booking3","_Booking4","_Booking5"],"sources":["../../../../src/components/Booking/partials/index.js"],"sourcesContent":["export * from './Booking.Details';\nexport * from './Booking.Menu';\nexport * from './Booking.Modal';\nexport * from './Booking.PriceBreakdown';\nexport * from './Booking.Summary';\n"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,QAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,SAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,SAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,SAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,SAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,SAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,SAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,SAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,SAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,SAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,SAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,SAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,SAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,SAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,SAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,SAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,SAAA,CAAAR,GAAA;IAAA;EAAA;AAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["_Booking","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Booking2","_Booking3","_Booking4","_Booking5","_Booking6"],"sources":["../../../../src/components/Booking/partials/index.js"],"sourcesContent":["export * from './Booking.Details';\nexport * from './Booking.Information';\nexport * from './Booking.Menu';\nexport * from './Booking.Modal';\nexport * from './Booking.PriceBreakdown';\nexport * from './Booking.Summary';\n"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,QAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,SAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,SAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,SAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,SAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,SAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,SAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,SAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,SAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,SAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,SAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,SAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,SAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,SAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,SAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,SAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,SAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,SAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,SAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,SAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAK,SAAA,CAAAT,GAAA;IAAA;EAAA;AAAA"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.VARIANTS = exports.TRACKING = exports.REDIRECT_PATH = exports.INPUT_TYPE = exports.INPUT = exports.FORM_STORAGE_KEY = exports.FORM_STORAGE_CACHE = exports.FORMAT_DATE_SHORT = exports.FORMAT_DATE = exports.FORMAT_CURRENCY = exports.FIELD = exports.FEATURE_CHECKOUT_TRACKING = exports.FEATURE_CHECKOUT_EXPERIMENT = void 0;
|
|
6
|
+
exports.VARIANTS = exports.TRACKING = exports.REDIRECT_PATH = exports.MAX_VISIBLE_DETAILS = exports.INPUT_TYPE = exports.INPUT = exports.FORM_STORAGE_KEY = exports.FORM_STORAGE_CACHE = exports.FORMAT_DATE_SHORT = exports.FORMAT_DATE = exports.FORMAT_CURRENCY = exports.FIELD = exports.FEATURE_CHECKOUT_TRACKING = exports.FEATURE_CHECKOUT_EXPERIMENT = void 0;
|
|
7
7
|
var _ui = require("@mirai/ui");
|
|
8
8
|
var _components = require("./components");
|
|
9
9
|
const FEATURE_CHECKOUT_EXPERIMENT = exports.FEATURE_CHECKOUT_EXPERIMENT = 'checkoutExperiment';
|
|
@@ -46,6 +46,7 @@ const FORMAT_DATE_SHORT = exports.FORMAT_DATE_SHORT = {
|
|
|
46
46
|
month: 'short',
|
|
47
47
|
day: 'numeric'
|
|
48
48
|
};
|
|
49
|
+
const MAX_VISIBLE_DETAILS = exports.MAX_VISIBLE_DETAILS = 3;
|
|
49
50
|
const REDIRECT_PATH = exports.REDIRECT_PATH = 'miraiFrontDispatcher.htm';
|
|
50
51
|
const TRACKING = exports.TRACKING = 'CHECKOUT';
|
|
51
52
|
const VARIANTS = exports.VARIANTS = ['A', 'B'];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkout.constants.js","names":["_ui","require","_components","FEATURE_CHECKOUT_EXPERIMENT","exports","FEATURE_CHECKOUT_TRACKING","INPUT","TEXT","SELECT","OPTION","PHONE","RADIO","HTML","INPUT_TYPE","EMAIL","NUMBER","FIELD","InputOption","InputPhone","InputRadio","InputSelect","InputText","Text","FORM_STORAGE_CACHE","FORM_STORAGE_KEY","FORMAT_CURRENCY","currency","FORMAT_DATE","weekday","year","month","day","FORMAT_DATE_SHORT","REDIRECT_PATH","TRACKING","VARIANTS"],"sources":["../../../src/components/Checkout/Checkout.constants.js"],"sourcesContent":["import { InputOption, InputPhone, InputSelect, InputText, Text } from '@mirai/ui';\n\nimport { InputRadio } from './components';\n\nconst FEATURE_CHECKOUT_EXPERIMENT = 'checkoutExperiment';\n\nconst FEATURE_CHECKOUT_TRACKING = 'checkoutTracking';\n\nconst INPUT = {\n TEXT: 0,\n SELECT: 1,\n OPTION: 2,\n PHONE: 3,\n RADIO: 4,\n HTML: 5,\n};\n\nconst INPUT_TYPE = {\n TEXT: 0,\n EMAIL: 1,\n NUMBER: 2,\n};\n\nconst FIELD = {\n [INPUT.OPTION]: InputOption,\n [INPUT.PHONE]: InputPhone,\n [INPUT.RADIO]: InputRadio,\n [INPUT.SELECT]: InputSelect,\n [INPUT.TEXT]: InputText,\n [INPUT.HTML]: Text,\n};\n\nconst FORM_STORAGE_CACHE = 1000 * 60 * 60 * 24 * 7; // 7 days\n\nconst FORM_STORAGE_KEY = 'MIRAI:CHECKOUT:FORM';\n\nconst FORMAT_CURRENCY = { currency: 'EUR' };\n\nconst FORMAT_DATE = { weekday: 'short', year: 'numeric', month: 'short', day: 'numeric' };\n\nconst FORMAT_DATE_SHORT = { weekday: 'short', month: 'short', day: 'numeric' };\n\nconst REDIRECT_PATH = 'miraiFrontDispatcher.htm';\n\nconst TRACKING = 'CHECKOUT';\n\nconst VARIANTS = ['A', 'B'];\n\nexport {\n FEATURE_CHECKOUT_EXPERIMENT,\n FEATURE_CHECKOUT_TRACKING,\n FIELD,\n FORM_STORAGE_CACHE,\n FORM_STORAGE_KEY,\n FORMAT_CURRENCY,\n FORMAT_DATE,\n FORMAT_DATE_SHORT,\n INPUT,\n INPUT_TYPE,\n REDIRECT_PATH,\n TRACKING,\n VARIANTS,\n};\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAEA,MAAME,2BAA2B,GAAAC,OAAA,CAAAD,2BAAA,GAAG,oBAAoB;AAExD,MAAME,yBAAyB,GAAAD,OAAA,CAAAC,yBAAA,GAAG,kBAAkB;AAEpD,MAAMC,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAG;EACZC,IAAI,EAAE,CAAC;EACPC,MAAM,EAAE,CAAC;EACTC,MAAM,EAAE,CAAC;EACTC,KAAK,EAAE,CAAC;EACRC,KAAK,EAAE,CAAC;EACRC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,UAAU,GAAAT,OAAA,CAAAS,UAAA,GAAG;EACjBN,IAAI,EAAE,CAAC;EACPO,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE;AACV,CAAC;AAED,MAAMC,KAAK,GAAAZ,OAAA,CAAAY,KAAA,GAAG;EACZ,CAACV,KAAK,CAACG,MAAM,GAAGQ,eAAW;EAC3B,CAACX,KAAK,CAACI,KAAK,GAAGQ,cAAU;EACzB,CAACZ,KAAK,CAACK,KAAK,GAAGQ,sBAAU;EACzB,CAACb,KAAK,CAACE,MAAM,GAAGY,eAAW;EAC3B,CAACd,KAAK,CAACC,IAAI,GAAGc,aAAS;EACvB,CAACf,KAAK,CAACM,IAAI,GAAGU;AAChB,CAAC;AAED,MAAMC,kBAAkB,GAAAnB,OAAA,CAAAmB,kBAAA,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;;AAEpD,MAAMC,gBAAgB,GAAApB,OAAA,CAAAoB,gBAAA,GAAG,qBAAqB;AAE9C,MAAMC,eAAe,GAAArB,OAAA,CAAAqB,eAAA,GAAG;EAAEC,QAAQ,EAAE;AAAM,CAAC;AAE3C,MAAMC,WAAW,GAAAvB,OAAA,CAAAuB,WAAA,GAAG;EAAEC,OAAO,EAAE,OAAO;EAAEC,IAAI,EAAE,SAAS;EAAEC,KAAK,EAAE,OAAO;EAAEC,GAAG,EAAE;AAAU,CAAC;AAEzF,MAAMC,iBAAiB,GAAA5B,OAAA,CAAA4B,iBAAA,GAAG;EAAEJ,OAAO,EAAE,OAAO;EAAEE,KAAK,EAAE,OAAO;EAAEC,GAAG,EAAE;AAAU,CAAC;AAE9E,MAAME,
|
|
1
|
+
{"version":3,"file":"Checkout.constants.js","names":["_ui","require","_components","FEATURE_CHECKOUT_EXPERIMENT","exports","FEATURE_CHECKOUT_TRACKING","INPUT","TEXT","SELECT","OPTION","PHONE","RADIO","HTML","INPUT_TYPE","EMAIL","NUMBER","FIELD","InputOption","InputPhone","InputRadio","InputSelect","InputText","Text","FORM_STORAGE_CACHE","FORM_STORAGE_KEY","FORMAT_CURRENCY","currency","FORMAT_DATE","weekday","year","month","day","FORMAT_DATE_SHORT","MAX_VISIBLE_DETAILS","REDIRECT_PATH","TRACKING","VARIANTS"],"sources":["../../../src/components/Checkout/Checkout.constants.js"],"sourcesContent":["import { InputOption, InputPhone, InputSelect, InputText, Text } from '@mirai/ui';\n\nimport { InputRadio } from './components';\n\nconst FEATURE_CHECKOUT_EXPERIMENT = 'checkoutExperiment';\n\nconst FEATURE_CHECKOUT_TRACKING = 'checkoutTracking';\n\nconst INPUT = {\n TEXT: 0,\n SELECT: 1,\n OPTION: 2,\n PHONE: 3,\n RADIO: 4,\n HTML: 5,\n};\n\nconst INPUT_TYPE = {\n TEXT: 0,\n EMAIL: 1,\n NUMBER: 2,\n};\n\nconst FIELD = {\n [INPUT.OPTION]: InputOption,\n [INPUT.PHONE]: InputPhone,\n [INPUT.RADIO]: InputRadio,\n [INPUT.SELECT]: InputSelect,\n [INPUT.TEXT]: InputText,\n [INPUT.HTML]: Text,\n};\n\nconst FORM_STORAGE_CACHE = 1000 * 60 * 60 * 24 * 7; // 7 days\n\nconst FORM_STORAGE_KEY = 'MIRAI:CHECKOUT:FORM';\n\nconst FORMAT_CURRENCY = { currency: 'EUR' };\n\nconst FORMAT_DATE = { weekday: 'short', year: 'numeric', month: 'short', day: 'numeric' };\n\nconst FORMAT_DATE_SHORT = { weekday: 'short', month: 'short', day: 'numeric' };\n\nconst MAX_VISIBLE_DETAILS = 3;\n\nconst REDIRECT_PATH = 'miraiFrontDispatcher.htm';\n\nconst TRACKING = 'CHECKOUT';\n\nconst VARIANTS = ['A', 'B'];\n\nexport {\n FEATURE_CHECKOUT_EXPERIMENT,\n FEATURE_CHECKOUT_TRACKING,\n FIELD,\n FORM_STORAGE_CACHE,\n FORM_STORAGE_KEY,\n FORMAT_CURRENCY,\n FORMAT_DATE,\n FORMAT_DATE_SHORT,\n INPUT,\n INPUT_TYPE,\n MAX_VISIBLE_DETAILS,\n REDIRECT_PATH,\n TRACKING,\n VARIANTS,\n};\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAEA,MAAME,2BAA2B,GAAAC,OAAA,CAAAD,2BAAA,GAAG,oBAAoB;AAExD,MAAME,yBAAyB,GAAAD,OAAA,CAAAC,yBAAA,GAAG,kBAAkB;AAEpD,MAAMC,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAG;EACZC,IAAI,EAAE,CAAC;EACPC,MAAM,EAAE,CAAC;EACTC,MAAM,EAAE,CAAC;EACTC,KAAK,EAAE,CAAC;EACRC,KAAK,EAAE,CAAC;EACRC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,UAAU,GAAAT,OAAA,CAAAS,UAAA,GAAG;EACjBN,IAAI,EAAE,CAAC;EACPO,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE;AACV,CAAC;AAED,MAAMC,KAAK,GAAAZ,OAAA,CAAAY,KAAA,GAAG;EACZ,CAACV,KAAK,CAACG,MAAM,GAAGQ,eAAW;EAC3B,CAACX,KAAK,CAACI,KAAK,GAAGQ,cAAU;EACzB,CAACZ,KAAK,CAACK,KAAK,GAAGQ,sBAAU;EACzB,CAACb,KAAK,CAACE,MAAM,GAAGY,eAAW;EAC3B,CAACd,KAAK,CAACC,IAAI,GAAGc,aAAS;EACvB,CAACf,KAAK,CAACM,IAAI,GAAGU;AAChB,CAAC;AAED,MAAMC,kBAAkB,GAAAnB,OAAA,CAAAmB,kBAAA,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;;AAEpD,MAAMC,gBAAgB,GAAApB,OAAA,CAAAoB,gBAAA,GAAG,qBAAqB;AAE9C,MAAMC,eAAe,GAAArB,OAAA,CAAAqB,eAAA,GAAG;EAAEC,QAAQ,EAAE;AAAM,CAAC;AAE3C,MAAMC,WAAW,GAAAvB,OAAA,CAAAuB,WAAA,GAAG;EAAEC,OAAO,EAAE,OAAO;EAAEC,IAAI,EAAE,SAAS;EAAEC,KAAK,EAAE,OAAO;EAAEC,GAAG,EAAE;AAAU,CAAC;AAEzF,MAAMC,iBAAiB,GAAA5B,OAAA,CAAA4B,iBAAA,GAAG;EAAEJ,OAAO,EAAE,OAAO;EAAEE,KAAK,EAAE,OAAO;EAAEC,GAAG,EAAE;AAAU,CAAC;AAE9E,MAAME,mBAAmB,GAAA7B,OAAA,CAAA6B,mBAAA,GAAG,CAAC;AAE7B,MAAMC,aAAa,GAAA9B,OAAA,CAAA8B,aAAA,GAAG,0BAA0B;AAEhD,MAAMC,QAAQ,GAAA/B,OAAA,CAAA+B,QAAA,GAAG,UAAU;AAE3B,MAAMC,QAAQ,GAAAhC,OAAA,CAAAgC,QAAA,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC"}
|
|
@@ -14,13 +14,12 @@ var _Checkout = require("./Checkout.constants");
|
|
|
14
14
|
var _Checkout2 = require("./Checkout.l10n");
|
|
15
15
|
var style = _interopRequireWildcard(require("./Checkout.module.css"));
|
|
16
16
|
var _Checkout3 = _interopRequireDefault(require("./Checkout.skeleton"));
|
|
17
|
-
var _helpers = require("./helpers");
|
|
18
17
|
var _partials = require("./partials");
|
|
19
18
|
var _Core = require("../../Core.constants");
|
|
20
19
|
var _shared__ = require("../__shared__");
|
|
21
20
|
var _Booking = require("../Booking/partials/Booking.ModalAgency");
|
|
22
21
|
var _Header = require("../Header");
|
|
23
|
-
var
|
|
22
|
+
var _helpers = require("../helpers");
|
|
24
23
|
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); }
|
|
25
24
|
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; }
|
|
26
25
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -80,7 +79,7 @@ const Checkout = _ref => {
|
|
|
80
79
|
});
|
|
81
80
|
});
|
|
82
81
|
setDataSource(response);
|
|
83
|
-
response && (0,
|
|
82
|
+
response && (0, _helpers.trace)({
|
|
84
83
|
...response.tracking,
|
|
85
84
|
chainId: urlParams.idchain
|
|
86
85
|
});
|
|
@@ -115,11 +114,6 @@ const Checkout = _ref => {
|
|
|
115
114
|
payment
|
|
116
115
|
} = dataSource || {};
|
|
117
116
|
const response = dataSource !== undefined;
|
|
118
|
-
const variant = (0, _helpers.getVariant)({
|
|
119
|
-
id,
|
|
120
|
-
isDesktop,
|
|
121
|
-
urlParams
|
|
122
|
-
});
|
|
123
117
|
const hasRequiredFields = Object.keys(requiredFields || {}).length > 0;
|
|
124
118
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Header.Header, {
|
|
125
119
|
locale: true
|
|
@@ -135,18 +129,17 @@ const Checkout = _ref => {
|
|
|
135
129
|
row: isDesktop,
|
|
136
130
|
className: style.content
|
|
137
131
|
}, /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
132
|
+
wide: true,
|
|
138
133
|
className: style.main
|
|
139
134
|
}, hasRequiredFields && /*#__PURE__*/_react.default.createElement(_shared__.NotificationRequiredFields, {
|
|
140
135
|
form: "checkout",
|
|
141
136
|
values: requiredFields
|
|
142
|
-
}),
|
|
137
|
+
}), !isDesktop && /*#__PURE__*/_react.default.createElement(_partials.Summary, {
|
|
143
138
|
dataSource: dataSource,
|
|
144
|
-
variant: variant,
|
|
145
139
|
className: style.box
|
|
146
|
-
}
|
|
147
|
-
dataSource: dataSource
|
|
148
|
-
|
|
149
|
-
}), (agency.name || !payment) && /*#__PURE__*/_react.default.createElement(_ui.Notification, {
|
|
140
|
+
}, /*#__PURE__*/_react.default.createElement(_partials.Details, {
|
|
141
|
+
dataSource: dataSource
|
|
142
|
+
})), (agency.name || !payment) && /*#__PURE__*/_react.default.createElement(_ui.Notification, {
|
|
150
143
|
small: true,
|
|
151
144
|
info: true,
|
|
152
145
|
wide: true,
|
|
@@ -165,8 +158,7 @@ const Checkout = _ref => {
|
|
|
165
158
|
showErrors: hasRequiredFields,
|
|
166
159
|
onError: setError
|
|
167
160
|
}), isDesktop && /*#__PURE__*/_react.default.createElement(_partials.Details, {
|
|
168
|
-
dataSource: dataSource
|
|
169
|
-
variant: variant
|
|
161
|
+
dataSource: dataSource
|
|
170
162
|
}), /*#__PURE__*/_react.default.createElement(_shared__.BookingTerms, {
|
|
171
163
|
dataSource: dataSource,
|
|
172
164
|
small: true,
|
|
@@ -174,7 +166,6 @@ const Checkout = _ref => {
|
|
|
174
166
|
})), /*#__PURE__*/_react.default.createElement(_partials.Confirmation, {
|
|
175
167
|
dataSource: dataSource,
|
|
176
168
|
error: Object.keys(error || {}).length > 0,
|
|
177
|
-
variant: variant,
|
|
178
169
|
onError: handleErrorConfirmation,
|
|
179
170
|
onValid: () => setRequiredFields()
|
|
180
171
|
})) : responseError ? /*#__PURE__*/_react.default.createElement(_ui.Notification, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkout.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Checkout","_Checkout2","style","_Checkout3","_helpers","_partials","_Core","_shared__","_Booking","_Header","_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","Checkout","_ref","skeleton","others","isDesktop","useDevice","translate","useLocale","track","trackRender","useMetrics","value","currency","hotel","id","language","locale","session","urlParams","useStore","dataSource","setDataSource","useState","error","setError","requiredFields","setRequiredFields","modalAgency","setModalAgency","responseError","setResponseError","useEffect","ServiceFeatures","FEATURE_CHECKOUT_TRACKING","concat","TRACKING","response","ServiceBooking","checkout","applyClubDiscount","undefined","catch","service","method","trace","tracking","chainId","idchain","window","addEventListener","innerHeight","scrollY","documentElement","scrollHeight","document","handleModalAgency","handleErrorConfirmation","scrollTo","top","behavior","agency","payment","variant","getVariant","hasRequiredFields","keys","createElement","Fragment","Header","View","role","testId","className","styles","container","Progress","indeterminate","visible","progress","row","content","main","NotificationRequiredFields","form","values","Summary","box","Details","name","Notification","small","info","wide","L10N","NOTIFICATION_NO_CARD","NOTIFICATION_AGENCY","link","Action","inline","underline","onPress","action","ACTION_MORE_INFO","Form","showErrors","onError","BookingTerms","Confirmation","onValid","large","NOTIFICATION_ERROR","code","ERROR","UNKNOWN","ModalAgency","onClose","exports","displayName","propTypes","PropTypes","bool"],"sources":["../../../src/components/Checkout/Checkout.jsx"],"sourcesContent":["import { useMetrics, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { ServiceBooking, ServiceFeatures } from '@mirai/services';\nimport { Action, Notification, Progress, styles, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { FEATURE_CHECKOUT_TRACKING, TRACKING } from './Checkout.constants';\nimport { L10N } from './Checkout.l10n';\nimport * as style from './Checkout.module.css';\nimport Skeleton from './Checkout.skeleton';\nimport { getVariant } from './helpers';\nimport { Confirmation, Details, Form, Summary } from './partials';\nimport { ERROR } from '../../Core.constants';\nimport { BookingTerms, NotificationRequiredFields } from '../__shared__';\nimport { ModalAgency } from '../Booking/partials/Booking.ModalAgency';\nimport { Header } from '../Header';\nimport { trace } from '../helpers';\n\nlet hasTracking = false;\n\nconst Checkout = ({ skeleton, ...others }) => {\n const { isDesktop } = useDevice();\n const { translate } = useLocale();\n const { track, trackRender } = useMetrics();\n const {\n value: { currency, hotel, id, language, locale, session, urlParams = {} },\n } = useStore();\n\n const [dataSource, setDataSource] = useState();\n const [error, setError] = useState();\n const [requiredFields, setRequiredFields] = useState();\n const [modalAgency, setModalAgency] = useState(false);\n const [responseError, setResponseError] = useState();\n\n useEffect(() => {\n if (skeleton) return;\n\n hasTracking = ServiceFeatures.get(FEATURE_CHECKOUT_TRACKING, id);\n hasTracking && trackRender(`${TRACKING}:RENDER`, { locale });\n\n (async () => {\n const response = await ServiceBooking.checkout({\n currency,\n hotel,\n language,\n locale,\n session: urlParams.applyClubDiscount === 'true' ? session : undefined,\n ...urlParams,\n }).catch((error) => {\n setResponseError(error);\n hasTracking && track(`${TRACKING}:ERROR:SERVICE`, { service: 'Booking', method: 'checkout', error });\n });\n setDataSource(response);\n response && trace({ ...response.tracking, chainId: urlParams.idchain });\n })();\n\n window.addEventListener('scroll', () => {\n if (!hasTracking) return;\n const { innerHeight = 0, scrollY } = window;\n const { documentElement: { scrollHeight = 0 } = {} } = document;\n\n if (scrollY >= scrollHeight - innerHeight) track(`${TRACKING}:SCROLL:BOTTOM`);\n else if (scrollY === 0) track(`${TRACKING}:SCROLL:TOP`);\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [session]);\n\n const handleModalAgency = () => {\n setModalAgency(true);\n };\n\n const handleErrorConfirmation = () => {\n window.scrollTo({ top: 0, behavior: 'smooth' });\n setRequiredFields(error);\n };\n\n const { agency = {}, payment } = dataSource || {};\n const response = dataSource !== undefined;\n const variant = getVariant({ id, isDesktop, urlParams });\n const hasRequiredFields = Object.keys(requiredFields || {}).length > 0;\n\n return (\n <>\n <Header locale />\n\n <View role=\"checkout\" testId={others.testId} className={styles(style.container, others.className)}>\n <Progress indeterminate visible={!response && !responseError} className={style.progress} />\n {response ? (\n <View row={isDesktop} className={style.content}>\n <View className={style.main}>\n {hasRequiredFields && <NotificationRequiredFields form=\"checkout\" values={requiredFields} />}\n\n {variant === 'B' && <Summary dataSource={dataSource} variant={variant} className={style.box} />}\n\n {!isDesktop && <Details dataSource={dataSource} variant={variant} />}\n\n {(agency.name || !payment) && (\n <Notification small info wide className={styles(style.agency, others.className)}>\n {!payment && `${translate(L10N.NOTIFICATION_NO_CARD)} `}\n {agency.name &&\n translate(L10N.NOTIFICATION_AGENCY, {\n agency: agency.name,\n link: (\n <>\n <Action inline underline small onPress={handleModalAgency} className={styles(style.action)}>\n {translate(L10N.ACTION_MORE_INFO)}\n </Action>\n </>\n ),\n })}\n </Notification>\n )}\n\n <Form dataSource={dataSource} showErrors={hasRequiredFields} onError={setError} />\n\n {isDesktop && <Details dataSource={dataSource} variant={variant} />}\n <BookingTerms dataSource={dataSource} small tracking={TRACKING} />\n </View>\n\n <Confirmation\n dataSource={dataSource}\n error={Object.keys(error || {}).length > 0}\n variant={variant}\n onError={handleErrorConfirmation}\n onValid={() => setRequiredFields()}\n />\n </View>\n ) : responseError ? (\n <Notification error large>\n {translate(L10N.NOTIFICATION_ERROR[responseError?.code || ERROR.UNKNOWN])}\n </Notification>\n ) : (\n <Skeleton />\n )}\n </View>\n {agency.name && <ModalAgency {...agency} visible={modalAgency} onClose={() => setModalAgency(false)} />}\n </>\n );\n};\n\nCheckout.displayName = 'Mirai:Core:Checkout';\n\nCheckout.propTypes = {\n skeleton: PropTypes.bool,\n};\n\nexport { Checkout };\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Checkout.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Checkout","_Checkout2","style","_Checkout3","_partials","_Core","_shared__","_Booking","_Header","_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","hasTracking","Checkout","_ref","skeleton","others","isDesktop","useDevice","translate","useLocale","track","trackRender","useMetrics","value","currency","hotel","id","language","locale","session","urlParams","useStore","dataSource","setDataSource","useState","error","setError","requiredFields","setRequiredFields","modalAgency","setModalAgency","responseError","setResponseError","useEffect","ServiceFeatures","FEATURE_CHECKOUT_TRACKING","concat","TRACKING","response","ServiceBooking","checkout","applyClubDiscount","undefined","catch","service","method","trace","tracking","chainId","idchain","window","addEventListener","innerHeight","scrollY","documentElement","scrollHeight","document","handleModalAgency","handleErrorConfirmation","scrollTo","top","behavior","agency","payment","hasRequiredFields","keys","createElement","Fragment","Header","View","role","testId","className","styles","container","Progress","indeterminate","visible","progress","row","content","wide","main","NotificationRequiredFields","form","values","Summary","box","Details","name","Notification","small","info","L10N","NOTIFICATION_NO_CARD","NOTIFICATION_AGENCY","link","Action","inline","underline","onPress","action","ACTION_MORE_INFO","Form","showErrors","onError","BookingTerms","Confirmation","onValid","large","NOTIFICATION_ERROR","code","ERROR","UNKNOWN","ModalAgency","onClose","exports","displayName","propTypes","PropTypes","bool"],"sources":["../../../src/components/Checkout/Checkout.jsx"],"sourcesContent":["import { useMetrics, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { ServiceBooking, ServiceFeatures } from '@mirai/services';\nimport { Action, Notification, Progress, styles, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { FEATURE_CHECKOUT_TRACKING, TRACKING } from './Checkout.constants';\nimport { L10N } from './Checkout.l10n';\nimport * as style from './Checkout.module.css';\nimport Skeleton from './Checkout.skeleton';\nimport { Confirmation, Details, Form, Summary } from './partials';\nimport { ERROR } from '../../Core.constants';\nimport { BookingTerms, NotificationRequiredFields } from '../__shared__';\nimport { ModalAgency } from '../Booking/partials/Booking.ModalAgency';\nimport { Header } from '../Header';\nimport { trace } from '../helpers';\n\nlet hasTracking = false;\n\nconst Checkout = ({ skeleton, ...others }) => {\n const { isDesktop } = useDevice();\n const { translate } = useLocale();\n const { track, trackRender } = useMetrics();\n const {\n value: { currency, hotel, id, language, locale, session, urlParams = {} },\n } = useStore();\n\n const [dataSource, setDataSource] = useState();\n const [error, setError] = useState();\n const [requiredFields, setRequiredFields] = useState();\n const [modalAgency, setModalAgency] = useState(false);\n const [responseError, setResponseError] = useState();\n\n useEffect(() => {\n if (skeleton) return;\n\n hasTracking = ServiceFeatures.get(FEATURE_CHECKOUT_TRACKING, id);\n hasTracking && trackRender(`${TRACKING}:RENDER`, { locale });\n\n (async () => {\n const response = await ServiceBooking.checkout({\n currency,\n hotel,\n language,\n locale,\n session: urlParams.applyClubDiscount === 'true' ? session : undefined,\n ...urlParams,\n }).catch((error) => {\n setResponseError(error);\n hasTracking && track(`${TRACKING}:ERROR:SERVICE`, { service: 'Booking', method: 'checkout', error });\n });\n setDataSource(response);\n response && trace({ ...response.tracking, chainId: urlParams.idchain });\n })();\n\n window.addEventListener('scroll', () => {\n if (!hasTracking) return;\n const { innerHeight = 0, scrollY } = window;\n const { documentElement: { scrollHeight = 0 } = {} } = document;\n\n if (scrollY >= scrollHeight - innerHeight) track(`${TRACKING}:SCROLL:BOTTOM`);\n else if (scrollY === 0) track(`${TRACKING}:SCROLL:TOP`);\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [session]);\n\n const handleModalAgency = () => {\n setModalAgency(true);\n };\n\n const handleErrorConfirmation = () => {\n window.scrollTo({ top: 0, behavior: 'smooth' });\n setRequiredFields(error);\n };\n\n const { agency = {}, payment } = dataSource || {};\n const response = dataSource !== undefined;\n const hasRequiredFields = Object.keys(requiredFields || {}).length > 0;\n\n return (\n <>\n <Header locale />\n\n <View role=\"checkout\" testId={others.testId} className={styles(style.container, others.className)}>\n <Progress indeterminate visible={!response && !responseError} className={style.progress} />\n {response ? (\n <View row={isDesktop} className={style.content}>\n <View wide className={style.main}>\n {hasRequiredFields && <NotificationRequiredFields form=\"checkout\" values={requiredFields} />}\n\n {!isDesktop && (\n <Summary dataSource={dataSource} className={style.box}>\n <Details dataSource={dataSource} />\n </Summary>\n )}\n\n {(agency.name || !payment) && (\n <Notification small info wide className={styles(style.agency, others.className)}>\n {!payment && `${translate(L10N.NOTIFICATION_NO_CARD)} `}\n {agency.name &&\n translate(L10N.NOTIFICATION_AGENCY, {\n agency: agency.name,\n link: (\n <>\n <Action inline underline small onPress={handleModalAgency} className={styles(style.action)}>\n {translate(L10N.ACTION_MORE_INFO)}\n </Action>\n </>\n ),\n })}\n </Notification>\n )}\n\n <Form dataSource={dataSource} showErrors={hasRequiredFields} onError={setError} />\n\n {isDesktop && <Details dataSource={dataSource} />}\n\n <BookingTerms dataSource={dataSource} small tracking={TRACKING} />\n </View>\n\n <Confirmation\n dataSource={dataSource}\n error={Object.keys(error || {}).length > 0}\n onError={handleErrorConfirmation}\n onValid={() => setRequiredFields()}\n />\n </View>\n ) : responseError ? (\n <Notification error large>\n {translate(L10N.NOTIFICATION_ERROR[responseError?.code || ERROR.UNKNOWN])}\n </Notification>\n ) : (\n <Skeleton />\n )}\n </View>\n {agency.name && <ModalAgency {...agency} visible={modalAgency} onClose={() => setModalAgency(false)} />}\n </>\n );\n};\n\nCheckout.displayName = 'Mirai:Core:Checkout';\n\nCheckout.propTypes = {\n skeleton: PropTypes.bool,\n};\n\nexport { Checkout };\n"],"mappings":"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"}
|
|
@@ -12,6 +12,7 @@ body {
|
|
|
12
12
|
align-items: center;
|
|
13
13
|
background-color: var(--mirai-ui-content-background);
|
|
14
14
|
min-height: 100vh;
|
|
15
|
+
padding: var(--mirai-ui-space-M);
|
|
15
16
|
width: 100vw;
|
|
16
17
|
}
|
|
17
18
|
|
|
@@ -24,14 +25,13 @@ body {
|
|
|
24
25
|
|
|
25
26
|
.content {
|
|
26
27
|
align-items: flex-start;
|
|
27
|
-
gap: var(--mirai-ui-input-text-
|
|
28
|
-
margin-bottom: var(--mirai-ui-input-text-padding-y);
|
|
28
|
+
gap: var(--mirai-ui-input-text-gap);
|
|
29
29
|
max-width: var(--mirai-ui-breakpoint-content);
|
|
30
30
|
width: 100%;
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
.content > .main {
|
|
34
|
-
row-gap: var(--mirai-ui-input-text-
|
|
34
|
+
row-gap: var(--mirai-ui-input-text-gap);
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
.content > * {
|
|
@@ -51,16 +51,10 @@ body {
|
|
|
51
51
|
}
|
|
52
52
|
|
|
53
53
|
/* == PARTIALS ============================================================== */
|
|
54
|
-
/* -- <
|
|
54
|
+
/* -- <Details> --------------------------------------------------------------- */
|
|
55
55
|
.details {
|
|
56
|
-
height: calc(var(--mirai-ui-space-XXL) * 5);
|
|
57
56
|
gap: var(--mirai-ui-space-M);
|
|
58
|
-
|
|
59
|
-
position: relative;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.details.expanded {
|
|
63
|
-
height: auto;
|
|
57
|
+
padding-bottom: 0;
|
|
64
58
|
}
|
|
65
59
|
|
|
66
60
|
.details .inline {
|
|
@@ -72,7 +66,6 @@ body {
|
|
|
72
66
|
.details .item {
|
|
73
67
|
gap: var(--mirai-ui-space-S);
|
|
74
68
|
margin-bottom: var(--mirai-ui-space-XS);
|
|
75
|
-
padding: var(--mirai-ui-space-S);
|
|
76
69
|
}
|
|
77
70
|
|
|
78
71
|
.details .item .image {
|
|
@@ -80,25 +73,25 @@ body {
|
|
|
80
73
|
background-size: cover;
|
|
81
74
|
border-radius: var(--mirai-ui-border-radius);
|
|
82
75
|
box-shadow: 0 0 0 1px var(--mirai-ui-content-background);
|
|
83
|
-
height: var(--mirai-ui-space-XXL);
|
|
84
|
-
min-height: var(--mirai-ui-space-XXL);
|
|
85
|
-
min-width: var(--mirai-ui-space-XXL);
|
|
86
|
-
width: var(--mirai-ui-space-XXL);
|
|
87
76
|
}
|
|
88
77
|
|
|
89
78
|
.details .buttonMore {
|
|
90
|
-
|
|
79
|
+
border-top: solid 1px var(--mirai-ui-content-border);
|
|
80
|
+
margin-left: calc(var(--mirai-ui-space-M) * -1);
|
|
81
|
+
margin-right: calc(var(--mirai-ui-space-M) * -1);
|
|
82
|
+
margin-top: calc(var(--mirai-ui-space-M) * -1);
|
|
83
|
+
width: auto;
|
|
91
84
|
}
|
|
92
85
|
|
|
93
86
|
/* -- <Form> ---------------------------------------------------------------- */
|
|
94
87
|
.form {
|
|
95
|
-
column-gap: var(--mirai-ui-input-text-
|
|
88
|
+
column-gap: var(--mirai-ui-input-text-gap);
|
|
96
89
|
display: flex;
|
|
97
90
|
flex-wrap: wrap;
|
|
98
91
|
}
|
|
99
92
|
|
|
100
93
|
.form > * {
|
|
101
|
-
margin-bottom: var(--mirai-ui-input-text-
|
|
94
|
+
margin-bottom: var(--mirai-ui-input-text-gap);
|
|
102
95
|
}
|
|
103
96
|
|
|
104
97
|
.form .inline {
|
|
@@ -123,19 +116,6 @@ body {
|
|
|
123
116
|
flex: 1;
|
|
124
117
|
}
|
|
125
118
|
|
|
126
|
-
.summary .group .divider {
|
|
127
|
-
background-color: var(--mirai-ui-content-border);
|
|
128
|
-
display: block;
|
|
129
|
-
flex: 0;
|
|
130
|
-
height: var(--mirai-ui-space-XXL);
|
|
131
|
-
min-width: var(--mirai-ui-border-width);
|
|
132
|
-
width: var(--mirai-ui-border-width);
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
.summary .action {
|
|
136
|
-
margin-top: var(--mirai-ui-space-XS);
|
|
137
|
-
}
|
|
138
|
-
|
|
139
119
|
.summary .info {
|
|
140
120
|
gap: var(--mirai-ui-space-XS);
|
|
141
121
|
}
|
|
@@ -145,7 +125,6 @@ body {
|
|
|
145
125
|
}
|
|
146
126
|
|
|
147
127
|
/* -- Agency --------------------------------------------------------------- */
|
|
148
|
-
|
|
149
128
|
.agency .action {
|
|
150
129
|
display: inline;
|
|
151
130
|
}
|
|
@@ -175,15 +154,17 @@ body {
|
|
|
175
154
|
.modal {
|
|
176
155
|
max-height: 100svh;
|
|
177
156
|
}
|
|
157
|
+
|
|
158
|
+
.details .item .image {
|
|
159
|
+
height: var(--mirai-ui-space-XL);
|
|
160
|
+
min-height: var(--mirai-ui-space-XL);
|
|
161
|
+
min-width: var(--mirai-ui-space-XL);
|
|
162
|
+
width: var(--mirai-ui-space-XL);
|
|
163
|
+
}
|
|
178
164
|
}
|
|
179
165
|
|
|
180
166
|
/* S & M */
|
|
181
167
|
@media only screen and (max-width: 820px) {
|
|
182
|
-
.container {
|
|
183
|
-
padding: var(--mirai-ui-space-L) var(--mirai-ui-space-S) calc(var(--mirai-ui-space-XXL) + var(--mirai-ui-space-XS))
|
|
184
|
-
var(--mirai-ui-space-S);
|
|
185
|
-
}
|
|
186
|
-
|
|
187
168
|
.content {
|
|
188
169
|
flex-direction: column;
|
|
189
170
|
}
|
|
@@ -205,6 +186,14 @@ body {
|
|
|
205
186
|
}
|
|
206
187
|
|
|
207
188
|
/* -- <Summary> ----------------------------------------------------------- */
|
|
189
|
+
.summary {
|
|
190
|
+
width: 100%;
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
.summary.box {
|
|
194
|
+
padding: 0;
|
|
195
|
+
}
|
|
196
|
+
|
|
208
197
|
.summary .box {
|
|
209
198
|
margin-bottom: var(--mirai-ui-space-M);
|
|
210
199
|
}
|
|
@@ -217,25 +206,44 @@ body {
|
|
|
217
206
|
gap: var(--mirai-ui-space-XS);
|
|
218
207
|
}
|
|
219
208
|
|
|
220
|
-
.summary .
|
|
221
|
-
|
|
209
|
+
.summary .details {
|
|
210
|
+
padding: var(--mirai-ui-space-M) var(--mirai-ui-space-M) 0 var(--mirai-ui-space-M);
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
.summary .section {
|
|
214
|
+
padding: var(--mirai-ui-space-M);
|
|
215
|
+
gap: var(--mirai-ui-space-S);
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
.summary .section:not(:last-child) {
|
|
219
|
+
border-bottom: solid 1px var(--mirai-ui-content-border);
|
|
220
|
+
}
|
|
221
|
+
|
|
222
|
+
.summary .section:last-child {
|
|
223
|
+
padding-top: 0;
|
|
222
224
|
}
|
|
223
225
|
}
|
|
224
226
|
|
|
225
|
-
/* L */
|
|
226
|
-
@media only screen and (min-width:
|
|
227
|
-
.
|
|
228
|
-
|
|
227
|
+
/* M & L */
|
|
228
|
+
@media only screen and (min-width: 431px) {
|
|
229
|
+
.details .item .image {
|
|
230
|
+
height: var(--mirai-ui-space-XXL);
|
|
231
|
+
min-height: var(--mirai-ui-space-XXL);
|
|
232
|
+
min-width: var(--mirai-ui-space-XXL);
|
|
233
|
+
width: var(--mirai-ui-space-XXL);
|
|
229
234
|
}
|
|
235
|
+
}
|
|
230
236
|
|
|
237
|
+
/* L */
|
|
238
|
+
@media only screen and (min-width: 821px) {
|
|
231
239
|
.modal {
|
|
232
240
|
max-width: calc(var(--mirai-ui-breakpoint-M) * 0.9);
|
|
233
241
|
}
|
|
234
242
|
|
|
235
243
|
/* -- <Form> -------------------------------------------------------------- */
|
|
236
244
|
.form .half {
|
|
237
|
-
min-width: calc(50% - calc(var(--mirai-ui-input-text-
|
|
238
|
-
max-width: calc(50% - calc(var(--mirai-ui-input-text-
|
|
245
|
+
min-width: calc(50% - calc(var(--mirai-ui-input-text-gap) / 2));
|
|
246
|
+
max-width: calc(50% - calc(var(--mirai-ui-input-text-gap) / 2));
|
|
239
247
|
}
|
|
240
248
|
|
|
241
249
|
.form .wide {
|
|
@@ -273,8 +281,4 @@ body {
|
|
|
273
281
|
.summary .group {
|
|
274
282
|
gap: var(--mirai-ui-space-S);
|
|
275
283
|
}
|
|
276
|
-
|
|
277
|
-
.summary .group .divider {
|
|
278
|
-
margin-right: var(--mirai-ui-space-S);
|
|
279
|
-
}
|
|
280
284
|
}
|
|
@@ -26,7 +26,6 @@ const Confirmation = _ref => {
|
|
|
26
26
|
let {
|
|
27
27
|
dataSource = {},
|
|
28
28
|
error = false,
|
|
29
|
-
variant,
|
|
30
29
|
onError,
|
|
31
30
|
onValid,
|
|
32
31
|
...others
|
|
@@ -54,13 +53,12 @@ const Confirmation = _ref => {
|
|
|
54
53
|
} = {}
|
|
55
54
|
} = (0, _dataSources.useStore)();
|
|
56
55
|
const [busy, setBusy] = (0, _react.useState)(false);
|
|
57
|
-
const [modal, setModal] = (0, _react.useState)(false);
|
|
58
56
|
const [responseError, setResponseError] = (0, _react.useState)();
|
|
59
57
|
(0, _react.useEffect)(() => {
|
|
60
58
|
hasTracking = _services.ServiceFeatures.get(_Checkout2.FEATURE_CHECKOUT_TRACKING, id);
|
|
61
59
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
62
60
|
}, []);
|
|
63
|
-
(0, _react.useEffect)(() => setResponseError(), [checkout,
|
|
61
|
+
(0, _react.useEffect)(() => setResponseError(), [checkout, payment]);
|
|
64
62
|
const {
|
|
65
63
|
price: {
|
|
66
64
|
prepayment = {}
|
|
@@ -71,13 +69,6 @@ const Confirmation = _ref => {
|
|
|
71
69
|
value
|
|
72
70
|
} = prepayment[payment === null || payment === void 0 ? void 0 : payment.method] || {};
|
|
73
71
|
const handleError = () => setBusy(false);
|
|
74
|
-
const handleModal = () => {
|
|
75
|
-
hasTracking && track("".concat(_Checkout2.TRACKING, ":ACTION:MORE_INFO"), {
|
|
76
|
-
locale,
|
|
77
|
-
variant
|
|
78
|
-
});
|
|
79
|
-
setModal(true);
|
|
80
|
-
};
|
|
81
72
|
const handlePress = () => {
|
|
82
73
|
if (error) {
|
|
83
74
|
onError();
|
|
@@ -89,8 +80,7 @@ const Confirmation = _ref => {
|
|
|
89
80
|
if (error) return onError();
|
|
90
81
|
onValid();
|
|
91
82
|
hasTracking && track("".concat(_Checkout2.TRACKING, ":CTA"), {
|
|
92
|
-
locale
|
|
93
|
-
variant
|
|
83
|
+
locale
|
|
94
84
|
});
|
|
95
85
|
setResponseError();
|
|
96
86
|
const response = await _services.ServiceBooking.confirm({
|
|
@@ -106,7 +96,7 @@ const Confirmation = _ref => {
|
|
|
106
96
|
}).catch(error => {
|
|
107
97
|
setBusy(false);
|
|
108
98
|
setResponseError(error);
|
|
109
|
-
|
|
99
|
+
Event.publish(_helpers.EVENT.NOTIFICATION, {
|
|
110
100
|
error: true,
|
|
111
101
|
small: true,
|
|
112
102
|
defaultMessage: translate(_Checkout3.L10N.NOTIFICATION_ERROR[(error === null || error === void 0 ? void 0 : error.code) || _Core.ERROR.UNKNOWN])
|
|
@@ -115,14 +105,11 @@ const Confirmation = _ref => {
|
|
|
115
105
|
service: 'Booking',
|
|
116
106
|
method: 'confirm',
|
|
117
107
|
error,
|
|
118
|
-
locale
|
|
119
|
-
variant
|
|
108
|
+
locale
|
|
120
109
|
});
|
|
121
110
|
});
|
|
122
|
-
if (!isDesktop && response) setModal(false);
|
|
123
111
|
if (response && hasTracking) track("".concat(_Checkout2.TRACKING, ":SUCCESS"), {
|
|
124
|
-
locale
|
|
125
|
-
variant
|
|
112
|
+
locale
|
|
126
113
|
});
|
|
127
114
|
return response;
|
|
128
115
|
};
|
|
@@ -150,8 +137,8 @@ const Confirmation = _ref => {
|
|
|
150
137
|
promise: handleSubmit,
|
|
151
138
|
wide: true,
|
|
152
139
|
onError: handleError,
|
|
153
|
-
onPress: handlePress
|
|
154
|
-
className
|
|
140
|
+
onPress: handlePress
|
|
141
|
+
// className={style.cta}
|
|
155
142
|
}), translate((0, _helpers.getButtonPaymentKey)({
|
|
156
143
|
...config,
|
|
157
144
|
...(dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$payment = dataSource.payment) === null || _dataSource$payment === void 0 ? void 0 : _dataSource$payment.info),
|
|
@@ -185,28 +172,15 @@ const Confirmation = _ref => {
|
|
|
185
172
|
className: style.footer
|
|
186
173
|
}, translate(_Checkout3.L10N.NOTIFICATION_SSL_ENCRYPTION))));
|
|
187
174
|
return /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
|
|
188
|
-
|
|
175
|
+
_row: isMobile,
|
|
189
176
|
className: style.confirmation
|
|
190
|
-
}), isDesktop ? content() :
|
|
191
|
-
busy: busy,
|
|
192
|
-
large: true,
|
|
193
|
-
wide: true,
|
|
194
|
-
onPress: error ? onError : handleModal
|
|
195
|
-
}, translate(_Checkout3.L10N.ACTION_BOOK_NOW)), !isDesktop && /*#__PURE__*/_react.default.createElement(_ui.Modal, {
|
|
196
|
-
title: translate(_Checkout3.L10N.LABEL_BOOKING_SUMMARY),
|
|
197
|
-
visible: modal,
|
|
198
|
-
onClose: () => setModal(false),
|
|
199
|
-
className: style.modal
|
|
200
|
-
}, /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
201
|
-
className: style.payment
|
|
202
|
-
}, content())));
|
|
177
|
+
}), isDesktop ? content() : CTA());
|
|
203
178
|
};
|
|
204
179
|
exports.Confirmation = Confirmation;
|
|
205
180
|
Confirmation.displayName = 'Mirai:Core:Checkout:Confirmation';
|
|
206
181
|
Confirmation.propTypes = {
|
|
207
182
|
dataSource: _propTypes.default.shape({}),
|
|
208
183
|
error: _propTypes.default.bool,
|
|
209
|
-
variant: _propTypes.default.string,
|
|
210
184
|
onError: _propTypes.default.func,
|
|
211
185
|
onValid: _propTypes.default.func
|
|
212
186
|
};
|