@roomstay/frontend 2.6.81 → 2.6.83

package/dist/src/components/steps/confirmation/TrueRewardsPaymentOption/TrueRewardsLabel.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/src/components/steps/confirmation/TrueRewardsPaymentOption/TrueRewardsLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TrueRewardsLabel.js","sourceRoot":"/","sources":["src/components/steps/confirmation/TrueRewardsPaymentOption/TrueRewardsLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,iDAA+C;AAE/C,kEAA2D;AAC3D,iIAAyG;AACzG,yCAAuC;AACvC,gEAA2C;AAC3C,4DAAyD;AACzD,wCAAqC;AACrC,wDAAiD;AAEjD,kGAAoD;AAEpD,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC1B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,oBAAS,GAAE,CAAC;IACvC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAW,EAAC;QACxC,QAAQ,EAAE,WAAW;KACxB,CAAC,CAAC;IAEH,OAAO,CACH;QACI,uCAAK,SAAS,EAAC,yDAAyD;YACpE,uCAAK,SAAS,EAAE,sCAAM,CAAC,IAAI;gBACvB,8BAAC,cAAI,IAAC,KAAK,EAAE,yBAAS,CAAC,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,IAC/D,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CACvC,CACL;YACN,8BAAC,cAAI,IAAC,IAAI,QAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK;gBAChE,MAAM;gBACN,WAAW,CACT,CACL;QACN,8BAAC,0BAAgB,OAAG,CACrB,CACN,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC","sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport Text, { TextType } from '@/components/generic/Text';\nimport TrueRewardsModal from '@/components/steps/confirmation/TrueRewardsPaymentOption/TrueRewardsModal';\nimport { useBasket } from '@/contexts';\nimport useCurrency from '@/hooks/Currency';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\nimport { TextAlign } from '@/util/TextAlignment';\n\nimport styles from './TrueRewardsLabel.module.scss';\n\nconst TrueRewardsLabel = () => {\n    const { t } = useTranslation();\n    const { getTotalPayNow } = useBasket();\n    const totalPayNow = getTotalPayNow();\n    const { symbol, prettyValue } = useCurrency({\n        children: totalPayNow,\n    });\n\n    return (\n        <>\n            <div className=\"u-flex u-flex-justify-between w-100 u-flex-align-center\">\n                <div className={styles.root}>\n                    <Text align={TextAlign.Left} type={TextType.Small} color={Color.Navy}>\n                        {t(Translation.Step.Confirmation.GiftCard)}\n                    </Text>\n                </div>\n                <Text bold className=\"u-flex\" color={Color.Navy} type={TextType.Small}>\n                    {symbol}\n                    {prettyValue}\n                </Text>\n            </div>\n            <TrueRewardsModal />\n        </>\n    );\n};\n\nexport default TrueRewardsLabel;\n"]}
+{"version":3,"file":"TrueRewardsLabel.js","sourceRoot":"/","sources":["src/components/steps/confirmation/TrueRewardsPaymentOption/TrueRewardsLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,iDAA+C;AAE/C,kEAA2D;AAC3D,iIAAyG;AACzG,yCAAuC;AACvC,gEAA2C;AAC3C,4DAAyD;AACzD,wCAAqC;AACrC,wDAAiD;AAEjD,kGAAoD;AAEpD,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC1B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,oBAAS,GAAE,CAAC;IACvC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAW,EAAC;QACxC,QAAQ,EAAE,WAAW;KACxB,CAAC,CAAC;IAEH,OAAO,CACH;QACI,uCAAK,SAAS,EAAC,yDAAyD;YACpE,uCAAK,SAAS,EAAE,sCAAM,CAAC,IAAI;gBACvB,8BAAC,cAAI,IAAC,KAAK,EAAE,yBAAS,CAAC,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,IAC/D,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CACvC,CACL;YACN,8BAAC,cAAI,IAAC,IAAI,QAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK;gBAChE,MAAM;gBACN,WAAW,CACT,CACL;QACN,8BAAC,0BAAgB,OAAG,CACrB,CACN,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC","sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport Text, { TextType } from '@/components/generic/Text';\nimport TrueRewardsModal from '@/components/steps/confirmation/TrueRewardsPaymentOption/TrueRewardsModal';\nimport { useBasket } from '@/contexts';\nimport useCurrency from '@/hooks/Currency';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\nimport { TextAlign } from '@/util/TextAlignment';\n\nimport styles from './TrueRewardsLabel.module.scss';\n\nconst TrueRewardsLabel = () => {\n    const { t } = useTranslation();\n    const { getTotalPayNow } = useBasket();\n    const totalPayNow = getTotalPayNow();\n    const { symbol, prettyValue } = useCurrency({\n        children: totalPayNow,\n    });\n\n    return (\n        <>\n            <div className=\"u-flex u-flex-justify-between w-100 u-flex-align-center\">\n                <div className={styles.root}>\n                    <Text align={TextAlign.Left} type={TextType.Small} color={Color.Navy}>\n                        {t(Translation.Step.Confirmation.GiftCard)}\n                    </Text>\n                </div>\n                <Text bold className=\"u-flex\" color={Color.Navy} type={TextType.Small}>\n                    {symbol}\n                    {prettyValue}\n                </Text>\n            </div>\n            <TrueRewardsModal />\n        </>\n    );\n};\n\nexport default TrueRewardsLabel;\n"]}

package/dist/src/components/steps/confirmation/TrueRewardsPaymentOption/TrueRewardsModal.js

@@ -15,18 +15,31 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = TrueRewardsModal;
+const core_1 = require("@roomstay/core");
 const react_1 = __importDefault(require("react"));
+const react_hook_form_1 = require("react-hook-form");
 const react_i18next_1 = require("react-i18next");
 const BEButton_1 = __importDefault(require("../../../generic/BEButton"));
 const SimpleModal_1 = __importStar(require("../../../generic/modal/SimpleModal"));
