@roomstay/frontend 2.3.9 → 2.3.10

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,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"]}
+{"version":3,"file":"StepConfirmationAcknowledgement.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationAcknowledgement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAAkD;AAClD,kDAA0B;AAC1B,iDAA+C;AAE/C,iFAAyD;AACzD,oEAA8D;AAC9D,sFAA8D;AAC9D,6EAAqD;AACrD,yDAA0D;AAC1D,kEAA2D;AAC3D,4DAAyD;AACzD,wCAAqC;AAMrC,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 { useCurrentHotel } from '@frontend/hooks';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport Checkbox from '@/components/generic/Checkbox/Checkbox';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\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/StepConfirmationCheckoutDifferencesModal.js

@@ -26,21 +26,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const contexts_1 = require("../../../contexts/index.js");
+const dayjs_1 = __importDefault(require("dayjs"));
 const react_1 = __importStar(require("react"));
-const SimpleModal_1 = __importStar(require("../../generic/modal/SimpleModal"));
+const react_i18next_1 = require("react-i18next");
 const BEButton_1 = __importDefault(require("../../generic/BEButton"));
+const Countdown_1 = __importDefault(require("../../generic/Countdown"));
 const Currency_1 = __importDefault(require("../../generic/Currency"));
-const Text_1 = __importStar(require("../../generic/Text"));
-const Color_1 = require("../../../util/Color");
-const contexts_1 = require("../../../contexts/index.js");
 const Headline_1 = __importDefault(require("../../generic/Headline"));
-const LineBreak_1 = __importDefault(require("../../generic/LineBreak"));
 const Icon_1 = require("../../generic/Icon/Icon");
-const Countdown_1 = __importDefault(require("../../generic/Countdown"));
-const dayjs_1 = __importDefault(require("dayjs"));
+const LineBreak_1 = __importDefault(require("../../generic/LineBreak"));
+const SimpleModal_1 = __importStar(require("../../generic/modal/SimpleModal"));
 const Pill_1 = __importStar(require("../../generic/Pill"));
-const react_i18next_1 = require("react-i18next");
+const Text_1 = __importStar(require("../../generic/Text"));
 const Translation_1 = require("../../../translations/Translation");
+const Color_1 = require("../../../util/Color");
 function StepConfirmationCheckoutDifferencesModal(props) {
     var _a, _b;
     const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);

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

@@ -1 +1 @@
-{"version":3,"file":"StepConfirmationCheckoutDifferencesModal.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationCheckoutDifferencesModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA+D;AAC/D,sFAAsF;AACtF,6EAAqD;AAErD,6EAAqD;AACrD,kEAA2D;AAC3D,wCAAqC;AACrC,iDAAmD;AACnD,6EAAqD;AACrD,+EAAuD;AACvD,yDAA0D;AAC1D,+EAAuD;AACvD,kDAA0B;AAC1B,kEAA2D;AAC3D,iDAA+C;AAC/C,4DAAyD;AAWzD,SAAwB,wCAAwC,CAAC,KAAoD;;IACjH,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAA,eAAK,GAAE,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC;IAElE,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACX,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,IAAI,OAAO,GAAQ,IAAI,CAAC;QAExB,IAAI,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,IAAI,CAAC,CAAC,CAAA,MAAA,KAAK,CAAC,QAAQ,0CAAE,MAAM,CAAA,EAAE;YACxD,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACtB,IAAI,CAAC,SAAS,EAAE;oBACZ,KAAK,CAAC,OAAO,EAAE,CAAC;iBACnB;YACL,CAAC,EAAE,MAAM,CAAC,CAAC;SACd;QAED,OAAO,GAAG,EAAE;YACR,SAAS,GAAG,IAAI,CAAC;YACjB,YAAY,CAAC,OAAO,CAAC,CAAC;QAC1B,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE,MAAA,KAAK,CAAC,QAAQ,0CAAE,MAAM,CAAC,CAAC,CAAC;IAEvD,MAAM,YAAY,GAAG,CACjB,uCAAK,SAAS,EAAC,QAAQ;QACnB,8BAAC,kBAAQ,IAAC,MAAM,QAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,eAAQ,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IACrG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CACrC;QACX,8BAAC,kBAAQ,IAAC,OAAO,QAAC,MAAM,QAAC,IAAI,EAAE,eAAQ,CAAC,UAAU,EAAE,YAAY,EAAC,OAAO,EAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IACxH,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,uBAAuB,CAAC,CAClD,CACT,CACT,CAAC;IAEF,OAAO,CACH,8BAAC,qBAAW,IACR,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,IAAI,CAAC,CAAC,CAAA,MAAA,KAAK,CAAC,QAAQ,0CAAE,MAAM,CAAA,EAC5D,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,wBAAwB,CAAC,EAChE,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,uCAAK,SAAS,EAAC,wBAAwB,IAAE,YAAY,CAAO,EAC3E,IAAI,EAAE,6BAAe,CAAC,KAAK,EAC3B,WAAW;QAEX,uCAAK,SAAS,EAAC,wBAAwB;YACnC,uCAAK,SAAS,EAAC,KAAK;gBAChB,uCAAK,SAAS,EAAC,UAAU;oBACrB,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,yBAAyB,CAAC,CAAQ,CAC7F;gBACN,uCAAK,SAAS,EAAC,UAAU;oBACrB,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,OAAO;wBAC7C,wCAAM,SAAS,EAAC,qBAAqB,IAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAQ;wBACzF,8BAAC,mBAAS,IAAC,WAAW,EAAE,OAAO,GAAI,CAChC,CACL,CACJ;YACN,8BAAC,mBAAS,OAAG;YACZ,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;gBAC9C,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;;oBACjC,MAAM,SAAS,GAAG,aAAa,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,UAAU,CAAC,EAAE,CAAC,CAAC;oBAE/F,OAAO,CACH,uCAAK,GAAG,EAAE,UAAU,CAAC,EAAE;wBAClB,CAAC,CAAC,SAAS,IAAI,CACZ,uCAAK,SAAS,EAAC,sBAAsB;4BACjC,uCAAK,SAAS,EAAC,sBAAsB;gCACjC,8BAAC,kBAAQ,QAAE,SAAS,CAAC,OAAO,EAAE,CAAC,IAAI,CAAY,CAC7C;4BACN,8BAAC,cAAI,QAAE,MAAA,SAAS,CAAC,OAAO,EAAE,0CAAE,IAAI,CAAQ,CACtC,CACT;wBACD,uCAAK,SAAS,EAAC,6BAA6B;4BACxC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI;gCACrB,iEAAiC,CAC9B;4BACP,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,KAAK;gCACpB,8BAAC,kBAAQ,QAAE,MAAA,UAAU,CAAC,UAAU,0CAAE,MAAM,CAAY,CACjD,CACL;wBACN,uCAAK,SAAS,EAAC,QAAQ;4BACnB,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI;gCACrB,8DAA8B,CAC3B;4BACP,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,OAAO;gCACtB,8BAAC,kBAAQ,QAAE,MAAA,UAAU,CAAC,UAAU,0CAAE,KAAK,CAAY,CAChD,CACL;wBACN,8BAAC,mBAAS,OAAG,CACX,CACT,CAAC;gBACN,CAAC,CAAC;YACL,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC;gBACxC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAe,EAAE,KAAa,EAAE,EAAE;oBAClD,OAAO,8BAAC,cAAI,IAAC,GAAG,EAAE,KAAK,IAAG,OAAO,CAAQ,CAAC;gBAC9C,CAAC,CAAC,CACJ,CACI,CACjB,CAAC;AACN,CAAC;AAlGD,2DAkGC","sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport BEButton from '@/components/generic/BEButton';\nimport BasketRowDifferences from '@/models/BasketRowDifferences';\nimport Currency from '@/components/generic/Currency';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport { BasketContext } from '@frontend/contexts';\nimport Headline from '@/components/generic/Headline';\nimport LineBreak from '@/components/generic/LineBreak';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Countdown from '@/components/generic/Countdown';\nimport dayjs from 'dayjs';\nimport Pill, { PillType } from '@/components/generic/Pill';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from '@/translations/Translation';\n\ninterface StepConfirmationCheckoutDifferencesModalProps {\n    differences: BasketRowDifferences[];\n    warnings: string[];\n\n    onClose: () => void;\n    onProceed: () => void;\n    isLoading?: boolean;\n}\n\nexport default function StepConfirmationCheckoutDifferencesModal(props: StepConfirmationCheckoutDifferencesModalProps) {\n    const basketContext = useContext(BasketContext);\n    const { t } = useTranslation();\n\n    const [endTime, setEndTime] = useState(dayjs().add(14, 'minute'));\n\n    useEffect(() => {\n        let cancelled = false;\n        let timeout: any = null;\n\n        if (!!props.differences.length || !!props.warnings?.length) {\n            timeout = setTimeout(() => {\n                if (!cancelled) {\n                    props.onClose();\n                }\n            }, 740000);\n        }\n\n        return () => {\n            cancelled = true;\n            clearTimeout(timeout);\n        };\n    }, [props.differences.length, props.warnings?.length]);\n\n    const mobileFooter = (\n        <div className=\"u-flex\">\n            <BEButton isText size=\"small\" icon={IconType.ArrowLeft} onClick={props.onClose} isLoading={props.isLoading}>\n                {t(Translation.Step.Confirmation.TakeMeBack)}\n            </BEButton>\n            <BEButton primary filled icon={IconType.ArrowRight} iconPosition=\"right\" onClick={props.onProceed} isLoading={props.isLoading}>\n                {t(Translation.Step.Confirmation.ContinueWithReservation)}\n            </BEButton>\n        </div>\n    );\n\n    return (\n        <SimpleModal\n            open={!!props.differences.length || !!props.warnings?.length}\n            title={t(Translation.Step.Confirmation.YourTotalPriceHasChanged)}\n            mobileFooter={mobileFooter}\n            desktopFooter={<div className=\"u-marg-heavy u-marg@m-\">{mobileFooter}</div>}\n            size={SimpleModalSize.Small}\n            alignCenter\n        >\n            <div className=\"u-marg-heavy u-marg@m-\">\n                <div className=\"row\">\n                    <div className=\"col-md-8\">\n                        <Text type={TextType.Small}>{t(Translation.Step.Confirmation.ConfirmationCheckoutTitle)}</Text>\n                    </div>\n                    <div className=\"col-md-4\">\n                        <Pill icon={IconType.Time} type={PillType.Primary}>\n                            <span className=\"u-marg-right--light\">{t(Translation.Step.Confirmation.RevertsIn)}</span>\n                            <Countdown endTimeDate={endTime} />\n                        </Pill>\n                    </div>\n                </div>\n                <LineBreak />\n                {!!(props.differences && props.differences.length) &&\n                    props.differences.map((difference) => {\n                        const basketRow = basketContext.getAllValidRows().find((row) => row.getID() === difference.id);\n\n                        return (\n                            <div key={difference.id}>\n                                {!!basketRow && (\n                                    <div className=\"u-marg-bottom--heavy\">\n                                        <div className=\"u-marg-bottom--light\">\n                                            <Headline>{basketRow.getRoom().name}</Headline>\n                                        </div>\n                                        <Text>{basketRow.getRate()?.name}</Text>\n                                    </div>\n                                )}\n                                <div className=\"u-flex u-marg-bottom--light\">\n                                    <Text type={TextType.Body}>\n                                        <strong>Displayed price:</strong>\n                                    </Text>\n                                    <Text color={Color.Alert}>\n                                        <Currency>{difference.totalPrice?.before}</Currency>\n                                    </Text>\n                                </div>\n                                <div className=\"u-flex\">\n                                    <Text type={TextType.Body}>\n                                        <strong>Actual price:</strong>\n                                    </Text>\n                                    <Text color={Color.Success}>\n                                        <Currency>{difference.totalPrice?.after}</Currency>\n                                    </Text>\n                                </div>\n                                <LineBreak />\n                            </div>\n                        );\n                    })}\n                {!!(props.warnings && props.warnings.length) &&\n                    props.warnings.map((warning: string, index: number) => {\n                        return <Text key={index}>{warning}</Text>;\n                    })}\n            </div>\n        </SimpleModal>\n    );\n}\n"]}
+{"version":3,"file":"StepConfirmationCheckoutDifferencesModal.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationCheckoutDifferencesModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAmD;AACnD,kDAA0B;AAC1B,+CAA+D;AAC/D,iDAA+C;AAE/C,6EAAqD;AACrD,+EAAuD;AACvD,6EAAqD;AACrD,6EAAqD;AACrD,yDAA0D;AAC1D,+EAAuD;AACvD,sFAAsF;AACtF,kEAA2D;AAC3D,kEAA2D;AAE3D,4DAAyD;AACzD,wCAAqC;AAWrC,SAAwB,wCAAwC,CAAC,KAAoD;;IACjH,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAA,eAAK,GAAE,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC;IAElE,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACX,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,IAAI,OAAO,GAAQ,IAAI,CAAC;QAExB,IAAI,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,IAAI,CAAC,CAAC,CAAA,MAAA,KAAK,CAAC,QAAQ,0CAAE,MAAM,CAAA,EAAE;YACxD,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACtB,IAAI,CAAC,SAAS,EAAE;oBACZ,KAAK,CAAC,OAAO,EAAE,CAAC;iBACnB;YACL,CAAC,EAAE,MAAM,CAAC,CAAC;SACd;QAED,OAAO,GAAG,EAAE;YACR,SAAS,GAAG,IAAI,CAAC;YACjB,YAAY,CAAC,OAAO,CAAC,CAAC;QAC1B,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE,MAAA,KAAK,CAAC,QAAQ,0CAAE,MAAM,CAAC,CAAC,CAAC;IAEvD,MAAM,YAAY,GAAG,CACjB,uCAAK,SAAS,EAAC,QAAQ;QACnB,8BAAC,kBAAQ,IAAC,MAAM,QAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,eAAQ,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IACrG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CACrC;QACX,8BAAC,kBAAQ,IAAC,OAAO,QAAC,MAAM,QAAC,IAAI,EAAE,eAAQ,CAAC,UAAU,EAAE,YAAY,EAAC,OAAO,EAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IACxH,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,uBAAuB,CAAC,CAClD,CACT,CACT,CAAC;IAEF,OAAO,CACH,8BAAC,qBAAW,IACR,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,IAAI,CAAC,CAAC,CAAA,MAAA,KAAK,CAAC,QAAQ,0CAAE,MAAM,CAAA,EAC5D,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,wBAAwB,CAAC,EAChE,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,uCAAK,SAAS,EAAC,wBAAwB,IAAE,YAAY,CAAO,EAC3E,IAAI,EAAE,6BAAe,CAAC,KAAK,EAC3B,WAAW;QAEX,uCAAK,SAAS,EAAC,wBAAwB;YACnC,uCAAK,SAAS,EAAC,KAAK;gBAChB,uCAAK,SAAS,EAAC,UAAU;oBACrB,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,yBAAyB,CAAC,CAAQ,CAC7F;gBACN,uCAAK,SAAS,EAAC,UAAU;oBACrB,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,eAAQ,CAAC,OAAO;wBAC7C,wCAAM,SAAS,EAAC,qBAAqB,IAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAQ;wBACzF,8BAAC,mBAAS,IAAC,WAAW,EAAE,OAAO,GAAI,CAChC,CACL,CACJ;YACN,8BAAC,mBAAS,OAAG;YACZ,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;gBAC9C,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;;oBACjC,MAAM,SAAS,GAAG,aAAa,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,UAAU,CAAC,EAAE,CAAC,CAAC;oBAE/F,OAAO,CACH,uCAAK,GAAG,EAAE,UAAU,CAAC,EAAE;wBAClB,CAAC,CAAC,SAAS,IAAI,CACZ,uCAAK,SAAS,EAAC,sBAAsB;4BACjC,uCAAK,SAAS,EAAC,sBAAsB;gCACjC,8BAAC,kBAAQ,QAAE,SAAS,CAAC,OAAO,EAAE,CAAC,IAAI,CAAY,CAC7C;4BACN,8BAAC,cAAI,QAAE,MAAA,SAAS,CAAC,OAAO,EAAE,0CAAE,IAAI,CAAQ,CACtC,CACT;wBACD,uCAAK,SAAS,EAAC,6BAA6B;4BACxC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI;gCACrB,iEAAiC,CAC9B;4BACP,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,KAAK;gCACpB,8BAAC,kBAAQ,QAAE,MAAA,UAAU,CAAC,UAAU,0CAAE,MAAM,CAAY,CACjD,CACL;wBACN,uCAAK,SAAS,EAAC,QAAQ;4BACnB,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,IAAI;gCACrB,8DAA8B,CAC3B;4BACP,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,OAAO;gCACtB,8BAAC,kBAAQ,QAAE,MAAA,UAAU,CAAC,UAAU,0CAAE,KAAK,CAAY,CAChD,CACL;wBACN,8BAAC,mBAAS,OAAG,CACX,CACT,CAAC;gBACN,CAAC,CAAC;YACL,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC;gBACxC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAe,EAAE,KAAa,EAAE,EAAE;oBAClD,OAAO,8BAAC,cAAI,IAAC,GAAG,EAAE,KAAK,IAAG,OAAO,CAAQ,CAAC;gBAC9C,CAAC,CAAC,CACJ,CACI,CACjB,CAAC;AACN,CAAC;AAlGD,2DAkGC","sourcesContent":["import { BasketContext } from '@frontend/contexts';\nimport dayjs from 'dayjs';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport BEButton from '@/components/generic/BEButton';\nimport Countdown from '@/components/generic/Countdown';\nimport Currency from '@/components/generic/Currency';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport Pill, { PillType } from '@/components/generic/Pill';\nimport Text, { TextType } from '@/components/generic/Text';\nimport BasketRowDifferences from '@/models/BasketRowDifferences';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\ninterface StepConfirmationCheckoutDifferencesModalProps {\n    differences: BasketRowDifferences[];\n    warnings: string[];\n\n    onClose: () => void;\n    onProceed: () => void;\n    isLoading?: boolean;\n}\n\nexport default function StepConfirmationCheckoutDifferencesModal(props: StepConfirmationCheckoutDifferencesModalProps) {\n    const basketContext = useContext(BasketContext);\n    const { t } = useTranslation();\n\n    const [endTime, setEndTime] = useState(dayjs().add(14, 'minute'));\n\n    useEffect(() => {\n        let cancelled = false;\n        let timeout: any = null;\n\n        if (!!props.differences.length || !!props.warnings?.length) {\n            timeout = setTimeout(() => {\n                if (!cancelled) {\n                    props.onClose();\n                }\n            }, 740000);\n        }\n\n        return () => {\n            cancelled = true;\n            clearTimeout(timeout);\n        };\n    }, [props.differences.length, props.warnings?.length]);\n\n    const mobileFooter = (\n        <div className=\"u-flex\">\n            <BEButton isText size=\"small\" icon={IconType.ArrowLeft} onClick={props.onClose} isLoading={props.isLoading}>\n                {t(Translation.Step.Confirmation.TakeMeBack)}\n            </BEButton>\n            <BEButton primary filled icon={IconType.ArrowRight} iconPosition=\"right\" onClick={props.onProceed} isLoading={props.isLoading}>\n                {t(Translation.Step.Confirmation.ContinueWithReservation)}\n            </BEButton>\n        </div>\n    );\n\n    return (\n        <SimpleModal\n            open={!!props.differences.length || !!props.warnings?.length}\n            title={t(Translation.Step.Confirmation.YourTotalPriceHasChanged)}\n            mobileFooter={mobileFooter}\n            desktopFooter={<div className=\"u-marg-heavy u-marg@m-\">{mobileFooter}</div>}\n            size={SimpleModalSize.Small}\n            alignCenter\n        >\n            <div className=\"u-marg-heavy u-marg@m-\">\n                <div className=\"row\">\n                    <div className=\"col-md-8\">\n                        <Text type={TextType.Small}>{t(Translation.Step.Confirmation.ConfirmationCheckoutTitle)}</Text>\n                    </div>\n                    <div className=\"col-md-4\">\n                        <Pill icon={IconType.Time} type={PillType.Primary}>\n                            <span className=\"u-marg-right--light\">{t(Translation.Step.Confirmation.RevertsIn)}</span>\n                            <Countdown endTimeDate={endTime} />\n                        </Pill>\n                    </div>\n                </div>\n                <LineBreak />\n                {!!(props.differences && props.differences.length) &&\n                    props.differences.map((difference) => {\n                        const basketRow = basketContext.getAllValidRows().find((row) => row.getID() === difference.id);\n\n                        return (\n                            <div key={difference.id}>\n                                {!!basketRow && (\n                                    <div className=\"u-marg-bottom--heavy\">\n                                        <div className=\"u-marg-bottom--light\">\n                                            <Headline>{basketRow.getRoom().name}</Headline>\n                                        </div>\n                                        <Text>{basketRow.getRate()?.name}</Text>\n                                    </div>\n                                )}\n                                <div className=\"u-flex u-marg-bottom--light\">\n                                    <Text type={TextType.Body}>\n                                        <strong>Displayed price:</strong>\n                                    </Text>\n                                    <Text color={Color.Alert}>\n                                        <Currency>{difference.totalPrice?.before}</Currency>\n                                    </Text>\n                                </div>\n                                <div className=\"u-flex\">\n                                    <Text type={TextType.Body}>\n                                        <strong>Actual price:</strong>\n                                    </Text>\n                                    <Text color={Color.Success}>\n                                        <Currency>{difference.totalPrice?.after}</Currency>\n                                    </Text>\n                                </div>\n                                <LineBreak />\n                            </div>\n                        );\n                    })}\n                {!!(props.warnings && props.warnings.length) &&\n                    props.warnings.map((warning: string, index: number) => {\n                        return <Text key={index}>{warning}</Text>;\n                    })}\n            </div>\n        </SimpleModal>\n    );\n}\n"]}

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

