@roomstay/frontend 2.1.16 → 2.1.18

package/dist/src/components/steps/confirmation/StepConfirmationAcknowledgement.js

@@ -37,33 +37,23 @@ const AutoAutoHeight_1 = __importDefault(require("../../../animations/AutoAutoHe
 const Alert_1 = __importStar(require("../../generic/Alert"));
 const Icon_1 = require("../../generic/Icon/Icon");
 const hooks_1 = require("../../../hooks/index.js");
-const ConfirmationVerifyFeature_1 = __importDefault(require("../../../providers/feature/ConfirmationVerifyFeature"));
-const react_hook_form_1 = require("react-hook-form");
-const StepConfirmationAcknowledgement = () => {
-    var _a;
+exports.default = react_1.default.forwardRef(function StepConfirmationAcknowledgement(props, ref) {
     const { t } = (0, react_i18next_1.useTranslation)();
+    const { confirmationPolicyError } = props;
     const { hotel } = (0, hooks_1.useCurrentHotel)();
-    const { control, getFieldState } = (0, react_hook_form_1.useFormContext)();
-    const confirmationPolicyError = (_a = getFieldState('isPolicyConfirmed').error) === null || _a === void 0 ? void 0 : _a.message;
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: "u-marg-bottom" },
             react_1.default.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Step.Confirmation.Acknowledgement))),
         react_1.default.createElement("div", null,
             react_1.default.createElement(Checkbox_1.default, { label: t(Translation_1.Translation.Step.Confirmation.EmailSpecialOffers) })),
         react_1.default.createElement("div", { className: "u-marg-top--light" },
-            react_1.default.createElement(react_hook_form_1.Controller, { control: control, render: ({ field: { value, onChange, ref } }) => (react_1.default.createElement(Checkbox_1.default, { checked: value, onChange: onChange, ref: ref, label: react_1.default.createElement("div", null,
-                        t(Translation_1.Translation.Step.Confirmation.IHaveUnderstoodPrivacyPolicy),
-                        ' ',
-                        react_1.default.createElement("a", { style: { color: Color_1.Color.Accent }, className: "--underlined", href: hotel === null || hotel === void 0 ? void 0 : hotel.privacyPolicyUrl, target: "_blank", rel: "noreferrer" }, t(Translation_1.Translation.Step.Confirmation.PrivacyPolicy))) })), name: "isPolicyConfirmed", rules: {
-                    required: {
-                        value: ConfirmationVerifyFeature_1.default.isActive(),
-                        message: t(Translation_1.Translation.Step.Confirmation.PrivacyPolicyError),
-                    },
-                } })),
-        react_1.default.createElement(AutoAutoHeight_1.default, { open: !!confirmationPolicyError },
+            react_1.default.createElement(Checkbox_1.default, { ref: ref, label: react_1.default.createElement("div", null,
+                    t(Translation_1.Translation.Step.Confirmation.IHaveUnderstoodPrivacyPolicy),
+                    ' ',
+                    react_1.default.createElement("a", { style: { color: Color_1.Color.Accent }, className: "--underlined", href: hotel === null || hotel === void 0 ? void 0 : hotel.privacyPolicyUrl, target: "_blank", rel: "noreferrer" }, t(Translation_1.Translation.Step.Confirmation.PrivacyPolicy))) })),
+        react_1.default.createElement(AutoAutoHeight_1.default, { open: confirmationPolicyError },
             react_1.default.createElement("div", { className: "u-flex u-marg-top" },
                 react_1.default.createElement(Alert_1.default, { type: Alert_1.AlertType.Danger, icon: Icon_1.IconType.Error },
-                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, confirmationPolicyError))))));
-};
-exports.default = StepConfirmationAcknowledgement;
+                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, t(Translation_1.Translation.Step.Confirmation.PrivacyPolicyError)))))));
+});
 //# sourceMappingURL=StepConfirmationAcknowledgement.js.map

package/dist/src/components/steps/confirmation/StepConfirmationAcknowledgement.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepConfirmationAcknowledgement.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationAcknowledgement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAkC;AAClC,6EAAqD;AACrD,4DAAyD;AACzD,kEAA2D;AAC3D,iDAA+C;AAC/C,sFAA8D;AAC9D,wCAAqC;AACrC,iFAAyD;AACzD,oEAA8D;AAC9D,yDAA0D;AAC1D,2CAAkD;AAClD,8GAAsF;AACtF,qDAA6D;AAG7D,MAAM,+BAA+B,GAAO,GAAG,EAAE;;IAC7C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACpC,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,IAAA,gCAAc,GAA0B,CAAC;IAC5E,MAAM,uBAAuB,GAAG,MAAA,aAAa,CAAC,mBAAmB,CAAC,CAAC,KAAK,0CAAE,OAAO,CAAC;IAElF,OAAO,CACH;QACI,uCAAK,SAAS,EAAC,eAAe;YAC1B,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAY,CAC1E;QACN;YACI,8BAAC,kBAAQ,IAAC,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,GAAI,CACtE;QACN,uCAAK,SAAS,EAAC,mBAAmB;YAC9B,8BAAC,4BAAU,IACP,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CAC7C,8BAAC,kBAAQ,IACL,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,KAAK,EACD;wBACK,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,4BAA4B,CAAC;wBAAE,GAAG;wBACnE,qCAAG,KAAK,EAAE,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,EAAE,SAAS,EAAC,cAAc,EAAC,IAAI,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,IACtH,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAC/C,CACF,GAEZ,CACL,EACD,IAAI,EAAC,mBAAmB,EACxB,KAAK,EAAE;oBACH,QAAQ,EAAE;wBACN,KAAK,EAAE,mCAAyB,CAAC,QAAQ,EAAE;wBAC3C,OAAO,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC;qBAC/D;iBACJ,GACH,CACA;QACN,8BAAC,wBAAc,IAAC,IAAI,EAAE,CAAC,CAAC,uBAAuB;YAC3C,uCAAK,SAAS,EAAC,mBAAmB;gBAC9B,8BAAC,eAAK,IAAC,IAAI,EAAE,iBAAS,CAAC,MAAM,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK;oBAC/C,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,uBAAuB,CAAQ,CACxD,CACN,CACO,CAClB,CACN,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,+BAA+B,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport Headline from '@/components/generic/Headline';\nimport { Translation } from '@/translations/Translation';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useTranslation } from 'react-i18next';\nimport Checkbox from '@/components/generic/Checkbox/Checkbox';\nimport { Color } from '@/util/Color';\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport ConfirmationVerifyFeature from '@/providers/feature/ConfirmationVerifyFeature';\nimport { Controller, useFormContext } from 'react-hook-form';\nimport { ConfirmationFormValues } from '@/models/Confirmation';\n\nconst StepConfirmationAcknowledgement: FC = () => {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n    const { control, getFieldState } = useFormContext<ConfirmationFormValues>();\n    const confirmationPolicyError = getFieldState('isPolicyConfirmed').error?.message;\n\n    return (\n        <>\n            <div className=\"u-marg-bottom\">\n                <Headline bold>{t(Translation.Step.Confirmation.Acknowledgement)}</Headline>\n            </div>\n            <div>\n                <Checkbox label={t(Translation.Step.Confirmation.EmailSpecialOffers)} />\n            </div>\n            <div className=\"u-marg-top--light\">\n                <Controller\n                    control={control}\n                    render={({ field: { value, onChange, ref } }) => (\n                        <Checkbox\n                            checked={value}\n                            onChange={onChange}\n                            ref={ref}\n                            label={\n                                <div>\n                                    {t(Translation.Step.Confirmation.IHaveUnderstoodPrivacyPolicy)}{' '}\n                                    <a style={{ color: Color.Accent }} className=\"--underlined\" href={hotel?.privacyPolicyUrl} target=\"_blank\" rel=\"noreferrer\">\n                                        {t(Translation.Step.Confirmation.PrivacyPolicy)}\n                                    </a>\n                                </div>\n                            }\n                        />\n                    )}\n                    name=\"isPolicyConfirmed\"\n                    rules={{\n                        required: {\n                            value: ConfirmationVerifyFeature.isActive(),\n                            message: t(Translation.Step.Confirmation.PrivacyPolicyError),\n                        },\n                    }}\n                />\n            </div>\n            <AutoAutoHeight open={!!confirmationPolicyError}>\n                <div className=\"u-flex u-marg-top\">\n                    <Alert type={AlertType.Danger} icon={IconType.Error}>\n                        <Text type={TextType.Small}>{confirmationPolicyError}</Text>\n                    </Alert>\n                </div>\n            </AutoAutoHeight>\n        </>\n    );\n};\n\nexport default StepConfirmationAcknowledgement;\n"]}
+{"version":3,"file":"StepConfirmationAcknowledgement.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationAcknowledgement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,6EAAqD;AACrD,4DAAyD;AACzD,kEAA2D;AAC3D,iDAA+C;AAC/C,sFAA8D;AAC9D,wCAAqC;AACrC,iFAAyD;AACzD,oEAA8D;AAC9D,yDAA0D;AAC1D,2CAAkD;AAMlD,kBAAe,eAAK,CAAC,UAAU,CAAC,SAAS,+BAA+B,CAAC,KAA2B,EAAE,GAAQ;IAC1G,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,uBAAuB,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,OAAO,CACH;QACI,uCAAK,SAAS,EAAC,eAAe;YAC1B,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAY,CAC1E;QACN;YACI,8BAAC,kBAAQ,IAAC,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,GAAI,CACtE;QACN,uCAAK,SAAS,EAAC,mBAAmB;YAC9B,8BAAC,kBAAQ,IACL,GAAG,EAAE,GAAG,EACR,KAAK,EACD;oBACK,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,4BAA4B,CAAC;oBAAE,GAAG;oBACnE,qCAAG,KAAK,EAAE,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,EAAE,SAAS,EAAC,cAAc,EAAC,IAAI,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,IACtH,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAC/C,CACF,GAEZ,CACA;QACN,8BAAC,wBAAc,IAAC,IAAI,EAAE,uBAAuB;YACzC,uCAAK,SAAS,EAAC,mBAAmB;gBAC9B,8BAAC,eAAK,IAAC,IAAI,EAAE,iBAAS,CAAC,MAAM,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK;oBAC/C,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAQ,CACpF,CACN,CACO,CAClB,CACN,CAAC;AACN,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport Headline from '@/components/generic/Headline';\nimport { Translation } from '@/translations/Translation';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useTranslation } from 'react-i18next';\nimport Checkbox from '@/components/generic/Checkbox/Checkbox';\nimport { Color } from '@/util/Color';\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport { useCurrentHotel } from '@frontend/hooks';\n\ninterface AcknowledgementProps {\n    confirmationPolicyError: boolean;\n}\n\nexport default React.forwardRef(function StepConfirmationAcknowledgement(props: AcknowledgementProps, ref: any) {\n    const { t } = useTranslation();\n    const { confirmationPolicyError } = props;\n    const { hotel } = useCurrentHotel();\n\n    return (\n        <>\n            <div className=\"u-marg-bottom\">\n                <Headline bold>{t(Translation.Step.Confirmation.Acknowledgement)}</Headline>\n            </div>\n            <div>\n                <Checkbox label={t(Translation.Step.Confirmation.EmailSpecialOffers)} />\n            </div>\n            <div className=\"u-marg-top--light\">\n                <Checkbox\n                    ref={ref}\n                    label={\n                        <div>\n                            {t(Translation.Step.Confirmation.IHaveUnderstoodPrivacyPolicy)}{' '}\n                            <a style={{ color: Color.Accent }} className=\"--underlined\" href={hotel?.privacyPolicyUrl} target=\"_blank\" rel=\"noreferrer\">\n                                {t(Translation.Step.Confirmation.PrivacyPolicy)}\n                            </a>\n                        </div>\n                    }\n                />\n            </div>\n            <AutoAutoHeight open={confirmationPolicyError}>\n                <div className=\"u-flex u-marg-top\">\n                    <Alert type={AlertType.Danger} icon={IconType.Error}>\n                        <Text type={TextType.Small}>{t(Translation.Step.Confirmation.PrivacyPolicyError)}</Text>\n                    </Alert>\n                </div>\n            </AutoAutoHeight>\n        </>\n    );\n});\n"]}