@@ -41,11 +54,13 @@ function TrueRewardsModal() {
     const { t } = (0, react_i18next_1.useTranslation)();
     const { reservationData } = (0, contexts_1.useBasket)();
     const { isLoading, apiErrorResponse } = (0, ConfirmationStepContext_1.useConfirmationStep)();
+    const { watch } = (0, react_hook_form_1.useFormContext)();
+    const paymentMethod = watch('paymentMethod');
     const redirectUrl = (_b = (_a = reservationData === null || reservationData === void 0 ? void 0 : reservationData.payment) === null || _a === void 0 ? void 0 : _a.external) === null || _b === void 0 ? void 0 : _b.redirectUrl;
     const isSplitPayment = (_c = reservationData === null || reservationData === void 0 ? void 0 : reservationData.payment) === null || _c === void 0 ? void 0 : _c.isSplitPayment;
     const totalAuthorizedAmount = (_d = reservationData === null || reservationData === void 0 ? void 0 : reservationData.payment) === null || _d === void 0 ? void 0 : _d.totalAuthorizedAmount;
     const isPayingWithGiftCard = !isSplitPayment || totalAuthorizedAmount === 0;
-    const isOpen = !!redirectUrl && !isLoading && !apiErrorResponse;
+    const isOpen = !!redirectUrl && !isLoading && !apiErrorResponse && (paymentMethod === core_1.EBookingPaymentMethod.TrueRewards || isSplitPayment);
     const cancelOnClickHandler = () => {
         const params = new URLSearchParams(window.location.search);
         window.history.replaceState({}, '', `${window.location.pathname}?${params}`);
@@ -76,5 +91,4 @@ function TrueRewardsModal() {
                         ? t(Translation_1.Translation.Step.Confirmation.TrueRewardsContinueToGiftCardPayment)
                         : t(Translation_1.Translation.Step.Confirmation.TrueRewardsContinueToRemainingPayment)))))));
 }
-exports.default = TrueRewardsModal;
 //# sourceMappingURL=TrueRewardsModal.js.map

package/dist/src/components/steps/confirmation/TrueRewardsPaymentOption/TrueRewardsModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"TrueRewardsModal.js","sourceRoot":"/","sources":["src/components/steps/confirmation/TrueRewardsPaymentOption/TrueRewardsModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport BEButton from '@/components/generic/BEButton';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport Text from '@/components/generic/Text';\nimport { useBasket } from '@/contexts';\nimport { useConfirmationStep } from '@/contexts/ConfirmationStepContext/ConfirmationStepContext';\nimport { Headline } from '@/index';\nimport { Translation } from '@/translations/Translation';\n\nimport styles from './TrueRewardsModal.module.scss';\n\nexport default function TrueRewardsModal() {\n    const { t } = useTranslation();\n    const { reservationData } = useBasket();\n    const { isLoading, apiErrorResponse } = useConfirmationStep();\n\n    const redirectUrl = reservationData?.payment?.external?.redirectUrl;\n    const isSplitPayment = reservationData?.payment?.isSplitPayment;\n    const totalAuthorizedAmount = reservationData?.payment?.totalAuthorizedAmount;\n\n    const isPayingWithGiftCard = !isSplitPayment || totalAuthorizedAmount === 0;\n    const isOpen = !!redirectUrl && !isLoading && !apiErrorResponse;\n\n    const cancelOnClickHandler = () => {\n        const params = new URLSearchParams(window.location.search);\n        window.history.replaceState({}, '', `${window.location.pathname}?${params}`);\n        window.location.reload();\n    };\n\n    const onConfirmationClick = () => {\n        if (redirectUrl) {\n            window.location.href = redirectUrl;\n        }\n    };\n\n    return (\n        <SimpleModal open={isOpen} onClose={cancelOnClickHandler} alignCenter size={SimpleModalSize.ExtraSmall}>\n            <div className={styles.container}>\n                <div className={styles.content}>\n                    <div className={styles.headline}>\n                        <Headline bold> {t(Translation.Step.Confirmation.TrueRewardsRedirectExternalPage)} </Headline>\n                    </div>\n                    <div className={styles.text}>\n                        <Text>\n                            {isPayingWithGiftCard\n                                ? isSplitPayment\n                                    ? t(Translation.Step.Confirmation.TrueRewardsEnterFirstGiftCard)\n                                    : t(Translation.Step.Confirmation.TrueRewardsEnterGiftCard)\n                                : t(Translation.Step.Confirmation.TrueRewardsEnterCreditCard)}\n                        </Text>\n                    </div>\n                    <div className={styles.buttons}>\n                        <BEButton size=\"large\" className={styles.cancelButton} onClick={cancelOnClickHandler}>\n                            {t(Translation.Misc.Cancel)}\n                        </BEButton>\n                        <BEButton size=\"large\" className={styles.continueButton} filled primary onClick={onConfirmationClick}>\n                            {isPayingWithGiftCard\n                                ? t(Translation.Step.Confirmation.TrueRewardsContinueToGiftCardPayment)\n                                : t(Translation.Step.Confirmation.TrueRewardsContinueToRemainingPayment)}\n                        </BEButton>\n                    </div>\n                </div>\n            </div>\n        </SimpleModal>\n    );\n}\n"]}
+{"version":3,"file":"TrueRewardsModal.js","sourceRoot":"/","sources":["src/components/steps/confirmation/TrueRewardsPaymentOption/TrueRewardsModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { EBookingPaymentMethod } from '@roomstay/core';\nimport React from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport BEButton from '@/components/generic/BEButton';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport Text from '@/components/generic/Text';\nimport { useBasket } from '@/contexts';\nimport { useConfirmationStep } from '@/contexts/ConfirmationStepContext/ConfirmationStepContext';\nimport { Headline } from '@/index';\nimport { ConfirmationFormValues } from '@/models/Confirmation';\nimport { Translation } from '@/translations/Translation';\n\nimport styles from './TrueRewardsModal.module.scss';\n\nexport default function TrueRewardsModal() {\n    const { t } = useTranslation();\n    const { reservationData } = useBasket();\n    const { isLoading, apiErrorResponse } = useConfirmationStep();\n    const { watch } = useFormContext<ConfirmationFormValues>();\n\n    const paymentMethod = watch('paymentMethod');\n\n    const redirectUrl = reservationData?.payment?.external?.redirectUrl;\n    const isSplitPayment = reservationData?.payment?.isSplitPayment;\n    const totalAuthorizedAmount = reservationData?.payment?.totalAuthorizedAmount;\n\n    const isPayingWithGiftCard = !isSplitPayment || totalAuthorizedAmount === 0;\n    const isOpen = !!redirectUrl && !isLoading && !apiErrorResponse && (paymentMethod === EBookingPaymentMethod.TrueRewards || isSplitPayment);\n\n    const cancelOnClickHandler = () => {\n        const params = new URLSearchParams(window.location.search);\n        window.history.replaceState({}, '', `${window.location.pathname}?${params}`);\n        window.location.reload();\n    };\n\n    const onConfirmationClick = () => {\n        if (redirectUrl) {\n            window.location.href = redirectUrl;\n        }\n    };\n\n    return (\n        <SimpleModal open={isOpen} onClose={cancelOnClickHandler} alignCenter size={SimpleModalSize.ExtraSmall}>\n            <div className={styles.container}>\n                <div className={styles.content}>\n                    <div className={styles.headline}>\n                        <Headline bold> {t(Translation.Step.Confirmation.TrueRewardsRedirectExternalPage)} </Headline>\n                    </div>\n                    <div className={styles.text}>\n                        <Text>\n                            {isPayingWithGiftCard\n                                ? isSplitPayment\n                                    ? t(Translation.Step.Confirmation.TrueRewardsEnterFirstGiftCard)\n                                    : t(Translation.Step.Confirmation.TrueRewardsEnterGiftCard)\n                                : t(Translation.Step.Confirmation.TrueRewardsEnterCreditCard)}\n                        </Text>\n                    </div>\n                    <div className={styles.buttons}>\n                        <BEButton size=\"large\" className={styles.cancelButton} onClick={cancelOnClickHandler}>\n                            {t(Translation.Misc.Cancel)}\n                        </BEButton>\n                        <BEButton size=\"large\" className={styles.continueButton} filled primary onClick={onConfirmationClick}>\n                            {isPayingWithGiftCard\n                                ? t(Translation.Step.Confirmation.TrueRewardsContinueToGiftCardPayment)\n                                : t(Translation.Step.Confirmation.TrueRewardsContinueToRemainingPayment)}\n                        </BEButton>\n                    </div>\n                </div>\n            </div>\n        </SimpleModal>\n    );\n}\n"]}