@@ -17,11 +17,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StepConfirmationCommentsComponent = exports.BE_CONFIRMATION_COMMENTS_BLOCK = void 0;
 const react_1 = __importDefault(require("react"));
 const react_i18next_1 = require("react-i18next");
-const DIProvider_1 = require("../../../providers/DIProvider");
 const Translation_1 = require("translations/Translation");
 const Headline_1 = __importDefault(require("../../generic/Headline"));
 const LineBreak_1 = __importDefault(require("../../generic/LineBreak"));
 const TextArea_1 = __importDefault(require("../../generic/TextArea"));
+const DIProvider_1 = require("../../../providers/DIProvider");
 const OriginalComponent = (_a) => {
     var { inputRef } = _a, rest = __rest(_a, ["inputRef"]);
     const { t } = (0, react_i18next_1.useTranslation)();

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

@@ -1 +1 @@
-{"version":3,"file":"StepConfirmationCommentsComponent.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationCommentsComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAG1B,iDAA+C;AAC/C,uDAAgD;AAChD,0DAAuD;AACvD,6EAAqD;AACrD,+EAAuD;AAEvD,6EAAwE;AAMxE,MAAM,iBAAiB,GAA+C,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,QAAQ,OAAW,EAAN,IAAI,cAAnB,YAAqB,CAAF;IACtF,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH;QACI,8BAAC,mBAAS,OAAG;QACb,uCAAK,SAAS,EAAC,sBAAsB;YACjC,uCAAK,SAAS,EAAC,eAAe;gBAC1B,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAY,CACnE;YACN,8BAAC,kBAAQ,oBAAK,IAAI,IAAE,GAAG,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,wBAAwB,CAAC,IAAI,CAClH,CACP,CACN,CAAC;AACN,CAAC,CAAC;AAEW,QAAA,8BAA8B,GAAG,6BAA6B,CAAC;AAC5E,SAAgB,iCAAiC,CAAC,KAA6C;IAC3F,OAAO,IAAA,mBAAM,EAAC,sCAA8B,EAAE,iBAAiB,EAAE,KAAK,CAAC,CAAC;AAC5E,CAAC;AAFD,8EAEC","sourcesContent":["import React from 'react';\nimport { FC } from 'react';\n\nimport { useTranslation } from 'react-i18next';\nimport { withDI } from '@/providers/DIProvider';\nimport { Translation } from 'translations/Translation';\nimport Headline from '@/components/generic/Headline';\nimport LineBreak from '@/components/generic/LineBreak';\n\nimport TextArea, { TextAreaProps } from '@/components/generic/TextArea';\n\nexport interface StepConfirmationCommentsComponentProps extends Omit<TextAreaProps, 'placeholder'> {\n    inputRef: any;\n}\n\nconst OriginalComponent: FC<StepConfirmationCommentsComponentProps> = ({ inputRef, ...rest }) => {\n    const { t } = useTranslation();\n\n    return (\n        <>\n            <LineBreak />\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 {...rest} ref={inputRef} placeholder={t(Translation.Step.Confirmation.Inputs.EnterSpecialRequestsHere)} />\n            </div>\n        </>\n    );\n};\n\nexport const BE_CONFIRMATION_COMMENTS_BLOCK = 'BEConfirmationCommentsBlock';\nexport function StepConfirmationCommentsComponent(props: StepConfirmationCommentsComponentProps) {\n    return withDI(BE_CONFIRMATION_COMMENTS_BLOCK, OriginalComponent, props);\n}\n"]}
+{"version":3,"file":"StepConfirmationCommentsComponent.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationCommentsComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAAkC;AAClC,iDAA+C;AAC/C,0DAAuD;AAEvD,6EAAqD;AACrD,+EAAuD;AACvD,6EAAwE;AACxE,uDAAgD;AAMhD,MAAM,iBAAiB,GAA+C,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,QAAQ,OAAW,EAAN,IAAI,cAAnB,YAAqB,CAAF;IACtF,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH;QACI,8BAAC,mBAAS,OAAG;QACb,uCAAK,SAAS,EAAC,sBAAsB;YACjC,uCAAK,SAAS,EAAC,eAAe;gBAC1B,8BAAC,kBAAQ,IAAC,IAAI,UAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAY,CACnE;YACN,8BAAC,kBAAQ,oBAAK,IAAI,IAAE,GAAG,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,wBAAwB,CAAC,IAAI,CAClH,CACP,CACN,CAAC;AACN,CAAC,CAAC;AAEW,QAAA,8BAA8B,GAAG,6BAA6B,CAAC;AAE5E,SAAgB,iCAAiC,CAAC,KAA6C;IAC3F,OAAO,IAAA,mBAAM,EAAC,sCAA8B,EAAE,iBAAiB,EAAE,KAAK,CAAC,CAAC;AAC5E,CAAC;AAFD,8EAEC","sourcesContent":["import React, { FC } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Headline from '@/components/generic/Headline';\nimport LineBreak from '@/components/generic/LineBreak';\nimport TextArea, { TextAreaProps } from '@/components/generic/TextArea';\nimport { withDI } from '@/providers/DIProvider';\n\nexport interface StepConfirmationCommentsComponentProps extends Omit<TextAreaProps, 'placeholder'> {\n    inputRef: any;\n}\n\nconst OriginalComponent: FC<StepConfirmationCommentsComponentProps> = ({ inputRef, ...rest }) => {\n    const { t } = useTranslation();\n\n    return (\n        <>\n            <LineBreak />\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 {...rest} ref={inputRef} placeholder={t(Translation.Step.Confirmation.Inputs.EnterSpecialRequestsHere)} />\n            </div>\n        </>\n    );\n};\n\nexport const BE_CONFIRMATION_COMMENTS_BLOCK = 'BEConfirmationCommentsBlock';\n\nexport function StepConfirmationCommentsComponent(props: StepConfirmationCommentsComponentProps) {\n    return withDI(BE_CONFIRMATION_COMMENTS_BLOCK, OriginalComponent, props);\n}\n"]}

package/dist/src/components/steps/confirmation/StepConfirmationCountrySelector.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import { ChangeEvent } from 'react';
 import './StepConfirmationCountrySelector.global.scss';
+import React, { ChangeEvent } from 'react';
 interface StepConfirmationCountrySelectorProps {
     validationStatus?: 'success' | 'error';
     name?: string;

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

@@ -26,39 +26,38 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+require("./StepConfirmationCountrySelector.global.scss");
 const classnames_1 = __importDefault(require("classnames"));
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
+const AutoFocusOnSelect_1 = require("hooks/AutoFocusOnSelect");
+const react_1 = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
-const CountryCodesAndNumbers_1 = require("../../../models/CountryCodesAndNumbers");
 const Translation_1 = require("translations/Translation");
 const Icon_1 = __importStar(require("../../generic/Icon/Icon"));
-require("./StepConfirmationCountrySelector.global.scss");
-const AutoFocusOnSelect_1 = require("hooks/AutoFocusOnSelect");
+const CountryCodesAndNumbers_1 = require("../../../models/CountryCodesAndNumbers");
 const Select_1 = require("../../generic/Select/Select");
-const StepConfirmationCountrySelector = (0, react_2.forwardRef)(function InnerStepConfirmationCountrySelector(props, ref) {
-    const inputRef = (0, react_2.useRef)(null);
-    (0, react_2.useImperativeHandle)(ref, () => inputRef.current);
+const StepConfirmationCountrySelector = (0, react_1.forwardRef)(function InnerStepConfirmationCountrySelector(props, ref) {
+    const inputRef = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(ref, () => inputRef.current);
     const { onDropdownClosed, onItemSelected, onTriggerClicked, isDropdownOpen, isFocused } = (0, AutoFocusOnSelect_1.useAutoFocusOnSelect)({
         ref: inputRef.current,
         focusOnSelected: false,
     });
     const { validationStatus, name, onChange, value = '' } = props;
-    const [inputValue, setInputValue] = (0, react_2.useState)(value);
-    (0, react_2.useEffect)(() => {
+    const [inputValue, setInputValue] = (0, react_1.useState)(value);
+    (0, react_1.useEffect)(() => {
         setInputValue(value);
     }, [value]);
-    const organizedCountries = (0, react_2.useMemo)(() => {
+    const organizedCountries = (0, react_1.useMemo)(() => {
         return CountryCodesAndNumbers_1.ListOfCountriesAndCodes.sort((a, b) => {
             return `${(a.suggested ? '000' : '') + a.label}`.localeCompare(`${(b.suggested ? '000' : '') + b.label}`);
         });
     }, [CountryCodesAndNumbers_1.ListOfCountriesAndCodes]);
-    const filterCountries = (0, react_2.useCallback)((inputValue) => {
+    const filterCountries = (0, react_1.useCallback)((inputValue) => {
         return organizedCountries.filter(({ label }) => label.toUpperCase().includes(inputValue.toUpperCase()));
     }, [organizedCountries]);
-    const [options, setOptions] = (0, react_2.useState)(filterCountries(value));
+    const [options, setOptions] = (0, react_1.useState)(filterCountries(value));
     const { t } = (0, react_i18next_1.useTranslation)();
-    const container = (0, react_2.useRef)(null);
+    const container = (0, react_1.useRef)(null);
     const emptyValue = () => {
         onChange === null || onChange === void 0 ? void 0 : onChange({ target: { name, value: '' } });
         setInputValue('');

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

@@ -1 +1 @@
-{"version":3,"file":"StepConfirmationCountrySelector.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationCountrySelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames';\nimport React from 'react';\nimport { ChangeEvent, forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { convertCountryCodeToFlag, CountryType, ListOfCountriesAndCodes } from '@/models/CountryCodesAndNumbers';\nimport { Translation } from 'translations/Translation';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\n\nimport './StepConfirmationCountrySelector.global.scss';\nimport { useAutoFocusOnSelect } from 'hooks/AutoFocusOnSelect';\nimport { Select } from '../../generic/Select/Select';\n\ninterface StepConfirmationCountrySelectorProps {\n    validationStatus?: 'success' | 'error';\n    name?: string;\n    value?: string; // example: Australia\n    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n    disabled?: boolean;\n}\n\nconst StepConfirmationCountrySelector = forwardRef<HTMLInputElement | null, StepConfirmationCountrySelectorProps>(function InnerStepConfirmationCountrySelector(props, ref) {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    useImperativeHandle<HTMLInputElement | null, HTMLInputElement | null>(ref, () => inputRef.current);\n    const { onDropdownClosed, onItemSelected, onTriggerClicked, isDropdownOpen, isFocused } = useAutoFocusOnSelect({\n        ref: inputRef.current,\n        focusOnSelected: false,\n    });\n\n    const { validationStatus, name, onChange, value = '' } = props;\n    const [inputValue, setInputValue] = useState<string>(value);\n\n    useEffect(() => {\n        setInputValue(value);\n    }, [value]);\n    const organizedCountries: CountryType[] = useMemo(() => {\n        return ListOfCountriesAndCodes.sort((a, b) => {\n            return `${(a.suggested ? '000' : '') + a.label}`.localeCompare(`${(b.suggested ? '000' : '') + b.label}`);\n        });\n    }, [ListOfCountriesAndCodes]);\n    const filterCountries = useCallback(\n        (inputValue: string): CountryType[] => {\n            return organizedCountries.filter(({ label }) => label.toUpperCase().includes(inputValue.toUpperCase()));\n        },\n        [organizedCountries]\n    );\n    const [options, setOptions] = useState<CountryType[]>(filterCountries(value));\n\n    const { t } = useTranslation();\n\n    const container = useRef(null);\n\n    const emptyValue = () => {\n        onChange?.({ target: { name, value: '' } } as any);\n        setInputValue('');\n        setOptions(organizedCountries);\n    };\n\n    const onInputChanged = (e: ChangeEvent<HTMLInputElement>) => {\n        const value = e.target.value?.trim() || '';\n        if (value) {\n            const options = filterCountries(value);\n            setOptions(options);\n            const exactCountry = options.find(({ label }) => label === value);\n            if (exactCountry) {\n                onCountryClick(exactCountry);\n            }\n        } else {\n            setOptions(organizedCountries);\n        }\n        setInputValue(e.target.value);\n    };\n\n    const fieldClasses = classNames('rs-enhanced-country-field', {\n        [`--${validationStatus}`]: !!validationStatus,\n        '--focused': isFocused,\n        '--disabled': props.disabled,\n    });\n\n    const onCountryClick = (country: CountryType): void => {\n        setInputValue(country.label);\n        onItemSelected();\n        onChange?.({ target: { name, value: country.label } } as any);\n    };\n\n    const getOption = (key: CountryType['label']): CountryType | undefined => {\n        return options.find(({ label }) => label === key);\n    };\n\n    const onClose = (e: Event) => {\n        onDropdownClosed(e);\n        if (organizedCountries.every(({ label }) => label !== inputRef.current?.value)) {\n            emptyValue();\n        }\n    };\n\n    return (\n        <div className={fieldClasses}>\n            <div className=\"rs-enhanced-country-field--anchor\" ref={container}></div>\n\n            <div className=\"rs-enhanced-country-field--search\">\n                <input disabled={props.disabled} ref={inputRef} placeholder={t(Translation.Step.Confirmation.Inputs.Country) + ' *'} onChange={onInputChanged} value={inputValue} />\n                <div\n                    onClick={() => {\n                        emptyValue();\n                        inputRef.current?.focus();\n                    }}\n                    className={classNames('rs-enhanced-country-field--close', {\n                        '--hide': !inputValue,\n                    })}\n                >\n                    <Icon icon={IconType.Close} />\n                </div>\n                <div className=\"rs-enhanced-country-field--country\" onClick={onTriggerClicked}>\n                    <Icon icon={IconType.Dropdown} />\n                </div>\n            </div>\n\n            <Select<CountryType, 'label'>\n                offset={[0, 21]}\n                open={isDropdownOpen}\n                onClose={onClose}\n                target={container.current}\n                options={options}\n                value={value}\n                onChange={(value) => {\n                    const option = getOption(value);\n                    if (option) {\n                        onCountryClick(option);\n                    }\n                }}\n                keyName=\"label\"\n                renderOption={(country) => (\n                    <div className=\"rs-enhanced-country-field--suggest-list-country\">\n                        <div className=\"rs-enhanced-country-field--suggest-list-country-icon\">{convertCountryCodeToFlag(country?.code as string)}</div>\n                        <div className=\"rs-enhanced-country-field--suggest-list-country-name\">\n                            {country?.label} ({country?.code})\n                        </div>\n                    </div>\n                )}\n            />\n        </div>\n    );\n});\n\nexport default StepConfirmationCountrySelector;\n"]}
+{"version":3,"file":"StepConfirmationCountrySelector.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationCountrySelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import './StepConfirmationCountrySelector.global.scss';\n\nimport classNames from 'classnames';\nimport { useAutoFocusOnSelect } from 'hooks/AutoFocusOnSelect';\nimport React, { ChangeEvent, forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { convertCountryCodeToFlag, CountryType, ListOfCountriesAndCodes } from '@/models/CountryCodesAndNumbers';\n\nimport { Select } from '../../generic/Select/Select';\n\ninterface StepConfirmationCountrySelectorProps {\n    validationStatus?: 'success' | 'error';\n    name?: string;\n    value?: string; // example: Australia\n    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n    disabled?: boolean;\n}\n\nconst StepConfirmationCountrySelector = forwardRef<HTMLInputElement | null, StepConfirmationCountrySelectorProps>(function InnerStepConfirmationCountrySelector(props, ref) {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    useImperativeHandle<HTMLInputElement | null, HTMLInputElement | null>(ref, () => inputRef.current);\n    const { onDropdownClosed, onItemSelected, onTriggerClicked, isDropdownOpen, isFocused } = useAutoFocusOnSelect({\n        ref: inputRef.current,\n        focusOnSelected: false,\n    });\n\n    const { validationStatus, name, onChange, value = '' } = props;\n    const [inputValue, setInputValue] = useState<string>(value);\n\n    useEffect(() => {\n        setInputValue(value);\n    }, [value]);\n    const organizedCountries: CountryType[] = useMemo(() => {\n        return ListOfCountriesAndCodes.sort((a, b) => {\n            return `${(a.suggested ? '000' : '') + a.label}`.localeCompare(`${(b.suggested ? '000' : '') + b.label}`);\n        });\n    }, [ListOfCountriesAndCodes]);\n    const filterCountries = useCallback(\n        (inputValue: string): CountryType[] => {\n            return organizedCountries.filter(({ label }) => label.toUpperCase().includes(inputValue.toUpperCase()));\n        },\n        [organizedCountries]\n    );\n    const [options, setOptions] = useState<CountryType[]>(filterCountries(value));\n\n    const { t } = useTranslation();\n\n    const container = useRef(null);\n\n    const emptyValue = () => {\n        onChange?.({ target: { name, value: '' } } as any);\n        setInputValue('');\n        setOptions(organizedCountries);\n    };\n\n    const onInputChanged = (e: ChangeEvent<HTMLInputElement>) => {\n        const value = e.target.value?.trim() || '';\n        if (value) {\n            const options = filterCountries(value);\n            setOptions(options);\n            const exactCountry = options.find(({ label }) => label === value);\n            if (exactCountry) {\n                onCountryClick(exactCountry);\n            }\n        } else {\n            setOptions(organizedCountries);\n        }\n        setInputValue(e.target.value);\n    };\n\n    const fieldClasses = classNames('rs-enhanced-country-field', {\n        [`--${validationStatus}`]: !!validationStatus,\n        '--focused': isFocused,\n        '--disabled': props.disabled,\n    });\n\n    const onCountryClick = (country: CountryType): void => {\n        setInputValue(country.label);\n        onItemSelected();\n        onChange?.({ target: { name, value: country.label } } as any);\n    };\n\n    const getOption = (key: CountryType['label']): CountryType | undefined => {\n        return options.find(({ label }) => label === key);\n    };\n\n    const onClose = (e: Event) => {\n        onDropdownClosed(e);\n        if (organizedCountries.every(({ label }) => label !== inputRef.current?.value)) {\n            emptyValue();\n        }\n    };\n\n    return (\n        <div className={fieldClasses}>\n            <div className=\"rs-enhanced-country-field--anchor\" ref={container}></div>\n\n            <div className=\"rs-enhanced-country-field--search\">\n                <input disabled={props.disabled} ref={inputRef} placeholder={t(Translation.Step.Confirmation.Inputs.Country) + ' *'} onChange={onInputChanged} value={inputValue} />\n                <div\n                    onClick={() => {\n                        emptyValue();\n                        inputRef.current?.focus();\n                    }}\n                    className={classNames('rs-enhanced-country-field--close', {\n                        '--hide': !inputValue,\n                    })}\n                >\n                    <Icon icon={IconType.Close} />\n                </div>\n                <div className=\"rs-enhanced-country-field--country\" onClick={onTriggerClicked}>\n                    <Icon icon={IconType.Dropdown} />\n                </div>\n            </div>\n\n            <Select<CountryType, 'label'>\n                offset={[0, 21]}\n                open={isDropdownOpen}\n                onClose={onClose}\n                target={container.current}\n                options={options}\n                value={value}\n                onChange={(value) => {\n                    const option = getOption(value);\n                    if (option) {\n                        onCountryClick(option);\n                    }\n                }}\n                keyName=\"label\"\n                renderOption={(country) => (\n                    <div className=\"rs-enhanced-country-field--suggest-list-country\">\n                        <div className=\"rs-enhanced-country-field--suggest-list-country-icon\">{convertCountryCodeToFlag(country?.code as string)}</div>\n                        <div className=\"rs-enhanced-country-field--suggest-list-country-name\">\n                            {country?.label} ({country?.code})\n                        </div>\n                    </div>\n                )}\n            />\n        </div>\n    );\n});\n\nexport default StepConfirmationCountrySelector;\n"]}

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

@@ -35,37 +35,37 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const contexts_1 = require("../../../contexts/index.js");
+const core_1 = require("@roomstay/core");
+const ConfirmationStepContext_1 = require("contexts/ConfirmationStepContext/ConfirmationStepContext");
+const HistoryConsistentPush_1 = require("hooks/HistoryConsistentPush");
 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"));
-const Color_1 = require("../../../util/Color");
 const react_hook_form_1 = require("react-hook-form");
-const RoomContactDetails_1 = __importDefault(require("./RoomContactDetails"));
-const LineBreak_1 = __importDefault(require("../../generic/LineBreak"));
-const StepConfirmationPoliciesSection_1 = __importDefault(require("./StepConfirmationPoliciesSection"));
-const NextStepButton_1 = __importDefault(require("../../generic/buttons/NextStepButton"));
 const react_i18next_1 = require("react-i18next");
-const contexts_1 = require("../../../contexts/index.js");
-const Icon_1 = __importStar(require("../../generic/Icon/Icon"));
+const Translation_1 = require("translations/Translation");
+const Alert_1 = __importStar(require("../../generic/Alert"));
 const SSLSecureBadge_1 = __importDefault(require("../../generic/badging/SSLSecureBadge"));
-const StepConfirmationCheckoutDifferencesModal_1 = __importDefault(require("./StepConfirmationCheckoutDifferencesModal"));
-const ErrorModal_1 = __importDefault(require("../../generic/modal/ErrorModal"));
-const StepConfirmationPolicyBlock_1 = __importDefault(require("./StepConfirmationPolicyBlock"));
-const StepConfirmationAcknowledgement_1 = __importDefault(require("./StepConfirmationAcknowledgement"));
 const BEButton_1 = __importDefault(require("../../generic/BEButton"));
-const Alert_1 = __importStar(require("../../generic/Alert"));
-const GetStepRoom_1 = __importDefault(require("../../../util/GetStepRoom"));
-const ConfirmationVerifyFeature_1 = __importDefault(require("../../../providers/feature/ConfirmationVerifyFeature"));
-const TextBox_1 = __importDefault(require("../../generic/TextBox"));
-const ShowIATANumberOnCheckoutFeature_1 = __importDefault(require("../../../providers/feature/ShowIATANumberOnCheckoutFeature"));
-const ConfirmationStepContext_1 = require("contexts/ConfirmationStepContext/ConfirmationStepContext");
-const ConfirmationQuery_1 = require("../../../hooks/ConfirmationQuery");
+const NextStepButton_1 = __importDefault(require("../../generic/buttons/NextStepButton"));
+const Headline_1 = __importDefault(require("../../generic/Headline"));
+const Icon_1 = __importStar(require("../../generic/Icon/Icon"));
+const LineBreak_1 = __importDefault(require("../../generic/LineBreak"));
 const LargeLoader_1 = __importDefault(require("../../generic/loader/LargeLoader"));
-const core_1 = require("@roomstay/core");
+const ErrorModal_1 = __importDefault(require("../../generic/modal/ErrorModal"));
+const Text_1 = __importStar(require("../../generic/Text"));
+const TextBox_1 = __importDefault(require("../../generic/TextBox"));
 const PaymentInformation_1 = __importDefault(require("./PaymentInformation"));
-const HistoryConsistentPush_1 = require("hooks/HistoryConsistentPush");
+const RoomContactDetails_1 = __importDefault(require("./RoomContactDetails"));
+const StepConfirmationAcknowledgement_1 = __importDefault(require("./StepConfirmationAcknowledgement"));
+const StepConfirmationCheckoutDifferencesModal_1 = __importDefault(require("./StepConfirmationCheckoutDifferencesModal"));
 const StepConfirmationCommentsComponent_1 = require("./StepConfirmationCommentsComponent");
+const StepConfirmationPoliciesSection_1 = __importDefault(require("./StepConfirmationPoliciesSection"));
+const StepConfirmationPolicyBlock_1 = __importDefault(require("./StepConfirmationPolicyBlock"));
+const ConfirmationQuery_1 = require("../../../hooks/ConfirmationQuery");
+const ConfirmationVerifyFeature_1 = __importDefault(require("../../../providers/feature/ConfirmationVerifyFeature"));
+const ShowIATANumberOnCheckoutFeature_1 = __importDefault(require("../../../providers/feature/ShowIATANumberOnCheckoutFeature"));
+const Color_1 = require("../../../util/Color");
+const GetStepRoom_1 = __importDefault(require("../../../util/GetStepRoom"));
 function StepConfirmationForm() {
     const [differenceWarning, setDifferenceWarning] = (0, react_1.useState)({
         differences: [],

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, { 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 { 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, useMemberContext } 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 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 getStepRoom from '@/util/GetStepRoom';\nimport ConfirmationVerifyFeature from '@/providers/feature/ConfirmationVerifyFeature';\nimport TextBox from '@/components/generic/TextBox';\nimport ShowIATANumberOnCheckoutFeature from '@/providers/feature/ShowIATANumberOnCheckoutFeature';\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 { EBookingPaymentMethod, IBookingPayment } from '@roomstay/core';\nimport PaymentInformation from '@/components/steps/confirmation/PaymentInformation';\nimport { useHistoryConsistentPush } from 'hooks/HistoryConsistentPush';\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 historyConsistentPush = useHistoryConsistentPush();\n    const { roomstayMember } = useMemberContext();\n\n    const toPaymentPayload = async (paymentMethod: string): 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            case EBookingPaymentMethod.Card: {\n                payment = {\n                    Method: EBookingPaymentMethod.Card,\n                    PaymentCard: await tokenizerRef.current?.getTokenizedCode(),\n                };\n                break;\n            }\n            case EBookingPaymentMethod.SavedCard:\n            default: {\n                payment = {\n                    Method: EBookingPaymentMethod.SavedCard,\n                    SavedCardID: paymentMethod,\n                };\n            }\n        }\n\n        return payment;\n    };\n\n    useEffect(() => {\n        let defaultPaymentValue = '' as EBookingPaymentMethod;\n        if (Object.values(EBookingPaymentMethod).includes(queryPaymentMethod as EBookingPaymentMethod)) {\n            defaultPaymentValue = queryPaymentMethod as EBookingPaymentMethod;\n        } else {\n            if (roomstayMember?.defaultCard && roomstayMember?.cards?.find((card) => card.cardId === roomstayMember?.defaultCard)) {\n                defaultPaymentValue = roomstayMember?.defaultCard as EBookingPaymentMethod;\n            } else {\n                defaultPaymentValue = EBookingPaymentMethod.Card;\n            }\n        }\n\n        methods.setValue('paymentMethod', defaultPaymentValue);\n\n        handleChangePaymentMethod(defaultPaymentValue);\n\n        if (isBackFromPlanpay) {\n            if (queryRoomstayId === basketContext.reservationData?.roomstayId) {\n                onPlaypayCallback();\n            } else {\n                rollbackReservation?.();\n            }\n        }\n        return () => {\n            if (!isBackFromPlanpay) rollbackReservation?.();\n        };\n    }, []);\n\n    const onPlaypayCallback = async () => {\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        historyConsistentPush(getStepRoom().getStepUrl());\n    };\n\n    const onNextStepClicked = async () => {\n        await handleBook(paymentMethod, async (resData) => commitReservation?.(resData));\n        return false;\n    };\n\n    const validateConfirmationPolicy = (): boolean => {\n        return !ConfirmationVerifyFeature.isActive() || !!confirmationPolicy?.current?.checked;\n    };\n\n    const validateCustomFields = (scrollToInput?: boolean): boolean => {\n        const adhocValid = formContext?.errorChecks.every((check) => check().validate(scrollToInput));\n        return adhocValid === undefined ? true : adhocValid;\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 (!validateConfirmationPolicy()) {\n                    setConfirmationPolicyError(true);\n                    return false;\n                }\n                if (!validateCustomFields(true)) {\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: string) => {\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.Navigation.Menu.PaymentInformation)}</Headline>\n                        </div>\n                        <PaymentInformation\n                            tokenizerRef={tokenizerRef}\n                            onChangeCb={async (code: string) => {\n                                await handleChangePaymentMethod(code);\n                                if (code === EBookingPaymentMethod.Planpay) {\n                                    await handleBook(code);\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>{t(Translation.Step.Confirmation.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                            isLoading={isLoading}\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                    historyConsistentPush(getStepRoom().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 { ConfirmationFormContext, useBasket, useBookingEngine, useMemberContext } from '@frontend/contexts';\nimport { EBookingPaymentMethod, IBookingPayment } from '@roomstay/core';\nimport { useConfirmationStep } from 'contexts/ConfirmationStepContext/ConfirmationStepContext';\nimport { useHistoryConsistentPush } from 'hooks/HistoryConsistentPush';\nimport React, { useContext, useEffect, useRef, useState } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport SSLSecureBadge from '@/components/generic/badging/SSLSecureBadge';\nimport BEButton from '@/components/generic/BEButton';\nimport NextStepButton from '@/components/generic/buttons/NextStepButton';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport LineBreak from '@/components/generic/LineBreak';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport ErrorModal from '@/components/generic/modal/ErrorModal';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport PaymentInformation from '@/components/steps/confirmation/PaymentInformation';\nimport RoomContactDetails from '@/components/steps/confirmation/RoomContactDetails';\nimport StepConfirmationAcknowledgement from '@/components/steps/confirmation/StepConfirmationAcknowledgement';\nimport StepConfirmationCheckoutDifferencesModal from '@/components/steps/confirmation/StepConfirmationCheckoutDifferencesModal';\nimport { StepConfirmationCommentsComponent } from '@/components/steps/confirmation/StepConfirmationCommentsComponent';\nimport StepConfirmationPoliciesSection from '@/components/steps/confirmation/StepConfirmationPoliciesSection';\nimport StepConfirmationPolicyBlock from '@/components/steps/confirmation/StepConfirmationPolicyBlock';\nimport { useConfirmationQuery } from '@/hooks/ConfirmationQuery';\nimport { ConfirmationFormValues, FBookSuccessCallback } from '@/models/Confirmation';\nimport ConfirmationVerifyFeature from '@/providers/feature/ConfirmationVerifyFeature';\nimport ShowIATANumberOnCheckoutFeature from '@/providers/feature/ShowIATANumberOnCheckoutFeature';\nimport { Color } from '@/util/Color';\nimport getStepRoom from '@/util/GetStepRoom';\n\nimport BasketRowDifferences from '../../../models/BasketRowDifferences';\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 historyConsistentPush = useHistoryConsistentPush();\n    const { roomstayMember } = useMemberContext();\n\n    const toPaymentPayload = async (paymentMethod: string): 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            case EBookingPaymentMethod.Card: {\n                payment = {\n                    Method: EBookingPaymentMethod.Card,\n                    PaymentCard: await tokenizerRef.current?.getTokenizedCode(),\n                };\n                break;\n            }\n            case EBookingPaymentMethod.SavedCard:\n            default: {\n                payment = {\n                    Method: EBookingPaymentMethod.SavedCard,\n                    SavedCardID: paymentMethod,\n                };\n            }\n        }\n\n        return payment;\n    };\n\n    useEffect(() => {\n        let defaultPaymentValue = '' as EBookingPaymentMethod;\n        if (Object.values(EBookingPaymentMethod).includes(queryPaymentMethod as EBookingPaymentMethod)) {\n            defaultPaymentValue = queryPaymentMethod as EBookingPaymentMethod;\n        } else {\n            if (roomstayMember?.defaultCard && roomstayMember?.cards?.find((card) => card.cardId === roomstayMember?.defaultCard)) {\n                defaultPaymentValue = roomstayMember?.defaultCard as EBookingPaymentMethod;\n            } else {\n                defaultPaymentValue = EBookingPaymentMethod.Card;\n            }\n        }\n\n        methods.setValue('paymentMethod', defaultPaymentValue);\n\n        handleChangePaymentMethod(defaultPaymentValue);\n\n        if (isBackFromPlanpay) {\n            if (queryRoomstayId === basketContext.reservationData?.roomstayId) {\n                onPlaypayCallback();\n            } else {\n                rollbackReservation?.();\n            }\n        }\n        return () => {\n            if (!isBackFromPlanpay) rollbackReservation?.();\n        };\n    }, []);\n\n    const onPlaypayCallback = async () => {\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        historyConsistentPush(getStepRoom().getStepUrl());\n    };\n\n    const onNextStepClicked = async () => {\n        await handleBook(paymentMethod, async (resData) => commitReservation?.(resData));\n        return false;\n    };\n\n    const validateConfirmationPolicy = (): boolean => {\n        return !ConfirmationVerifyFeature.isActive() || !!confirmationPolicy?.current?.checked;\n    };\n\n    const validateCustomFields = (scrollToInput?: boolean): boolean => {\n        const adhocValid = formContext?.errorChecks.every((check) => check().validate(scrollToInput));\n        return adhocValid === undefined ? true : adhocValid;\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 (!validateConfirmationPolicy()) {\n                    setConfirmationPolicyError(true);\n                    return false;\n                }\n                if (!validateCustomFields(true)) {\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: string) => {\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.Navigation.Menu.PaymentInformation)}</Headline>\n                        </div>\n                        <PaymentInformation\n                            tokenizerRef={tokenizerRef}\n                            onChangeCb={async (code: string) => {\n                                await handleChangePaymentMethod(code);\n                                if (code === EBookingPaymentMethod.Planpay) {\n                                    await handleBook(code);\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>{t(Translation.Step.Confirmation.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                            isLoading={isLoading}\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                    historyConsistentPush(getStepRoom().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/StepConfirmationFormProvider.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const StepConfirmationForm_1 = __importDefault(require("./StepConfirmationForm"));
 const ConfirmationStepContextWrapper_1 = require("../../../contexts/ConfirmationStepContext/ConfirmationStepContextWrapper");
+const StepConfirmationForm_1 = __importDefault(require("./StepConfirmationForm"));
 function StepConfirmationFormProvider() {
     return (react_1.default.createElement(ConfirmationStepContextWrapper_1.ConfirmationStepContextWrapper, null,
         react_1.default.createElement(StepConfirmationForm_1.default, null)));

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

@@ -1 +1 @@
-{"version":3,"file":"StepConfirmationFormProvider.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationFormProvider.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,kFAA0D;AAC1D,6HAA0H;AAE1H,SAAwB,4BAA4B;IAChD,OAAO,CACH,8BAAC,+DAA8B;QAC3B,8BAAC,8BAAoB,OAAG,CACK,CACpC,CAAC;AACN,CAAC;AAND,+CAMC","sourcesContent":["import React from 'react';\nimport StepConfirmationForm from './StepConfirmationForm';\nimport { ConfirmationStepContextWrapper } from '../../../contexts/ConfirmationStepContext/ConfirmationStepContextWrapper';\n\nexport default function StepConfirmationFormProvider() {\n    return (\n        <ConfirmationStepContextWrapper>\n            <StepConfirmationForm />\n        </ConfirmationStepContextWrapper>\n    );\n}\n"]}
+{"version":3,"file":"StepConfirmationFormProvider.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationFormProvider.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,6HAA0H;AAC1H,kFAA0D;AAE1D,SAAwB,4BAA4B;IAChD,OAAO,CACH,8BAAC,+DAA8B;QAC3B,8BAAC,8BAAoB,OAAG,CACK,CACpC,CAAC;AACN,CAAC;AAND,+CAMC","sourcesContent":["import React from 'react';\n\nimport { ConfirmationStepContextWrapper } from '../../../contexts/ConfirmationStepContext/ConfirmationStepContextWrapper';\nimport StepConfirmationForm from './StepConfirmationForm';\n\nexport default function StepConfirmationFormProvider() {\n    return (\n        <ConfirmationStepContextWrapper>\n            <StepConfirmationForm />\n        </ConfirmationStepContextWrapper>\n    );\n}\n"]}

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

@@ -27,14 +27,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
 const Alert_1 = __importStar(require("../../generic/Alert"));
-const Text_1 = __importDefault(require("../../generic/Text"));
-const Headline_1 = __importDefault(require("../../generic/Headline"));
 const Countdown_1 = __importDefault(require("../../generic/Countdown"));
+const Headline_1 = __importDefault(require("../../generic/Headline"));
+const Text_1 = __importDefault(require("../../generic/Text"));
+const Translation_1 = require("../../../translations/Translation");
 const Color_1 = require("../../../util/Color");
 const DataLayer_1 = __importStar(require("../../../util/DataLayer"));
-const react_i18next_1 = require("react-i18next");
-const Translation_1 = require("../../../translations/Translation");
 function StepConfirmationLimitedOffer(props) {
     const [flash, setFlash] = (0, react_1.useState)(false);
     const { t } = (0, react_i18next_1.useTranslation)();

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

@@ -1 +1 @@
-{"version":3,"file":"StepConfirmationLimitedOffer.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationLimitedOffer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAwC;AACxC,oEAA8D;AAC9D,qEAA6C;AAC7C,6EAAqD;AACrD,+EAAuD;AACvD,wCAAqC;AACrC,8DAA+E;AAC/E,iDAA+C;AAC/C,4DAAyD;AAMzD,SAAwB,4BAA4B,CAAC,KAAmC;IACpF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,oBAAoB,EAAE,2BAAe,CAAC,IAAI,EAAE,2BAAe,CAAC,aAAa,CAAC,CAAC;QAC9G,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,CAAC;IACF,OAAO,CACH,8BAAC,eAAK,IAAC,IAAI,EAAE,iBAAS,CAAC,OAAO;QAC1B,uCAAK,SAAS,EAAC,2CAA2C;YACtD;gBACI,8BAAC,cAAI;oBACD,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CAAU,CAC3D;gBACP,8BAAC,cAAI;oBACD,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAU,CAC7D,CACL;YACN,uCAAK,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;gBAClC,8BAAC,kBAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,QAAC,KAAK,EAAE,aAAK,CAAC,KAAK;oBAC1C,8BAAC,mBAAS,IAAC,WAAW,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,gBAAgB,GAAI,CAC3D,CACT,CACJ,CACF,CACX,CAAC;AACN,CAAC;AA1BD,+CA0BC","sourcesContent":["import dayjs from 'dayjs';\nimport React, { useState } from 'react';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport Text from '@/components/generic/Text';\nimport Headline from '@/components/generic/Headline';\nimport Countdown from '@/components/generic/Countdown';\nimport { Color } from '@/util/Color';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from '@/translations/Translation';\n\ninterface StepConfirmationLimitedOffer {\n    endDate: dayjs.Dayjs;\n}\n\nexport default function StepConfirmationLimitedOffer(props: StepConfirmationLimitedOffer) {\n    const [flash, setFlash] = useState(false);\n    const { t } = useTranslation();\n    const countdownEndSeen = () => {\n        DataLayer.instance.sendInteraction('Countdown End Seen', InteractionType.LINK, InteractionStep.GUEST_DETAILS);\n        setFlash(true);\n    };\n    return (\n        <Alert type={AlertType.Accent1}>\n            <div className=\"u-flex w-100 flex-wrap align-items-center\">\n                <div>\n                    <Text>\n                        <strong>{t(Translation.Step.Confirmation.YourRoomIs)}</strong>\n                    </Text>\n                    <Text>\n                        <strong>{t(Translation.Step.Confirmation.BeingHeldFor)}</strong>\n                    </Text>\n                </div>\n                <div className={flash ? 'a-flash' : ''}>\n                    <Headline size=\"large\" bold color={Color.White}>\n                        <Countdown endTimeDate={props.endDate} onEnd={countdownEndSeen} />\n                    </Headline>\n                </div>\n            </div>\n        </Alert>\n    );\n}\n"]}
+{"version":3,"file":"StepConfirmationLimitedOffer.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationLimitedOffer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAwC;AACxC,iDAA+C;AAE/C,oEAA8D;AAC9D,+EAAuD;AACvD,6EAAqD;AACrD,qEAA6C;AAC7C,4DAAyD;AACzD,wCAAqC;AACrC,8DAA+E;AAM/E,SAAwB,4BAA4B,CAAC,KAAmC;IACpF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,mBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,oBAAoB,EAAE,2BAAe,CAAC,IAAI,EAAE,2BAAe,CAAC,aAAa,CAAC,CAAC;QAC9G,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,CAAC;IACF,OAAO,CACH,8BAAC,eAAK,IAAC,IAAI,EAAE,iBAAS,CAAC,OAAO;QAC1B,uCAAK,SAAS,EAAC,2CAA2C;YACtD;gBACI,8BAAC,cAAI;oBACD,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CAAU,CAC3D;gBACP,8BAAC,cAAI;oBACD,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAU,CAC7D,CACL;YACN,uCAAK,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;gBAClC,8BAAC,kBAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,QAAC,KAAK,EAAE,aAAK,CAAC,KAAK;oBAC1C,8BAAC,mBAAS,IAAC,WAAW,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,gBAAgB,GAAI,CAC3D,CACT,CACJ,CACF,CACX,CAAC;AACN,CAAC;AA1BD,+CA0BC","sourcesContent":["import dayjs from 'dayjs';\nimport React, { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport Countdown from '@/components/generic/Countdown';\nimport Headline from '@/components/generic/Headline';\nimport Text from '@/components/generic/Text';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\nimport DataLayer, { InteractionStep, InteractionType } from '@/util/DataLayer';\n\ninterface StepConfirmationLimitedOffer {\n    endDate: dayjs.Dayjs;\n}\n\nexport default function StepConfirmationLimitedOffer(props: StepConfirmationLimitedOffer) {\n    const [flash, setFlash] = useState(false);\n    const { t } = useTranslation();\n    const countdownEndSeen = () => {\n        DataLayer.instance.sendInteraction('Countdown End Seen', InteractionType.LINK, InteractionStep.GUEST_DETAILS);\n        setFlash(true);\n    };\n    return (\n        <Alert type={AlertType.Accent1}>\n            <div className=\"u-flex w-100 flex-wrap align-items-center\">\n                <div>\n                    <Text>\n                        <strong>{t(Translation.Step.Confirmation.YourRoomIs)}</strong>\n                    </Text>\n                    <Text>\n                        <strong>{t(Translation.Step.Confirmation.BeingHeldFor)}</strong>\n                    </Text>\n                </div>\n                <div className={flash ? 'a-flash' : ''}>\n                    <Headline size=\"large\" bold color={Color.White}>\n                        <Countdown endTimeDate={props.endDate} onEnd={countdownEndSeen} />\n                    </Headline>\n                </div>\n            </div>\n        </Alert>\n    );\n}\n"]}

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

@@ -26,12 +26,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const hooks_1 = require("../../../hooks/index.js");
 const react_1 = __importDefault(require("react"));
-const Headline_1 = __importDefault(require("../../generic/Headline"));
+const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
+const Headline_1 = __importDefault(require("../../generic/Headline"));
 const Text_1 = __importStar(require("../../generic/Text"));
-const react_i18next_1 = require("react-i18next");
-const hooks_1 = require("../../../hooks/index.js");
 function StepConfirmationPoliciesSection() {
     const { t } = (0, react_i18next_1.useTranslation)();
     const { hotel } = (0, hooks_1.useCurrentHotel)();

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

@@ -1 +1 @@
-{"version":3,"file":"StepConfirmationPoliciesSection.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationPoliciesSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,6EAAqD;AACrD,0DAAuD;AACvD,kEAA2D;AAC3D,iDAA+C;AAC/C,2CAAkD;AAElD,SAAwB,+BAA+B;IACnD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,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,QAAQ,CAAC,CAAY,CACnE;QACN,uCAAK,SAAS,EAAC,eAAe;YAC1B,uCAAK,SAAS,EAAC,KAAK;gBAChB,uCAAK,SAAS,EAAC,gBAAgB;oBAC3B,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;wBACtB,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAU,CAC3C;oBACP,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;wBACrB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC;6BAAG,KAAK,aAAL,KAAK;wBAAL,KAAK,CAAE,WAAW,CAC5C,CACL;gBACN,uCAAK,SAAS,EAAC,gBAAgB;oBAC3B,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;wBACtB,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAU,CAC5C;oBACP,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;wBACrB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC;6BAAG,KAAK,aAAL,KAAK;wBAAL,KAAK,CAAE,YAAY,CAC9C,CACL,CACJ,CACJ,CACP,CACN,CAAC;AACN,CAAC;AA/BD,kDA+BC","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 { useCurrentHotel } from '@frontend/hooks';\n\nexport default function StepConfirmationPoliciesSection() {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n\n    return (\n        <>\n            <div className=\"u-marg-bottom\">\n                <Headline bold>{t(Translation.Step.Confirmation.Policies)}</Headline>\n            </div>\n            <div className=\"u-marg-bottom\">\n                <div className=\"row\">\n                    <div className=\"col-6 col-md-3\">\n                        <Text type={TextType.Small}>\n                            <strong>{t(Translation.Misc.CheckIn)}</strong>\n                        </Text>\n                        <Text type={TextType.Small}>\n                            {t(Translation.Misc.After)} {hotel?.checkInTime}\n                        </Text>\n                    </div>\n                    <div className=\"col-6 col-md-3\">\n                        <Text type={TextType.Small}>\n                            <strong>{t(Translation.Misc.CheckOut)}</strong>\n                        </Text>\n                        <Text type={TextType.Small}>\n                            {t(Translation.Misc.Before)} {hotel?.checkOutTime}\n                        </Text>\n                    </div>\n                </div>\n            </div>\n        </>\n    );\n}\n"]}
+{"version":3,"file":"StepConfirmationPoliciesSection.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StepConfirmationPoliciesSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAAkD;AAClD,kDAA0B;AAC1B,iDAA+C;AAC/C,0DAAuD;AAEvD,6EAAqD;AACrD,kEAA2D;AAE3D,SAAwB,+BAA+B;IACnD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,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,QAAQ,CAAC,CAAY,CACnE;QACN,uCAAK,SAAS,EAAC,eAAe;YAC1B,uCAAK,SAAS,EAAC,KAAK;gBAChB,uCAAK,SAAS,EAAC,gBAAgB;oBAC3B,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;wBACtB,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAU,CAC3C;oBACP,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;wBACrB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC;6BAAG,KAAK,aAAL,KAAK;wBAAL,KAAK,CAAE,WAAW,CAC5C,CACL;gBACN,uCAAK,SAAS,EAAC,gBAAgB;oBAC3B,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;wBACtB,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAU,CAC5C;oBACP,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;wBACrB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC;6BAAG,KAAK,aAAL,KAAK;wBAAL,KAAK,CAAE,YAAY,CAC9C,CACL,CACJ,CACJ,CACP,CACN,CAAC;AACN,CAAC;AA/BD,kDA+BC","sourcesContent":["import { useCurrentHotel } from '@frontend/hooks';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Headline from '@/components/generic/Headline';\nimport Text, { TextType } from '@/components/generic/Text';\n\nexport default function StepConfirmationPoliciesSection() {\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n\n    return (\n        <>\n            <div className=\"u-marg-bottom\">\n                <Headline bold>{t(Translation.Step.Confirmation.Policies)}</Headline>\n            </div>\n            <div className=\"u-marg-bottom\">\n                <div className=\"row\">\n                    <div className=\"col-6 col-md-3\">\n                        <Text type={TextType.Small}>\n                            <strong>{t(Translation.Misc.CheckIn)}</strong>\n                        </Text>\n                        <Text type={TextType.Small}>\n                            {t(Translation.Misc.After)} {hotel?.checkInTime}\n                        </Text>\n                    </div>\n                    <div className=\"col-6 col-md-3\">\n                        <Text type={TextType.Small}>\n                            <strong>{t(Translation.Misc.CheckOut)}</strong>\n                        </Text>\n                        <Text type={TextType.Small}>\n                            {t(Translation.Misc.Before)} {hotel?.checkOutTime}\n                        </Text>\n                    </div>\n                </div>\n            </div>\n        </>\n    );\n}\n"]}

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

@@ -22,21 +22,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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 });
-const react_1 = __importDefault(require("react"));
 const contexts_1 = require("../../../contexts/index.js");
-const react_2 = require("react");
-const Text_1 = __importStar(require("../../generic/Text"));
+const react_1 = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
+const Text_1 = __importStar(require("../../generic/Text"));
 function StepConfirmationPolicyBlock() {
-    const basketContext = (0, react_2.useContext)(contexts_1.BasketContext);
+    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
     const { t } = (0, react_i18next_1.useTranslation)();
     const roomTranslation = t(Translation_1.Translation.Misc.Room);
-    return (0, react_2.useMemo)(() => {
+    return (0, react_1.useMemo)(() => {
         const policiesGrouped = {};
         const rooms = basketContext.getAllValidRows();
         let roomIndex = 0;