package/dist/src/components/steps/confirmation/StepConfirmationForm.js

@@ -35,8 +35,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
+const react_1 = __importStar(require("react"));
 const Headline_1 = __importDefault(require("../../generic/Headline"));
 const Translation_1 = require("translations/Translation");
 const Text_1 = __importStar(require("../../generic/Text"));
@@ -63,7 +62,6 @@ const ConfirmationVerifyFeature_1 = __importDefault(require("../../../providers/
 const TextBox_1 = __importDefault(require("../../generic/TextBox"));
 const ShowIATANumberOnCheckoutFeature_1 = __importDefault(require("../../../providers/feature/ShowIATANumberOnCheckoutFeature"));
 const PlanpayPaymentMethod_1 = require("./PlanpayPaymentMethod");
-const TextArea_1 = __importDefault(require("../../generic/TextArea"));
 const ConfirmationStepContext_1 = require("contexts/ConfirmationStepContext/ConfirmationStepContext");
 const ConfirmationQuery_1 = require("../../../hooks/ConfirmationQuery");
 const LargeLoader_1 = __importDefault(require("../../generic/loader/LargeLoader"));
@@ -74,19 +72,24 @@ const AcceptablePaymentCard_1 = __importDefault(require("./PaymentDetails/Accept
 const RoomstayThemeEngine_1 = __importDefault(require("../../../providers/RoomstayThemeEngine"));
 const hooks_1 = require("../../../hooks/index.js");
 const dayjs_1 = __importDefault(require("dayjs"));
+const StepConfirmationCommentsComponent_1 = require("./StepConfirmationCommentsComponent");
 function StepConfirmationForm() {
-    const [differenceWarning, setDifferenceWarning] = (0, react_2.useState)({
+    const [differenceWarning, setDifferenceWarning] = (0, react_1.useState)({
         differences: [],
         warnings: [],
     });
-    const [source, setSource] = (0, react_2.useState)('');
+    const formContext = (0, react_1.useContext)(contexts_1.ConfirmationFormContext);
+    const [source, setSource] = (0, react_1.useState)('');
+    const [confirmationPolicyError, setConfirmationPolicyError] = (0, react_1.useState)(false);
+    const confirmationPolicy = (0, react_1.useRef)(null);
+    const commentTextbox = (0, react_1.useRef)(null);
     const { t } = (0, react_i18next_1.useTranslation)();
     const { queryPaymentMethod, queryRoomstayId, queryPlanpayCheckoutId } = (0, ConfirmationQuery_1.useConfirmationQuery)();
     const context = (0, contexts_1.useBookingEngine)();
     const methods = (0, react_hook_form_1.useFormContext)();
     const { isBackFromPlanpay, isLoading, apiErrors, clearApiErrors, book, rollbackReservation, commitReservation } = (0, ConfirmationStepContext_1.useConfirmationStep)();
     const basketContext = (0, contexts_1.useBasket)();
-    const tokenizerRef = (0, react_2.useRef)(null);
+    const tokenizerRef = (0, react_1.useRef)(null);
     const history = (0, react_router_dom_1.useHistory)();
     const { hotel } = (0, hooks_1.useCurrentHotel)();
     const toPaymentPayload = (paymentMethod) => __awaiter(this, void 0, void 0, function* () {
@@ -114,7 +117,7 @@ function StepConfirmationForm() {
         }
         return payment;
     });
-    (0, react_2.useEffect)(() => {
+    (0, react_1.useEffect)(() => {
         var _a;
         const validatedPaymentMethod = Object.values(core_1.EBookingPaymentMethod).includes(queryPaymentMethod)
             ? queryPaymentMethod
@@ -153,7 +156,22 @@ function StepConfirmationForm() {
         return false;
     });
     const handleBook = (paymentMethod, onSuccess) => __awaiter(this, void 0, void 0, function* () {
-        yield (book === null || book === void 0 ? void 0 : book(() => __awaiter(this, void 0, void 0, function* () { return toPaymentPayload(paymentMethod); }), () => __awaiter(this, void 0, void 0, function* () {
+        var _b;
+        yield (book === null || book === void 0 ? void 0 : book(() => __awaiter(this, void 0, void 0, function* () { return toPaymentPayload(paymentMethod); }), (_b = commentTextbox.current) === null || _b === void 0 ? void 0 : _b.value, () => __awaiter(this, void 0, void 0, function* () {
+            var _c;
+            if (ConfirmationVerifyFeature_1.default.isActive() && !((_c = confirmationPolicy === null || confirmationPolicy === void 0 ? void 0 : confirmationPolicy.current) === null || _c === void 0 ? void 0 : _c.checked)) {
+                setConfirmationPolicyError(true);
+                return false;
+            }
+            let adhocValid = true;
+            formContext === null || formContext === void 0 ? void 0 : formContext.errorChecks.forEach((check) => {
+                if (!check().validate()) {
+                    adhocValid = false;
+                }
+            });
+            if (!adhocValid) {
+                return false;
+            }
             try {
                 if (paymentMethod === core_1.EBookingPaymentMethod.Card)
                     yield tokenizerRef.current.getTokenizedCode();
@@ -199,12 +217,7 @@ function StepConfirmationForm() {
                         react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, t(Translation_1.Translation.Step.Confirmation.Inputs.IATANumberGuide))),
                     react_1.default.createElement(TextBox_1.default, Object.assign({ placeholder: t(Translation_1.Translation.Step.Confirmation.Inputs.IATANumber), wide: true }, methods.register('IATANumber')))),
                 react_1.default.createElement(LineBreak_1.default, null))),
-            react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
-                react_1.default.createElement("div", { className: "u-marg-bottom" },
-                    react_1.default.createElement(Headline_1.default, { bold: true }, t(Translation_1.Translation.Step.Confirmation.Comments))),
-                react_1.default.createElement(TextArea_1.default, Object.assign({ style: {
-                        resize: 'vertical',
-                    }, disabled: paymentMethod === core_1.EBookingPaymentMethod.Planpay, placeholder: t(Translation_1.Translation.Step.Confirmation.Inputs.EnterSpecialRequestsHere) }, methods.register('comment')))),
+            react_1.default.createElement(StepConfirmationCommentsComponent_1.StepConfirmationCommentsComponent, { inputRef: commentTextbox }),
             react_1.default.createElement(LineBreak_1.default, null),
             react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
                 react_1.default.createElement("div", { className: "u-marg-bottom" },
@@ -276,7 +289,7 @@ function StepConfirmationForm() {
             ConfirmationVerifyFeature_1.default.isActive() && (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(LineBreak_1.default, null),
                 react_1.default.createElement("div", null,
-                    react_1.default.createElement(StepConfirmationAcknowledgement_1.default, null)))),
+                    react_1.default.createElement(StepConfirmationAcknowledgement_1.default, { ref: confirmationPolicy, confirmationPolicyError: confirmationPolicyError })))),
             react_1.default.createElement("div", { className: "u-flex u-marg-top--heavy justify-content-end" },
                 react_1.default.createElement(NextStepButton_1.default, { disabled: paymentMethod === core_1.EBookingPaymentMethod.Planpay || isLoading, text: t(Translation_1.Translation.Step.Confirmation.ConfirmReservation), history: null, isLoading: isLoading, currentStep: StepConfirmation_1.default, onClick: onNextStepClicked })))),
         react_1.default.createElement(ErrorModal_1.default, { open: !!apiErrors, onClose: clearApiErrors },

package/dist/src/components/steps/confirmation/StepConfirmationForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepConfirmationForm.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { useEffect, useRef, useState } from 'react';\nimport Headline from '@/components/generic/Headline';\nimport { Translation } from 'translations/Translation';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport { Controller, useFormContext } from 'react-hook-form';\nimport RoomContactDetails from '@/components/steps/confirmation/RoomContactDetails';\nimport LineBreak from '@/components/generic/LineBreak';\nimport StepConfirmationPoliciesSection from '@/components/steps/confirmation/StepConfirmationPoliciesSection';\nimport NextStepButton from '@/components/generic/buttons/NextStepButton';\nimport { useTranslation } from 'react-i18next';\nimport { useBasket, useBookingEngine } from '@frontend/contexts';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport SSLSecureBadge from '@/components/generic/badging/SSLSecureBadge';\nimport StepConfirmationCheckoutDifferencesModal from '@/components/steps/confirmation/StepConfirmationCheckoutDifferencesModal';\nimport { useHistory } from 'react-router-dom';\nimport ErrorModal from '@/components/generic/modal/ErrorModal';\nimport StepConfirmationPolicyBlock from '@/components/steps/confirmation/StepConfirmationPolicyBlock';\n\nimport StepConfirmationAcknowledgement from '@/components/steps/confirmation/StepConfirmationAcknowledgement';\nimport BEButton from '@/components/generic/BEButton';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport StepConfirmation from '@/pages/steps/StepConfirmation/StepConfirmation';\nimport StepRoom from '@/pages/steps/StepRoom/StepRoom';\nimport ConfirmationVerifyFeature from '@/providers/feature/ConfirmationVerifyFeature';\nimport TextBox from '@/components/generic/TextBox';\nimport ShowIATANumberOnCheckoutFeature from '@/providers/feature/ShowIATANumberOnCheckoutFeature';\nimport { PlanpayPaymentMethod } from './PlanpayPaymentMethod';\nimport { ConfirmationFormValues, FBookSuccessCallback } from '@/models/Confirmation';\nimport TextArea from '../../generic/TextArea';\nimport { useConfirmationStep } from 'contexts/ConfirmationStepContext/ConfirmationStepContext';\nimport { useConfirmationQuery } from '@/hooks/ConfirmationQuery';\nimport BasketRowDifferences from '../../../models/BasketRowDifferences';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport StepConfirmationPaymentDetails from './PaymentDetails/StepConfirmationPaymentDetails';\nimport { EBookingPaymentMethod, IBookingPayment } from '@roomstay/core';\nimport RadioButtonGroup from '@/components/generic/RadioButtonGroup/RadioButtonGroup';\nimport AcceptablePaymentCard from '@/components/steps/confirmation/PaymentDetails/AcceptablePaymentCard';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport dayjs from 'dayjs';\n\nexport default function StepConfirmationForm() {\n    const [differenceWarning, setDifferenceWarning] = useState<{\n        differences: BasketRowDifferences[];\n        warnings: string[];\n    }>({\n        differences: [],\n        warnings: [],\n    });\n\n    const [source, setSource] = useState('');\n\n    const { t } = useTranslation();\n    const { queryPaymentMethod, queryRoomstayId, queryPlanpayCheckoutId } = useConfirmationQuery();\n    const context = useBookingEngine();\n    const methods = useFormContext<ConfirmationFormValues>();\n    const { isBackFromPlanpay, isLoading, apiErrors, clearApiErrors, book, rollbackReservation, commitReservation } = useConfirmationStep();\n    const basketContext = useBasket();\n    const tokenizerRef = useRef<any | null>(null);\n    const history = useHistory();\n    const { hotel } = useCurrentHotel();\n\n    const toPaymentPayload = async (paymentMethod: EBookingPaymentMethod): Promise<IBookingPayment> => {\n        let payment: IBookingPayment;\n        switch (paymentMethod) {\n            case EBookingPaymentMethod.Planpay: {\n                const params = new URLSearchParams(window.location.search);\n                params.set('roomstayId', '{{rsId}}');\n                params.set('session', context.sessionProvider.getCurrentSessionID().toString());\n                params.set('paymentMethod', EBookingPaymentMethod.Planpay);\n                const redirectURL = `${window.location.origin}${window.location.pathname}${window.location.search}#/step/confirmation/?${params}`;\n                payment = {\n                    Method: EBookingPaymentMethod.Planpay,\n                    PlanpayCheckoutId: queryPlanpayCheckoutId || undefined,\n                    RedirectUrl: redirectURL,\n                };\n                break;\n            }\n            default:\n                payment = {\n                    Method: EBookingPaymentMethod.Card,\n                    PaymentCard: await tokenizerRef.current?.getTokenizedCode(),\n                };\n        }\n\n        return payment;\n    };\n\n    useEffect(() => {\n        const validatedPaymentMethod = Object.values(EBookingPaymentMethod).includes(queryPaymentMethod as EBookingPaymentMethod)\n            ? (queryPaymentMethod as EBookingPaymentMethod)\n            : EBookingPaymentMethod.Card;\n        methods.setValue('paymentMethod', validatedPaymentMethod);\n        handleChangePaymentMethod(validatedPaymentMethod);\n        if (isBackFromPlanpay) {\n            if (queryRoomstayId === basketContext.reservationData?.roomstayId) {\n                onPlaypayCallback(validatedPaymentMethod);\n            } else {\n                rollbackReservation?.();\n            }\n        }\n        return () => {\n            if (!isBackFromPlanpay) rollbackReservation?.();\n        };\n    }, []);\n\n    const onPlaypayCallback = async (paymentMethod: EBookingPaymentMethod) => {\n        await commitReservation?.(basketContext.reservationData);\n    };\n\n    const paymentMethod = methods.watch('paymentMethod');\n\n    context.engine\n        .getSessionProvider()\n        .getSession()\n        .then((session) => {\n            setSource(session.source);\n        });\n\n    const returnToPickRooms = async () => {\n        // TODO: What if StepRoom doesn't exist?\n        history.push(StepRoom.getStepUrl());\n    };\n\n    const onNextStepClicked = async () => {\n        await handleBook(paymentMethod, async (resData) => commitReservation?.(resData));\n        return false;\n    };\n\n    const handleBook = async (paymentMethod: EBookingPaymentMethod, onSuccess?: FBookSuccessCallback): Promise<void> => {\n        await book?.(\n            async () => toPaymentPayload(paymentMethod),\n            async (): Promise<boolean> => {\n                try {\n                    if (paymentMethod === EBookingPaymentMethod.Card) await tokenizerRef.current.getTokenizedCode();\n                    return true;\n                } catch (e) {\n                    return false;\n                }\n            },\n            (validationResult) => {\n                if (validationResult) {\n                    setDifferenceWarning(validationResult);\n                }\n            },\n            onSuccess\n        );\n    };\n\n    const handleChangePaymentMethod = async (paymentMethod: EBookingPaymentMethod) => {\n        if (paymentMethod !== EBookingPaymentMethod.Planpay) {\n            await rollbackReservation?.();\n        }\n    };\n\n    return (\n        <form>\n            {isBackFromPlanpay ? (\n                <LargeLoader />\n            ) : (\n                <>\n                    <div className=\"u-marg-bottom--heavy\">\n                        <div className=\"u-marg-bottom--light\">\n                            <Headline bold>{t(Translation.Step.Confirmation.GuestDetails)}</Headline>\n                        </div>\n                        <Text type={TextType.Small} color={Color.Success}>\n                            <strong>{t(Translation.Step.Confirmation.AlmostDone, { required: '*' })}</strong>\n                        </Text>\n                    </div>\n                    <RoomContactDetails />\n                    {source === 'inline' ? (\n                        <Alert type={AlertType.Accent2} heavyPadding>\n                            <div className=\"u-flex u-w-100 flex-wrap flex-xl-nowrap\">\n                                <div>\n                                    <Text color={Color.Accent} bold>\n                                        {t(Translation.Step.Confirmation.WantMoreRooms)}\n                                    </Text>\n                                    <Text color={Color.Navy}>{t(Translation.Step.Confirmation.YouCanAddAndEditRooms)}</Text>\n                                </div>\n                                <div className=\"d-flex align-items-center u-marg-top@xl-\">\n                                    <BEButton filled primary icon={IconType.Add} iconPosition=\"left\" onClick={returnToPickRooms}>\n                                        {t(Translation.Step.Confirmation.AddMoreRooms)}\n                                    </BEButton>\n                                </div>\n                            </div>\n                        </Alert>\n                    ) : (\n                        <></>\n                    )}\n                    {ShowIATANumberOnCheckoutFeature.isActive() && (\n                        <>\n                            <div className=\"u-marg-bottom--heavy\">\n                                <div className=\"u-marg-bottom\">\n                                    <Headline bold>Travel Agent</Headline>\n                                </div>\n\n                                <div className=\"u-marg-bottom--light\">\n                                    <Text type={TextType.Small}>\n                                        <strong>{t(Translation.Step.Confirmation.Inputs.IATANumber)}</strong>\n                                    </Text>\n                                </div>\n                                <div className=\"u-marg-bottom--light\">\n                                    <Text type={TextType.Small}>{t(Translation.Step.Confirmation.Inputs.IATANumberGuide)}</Text>\n                                </div>\n                                <TextBox placeholder={t(Translation.Step.Confirmation.Inputs.IATANumber)} wide {...methods.register('IATANumber')} />\n                            </div>\n                            <LineBreak />\n                        </>\n                    )}\n                    <div className=\"u-marg-bottom--heavy\">\n                        <div className=\"u-marg-bottom\">\n                            <Headline bold>{t(Translation.Step.Confirmation.Comments)}</Headline>\n                        </div>\n                        <TextArea\n                            style={{\n                                resize: 'vertical',\n                            }}\n                            disabled={paymentMethod === EBookingPaymentMethod.Planpay}\n                            placeholder={t(Translation.Step.Confirmation.Inputs.EnterSpecialRequestsHere)}\n                            {...methods.register('comment')}\n                        />\n                    </div>\n                    <LineBreak />\n                    <div className=\"u-marg-bottom--heavy\">\n                        <div className=\"u-marg-bottom\">\n                            <Headline bold>{t(Translation.Step.Confirmation.PaymentInformation)}</Headline>\n                        </div>\n                        <Controller\n                            control={methods.control}\n                            name=\"paymentMethod\"\n                            render={({ field: { onChange, value } }) => {\n                                return (\n                                    <>\n                                        <div>\n                                            <RadioButtonGroup<EBookingPaymentMethod>\n                                                options={[\n                                                    {\n                                                        value: EBookingPaymentMethod.Card,\n                                                        label: (\n                                                            <div className=\"u-flex u-flex-align-center\">\n                                                                <div className=\"u-marg-right--light\">{t(Translation.Step.Confirmation.CardLabel)}</div>\n                                                                <AcceptablePaymentCard\n                                                                    isDefault={(cardKey: any) => {\n                                                                        return true;\n                                                                    }}\n                                                                    style={{\n                                                                        height: 16,\n                                                                        width: 24,\n                                                                        borderRadius: 2.5,\n                                                                        border: '0.5px solid #DFE1E5',\n                                                                        marginRight: 4,\n                                                                    }}\n                                                                />\n                                                            </div>\n                                                        ),\n                                                        renderContent: () => <StepConfirmationPaymentDetails ref={tokenizerRef} />,\n                                                    },\n                                                    {\n                                                        value: EBookingPaymentMethod.Planpay,\n                                                        label: (\n                                                            <div className=\"u-flex u-flex-align-center\">\n                                                                <div>{t(Translation.Step.Confirmation.PlanpayLabel)}</div>\n                                                                <div\n                                                                    className=\"u-flex u-flex-align-center u-marg-left--light\"\n                                                                    style={{\n                                                                        borderRadius: '24px',\n                                                                        overflow: 'hidden',\n                                                                    }}\n                                                                >\n                                                                    <img height={16} src={RoomstayThemeEngine.getImageAssetUrl('planpay-logo-small.svg')} alt=\"\" />\n                                                                </div>\n                                                                {!methods.formState.isValid && (\n                                                                    <Text\n                                                                        color={Color.Graphite}\n                                                                        className=\"u-flex u-flex-align-center\"\n                                                                        style={{\n                                                                            color: '#313131',\n                                                                            fontSize: 10,\n                                                                        }}\n                                                                    >\n                                                                        <Icon color={Color.DarkGrey} icon={IconType.Info} className=\"u-marg-right--lighter u-marg-left--light\" />\n                                                                        {t(Translation.Step.Confirmation.PlanpayHelperText)}\n                                                                    </Text>\n                                                                )}\n                                                            </div>\n                                                        ),\n                                                        disabled: !methods.formState.isValid,\n                                                        disabledReason: !methods.formState.isValid ? 'You must fill all the above details before proceeding with Planpay' : '',\n                                                        renderContent: () => <PlanpayPaymentMethod />,\n                                                    },\n                                                ]\n                                                    .filter(({ value }) => hotel?.paymentMethods?.includes(value))\n                                                    .filter(\n                                                        ({ value }) =>\n                                                            value !== EBookingPaymentMethod.Planpay ||\n                                                            (hotel?.planpay?.minDaysShowPlanpay &&\n                                                                dayjs(basketContext.startDate).diff(dayjs(), 'day') > hotel?.planpay?.minDaysShowPlanpay)\n                                                    )}\n                                                value={value}\n                                                onChange={async (code: EBookingPaymentMethod) => {\n                                                    onChange(code);\n                                                    await handleChangePaymentMethod(code);\n                                                    if (code === EBookingPaymentMethod.Planpay) {\n                                                        await handleBook(code);\n                                                    }\n                                                }}\n                                            />\n                                        </div>\n                                    </>\n                                );\n                            }}\n                        />\n                        <div className=\"u-marg-top u-flex align-items-center\">\n                            <div className=\"u-flex align-items-center justify-content-start\">\n                                <Icon icon={IconType.Lock} color={Color.Success} />\n                                <div className=\"u-marg-left--light\">\n                                    <Text type={TextType.Small} color={Color.Success}>\n                                        <strong>Secured</strong>\n                                    </Text>\n                                </div>\n                            </div>\n                            <SSLSecureBadge />\n                        </div>\n                    </div>\n                    <LineBreak />\n                    <StepConfirmationPoliciesSection />\n                    <div className=\"u-pad-top--light u-marg-bottom\">\n                        <StepConfirmationPolicyBlock />\n                    </div>\n                    {ConfirmationVerifyFeature.isActive() && (\n                        <>\n                            <LineBreak />\n                            <div>\n                                <StepConfirmationAcknowledgement />\n                            </div>\n                        </>\n                    )}\n                    <div className=\"u-flex u-marg-top--heavy justify-content-end\">\n                        <NextStepButton\n                            disabled={paymentMethod === EBookingPaymentMethod.Planpay || isLoading}\n                            text={t(Translation.Step.Confirmation.ConfirmReservation)}\n                            history={null}\n                            isLoading={isLoading}\n                            currentStep={StepConfirmation}\n                            onClick={onNextStepClicked}\n                        />\n                    </div>\n                </>\n            )}\n\n            <ErrorModal open={!!apiErrors} onClose={clearApiErrors}>\n                <Text>{apiErrors}</Text>\n            </ErrorModal>\n            <StepConfirmationCheckoutDifferencesModal\n                differences={differenceWarning.differences}\n                warnings={differenceWarning.warnings}\n                isLoading={isLoading}\n                onClose={async () => {\n                    await rollbackReservation?.();\n                    history.push(StepRoom.getStepUrl());\n                }}\n                onProceed={async () => {\n                    if (paymentMethod === EBookingPaymentMethod.Planpay) {\n                        setDifferenceWarning({\n                            differences: [],\n                            warnings: [],\n                        });\n                    } else {\n                        await commitReservation?.(basketContext.reservationData);\n                    }\n                }}\n            />\n        </form>\n    );\n}\n"]}
+{"version":3,"file":"StepConfirmationForm.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useEffect, useRef, useState } from 'react';\nimport Headline from '@/components/generic/Headline';\nimport { Translation } from 'translations/Translation';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport { Controller, useFormContext } from 'react-hook-form';\nimport RoomContactDetails from '@/components/steps/confirmation/RoomContactDetails';\nimport LineBreak from '@/components/generic/LineBreak';\nimport StepConfirmationPoliciesSection from '@/components/steps/confirmation/StepConfirmationPoliciesSection';\nimport NextStepButton from '@/components/generic/buttons/NextStepButton';\nimport { useTranslation } from 'react-i18next';\nimport { ConfirmationFormContext, useBasket, useBookingEngine } from '@frontend/contexts';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport SSLSecureBadge from '@/components/generic/badging/SSLSecureBadge';\nimport StepConfirmationCheckoutDifferencesModal from '@/components/steps/confirmation/StepConfirmationCheckoutDifferencesModal';\nimport { useHistory } from 'react-router-dom';\nimport ErrorModal from '@/components/generic/modal/ErrorModal';\nimport StepConfirmationPolicyBlock from '@/components/steps/confirmation/StepConfirmationPolicyBlock';\n\nimport StepConfirmationAcknowledgement from '@/components/steps/confirmation/StepConfirmationAcknowledgement';\nimport BEButton from '@/components/generic/BEButton';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport StepConfirmation from '@/pages/steps/StepConfirmation/StepConfirmation';\nimport StepRoom from '@/pages/steps/StepRoom/StepRoom';\nimport ConfirmationVerifyFeature from '@/providers/feature/ConfirmationVerifyFeature';\nimport TextBox from '@/components/generic/TextBox';\nimport ShowIATANumberOnCheckoutFeature from '@/providers/feature/ShowIATANumberOnCheckoutFeature';\nimport { PlanpayPaymentMethod } from './PlanpayPaymentMethod';\nimport { ConfirmationFormValues, FBookSuccessCallback } from '@/models/Confirmation';\nimport { useConfirmationStep } from 'contexts/ConfirmationStepContext/ConfirmationStepContext';\nimport { useConfirmationQuery } from '@/hooks/ConfirmationQuery';\nimport BasketRowDifferences from '../../../models/BasketRowDifferences';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport StepConfirmationPaymentDetails from './PaymentDetails/StepConfirmationPaymentDetails';\nimport { EBookingPaymentMethod, IBookingPayment } from '@roomstay/core';\nimport RadioButtonGroup from '@/components/generic/RadioButtonGroup/RadioButtonGroup';\nimport AcceptablePaymentCard from '@/components/steps/confirmation/PaymentDetails/AcceptablePaymentCard';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport dayjs from 'dayjs';\nimport { StepConfirmationCommentsComponent } from '@/components/steps/confirmation/StepConfirmationCommentsComponent';\n\nexport default function StepConfirmationForm() {\n    const [differenceWarning, setDifferenceWarning] = useState<{\n        differences: BasketRowDifferences[];\n        warnings: string[];\n    }>({\n        differences: [],\n        warnings: [],\n    });\n    const formContext = useContext(ConfirmationFormContext);\n    const [source, setSource] = useState('');\n    const [confirmationPolicyError, setConfirmationPolicyError] = useState(false);\n    const confirmationPolicy = useRef<HTMLInputElement | null>(null);\n    const commentTextbox = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n    const { t } = useTranslation();\n    const { queryPaymentMethod, queryRoomstayId, queryPlanpayCheckoutId } = useConfirmationQuery();\n    const context = useBookingEngine();\n    const methods = useFormContext<ConfirmationFormValues>();\n    const { isBackFromPlanpay, isLoading, apiErrors, clearApiErrors, book, rollbackReservation, commitReservation } = useConfirmationStep();\n    const basketContext = useBasket();\n    const tokenizerRef = useRef<any | null>(null);\n    const history = useHistory();\n    const { hotel } = useCurrentHotel();\n\n    const toPaymentPayload = async (paymentMethod: EBookingPaymentMethod): Promise<IBookingPayment> => {\n        let payment: IBookingPayment;\n        switch (paymentMethod) {\n            case EBookingPaymentMethod.Planpay: {\n                const params = new URLSearchParams(window.location.search);\n                params.set('roomstayId', '{{rsId}}');\n                params.set('session', context.sessionProvider.getCurrentSessionID().toString());\n                params.set('paymentMethod', EBookingPaymentMethod.Planpay);\n                const redirectURL = `${window.location.origin}${window.location.pathname}${window.location.search}#/step/confirmation/?${params}`;\n                payment = {\n                    Method: EBookingPaymentMethod.Planpay,\n                    PlanpayCheckoutId: queryPlanpayCheckoutId || undefined,\n                    RedirectUrl: redirectURL,\n                };\n                break;\n            }\n            default:\n                payment = {\n                    Method: EBookingPaymentMethod.Card,\n                    PaymentCard: await tokenizerRef.current?.getTokenizedCode(),\n                };\n        }\n\n        return payment;\n    };\n\n    useEffect(() => {\n        const validatedPaymentMethod = Object.values(EBookingPaymentMethod).includes(queryPaymentMethod as EBookingPaymentMethod)\n            ? (queryPaymentMethod as EBookingPaymentMethod)\n            : EBookingPaymentMethod.Card;\n        methods.setValue('paymentMethod', validatedPaymentMethod);\n        handleChangePaymentMethod(validatedPaymentMethod);\n        if (isBackFromPlanpay) {\n            if (queryRoomstayId === basketContext.reservationData?.roomstayId) {\n                onPlaypayCallback(validatedPaymentMethod);\n            } else {\n                rollbackReservation?.();\n            }\n        }\n        return () => {\n            if (!isBackFromPlanpay) rollbackReservation?.();\n        };\n    }, []);\n\n    const onPlaypayCallback = async (paymentMethod: EBookingPaymentMethod) => {\n        await commitReservation?.(basketContext.reservationData);\n    };\n\n    const paymentMethod = methods.watch('paymentMethod');\n\n    context.engine\n        .getSessionProvider()\n        .getSession()\n        .then((session) => {\n            setSource(session.source);\n        });\n\n    const returnToPickRooms = async () => {\n        // TODO: What if StepRoom doesn't exist?\n        history.push(StepRoom.getStepUrl());\n    };\n\n    const onNextStepClicked = async () => {\n        await handleBook(paymentMethod, async (resData) => commitReservation?.(resData));\n        return false;\n    };\n\n    const handleBook = async (paymentMethod: EBookingPaymentMethod, onSuccess?: FBookSuccessCallback): Promise<void> => {\n        await book?.(\n            async () => toPaymentPayload(paymentMethod),\n            commentTextbox.current?.value,\n            async (): Promise<boolean> => {\n                if (ConfirmationVerifyFeature.isActive() && !confirmationPolicy?.current?.checked) {\n                    setConfirmationPolicyError(true);\n                    return false;\n                }\n                let adhocValid = true;\n                formContext?.errorChecks.forEach((check) => {\n                    if (!check().validate()) {\n                        adhocValid = false;\n                    }\n                });\n                if (!adhocValid) {\n                    return false;\n                }\n                try {\n                    if (paymentMethod === EBookingPaymentMethod.Card) await tokenizerRef.current.getTokenizedCode();\n                    return true;\n                } catch (e) {\n                    return false;\n                }\n            },\n            (validationResult) => {\n                if (validationResult) {\n                    setDifferenceWarning(validationResult);\n                }\n            },\n            onSuccess\n        );\n    };\n\n    const handleChangePaymentMethod = async (paymentMethod: EBookingPaymentMethod) => {\n        if (paymentMethod !== EBookingPaymentMethod.Planpay) {\n            await rollbackReservation?.();\n        }\n    };\n\n    return (\n        <form>\n            {isBackFromPlanpay ? (\n                <LargeLoader />\n            ) : (\n                <>\n                    <div className=\"u-marg-bottom--heavy\">\n                        <div className=\"u-marg-bottom--light\">\n                            <Headline bold>{t(Translation.Step.Confirmation.GuestDetails)}</Headline>\n                        </div>\n                        <Text type={TextType.Small} color={Color.Success}>\n                            <strong>{t(Translation.Step.Confirmation.AlmostDone, { required: '*' })}</strong>\n                        </Text>\n                    </div>\n                    <RoomContactDetails />\n                    {source === 'inline' ? (\n                        <Alert type={AlertType.Accent2} heavyPadding>\n                            <div className=\"u-flex u-w-100 flex-wrap flex-xl-nowrap\">\n                                <div>\n                                    <Text color={Color.Accent} bold>\n                                        {t(Translation.Step.Confirmation.WantMoreRooms)}\n                                    </Text>\n                                    <Text color={Color.Navy}>{t(Translation.Step.Confirmation.YouCanAddAndEditRooms)}</Text>\n                                </div>\n                                <div className=\"d-flex align-items-center u-marg-top@xl-\">\n                                    <BEButton filled primary icon={IconType.Add} iconPosition=\"left\" onClick={returnToPickRooms}>\n                                        {t(Translation.Step.Confirmation.AddMoreRooms)}\n                                    </BEButton>\n                                </div>\n                            </div>\n                        </Alert>\n                    ) : (\n                        <></>\n                    )}\n                    {ShowIATANumberOnCheckoutFeature.isActive() && (\n                        <>\n                            <div className=\"u-marg-bottom--heavy\">\n                                <div className=\"u-marg-bottom\">\n                                    <Headline bold>Travel Agent</Headline>\n                                </div>\n\n                                <div className=\"u-marg-bottom--light\">\n                                    <Text type={TextType.Small}>\n                                        <strong>{t(Translation.Step.Confirmation.Inputs.IATANumber)}</strong>\n                                    </Text>\n                                </div>\n                                <div className=\"u-marg-bottom--light\">\n                                    <Text type={TextType.Small}>{t(Translation.Step.Confirmation.Inputs.IATANumberGuide)}</Text>\n                                </div>\n                                <TextBox placeholder={t(Translation.Step.Confirmation.Inputs.IATANumber)} wide {...methods.register('IATANumber')} />\n                            </div>\n                            <LineBreak />\n                        </>\n                    )}\n                    <StepConfirmationCommentsComponent inputRef={commentTextbox} />\n                    <LineBreak />\n                    <div className=\"u-marg-bottom--heavy\">\n                        <div className=\"u-marg-bottom\">\n                            <Headline bold>{t(Translation.Step.Confirmation.PaymentInformation)}</Headline>\n                        </div>\n                        <Controller\n                            control={methods.control}\n                            name=\"paymentMethod\"\n                            render={({ field: { onChange, value } }) => {\n                                return (\n                                    <>\n                                        <div>\n                                            <RadioButtonGroup<EBookingPaymentMethod>\n                                                options={[\n                                                    {\n                                                        value: EBookingPaymentMethod.Card,\n                                                        label: (\n                                                            <div className=\"u-flex u-flex-align-center\">\n                                                                <div className=\"u-marg-right--light\">{t(Translation.Step.Confirmation.CardLabel)}</div>\n                                                                <AcceptablePaymentCard\n                                                                    isDefault={(cardKey: any) => {\n                                                                        return true;\n                                                                    }}\n                                                                    style={{\n                                                                        height: 16,\n                                                                        width: 24,\n                                                                        borderRadius: 2.5,\n                                                                        border: '0.5px solid #DFE1E5',\n                                                                        marginRight: 4,\n                                                                    }}\n                                                                />\n                                                            </div>\n                                                        ),\n                                                        renderContent: () => <StepConfirmationPaymentDetails ref={tokenizerRef} />,\n                                                    },\n                                                    {\n                                                        value: EBookingPaymentMethod.Planpay,\n                                                        label: (\n                                                            <div className=\"u-flex u-flex-align-center\">\n                                                                <div>{t(Translation.Step.Confirmation.PlanpayLabel)}</div>\n                                                                <div\n                                                                    className=\"u-flex u-flex-align-center u-marg-left--light\"\n                                                                    style={{\n                                                                        borderRadius: '24px',\n                                                                        overflow: 'hidden',\n                                                                    }}\n                                                                >\n                                                                    <img height={16} src={RoomstayThemeEngine.getImageAssetUrl('planpay-logo-small.svg')} alt=\"\" />\n                                                                </div>\n                                                                {!methods.formState.isValid && (\n                                                                    <Text\n                                                                        color={Color.Graphite}\n                                                                        className=\"u-flex u-flex-align-center\"\n                                                                        style={{\n                                                                            color: '#313131',\n                                                                            fontSize: 10,\n                                                                        }}\n                                                                    >\n                                                                        <Icon color={Color.DarkGrey} icon={IconType.Info} className=\"u-marg-right--lighter u-marg-left--light\" />\n                                                                        {t(Translation.Step.Confirmation.PlanpayHelperText)}\n                                                                    </Text>\n                                                                )}\n                                                            </div>\n                                                        ),\n                                                        disabled: !methods.formState.isValid,\n                                                        disabledReason: !methods.formState.isValid ? 'You must fill all the above details before proceeding with Planpay' : '',\n                                                        renderContent: () => <PlanpayPaymentMethod />,\n                                                    },\n                                                ]\n                                                    .filter(({ value }) => hotel?.paymentMethods?.includes(value))\n                                                    .filter(\n                                                        ({ value }) =>\n                                                            value !== EBookingPaymentMethod.Planpay ||\n                                                            (hotel?.planpay?.minDaysShowPlanpay &&\n                                                                dayjs(basketContext.startDate).diff(dayjs(), 'day') > hotel?.planpay?.minDaysShowPlanpay)\n                                                    )}\n                                                value={value}\n                                                onChange={async (code: EBookingPaymentMethod) => {\n                                                    onChange(code);\n                                                    await handleChangePaymentMethod(code);\n                                                    if (code === EBookingPaymentMethod.Planpay) {\n                                                        await handleBook(code);\n                                                    }\n                                                }}\n                                            />\n                                        </div>\n                                    </>\n                                );\n                            }}\n                        />\n                        <div className=\"u-marg-top u-flex align-items-center\">\n                            <div className=\"u-flex align-items-center justify-content-start\">\n                                <Icon icon={IconType.Lock} color={Color.Success} />\n                                <div className=\"u-marg-left--light\">\n                                    <Text type={TextType.Small} color={Color.Success}>\n                                        <strong>Secured</strong>\n                                    </Text>\n                                </div>\n                            </div>\n                            <SSLSecureBadge />\n                        </div>\n                    </div>\n                    <LineBreak />\n                    <StepConfirmationPoliciesSection />\n                    <div className=\"u-pad-top--light u-marg-bottom\">\n                        <StepConfirmationPolicyBlock />\n                    </div>\n                    {ConfirmationVerifyFeature.isActive() && (\n                        <>\n                            <LineBreak />\n                            <div>\n                                <StepConfirmationAcknowledgement ref={confirmationPolicy} confirmationPolicyError={confirmationPolicyError} />\n                            </div>\n                        </>\n                    )}\n                    <div className=\"u-flex u-marg-top--heavy justify-content-end\">\n                        <NextStepButton\n                            disabled={paymentMethod === EBookingPaymentMethod.Planpay || isLoading}\n                            text={t(Translation.Step.Confirmation.ConfirmReservation)}\n                            history={null}\n                            isLoading={isLoading}\n                            currentStep={StepConfirmation}\n                            onClick={onNextStepClicked}\n                        />\n                    </div>\n                </>\n            )}\n\n            <ErrorModal open={!!apiErrors} onClose={clearApiErrors}>\n                <Text>{apiErrors}</Text>\n            </ErrorModal>\n            <StepConfirmationCheckoutDifferencesModal\n                differences={differenceWarning.differences}\n                warnings={differenceWarning.warnings}\n                isLoading={isLoading}\n                onClose={async () => {\n                    await rollbackReservation?.();\n                    history.push(StepRoom.getStepUrl());\n                }}\n                onProceed={async () => {\n                    if (paymentMethod === EBookingPaymentMethod.Planpay) {\n                        setDifferenceWarning({\n                            differences: [],\n                            warnings: [],\n                        });\n                    } else {\n                        await commitReservation?.(basketContext.reservationData);\n                    }\n                }}\n            />\n        </form>\n    );\n}\n"]}

package/dist/src/components/steps/confirmation/additionalOffers/AdditionalOffersColumn.js

@@ -30,13 +30,14 @@ const react_1 = __importDefault(require("react"));
 const Icon_1 = __importStar(require("../../../generic/Icon/Icon"));
 const Text_1 = __importStar(require("../../../generic/Text"));
 const Color_1 = require("../../../../util/Color");
+const ImageProvider_1 = __importStar(require("../../../../providers/ImageProvider"));
 function AdditionalOffersColumn(props) {
     const { addon } = props;
     const onCardClickHandler = () => {
         var _a;
         (_a = props.cardClicked) === null || _a === void 0 ? void 0 : _a.call(props);
     };
-    return (react_1.default.createElement("div", { className: 'additional-offers--column ' + (props.selected ? '--selected' : ''), style: { backgroundImage: `url('${addon.image}')` }, onClick: onCardClickHandler },
+    return (react_1.default.createElement("div", { className: 'additional-offers--column ' + (props.selected ? '--selected' : ''), style: { backgroundImage: `url('${addon.image && ImageProvider_1.default.resizeImage(addon.image, ImageProvider_1.ImageSize.Original)}')` }, onClick: onCardClickHandler },
         react_1.default.createElement("div", { className: "additional-offers--column-body" },
             react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.White },
                 react_1.default.createElement("strong", null, addon.name)),

package/dist/src/components/steps/confirmation/additionalOffers/AdditionalOffersColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdditionalOffersColumn.js","sourceRoot":"/","sources":["src/components/steps/confirmation/additionalOffers/AdditionalOffersColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,uEAAgE;AAChE,kEAA2D;AAC3D,wCAAqC;AASrC,SAAwB,sBAAsB,CAAC,KAA6B;IACxE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxB,MAAM,kBAAkB,GAAG,GAAG,EAAE;;QAC5B,MAAA,KAAK,CAAC,WAAW,qDAAI,CAAC;IAC1B,CAAC,CAAC;IACF,OAAO,CACH,uCAAK,SAAS,EAAE,4BAA4B,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE,OAAO,EAAE,kBAAkB;QACjK,uCAAK,SAAS,EAAC,gCAAgC;YAC3C,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,KAAK;gBAC1C,8CAAS,KAAK,CAAC,IAAI,CAAU,CAC1B;YACP,uCAAK,SAAS,EAAC,QAAQ;gBACnB,8BAAC,cAAI,IAAC,MAAM,QAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,KAAK,kBAE9C;gBACP,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,UAAU,EAAE,KAAK,EAAE,aAAK,CAAC,KAAK,GAAI,CACrD,CACJ,CACJ,CACT,CAAC;AACN,CAAC;AApBD,yCAoBC","sourcesContent":["import React from 'react';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport { Addon } from '@/models/Addon/Addon';\n\nexport interface AdditionalOffersColumn {\n    addon: Addon;\n    cardClicked?: () => void;\n    selected: boolean;\n}\n\nexport default function AdditionalOffersColumn(props: AdditionalOffersColumn) {\n    const { addon } = props;\n    const onCardClickHandler = () => {\n        props.cardClicked?.();\n    };\n    return (\n        <div className={'additional-offers--column ' + (props.selected ? '--selected' : '')} style={{ backgroundImage: `url('${addon.image}')` }} onClick={onCardClickHandler}>\n            <div className=\"additional-offers--column-body\">\n                <Text type={TextType.Small} color={Color.White}>\n                    <strong>{addon.name}</strong>\n                </Text>\n                <div className=\"u-flex\">\n                    <Text inline type={TextType.Small} color={Color.White}>\n                        See details\n                    </Text>\n                    <Icon icon={IconType.ArrowRight} color={Color.White} />\n                </div>\n            </div>\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"AdditionalOffersColumn.js","sourceRoot":"/","sources":["src/components/steps/confirmation/additionalOffers/AdditionalOffersColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,uEAAgE;AAChE,kEAA2D;AAC3D,wCAAqC;AAErC,2EAAqE;AAQrE,SAAwB,sBAAsB,CAAC,KAA6B;IACxE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxB,MAAM,kBAAkB,GAAG,GAAG,EAAE;;QAC5B,MAAA,KAAK,CAAC,WAAW,qDAAI,CAAC;IAC1B,CAAC,CAAC;IACF,OAAO,CACH,uCACI,SAAS,EAAE,4BAA4B,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,EAC9E,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,KAAK,CAAC,KAAK,IAAI,uBAAa,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,yBAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,EACjH,OAAO,EAAE,kBAAkB;QAE3B,uCAAK,SAAS,EAAC,gCAAgC;YAC3C,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,KAAK;gBAC1C,8CAAS,KAAK,CAAC,IAAI,CAAU,CAC1B;YACP,uCAAK,SAAS,EAAC,QAAQ;gBACnB,8BAAC,cAAI,IAAC,MAAM,QAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,KAAK,kBAE9C;gBACP,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,UAAU,EAAE,KAAK,EAAE,aAAK,CAAC,KAAK,GAAI,CACrD,CACJ,CACJ,CACT,CAAC;AACN,CAAC;AAxBD,yCAwBC","sourcesContent":["import React from 'react';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport { Addon } from '@/models/Addon/Addon';\nimport ImageProvider, { ImageSize } from '@/providers/ImageProvider';\n\nexport interface AdditionalOffersColumn {\n    addon: Addon;\n    cardClicked?: () => void;\n    selected: boolean;\n}\n\nexport default function AdditionalOffersColumn(props: AdditionalOffersColumn) {\n    const { addon } = props;\n    const onCardClickHandler = () => {\n        props.cardClicked?.();\n    };\n    return (\n        <div\n            className={'additional-offers--column ' + (props.selected ? '--selected' : '')}\n            style={{ backgroundImage: `url('${addon.image && ImageProvider.resizeImage(addon.image, ImageSize.Original)}')` }}\n            onClick={onCardClickHandler}\n        >\n            <div className=\"additional-offers--column-body\">\n                <Text type={TextType.Small} color={Color.White}>\n                    <strong>{addon.name}</strong>\n                </Text>\n                <div className=\"u-flex\">\n                    <Text inline type={TextType.Small} color={Color.White}>\n                        See details\n                    </Text>\n                    <Icon icon={IconType.ArrowRight} color={Color.White} />\n                </div>\n            </div>\n        </div>\n    );\n}\n"]}

package/dist/src/components/steps/confirmation/additionalOffers/AdditionalOffersModal.js

@@ -26,8 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
+const react_1 = __importStar(require("react"));
 const SimpleModal_1 = __importStar(require("../../../generic/modal/SimpleModal"));
 const Headline_1 = __importDefault(require("../../../generic/Headline"));
 const Text_1 = __importStar(require("../../../generic/Text"));
@@ -38,17 +37,18 @@ const Currency_1 = __importDefault(require("../../../generic/Currency"));
 const contexts_1 = require("../../../../contexts/index.js");
 const Color_1 = require("../../../../util/Color");
 const Select_1 = require("../../../generic/Select/Select");
+const ImageProvider_1 = __importStar(require("../../../../providers/ImageProvider"));
 function AdditionalOffersModal(props) {
     var _a;
     const { addon } = props;
     const { t } = (0, react_i18next_1.useTranslation)();
-    const basketContext = (0, react_2.useContext)(contexts_1.BasketContext);
-    const [selectedDate, setSelectedDate] = (0, react_2.useState)(props.basketAddonRow ? props.basketAddonRow.getSelectedDate() : '');
-    const [selectedTime, setSelectedTime] = (0, react_2.useState)(props.basketAddonRow ? props.basketAddonRow.getSelectedTime() : '');
-    const [priceInfo, setPriceInfo] = (0, react_2.useState)({ quantity: 1 });
-    const [quantity, setQuantity] = (0, react_2.useState)(props.basketAddonRow ? props.basketAddonRow.getQuantity() : 1);
-    const [adultQuantity, setAdultQuantity] = (0, react_2.useState)(props.basketAddonRow ? props.basketAddonRow.getAdultQuantity() : 1);
-    const [childQuantity, setChildQuantity] = (0, react_2.useState)(props.basketAddonRow ? props.basketAddonRow.getChildQuantity() : 0);
+    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
+    const [selectedDate, setSelectedDate] = (0, react_1.useState)(props.basketAddonRow ? props.basketAddonRow.getSelectedDate() : '');
+    const [selectedTime, setSelectedTime] = (0, react_1.useState)(props.basketAddonRow ? props.basketAddonRow.getSelectedTime() : '');
+    const [priceInfo, setPriceInfo] = (0, react_1.useState)({ quantity: 1 });
+    const [quantity, setQuantity] = (0, react_1.useState)(props.basketAddonRow ? props.basketAddonRow.getQuantity() : 1);
+    const [adultQuantity, setAdultQuantity] = (0, react_1.useState)(props.basketAddonRow ? props.basketAddonRow.getAdultQuantity() : 1);
+    const [childQuantity, setChildQuantity] = (0, react_1.useState)(props.basketAddonRow ? props.basketAddonRow.getChildQuantity() : 0);
     react_1.default.useEffect(() => {
         var _a, _b, _c, _d, _e, _f;
         if (addon) {
@@ -108,7 +108,7 @@ function AdditionalOffersModal(props) {
         react_1.default.createElement("div", { style: {
                 height: '350px',
                 width: '100%',
-                backgroundImage: `url("${addon.image}")`,
+                backgroundImage: `url("${addon.image && ImageProvider_1.default.resizeImage(addon.image, ImageProvider_1.ImageSize.Original)}")`,
                 backgroundPosition: 'center',
                 backgroundRepeat: 'no-repeat',
                 backgroundSize: 'cover',

package/dist/src/components/steps/confirmation/additionalOffers/AdditionalOffersModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdditionalOffersModal.js","sourceRoot":"/","sources":["src/components/steps/confirmation/additionalOffers/AdditionalOffersModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { useContext, useState } from 'react';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport Headline from '@/components/generic/Headline';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Addon, PriceInfo } from '@/models/Addon/Addon';\nimport NumberIncrement from '@/components/generic/NumberIncrement';\nimport { useTranslation } from 'react-i18next';\nimport BasketAddonRow from '@/models/BasketAddonRow';\nimport BEButton from '@/components/generic/BEButton';\nimport Currency from '@/components/generic/Currency';\nimport { BasketContext } from '@frontend/contexts';\nimport { Color } from '@/util/Color';\nimport { IDefaultSelectOption, Select } from '@/components/generic/Select/Select';\n\nexport interface AdditionalOffersModalProps {\n    isOpen: boolean;\n    addon: Addon;\n    basketAddonRow: BasketAddonRow | void;\n    onClose: () => void;\n}\n\nexport default function AdditionalOffersModal(props: AdditionalOffersModalProps) {\n    const { addon } = props;\n    const { t } = useTranslation();\n\n    const basketContext = useContext(BasketContext);\n\n    const [selectedDate, setSelectedDate] = useState(props.basketAddonRow ? props.basketAddonRow.getSelectedDate() : '');\n    const [selectedTime, setSelectedTime] = useState<string>(props.basketAddonRow ? props.basketAddonRow.getSelectedTime() : '');\n    const [priceInfo, setPriceInfo] = useState<PriceInfo>({ quantity: 1 });\n    const [quantity, setQuantity] = useState(props.basketAddonRow ? props.basketAddonRow.getQuantity() : 1);\n    const [adultQuantity, setAdultQuantity] = useState(props.basketAddonRow ? props.basketAddonRow.getAdultQuantity() : 1);\n    const [childQuantity, setChildQuantity] = useState(props.basketAddonRow ? props.basketAddonRow.getChildQuantity() : 0);\n\n    React.useEffect(() => {\n        if (addon) {\n            if (props.basketAddonRow) {\n                setPriceInfo(addon.availability[props.basketAddonRow.getSelectedDate()] ?? addon.availability[addon.firstDate as string]);\n                setSelectedDate(props.basketAddonRow.getSelectedDate() ?? addon.firstDate);\n                setSelectedTime(props.basketAddonRow.getSelectedTime() ?? '');\n                setQuantity(props.basketAddonRow.getQuantity());\n                setAdultQuantity(props.basketAddonRow.getAdultQuantity());\n                setChildQuantity(props.basketAddonRow.getChildQuantity());\n            } else {\n                setPriceInfo(addon.availability[addon.firstDate as string]);\n                setSelectedDate(addon.firstDate as string);\n                setSelectedTime(addon.availability[addon.firstDate as string]?.selectorTimes?.[0]?.value || '');\n            }\n\n            return () => {\n                setQuantity(1);\n                setAdultQuantity(1);\n                setChildQuantity(0);\n            };\n        }\n    }, [addon]);\n\n    const setDate = (date: any) => {\n        setPriceInfo(addon.availability[date]);\n        setSelectedDate(date);\n        setSelectedTime(addon.availability[date]?.selectorTimes?.[0]?.value || '');\n        if (addon.availability[date].quantity < quantity) {\n            setQuantity(addon.availability[date].quantity);\n        }\n    };\n\n    const onClickAddToCartHandler = () => {\n        basketContext.setAddonQuantities(\n            addon,\n            {\n                quantity,\n                adult: adultQuantity,\n                child: childQuantity,\n            },\n            selectedDate,\n            selectedTime\n        );\n        props.onClose();\n    };\n    const setQuantityOnChange = (val: any) => {\n        setQuantity(val);\n    };\n    const setAdultsQuantityOnChange = (val: any) => {\n        setAdultQuantity(val);\n    };\n    const setChildQuantityOnChange = (val: any) => {\n        setChildQuantity(val);\n    };\n    const setDateOnChange = (selected: any) => {\n        setDate(selected);\n    };\n    const setSelectedTimeOnChange = (selected: any) => {\n        setSelectedTime(selected);\n    };\n\n    return (\n        <SimpleModal open={props.isOpen} onClose={props.onClose} size={SimpleModalSize.Small} title={addon ? addon.name : ''}>\n            {addon && (\n                <>\n                    <div\n                        style={{\n                            height: '350px',\n                            width: '100%',\n                            backgroundImage: `url(\"${addon.image}\")`,\n                            backgroundPosition: 'center',\n                            backgroundRepeat: 'no-repeat',\n                            backgroundSize: 'cover',\n                        }}\n                    />\n                    <div className=\"u-marg-heavy u-marg@m-\">\n                        <div className=\"u-marg-bottom\">\n                            <Headline bold>{addon.name}</Headline>\n                        </div>\n                        <div className=\"u-marg-bottom--heavy\">\n                            <Text type={TextType.Small} color={Color.DarkGrey}>\n                                {addon.description}\n                            </Text>\n                        </div>\n\n                        <div className=\"row u-marg-top\">\n                            <div className=\"u-flex col-md-6\">\n                                <Text>Date</Text>\n                                <Select<IDefaultSelectOption, 'value'>\n                                    nativeOnMobile\n                                    options={addon.selectorDates}\n                                    value={selectedDate}\n                                    onChange={setDateOnChange}\n                                    keyName=\"value\"\n                                    labelName=\"text\"\n                                    className=\"u-flex align-items-center\"\n                                />\n                            </div>\n                        </div>\n                        {priceInfo?.selectorTimes?.length !== 0 && (\n                            <div className=\"row u-marg-top\">\n                                <div className=\"u-flex col-md-6\">\n                                    <Text>Time</Text>\n                                    <Select<IDefaultSelectOption, 'value'>\n                                        nativeOnMobile\n                                        options={priceInfo?.selectorTimes || []}\n                                        value={selectedTime}\n                                        onChange={setSelectedTimeOnChange}\n                                        keyName=\"value\"\n                                        labelName=\"text\"\n                                        className=\"u-flex align-items-center\"\n                                    />\n                                </div>\n                            </div>\n                        )}\n                        {priceInfo.price && (\n                            <div className=\"row u-marg-top\">\n                                <div className=\"u-flex col-md-6\">\n                                    <Text>Quantity</Text>\n                                    <NumberIncrement number={quantity} min={1} max={priceInfo.quantity} onChange={setQuantityOnChange} />\n                                </div>\n                            </div>\n                        )}\n                        {priceInfo.adultPrice && (\n                            <div className=\"row u-marg-top\">\n                                <div className=\"u-flex col-md-6\">\n                                    <Text>Adults</Text>\n                                    <NumberIncrement number={adultQuantity} min={0} max={priceInfo.quantity - childQuantity} onChange={setAdultsQuantityOnChange} />\n                                </div>\n                            </div>\n                        )}\n                        {priceInfo.childPrice && (\n                            <div className=\"row u-marg-top\">\n                                <div className=\"u-flex col-md-6\">\n                                    <Text>Children</Text>\n                                    <NumberIncrement number={childQuantity} min={0} max={priceInfo.quantity - adultQuantity} onChange={setChildQuantityOnChange} />\n                                </div>\n                            </div>\n                        )}\n\n                        <div className=\"u-flex align-items-center u-marg-top\">\n                            {priceInfo.price && (\n                                <h2 className=\"u-marg-none u-flex u-flex-align-center\">\n                                    <Currency>{priceInfo.price}</Currency>/ Qty\n                                </h2>\n                            )}\n                            {priceInfo.adultPrice && priceInfo.childPrice && (\n                                <h2 className=\"u-marg-none\">\n                                    <div className=\"u-marg-none u-flex u-flex-align-center\">\n                                        <Currency>{priceInfo.adultPrice}</Currency> / Adult\n                                    </div>\n                                    <br />\n                                    <div className=\"u-marg-none u-flex u-flex-align-center\">\n                                        <Currency>{priceInfo.childPrice}</Currency> / Child\n                                    </div>\n                                </h2>\n                            )}\n                            {priceInfo.adultPrice && !priceInfo.childPrice && (\n                                <h2 className=\"u-marg-none u-flex u-flex-align-center\">\n                                    <Currency>{priceInfo.adultPrice}</Currency> / Adult\n                                </h2>\n                            )}\n                            {priceInfo.childPrice && !priceInfo.adultPrice && (\n                                <h2 className=\"u-marg-none u-flex u-flex-align-center\">\n                                    <Currency>{priceInfo.childPrice}</Currency> / Child\n                                </h2>\n                            )}\n\n                            <BEButton filled primary onClick={onClickAddToCartHandler}>\n                                {props.basketAddonRow ? 'Update Cart' : 'Add to Cart'}\n                            </BEButton>\n                        </div>\n\n                        {addon.guaranteeDescription && (\n                            <>\n                                <h4 className=\"u-marg-bottom--light u-marg-top\">Guarantee</h4>\n                                <div className=\"u-marg-bot--heavy\">\n                                    <Text type={TextType.Small}>{addon.guaranteeDescription}</Text>\n                                </div>\n                            </>\n                        )}\n                        {addon.cancelPenalty && (\n                            <>\n                                <h4 className=\"u-marg-bottom--light u-marg-top\">Cancellation Policy</h4>\n                                <div className=\"u-marg-bot--heavy\">\n                                    <Text type={TextType.Small}>{addon.cancelPenalty}</Text>\n                                </div>\n                            </>\n                        )}\n                    </div>\n                </>\n            )}\n        </SimpleModal>\n    );\n}\n"]}
+{"version":3,"file":"AdditionalOffersModal.js","sourceRoot":"/","sources":["src/components/steps/confirmation/additionalOffers/AdditionalOffersModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useState } from 'react';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport Headline from '@/components/generic/Headline';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Addon, PriceInfo } from '@/models/Addon/Addon';\nimport NumberIncrement from '@/components/generic/NumberIncrement';\nimport { useTranslation } from 'react-i18next';\nimport BasketAddonRow from '@/models/BasketAddonRow';\nimport BEButton from '@/components/generic/BEButton';\nimport Currency from '@/components/generic/Currency';\nimport { BasketContext } from '@frontend/contexts';\nimport { Color } from '@/util/Color';\nimport { IDefaultSelectOption, Select } from '@/components/generic/Select/Select';\nimport ImageProvider, { ImageSize } from '@/providers/ImageProvider';\n\nexport interface AdditionalOffersModalProps {\n    isOpen: boolean;\n    addon: Addon;\n    basketAddonRow: BasketAddonRow | void;\n    onClose: () => void;\n}\n\nexport default function AdditionalOffersModal(props: AdditionalOffersModalProps) {\n    const { addon } = props;\n    const { t } = useTranslation();\n\n    const basketContext = useContext(BasketContext);\n\n    const [selectedDate, setSelectedDate] = useState(props.basketAddonRow ? props.basketAddonRow.getSelectedDate() : '');\n    const [selectedTime, setSelectedTime] = useState<string>(props.basketAddonRow ? props.basketAddonRow.getSelectedTime() : '');\n    const [priceInfo, setPriceInfo] = useState<PriceInfo>({ quantity: 1 });\n    const [quantity, setQuantity] = useState(props.basketAddonRow ? props.basketAddonRow.getQuantity() : 1);\n    const [adultQuantity, setAdultQuantity] = useState(props.basketAddonRow ? props.basketAddonRow.getAdultQuantity() : 1);\n    const [childQuantity, setChildQuantity] = useState(props.basketAddonRow ? props.basketAddonRow.getChildQuantity() : 0);\n\n    React.useEffect(() => {\n        if (addon) {\n            if (props.basketAddonRow) {\n                setPriceInfo(addon.availability[props.basketAddonRow.getSelectedDate()] ?? addon.availability[addon.firstDate as string]);\n                setSelectedDate(props.basketAddonRow.getSelectedDate() ?? addon.firstDate);\n                setSelectedTime(props.basketAddonRow.getSelectedTime() ?? '');\n                setQuantity(props.basketAddonRow.getQuantity());\n                setAdultQuantity(props.basketAddonRow.getAdultQuantity());\n                setChildQuantity(props.basketAddonRow.getChildQuantity());\n            } else {\n                setPriceInfo(addon.availability[addon.firstDate as string]);\n                setSelectedDate(addon.firstDate as string);\n                setSelectedTime(addon.availability[addon.firstDate as string]?.selectorTimes?.[0]?.value || '');\n            }\n\n            return () => {\n                setQuantity(1);\n                setAdultQuantity(1);\n                setChildQuantity(0);\n            };\n        }\n    }, [addon]);\n\n    const setDate = (date: any) => {\n        setPriceInfo(addon.availability[date]);\n        setSelectedDate(date);\n        setSelectedTime(addon.availability[date]?.selectorTimes?.[0]?.value || '');\n        if (addon.availability[date].quantity < quantity) {\n            setQuantity(addon.availability[date].quantity);\n        }\n    };\n\n    const onClickAddToCartHandler = () => {\n        basketContext.setAddonQuantities(\n            addon,\n            {\n                quantity,\n                adult: adultQuantity,\n                child: childQuantity,\n            },\n            selectedDate,\n            selectedTime\n        );\n        props.onClose();\n    };\n    const setQuantityOnChange = (val: any) => {\n        setQuantity(val);\n    };\n    const setAdultsQuantityOnChange = (val: any) => {\n        setAdultQuantity(val);\n    };\n    const setChildQuantityOnChange = (val: any) => {\n        setChildQuantity(val);\n    };\n    const setDateOnChange = (selected: any) => {\n        setDate(selected);\n    };\n    const setSelectedTimeOnChange = (selected: any) => {\n        setSelectedTime(selected);\n    };\n\n    return (\n        <SimpleModal open={props.isOpen} onClose={props.onClose} size={SimpleModalSize.Small} title={addon ? addon.name : ''}>\n            {addon && (\n                <>\n                    <div\n                        style={{\n                            height: '350px',\n                            width: '100%',\n                            backgroundImage: `url(\"${addon.image && ImageProvider.resizeImage(addon.image, ImageSize.Original)}\")`,\n                            backgroundPosition: 'center',\n                            backgroundRepeat: 'no-repeat',\n                            backgroundSize: 'cover',\n                        }}\n                    />\n                    <div className=\"u-marg-heavy u-marg@m-\">\n                        <div className=\"u-marg-bottom\">\n                            <Headline bold>{addon.name}</Headline>\n                        </div>\n                        <div className=\"u-marg-bottom--heavy\">\n                            <Text type={TextType.Small} color={Color.DarkGrey}>\n                                {addon.description}\n                            </Text>\n                        </div>\n\n                        <div className=\"row u-marg-top\">\n                            <div className=\"u-flex col-md-6\">\n                                <Text>Date</Text>\n                                <Select<IDefaultSelectOption, 'value'>\n                                    nativeOnMobile\n                                    options={addon.selectorDates}\n                                    value={selectedDate}\n                                    onChange={setDateOnChange}\n                                    keyName=\"value\"\n                                    labelName=\"text\"\n                                    className=\"u-flex align-items-center\"\n                                />\n                            </div>\n                        </div>\n                        {priceInfo?.selectorTimes?.length !== 0 && (\n                            <div className=\"row u-marg-top\">\n                                <div className=\"u-flex col-md-6\">\n                                    <Text>Time</Text>\n                                    <Select<IDefaultSelectOption, 'value'>\n                                        nativeOnMobile\n                                        options={priceInfo?.selectorTimes || []}\n                                        value={selectedTime}\n                                        onChange={setSelectedTimeOnChange}\n                                        keyName=\"value\"\n                                        labelName=\"text\"\n                                        className=\"u-flex align-items-center\"\n                                    />\n                                </div>\n                            </div>\n                        )}\n                        {priceInfo.price && (\n                            <div className=\"row u-marg-top\">\n                                <div className=\"u-flex col-md-6\">\n                                    <Text>Quantity</Text>\n                                    <NumberIncrement number={quantity} min={1} max={priceInfo.quantity} onChange={setQuantityOnChange} />\n                                </div>\n                            </div>\n                        )}\n                        {priceInfo.adultPrice && (\n                            <div className=\"row u-marg-top\">\n                                <div className=\"u-flex col-md-6\">\n                                    <Text>Adults</Text>\n                                    <NumberIncrement number={adultQuantity} min={0} max={priceInfo.quantity - childQuantity} onChange={setAdultsQuantityOnChange} />\n                                </div>\n                            </div>\n                        )}\n                        {priceInfo.childPrice && (\n                            <div className=\"row u-marg-top\">\n                                <div className=\"u-flex col-md-6\">\n                                    <Text>Children</Text>\n                                    <NumberIncrement number={childQuantity} min={0} max={priceInfo.quantity - adultQuantity} onChange={setChildQuantityOnChange} />\n                                </div>\n                            </div>\n                        )}\n\n                        <div className=\"u-flex align-items-center u-marg-top\">\n                            {priceInfo.price && (\n                                <h2 className=\"u-marg-none u-flex u-flex-align-center\">\n                                    <Currency>{priceInfo.price}</Currency>/ Qty\n                                </h2>\n                            )}\n                            {priceInfo.adultPrice && priceInfo.childPrice && (\n                                <h2 className=\"u-marg-none\">\n                                    <div className=\"u-marg-none u-flex u-flex-align-center\">\n                                        <Currency>{priceInfo.adultPrice}</Currency> / Adult\n                                    </div>\n                                    <br />\n                                    <div className=\"u-marg-none u-flex u-flex-align-center\">\n                                        <Currency>{priceInfo.childPrice}</Currency> / Child\n                                    </div>\n                                </h2>\n                            )}\n                            {priceInfo.adultPrice && !priceInfo.childPrice && (\n                                <h2 className=\"u-marg-none u-flex u-flex-align-center\">\n                                    <Currency>{priceInfo.adultPrice}</Currency> / Adult\n                                </h2>\n                            )}\n                            {priceInfo.childPrice && !priceInfo.adultPrice && (\n                                <h2 className=\"u-marg-none u-flex u-flex-align-center\">\n                                    <Currency>{priceInfo.childPrice}</Currency> / Child\n                                </h2>\n                            )}\n\n                            <BEButton filled primary onClick={onClickAddToCartHandler}>\n                                {props.basketAddonRow ? 'Update Cart' : 'Add to Cart'}\n                            </BEButton>\n                        </div>\n\n                        {addon.guaranteeDescription && (\n                            <>\n                                <h4 className=\"u-marg-bottom--light u-marg-top\">Guarantee</h4>\n                                <div className=\"u-marg-bot--heavy\">\n                                    <Text type={TextType.Small}>{addon.guaranteeDescription}</Text>\n                                </div>\n                            </>\n                        )}\n                        {addon.cancelPenalty && (\n                            <>\n                                <h4 className=\"u-marg-bottom--light u-marg-top\">Cancellation Policy</h4>\n                                <div className=\"u-marg-bot--heavy\">\n                                    <Text type={TextType.Small}>{addon.cancelPenalty}</Text>\n                                </div>\n                            </>\n                        )}\n                    </div>\n                </>\n            )}\n        </SimpleModal>\n    );\n}\n"]}

package/dist/src/components/steps/room/ImageGallerySlider.js

@@ -35,6 +35,7 @@ const Icon_1 = __importStar(require("../../generic/Icon/Icon"));
 const Color_1 = require("../../../util/Color");
 const fslightbox_react_1 = __importDefault(require("fslightbox-react"));
 const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
+const ImageProvider_1 = __importStar(require("../../../providers/ImageProvider"));
 const ImageLoader_1 = __importDefault(require("../../generic/loader/ImageLoader"));
 const react_dom_1 = require("react-dom");
 const contexts_1 = require("../../../contexts/index.js");
@@ -144,7 +145,7 @@ function ImageGallerySlider(props) {
         !!images.length && (react_1.default.createElement(react_1.default.Fragment, null,
             !props.hideLightboxIcon && (react_1.default.createElement("div", { className: "room-gallery-slider__icon-lightbox", onClick: toggleToggler },
                 react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Fullscreen, color: Color_1.Color.White, size: "20px" }))),
-            (0, react_dom_1.createPortal)(react_1.default.createElement(fslightbox_react_1.default, { toggler: toggler, sources: images, type: "image", loadOnlyCurrentSource: true }), document.body))),
+            (0, react_dom_1.createPortal)(react_1.default.createElement(fslightbox_react_1.default, { toggler: toggler, sources: images.map((image) => ImageProvider_1.default.resizeImage(image, ImageProvider_1.ImageSize.Original)), type: "image", loadOnlyCurrentSource: true }), document.body))),
         images.length > 1 && (react_1.default.createElement("div", { className: "room-gallery-slider__icon-right", onClick: nextImageOnClick },
             react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.ArrowRight2, color: Color_1.Color.White, size: "24px" })))));
 }