package/dist/src/components/steps/confirmation/TrueRewardsPaymentOption/TrueRewardsPaymentMethod.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -58,7 +68,7 @@ const TrueRewardsPaymentMethod = ({ onApplied }) => {
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);
     const trimmedReference = cardReference.trim();
     const canSubmit = trimmedReference.length > 6;
-    const remaining = cardBalance !== null ? cardBalance - totalPayNow : 0;
+    const remaining = cardBalance !== null && totalPayNow !== null ? cardBalance - totalPayNow : 0;
     const { symbol, prettyValue: remainingPrettyValue, isLoading: isRemainingLoading } = (0, Currency_1.default)({ children: remaining });
     const { prettyValue: cardBalancePrettyValue, isLoading: isCardBalanceLoading } = (0, Currency_1.default)({ children: cardBalance });
     const checkCardBalance = () => __awaiter(void 0, void 0, void 0, function* () {
@@ -72,9 +82,12 @@ const TrueRewardsPaymentMethod = ({ onApplied }) => {
                 if (balance === null) {
                     setErrorMessage(t(Translation_1.Translation.Step.Confirmation.TrueRewardsInvalid));
                 }
+                else if (balance === 0) {
+                    setErrorMessage(t(Translation_1.Translation.Step.Confirmation.TrueRewardsZeroBalance));
+                }
                 else {
                     setCardBalance(balance);
-                    if (totalPayNow > balance) {
+                    if (totalPayNow && totalPayNow > balance) {
                         onApplied === null || onApplied === void 0 ? void 0 : onApplied(balance, true);
                     }
                     else {
@@ -100,8 +113,10 @@ const TrueRewardsPaymentMethod = ({ onApplied }) => {
             react_1.default.createElement(BEButton_1.default, { className: TrueRewardsPaymentMethod_module_scss_1.default.applyCodeButton, isLoading: isLoading, size: "small", onClick: checkCardBalance, disabled: !canSubmit, icon: cardBalance !== null ? Icon_1.IconType.Check : Icon_1.IconType.ArrowRight, iconPosition: "right", iconSize: "18px", rounded: true }, cardBalance !== null ? t(Translation_1.Translation.Step.Confirmation.CodeApplied) : t(Translation_1.Translation.Step.Confirmation.ApplyCode))),
         cardBalance !== null && !isCardBalanceLoading && !isRemainingLoading ? (react_1.default.createElement("div", { className: TrueRewardsPaymentMethod_module_scss_1.default.infoBlock },
             react_1.default.createElement("div", { className: TrueRewardsPaymentMethod_module_scss_1.default.leftContent },
-                react_1.default.createElement(Text_1.default, { bold: true, type: Text_1.TextType.Small }, cardBalance >= totalPayNow ? t(Translation_1.Translation.Step.Confirmation.TrueRewardsCoversFullBooking) : t(Translation_1.Translation.Step.Confirmation.TrueRewardsInsufficient)),
-                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, cardBalance >= totalPayNow
+                react_1.default.createElement(Text_1.default, { bold: true, type: Text_1.TextType.Small }, totalPayNow && cardBalance >= totalPayNow
+                    ? t(Translation_1.Translation.Step.Confirmation.TrueRewardsCoversFullBooking)
+                    : t(Translation_1.Translation.Step.Confirmation.TrueRewardsInsufficient)),
+                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, totalPayNow && cardBalance >= totalPayNow
                     ? t(Translation_1.Translation.Step.Confirmation.TrueRewardsCoversFullInstructions)
                     : t(Translation_1.Translation.Step.Confirmation.TrueRewardsInsufficientInstructions))),
             react_1.default.createElement("div", { className: TrueRewardsPaymentMethod_module_scss_1.default.rightContent },

package/dist/src/components/steps/confirmation/TrueRewardsPaymentOption/TrueRewardsPaymentMethod.js.map

@@ -1 +1 @@
-{"version":3,"file":"TrueRewardsPaymentMethod.js","sourceRoot":"/","sources":["src/components/steps/confirmation/TrueRewardsPaymentOption/TrueRewardsPaymentMethod.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport useCurrency from '@/hooks/Currency';\nimport { API, useBasket, useCurrentHotel } from '@/index';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\nimport styles from './TrueRewardsPaymentMethod.module.scss';\n\ntype Props = {\n    onApplied?: (balance: number | null, isApplied: boolean) => void;\n};\n\nexport const TrueRewardsPaymentMethod: FC<Props> = ({ onApplied }) => {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n    const { getTotalPayNow } = useBasket();\n    const totalPayNow = getTotalPayNow();\n\n    const [cardReference, setCardReference] = useState('');\n    const [cardBalance, setCardBalance] = useState<number | null>(null);\n    const [errorMessage, setErrorMessage] = useState('');\n    const [isLoading, setIsLoading] = useState(false);\n\n    const trimmedReference = cardReference.trim();\n    const canSubmit = trimmedReference.length > 6;\n    const remaining = cardBalance !== null ? cardBalance - totalPayNow : 0;\n\n    const { symbol, prettyValue: remainingPrettyValue, isLoading: isRemainingLoading } = useCurrency({ children: remaining });\n    const { prettyValue: cardBalancePrettyValue, isLoading: isCardBalanceLoading } = useCurrency({ children: cardBalance });\n\n    const checkCardBalance = async () => {\n        setErrorMessage('');\n        setCardBalance(null);\n        onApplied?.(null, false);\n\n        if (hotel?.hotelID) {\n            try {\n                setIsLoading(true);\n                const balance = await API.TrueRewards.fetchBalance(trimmedReference, hotel.hotelID);\n\n                if (balance === null) {\n                    setErrorMessage(t(Translation.Step.Confirmation.TrueRewardsInvalid));\n                } else {\n                    setCardBalance(balance);\n\n                    if (totalPayNow > balance) {\n                        onApplied?.(balance, true);\n                    } else {\n                        onApplied?.(null, true);\n                    }\n                }\n            } catch (e) {\n                console.error(e);\n                setErrorMessage(t(Translation.Step.Confirmation.TrueRewardsFailed));\n            } finally {\n                setIsLoading(false);\n            }\n        }\n    };\n\n    return (\n        <div className={styles.container}>\n            <div className={styles.inputRow}>\n                <TextBox\n                    value={cardReference}\n                    onChange={(val) => {\n                        setCardReference(val.target.value);\n                        setErrorMessage('');\n                    }}\n                    placeholder={t(Translation.Step.Confirmation.EnterCode)}\n                />\n                <BEButton\n                    className={styles.applyCodeButton}\n                    isLoading={isLoading}\n                    size=\"small\"\n                    onClick={checkCardBalance}\n                    disabled={!canSubmit}\n                    icon={cardBalance !== null ? IconType.Check : IconType.ArrowRight}\n                    iconPosition=\"right\"\n                    iconSize=\"18px\"\n                    rounded\n                >\n                    {cardBalance !== null ? t(Translation.Step.Confirmation.CodeApplied) : t(Translation.Step.Confirmation.ApplyCode)}\n                </BEButton>\n            </div>\n            {cardBalance !== null && !isCardBalanceLoading && !isRemainingLoading ? (\n                <div className={styles.infoBlock}>\n                    <div className={styles.leftContent}>\n                        <Text bold type={TextType.Small}>\n                            {cardBalance >= totalPayNow ? t(Translation.Step.Confirmation.TrueRewardsCoversFullBooking) : t(Translation.Step.Confirmation.TrueRewardsInsufficient)}\n                        </Text>\n                        <Text type={TextType.Small}>\n                            {cardBalance >= totalPayNow\n                                ? t(Translation.Step.Confirmation.TrueRewardsCoversFullInstructions)\n                                : t(Translation.Step.Confirmation.TrueRewardsInsufficientInstructions)}\n                        </Text>\n                    </div>\n                    <div className={styles.rightContent}>\n                        <div className={styles.card}>\n                            <Text type={TextType.Small}>{t(Translation.Step.Confirmation.YourBalance)}</Text>\n                            <Text bold color={Color.Navy}>\n                                {symbol}\n                                {cardBalancePrettyValue}\n                            </Text>\n                        </div>\n                        <div className={styles.card}>\n                            <Text type={TextType.Small}>{t(Translation.Step.Confirmation.Remaining)}</Text>\n                            <Text bold color={remaining < 0 ? Color.Danger : Color.Navy}>\n                                {symbol}\n                                {remainingPrettyValue}\n                            </Text>\n                        </div>\n                    </div>\n                </div>\n            ) : (\n                <>\n                    {errorMessage && (\n                        <Text color={Color.Danger} type={TextType.Small} style={{ marginTop: '8px' }}>\n                            {errorMessage}\n                        </Text>\n                    )}\n                    <Text color={Color.DarkGrey} type={TextType.Small} style={{ marginTop: '8px' }}>\n                        {t(Translation.Step.Confirmation.TrueRewardsInputHelperText)}\n                    </Text>\n                </>\n            )}\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"TrueRewardsPaymentMethod.js","sourceRoot":"/","sources":["src/components/steps/confirmation/TrueRewardsPaymentOption/TrueRewardsPaymentMethod.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport useCurrency from '@/hooks/Currency';\nimport { API, useBasket, useCurrentHotel } from '@/index';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\nimport styles from './TrueRewardsPaymentMethod.module.scss';\n\ntype Props = {\n    onApplied?: (balance: number | null, isApplied: boolean) => void;\n};\n\nexport const TrueRewardsPaymentMethod: FC<Props> = ({ onApplied }) => {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n    const { getTotalPayNow } = useBasket();\n    const totalPayNow = getTotalPayNow();\n\n    const [cardReference, setCardReference] = useState('');\n    const [cardBalance, setCardBalance] = useState<number | null>(null);\n    const [errorMessage, setErrorMessage] = useState('');\n    const [isLoading, setIsLoading] = useState(false);\n\n    const trimmedReference = cardReference.trim();\n    const canSubmit = trimmedReference.length > 6;\n    const remaining = cardBalance !== null && totalPayNow !== null ? cardBalance - totalPayNow : 0;\n\n    const { symbol, prettyValue: remainingPrettyValue, isLoading: isRemainingLoading } = useCurrency({ children: remaining });\n    const { prettyValue: cardBalancePrettyValue, isLoading: isCardBalanceLoading } = useCurrency({ children: cardBalance });\n\n    const checkCardBalance = async () => {\n        setErrorMessage('');\n        setCardBalance(null);\n        onApplied?.(null, false);\n\n        if (hotel?.hotelID) {\n            try {\n                setIsLoading(true);\n                const balance = await API.TrueRewards.fetchBalance(trimmedReference, hotel.hotelID);\n\n                if (balance === null) {\n                    setErrorMessage(t(Translation.Step.Confirmation.TrueRewardsInvalid));\n                } else if (balance === 0) {\n                    setErrorMessage(t(Translation.Step.Confirmation.TrueRewardsZeroBalance));\n                } else {\n                    setCardBalance(balance);\n\n                    if (totalPayNow && totalPayNow > balance) {\n                        onApplied?.(balance, true);\n                    } else {\n                        onApplied?.(null, true);\n                    }\n                }\n            } catch (e) {\n                console.error(e);\n                setErrorMessage(t(Translation.Step.Confirmation.TrueRewardsFailed));\n            } finally {\n                setIsLoading(false);\n            }\n        }\n    };\n\n    return (\n        <div className={styles.container}>\n            <div className={styles.inputRow}>\n                <TextBox\n                    value={cardReference}\n                    onChange={(val) => {\n                        setCardReference(val.target.value);\n                        setErrorMessage('');\n                    }}\n                    placeholder={t(Translation.Step.Confirmation.EnterCode)}\n                />\n                <BEButton\n                    className={styles.applyCodeButton}\n                    isLoading={isLoading}\n                    size=\"small\"\n                    onClick={checkCardBalance}\n                    disabled={!canSubmit}\n                    icon={cardBalance !== null ? IconType.Check : IconType.ArrowRight}\n                    iconPosition=\"right\"\n                    iconSize=\"18px\"\n                    rounded\n                >\n                    {cardBalance !== null ? t(Translation.Step.Confirmation.CodeApplied) : t(Translation.Step.Confirmation.ApplyCode)}\n                </BEButton>\n            </div>\n            {cardBalance !== null && !isCardBalanceLoading && !isRemainingLoading ? (\n                <div className={styles.infoBlock}>\n                    <div className={styles.leftContent}>\n                        <Text bold type={TextType.Small}>\n                            {totalPayNow && cardBalance >= totalPayNow\n                                ? t(Translation.Step.Confirmation.TrueRewardsCoversFullBooking)\n                                : t(Translation.Step.Confirmation.TrueRewardsInsufficient)}\n                        </Text>\n                        <Text type={TextType.Small}>\n                            {totalPayNow && cardBalance >= totalPayNow\n                                ? t(Translation.Step.Confirmation.TrueRewardsCoversFullInstructions)\n                                : t(Translation.Step.Confirmation.TrueRewardsInsufficientInstructions)}\n                        </Text>\n                    </div>\n                    <div className={styles.rightContent}>\n                        <div className={styles.card}>\n                            <Text type={TextType.Small}>{t(Translation.Step.Confirmation.YourBalance)}</Text>\n                            <Text bold color={Color.Navy}>\n                                {symbol}\n                                {cardBalancePrettyValue}\n                            </Text>\n                        </div>\n                        <div className={styles.card}>\n                            <Text type={TextType.Small}>{t(Translation.Step.Confirmation.Remaining)}</Text>\n                            <Text bold color={remaining < 0 ? Color.Danger : Color.Navy}>\n                                {symbol}\n                                {remainingPrettyValue}\n                            </Text>\n                        </div>\n                    </div>\n                </div>\n            ) : (\n                <>\n                    {errorMessage && (\n                        <Text color={Color.Danger} type={TextType.Small} style={{ marginTop: '8px' }}>\n                            {errorMessage}\n                        </Text>\n                    )}\n                    <Text color={Color.DarkGrey} type={TextType.Small} style={{ marginTop: '8px' }}>\n                        {t(Translation.Step.Confirmation.TrueRewardsInputHelperText)}\n                    </Text>\n                </>\n            )}\n        </div>\n    );\n};\n"]}

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

@@ -15,17 +15,28 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = AdditionalOffers;
 const contexts_1 = require("../../../../contexts/index.js");
 const hooks_1 = require("../../../../hooks/index.js");
 const web_1 = require("@react-spring/web");
@@ -137,5 +148,4 @@ function AdditionalOffers() {
                     }))))),
             react_1.default.createElement(AdditionalOffersModal_1.default, { isOpen: isModalOpen && !!selectedAddon, addon: selectedAddon, basketAddonRow: basketContext.getRowForAddon(selectedAddon), onClose: closeModalOnClose }))));
 }
-exports.default = AdditionalOffers;
 //# sourceMappingURL=AdditionalOffers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AdditionalOffers.js","sourceRoot":"/","sources":["src/components/steps/confirmation/additionalOffers/AdditionalOffers.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { animated, useSpring } from '@react-spring/web';\nimport React, { useContext, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useDrag } from 'react-use-gesture';\nimport useMeasure from 'react-use-measure';\nimport { Translation } from 'translations/Translation';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport API from '@/api/BookingAPI';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport Text from '@/components/generic/Text';\nimport AdditionalOffersColumn from '@/components/steps/confirmation/additionalOffers/AdditionalOffersColumn';\nimport AdditionalOffersModal from '@/components/steps/confirmation/additionalOffers/AdditionalOffersModal';\nimport { Addon } from '@/models/Addon/Addon';\nimport { Color } from '@/util/Color';\n\nexport default function AdditionalOffers() {\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n\n    const { hotel } = useCurrentHotel();\n\n    const [{ x }, set] = useSpring(() => ({ x: 0 }));\n    const [ref, bounds] = useMeasure();\n    const { t } = useTranslation();\n\n    const [addons, setAddons] = React.useState<Addon[]>([]);\n    const [isModalOpen, setIsModalOpen] = useState(false);\n    const [selectedAddon, setSelectedAddon] = useState<Addon | null>(null);\n    const [isLoading, setIsLoading] = useState(false);\n\n    const [lastReleaseX, setLastReleaseX] = useState(0);\n    const [lastIndex, setLastIndex] = useState(0);\n\n    // -1 can't go back\n    // 0 default,\n    // 1 can't go forward;\n    const [buttonDisabled, setButtonDisabled] = useState(-1);\n\n    React.useEffect(() => {\n        let isCancelled = false;\n\n        const rows = basketContext.getAllValidRows();\n\n        setIsLoading(true);\n        API.Addons.findAddons(rows, hotel?.hotelID as string).then((foundedAddons) => {\n            if (!isCancelled) {\n                setIsLoading(false);\n                setAddons(foundedAddons);\n            }\n        });\n\n        return () => {\n            setIsLoading(false);\n            isCancelled = true;\n        };\n    }, [ccx.currentLanguage]);\n\n    const cardWidth = 222;\n\n    const isScrollable = cardWidth * addons.length >= bounds.width;\n\n    const bind = useDrag(({ down, movement: [mx] }) => {\n        animateTrack(down, mx);\n    });\n\n    const animateTrack = (down: boolean, mx: number) => {\n        if (!isScrollable) return;\n\n        if (!down) {\n            const releasePosition = lastReleaseX + mx;\n            const maxX = (addons.length - 1) * cardWidth;\n\n            let restingLocation = 0;\n\n            if (releasePosition > 0) {\n                restingLocation = 0;\n                setButtonDisabled(-1);\n            } else if (releasePosition < -(maxX - bounds.width + cardWidth)) {\n                restingLocation = -(maxX - bounds.width + cardWidth);\n                setButtonDisabled(1);\n            } else {\n                const magic = -releasePosition / cardWidth;\n                const lastTempIndex = releasePosition % cardWidth > -cardWidth / 2 ? Math.floor(magic) : Math.ceil(magic);\n                restingLocation = -(lastTempIndex * cardWidth);\n\n                setLastIndex(lastTempIndex);\n                setButtonDisabled(0);\n            }\n\n            set({ x: restingLocation });\n\n            setLastReleaseX(restingLocation);\n        } else {\n            set({ x: lastReleaseX + mx * 1.5 });\n        }\n    };\n\n    const nextImage = () => {\n        animateTrack(false, -cardWidth);\n    };\n\n    const prevImage = () => {\n        animateTrack(false, cardWidth);\n    };\n\n    const closeModalOnClose = () => {\n        setIsModalOpen(false);\n    };\n\n    return (\n        <AutoAutoHeight open={(!isLoading && addons?.length !== 0) || !!hotel?.showAddonLoader}>\n            <div className=\"u-pad-bottom--heavy \">\n                <div className=\"u-marg-bottom\">\n                    <Headline bold>{t(Translation.Step.Confirmation.AdditionalOfferings)}</Headline>\n                </div>\n                {isLoading && hotel?.showAddonLoader ? (\n                    <LargeLoader />\n                ) : addons?.length === 0 ? (\n                    <div>\n                        <Text color={Color.DarkGrey}>{t(Translation.Step.Confirmation.NoAdditionalOfferings)}</Text>\n                    </div>\n                ) : (\n                    <div className={'additional-offers' + (addons.length > 2 ? '' : ' --wide')} ref={ref}>\n                        {isScrollable && (\n                            <div className=\"additional-offers--navigation\">\n                                <Icon\n                                    icon={IconType.ArrowLeft2}\n                                    onClick={prevImage}\n                                    color={buttonDisabled === -1 ? Color.DarkGrey : Color.White}\n                                    backgroundColor={Color.Navy}\n                                    borderRadius=\"round\"\n                                    size=\"24px\"\n                                />\n                                <Icon\n                                    icon={IconType.ArrowRight2}\n                                    onClick={nextImage}\n                                    color={buttonDisabled === 1 ? Color.DarkGrey : Color.White}\n                                    backgroundColor={Color.Navy}\n                                    borderRadius=\"round\"\n                                    size=\"24px\"\n                                />\n                            </div>\n                        )}\n                        <div className=\"additional-offers--track-container\">\n                            <animated.div className=\"additional-offers--track\" {...bind()} style={{ left: x }}>\n                                {addons.map((addon: Addon, index: number) => {\n                                    const onCardClickedHandler = () => {\n                                        setIsModalOpen(true);\n                                        setSelectedAddon(addon);\n                                    };\n                                    return <AdditionalOffersColumn selected={!!basketContext.getRowForAddon(addon)} key={index} addon={addon} cardClicked={onCardClickedHandler} />;\n                                })}\n                            </animated.div>\n                        </div>\n                    </div>\n                )}\n                <AdditionalOffersModal\n                    isOpen={isModalOpen && !!selectedAddon}\n                    addon={selectedAddon as Addon}\n                    basketAddonRow={basketContext.getRowForAddon(selectedAddon as Addon)}\n                    onClose={closeModalOnClose}\n                />\n            </div>\n        </AutoAutoHeight>\n    );\n}\n"]}
+{"version":3,"file":"AdditionalOffers.js","sourceRoot":"/","sources":["src/components/steps/confirmation/additionalOffers/AdditionalOffers.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { animated, useSpring } from '@react-spring/web';\nimport React, { useContext, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useDrag } from 'react-use-gesture';\nimport useMeasure from 'react-use-measure';\nimport { Translation } from 'translations/Translation';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport API from '@/api/BookingAPI';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport Text from '@/components/generic/Text';\nimport AdditionalOffersColumn from '@/components/steps/confirmation/additionalOffers/AdditionalOffersColumn';\nimport AdditionalOffersModal from '@/components/steps/confirmation/additionalOffers/AdditionalOffersModal';\nimport { Addon } from '@/models/Addon/Addon';\nimport { Color } from '@/util/Color';\n\nexport default function AdditionalOffers() {\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n\n    const { hotel } = useCurrentHotel();\n\n    const [{ x }, set] = useSpring(() => ({ x: 0 }));\n    const [ref, bounds] = useMeasure();\n    const { t } = useTranslation();\n\n    const [addons, setAddons] = React.useState<Addon[]>([]);\n    const [isModalOpen, setIsModalOpen] = useState(false);\n    const [selectedAddon, setSelectedAddon] = useState<Addon | null>(null);\n    const [isLoading, setIsLoading] = useState(false);\n\n    const [lastReleaseX, setLastReleaseX] = useState(0);\n    const [lastIndex, setLastIndex] = useState(0);\n\n    // -1 can't go back\n    // 0 default,\n    // 1 can't go forward;\n    const [buttonDisabled, setButtonDisabled] = useState(-1);\n\n    React.useEffect(() => {\n        let isCancelled = false;\n\n        const rows = basketContext.getAllValidRows();\n\n        setIsLoading(true);\n        API.Addons.findAddons(rows, hotel?.hotelID as string).then((foundedAddons) => {\n            if (!isCancelled) {\n                setIsLoading(false);\n                setAddons(foundedAddons);\n            }\n        });\n\n        return () => {\n            setIsLoading(false);\n            isCancelled = true;\n        };\n    }, [ccx.currentLanguage]);\n\n    const cardWidth = 222;\n\n    const isScrollable = cardWidth * addons.length >= bounds.width;\n\n    const bind = useDrag(({ down, movement: [mx] }) => {\n        animateTrack(down, mx);\n    });\n\n    const animateTrack = (down: boolean, mx: number) => {\n        if (!isScrollable) return;\n\n        if (!down) {\n            const releasePosition = lastReleaseX + mx;\n            const maxX = (addons.length - 1) * cardWidth;\n\n            let restingLocation = 0;\n\n            if (releasePosition > 0) {\n                restingLocation = 0;\n                setButtonDisabled(-1);\n            } else if (releasePosition < -(maxX - bounds.width + cardWidth)) {\n                restingLocation = -(maxX - bounds.width + cardWidth);\n                setButtonDisabled(1);\n            } else {\n                const magic = -releasePosition / cardWidth;\n                const lastTempIndex = releasePosition % cardWidth > -cardWidth / 2 ? Math.floor(magic) : Math.ceil(magic);\n                restingLocation = -(lastTempIndex * cardWidth);\n\n                setLastIndex(lastTempIndex);\n                setButtonDisabled(0);\n            }\n\n            set({ x: restingLocation });\n\n            setLastReleaseX(restingLocation);\n        } else {\n            set({ x: lastReleaseX + mx * 1.5 });\n        }\n    };\n\n    const nextImage = () => {\n        animateTrack(false, -cardWidth);\n    };\n\n    const prevImage = () => {\n        animateTrack(false, cardWidth);\n    };\n\n    const closeModalOnClose = () => {\n        setIsModalOpen(false);\n    };\n\n    return (\n        <AutoAutoHeight open={(!isLoading && addons?.length !== 0) || !!hotel?.showAddonLoader}>\n            <div className=\"u-pad-bottom--heavy \">\n                <div className=\"u-marg-bottom\">\n                    <Headline bold>{t(Translation.Step.Confirmation.AdditionalOfferings)}</Headline>\n                </div>\n                {isLoading && hotel?.showAddonLoader ? (\n                    <LargeLoader />\n                ) : addons?.length === 0 ? (\n                    <div>\n                        <Text color={Color.DarkGrey}>{t(Translation.Step.Confirmation.NoAdditionalOfferings)}</Text>\n                    </div>\n                ) : (\n                    <div className={'additional-offers' + (addons.length > 2 ? '' : ' --wide')} ref={ref}>\n                        {isScrollable && (\n                            <div className=\"additional-offers--navigation\">\n                                <Icon\n                                    icon={IconType.ArrowLeft2}\n                                    onClick={prevImage}\n                                    color={buttonDisabled === -1 ? Color.DarkGrey : Color.White}\n                                    backgroundColor={Color.Navy}\n                                    borderRadius=\"round\"\n                                    size=\"24px\"\n                                />\n                                <Icon\n                                    icon={IconType.ArrowRight2}\n                                    onClick={nextImage}\n                                    color={buttonDisabled === 1 ? Color.DarkGrey : Color.White}\n                                    backgroundColor={Color.Navy}\n                                    borderRadius=\"round\"\n                                    size=\"24px\"\n                                />\n                            </div>\n                        )}\n                        <div className=\"additional-offers--track-container\">\n                            <animated.div className=\"additional-offers--track\" {...bind()} style={{ left: x }}>\n                                {addons.map((addon: Addon, index: number) => {\n                                    const onCardClickedHandler = () => {\n                                        setIsModalOpen(true);\n                                        setSelectedAddon(addon);\n                                    };\n                                    return <AdditionalOffersColumn selected={!!basketContext.getRowForAddon(addon)} key={index} addon={addon} cardClicked={onCardClickedHandler} />;\n                                })}\n                            </animated.div>\n                        </div>\n                    </div>\n                )}\n                <AdditionalOffersModal\n                    isOpen={isModalOpen && !!selectedAddon}\n                    addon={selectedAddon as Addon}\n                    basketAddonRow={basketContext.getRowForAddon(selectedAddon as Addon)}\n                    onClose={closeModalOnClose}\n                />\n            </div>\n        </AutoAutoHeight>\n    );\n}\n"]}

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

@@ -15,17 +15,28 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = AdditionalOffersColumn;
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importDefault(require("react"));
 const react_i18next_1 = require("react-i18next");
@@ -51,5 +62,4 @@ function AdditionalOffersColumn(props) {
                 react_1.default.createElement(Text_1.default, { inline: true, type: Text_1.TextType.Small, color: Color_1.Color.White }, t(Translation_1.Translation.Misc.SeeDetails)),
                 react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.ArrowRight, color: Color_1.Color.White })))));
 }
-exports.default = AdditionalOffersColumn;
 //# sourceMappingURL=AdditionalOffersColumn.js.map

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,4DAAoC;AACpC,kDAA0B;AAC1B,iDAA+C;AAE/C,uEAAgE;AAChE,kEAA2D;AAE3D,2EAAqE;AACrE,4DAAyD;AACzD,wCAAqC;AAQrC,SAAwB,sBAAsB,CAAC,KAA6B;IACxE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAExB,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,kBAAkB,GAAG,GAAG,EAAE;;QAC5B,MAAA,KAAK,CAAC,WAAW,qDAAI,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACH,uCACI,SAAS,EAAE,IAAA,oBAAU,EAAC,2BAA2B,EAAE;YAC/C,YAAY,EAAE,KAAK,CAAC,QAAQ;SAC/B,CAAC,EACF,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,IAChD,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAC5B;gBACP,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,UAAU,EAAE,KAAK,EAAE,aAAK,CAAC,KAAK,GAAI,CACrD,CACJ,CACJ,CACT,CAAC;AACN,CAAC;AA7BD,yCA6BC","sourcesContent":["import classNames from 'classnames';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Addon } from '@/models/Addon/Addon';\nimport ImageProvider, { ImageSize } from '@/providers/ImageProvider';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\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\n    const { t } = useTranslation();\n    const onCardClickHandler = () => {\n        props.cardClicked?.();\n    };\n\n    return (\n        <div\n            className={classNames('additional-offers--column', {\n                '--selected': props.selected,\n            })}\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                        {t(Translation.Misc.SeeDetails)}\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,yCA6BC;AA9CD,4DAAoC;AACpC,kDAA0B;AAC1B,iDAA+C;AAE/C,uEAAgE;AAChE,kEAA2D;AAE3D,2EAAqE;AACrE,4DAAyD;AACzD,wCAAqC;AAQrC,SAAwB,sBAAsB,CAAC,KAA6B;IACxE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAExB,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,kBAAkB,GAAG,GAAG,EAAE;;QAC5B,MAAA,KAAK,CAAC,WAAW,qDAAI,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACH,uCACI,SAAS,EAAE,IAAA,oBAAU,EAAC,2BAA2B,EAAE;YAC/C,YAAY,EAAE,KAAK,CAAC,QAAQ;SAC/B,CAAC,EACF,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,IAChD,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAC5B;gBACP,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,UAAU,EAAE,KAAK,EAAE,aAAK,CAAC,KAAK,GAAI,CACrD,CACJ,CACJ,CACT,CAAC;AACN,CAAC","sourcesContent":["import classNames from 'classnames';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Addon } from '@/models/Addon/Addon';\nimport ImageProvider, { ImageSize } from '@/providers/ImageProvider';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\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\n    const { t } = useTranslation();\n    const onCardClickHandler = () => {\n        props.cardClicked?.();\n    };\n\n    return (\n        <div\n            className={classNames('additional-offers--column', {\n                '--selected': props.selected,\n            })}\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                        {t(Translation.Misc.SeeDetails)}\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

@@ -15,17 +15,28 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = AdditionalOffersModal;
 const contexts_1 = require("../../../../contexts/index.js");
 const react_1 = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
@@ -168,5 +179,4 @@ function AdditionalOffersModal(props) {
                 react_1.default.createElement("div", { className: "u-marg-bot--heavy" },
                     react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small }, addon.cancelPenalty)))))))));
 }
-exports.default = AdditionalOffersModal;
 //# sourceMappingURL=AdditionalOffersModal.js.map

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 { BasketContext } from '@frontend/contexts';\nimport React, { useContext, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport BEButton from '@/components/generic/BEButton';\nimport Currency from '@/components/generic/Currency';\nimport Headline from '@/components/generic/Headline';\nimport { HtmlContentViewer } from '@/components/generic/HtmlContentViewer';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport NumberIncrement from '@/components/generic/NumberIncrement';\nimport { IDefaultSelectOption, Select } from '@/components/generic/Select/Select';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Addon, PriceInfo } from '@/models/Addon/Addon';\nimport BasketAddonRow from '@/models/BasketAddonRow';\nimport ImageProvider, { ImageSize } from '@/providers/ImageProvider';\nimport { Color } from '@/util/Color';\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                                <HtmlContentViewer content={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 { BasketContext } from '@frontend/contexts';\nimport React, { useContext, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport BEButton from '@/components/generic/BEButton';\nimport Currency from '@/components/generic/Currency';\nimport Headline from '@/components/generic/Headline';\nimport { HtmlContentViewer } from '@/components/generic/HtmlContentViewer';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport NumberIncrement from '@/components/generic/NumberIncrement';\nimport { IDefaultSelectOption, Select } from '@/components/generic/Select/Select';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Addon, PriceInfo } from '@/models/Addon/Addon';\nimport BasketAddonRow from '@/models/BasketAddonRow';\nimport ImageProvider, { ImageSize } from '@/providers/ImageProvider';\nimport { Color } from '@/util/Color';\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                                <HtmlContentViewer content={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/date/OccupancyWarningBlock.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BE_OCCUPANCY_WARNING_BLOCK = void 0;
+exports.default = OccupancyWarningBlock;
 const react_1 = __importDefault(require("react"));
 const DIProvider_1 = require("../../../providers/DIProvider");
 function OriginalOccupancyWarningBlock() {
@@ -13,5 +14,4 @@ exports.BE_OCCUPANCY_WARNING_BLOCK = 'BEOccupancyWarningBlock';
 function OccupancyWarningBlock() {
     return (0, DIProvider_1.withDI)(exports.BE_OCCUPANCY_WARNING_BLOCK, OriginalOccupancyWarningBlock, null);
 }
-exports.default = OccupancyWarningBlock;
 //# sourceMappingURL=OccupancyWarningBlock.js.map

package/dist/src/components/steps/date/OccupancyWarningBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"OccupancyWarningBlock.js","sourceRoot":"/","sources":["src/components/steps/date/OccupancyWarningBlock.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uDAAgD;AAEhD,SAAS,6BAA6B;IAClC,OAAO,6DAAK,CAAC;AACjB,CAAC;AAEY,QAAA,0BAA0B,GAAG,yBAAyB,CAAC;AAEpE,SAAwB,qBAAqB;IACzC,OAAO,IAAA,mBAAM,EAAC,kCAA0B,EAAE,6BAA6B,EAAE,IAAI,CAAC,CAAC;AACnF,CAAC;AAFD,wCAEC","sourcesContent":["import React from 'react';\n\nimport { withDI } from '@/providers/DIProvider';\n\nfunction OriginalOccupancyWarningBlock() {\n    return <></>;\n}\n\nexport const BE_OCCUPANCY_WARNING_BLOCK = 'BEOccupancyWarningBlock';\n\nexport default function OccupancyWarningBlock() {\n    return withDI(BE_OCCUPANCY_WARNING_BLOCK, OriginalOccupancyWarningBlock, null);\n}\n"]}
+{"version":3,"file":"OccupancyWarningBlock.js","sourceRoot":"/","sources":["src/components/steps/date/OccupancyWarningBlock.tsx"],"names":[],"mappings":";;;;;;AAUA,wCAEC;AAZD,kDAA0B;AAE1B,uDAAgD;AAEhD,SAAS,6BAA6B;IAClC,OAAO,6DAAK,CAAC;AACjB,CAAC;AAEY,QAAA,0BAA0B,GAAG,yBAAyB,CAAC;AAEpE,SAAwB,qBAAqB;IACzC,OAAO,IAAA,mBAAM,EAAC,kCAA0B,EAAE,6BAA6B,EAAE,IAAI,CAAC,CAAC;AACnF,CAAC","sourcesContent":["import React from 'react';\n\nimport { withDI } from '@/providers/DIProvider';\n\nfunction OriginalOccupancyWarningBlock() {\n    return <></>;\n}\n\nexport const BE_OCCUPANCY_WARNING_BLOCK = 'BEOccupancyWarningBlock';\n\nexport default function OccupancyWarningBlock() {\n    return withDI(BE_OCCUPANCY_WARNING_BLOCK, OriginalOccupancyWarningBlock, null);\n}\n"]}