@roomstay/frontend 2.1.6 → 2.1.7

package/dist/src/components/navigation/StepSelector.js

@@ -26,11 +26,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const Text_1 = __importStar(require("../generic/Text"));
 const Icon_1 = __importStar(require("../generic/Icon/Icon"));
 const react_router_dom_1 = require("react-router-dom");
-const react_1 = require("react");
+const react_2 = require("react");
 const StepManager_1 = __importDefault(require("../../util/StepManager"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
@@ -41,11 +41,11 @@ const ScreenSize_1 = __importDefault(require("../../util/ScreenSize"));
 const contexts_1 = require("../../contexts/index.js");
 const contexts_2 = require("../../contexts/index.js");
 function StepSelector() {
-    const { screenSize } = (0, react_1.useContext)(contexts_1.BookingEngineContext);
-    const { currentStep } = (0, react_1.useContext)(contexts_2.FullPageEngineContext);
-    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
+    const { screenSize } = (0, react_2.useContext)(contexts_1.BookingEngineContext);
+    const { currentStep } = (0, react_2.useContext)(contexts_2.FullPageEngineContext);
+    const basketContext = (0, react_2.useContext)(contexts_1.BasketContext);
     const { t } = (0, react_i18next_1.useTranslation)();
-    const [modalOpen, setModalOpen] = (0, react_1.useState)(false);
+    const [modalOpen, setModalOpen] = (0, react_2.useState)(false);
     const steps = StepManager_1.default.getSteps().filter((step) => (step.shouldShowOnNavigation() ? step : null));
     const onDropdownClick = () => {
         screenSize <= ScreenSize_1.default.Medium ? setModalOpen(true) : null;
@@ -54,24 +54,24 @@ function StepSelector() {
         setModalOpen(false);
     };
     const currentStepIndex = StepManager_1.default.getStepIndex(currentStep.getName());
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "step-dropdown", onClick: onDropdownClick },
-            React.createElement("div", { className: "step-container" },
-                React.createElement("span", { className: "step-container-dropdown" },
-                    React.createElement(Icon_1.default, { icon: Icon_1.IconType.Dropdown })),
-                React.createElement("div", { className: "step-awards" },
-                    React.createElement("img", { alt: "", style: { width: '80px' } })),
-                React.createElement("ul", { className: "step-selector" }, steps.map((step, stepIndex) => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: "step-dropdown", onClick: onDropdownClick },
+            react_1.default.createElement("div", { className: "step-container" },
+                react_1.default.createElement("span", { className: "step-container-dropdown" },
+                    react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Dropdown })),
+                react_1.default.createElement("div", { className: "step-awards" },
+                    react_1.default.createElement("img", { alt: "", style: { width: '80px' } })),
+                react_1.default.createElement("ul", { className: "step-selector" }, steps.map((step, stepIndex) => {
                     const stepName = t(step.getStepTranslation());
                     const prettyStep = stepIndex + 1;
                     const isPrevStep = currentStepIndex > prettyStep;
                     let stepNumber;
                     if (isPrevStep) {
-                        stepNumber = React.createElement(Icon_1.default, { icon: Icon_1.IconType.Check, color: Color_1.Color.White, size: "24px" });
+                        stepNumber = react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Check, color: Color_1.Color.White, size: "24px" });
                     }
                     else {
-                        stepNumber = (React.createElement(Text_1.default, { type: Text_1.TextType.Small },
-                            React.createElement("strong", null, '0' + prettyStep)));
+                        stepNumber = (react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
+                            react_1.default.createElement("strong", null, '0' + prettyStep)));
                     }
                     let isClickable = false;
                     if (step) {
@@ -86,17 +86,17 @@ function StepSelector() {
                         'is-complete': isPrevStep,
                         'is-disabled': !isPrevStep && currentStepIndex !== prettyStep && !isClickable,
                     });
-                    return (React.createElement("li", { className: stepClassNames, key: prettyStep },
-                        React.createElement("span", { className: "step-selector__count" }, stepNumber),
-                        React.createElement("div", null,
-                            React.createElement("span", { className: "step-selector__step-count-mobile" },
-                                React.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Navy },
-                                    React.createElement("strong", null, t(Translation_1.Translation.Navigation.Steps.StepProgress, { step: prettyStep, maxSteps: StepManager_1.default.getSteps().length })))),
-                            React.createElement(Text_1.default, null,
-                                React.createElement("strong", null, stepName))),
-                        React.createElement(react_router_dom_1.Link, { to: step.getStepUrl() })));
+                    return (react_1.default.createElement("li", { className: stepClassNames, key: prettyStep },
+                        react_1.default.createElement("span", { className: "step-selector__count" }, stepNumber),
+                        react_1.default.createElement("div", null,
+                            react_1.default.createElement("span", { className: "step-selector__step-count-mobile" },
+                                react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.Navy },
+                                    react_1.default.createElement("strong", null, t(Translation_1.Translation.Navigation.Steps.StepProgress, { step: prettyStep, maxSteps: StepManager_1.default.getSteps().length })))),
+                            react_1.default.createElement(Text_1.default, null,
+                                react_1.default.createElement("strong", null, stepName))),
+                        react_1.default.createElement(react_router_dom_1.Link, { to: step.getStepUrl() })));
                 })))),
-        screenSize <= ScreenSize_1.default.Medium && React.createElement(StepSelectorModal_1.default, { isOpen: modalOpen, onClose: closeModal })));
+        screenSize <= ScreenSize_1.default.Medium && react_1.default.createElement(StepSelectorModal_1.default, { isOpen: modalOpen, onClose: closeModal })));
 }
 exports.default = StepSelector;
 //# sourceMappingURL=StepSelector.js.map

package/dist/src/components/navigation/StepSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepSelector.js","sourceRoot":"/","sources":["src/components/navigation/StepSelector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,kEAA2D;AAC3D,uEAAgE;AAChE,uDAAwC;AACxC,iCAA6C;AAC7C,qEAA6C;AAC7C,iDAA+C;AAC/C,0DAAuD;AACvD,4DAAoC;AACpC,wCAAqC;AACrC,kGAA0E;AAC1E,mEAA2C;AAC3C,iDAAyE;AAEzE,iDAA2D;AAE3D,SAAwB,YAAY;IAChC,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACxD,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IAC1D,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAEhD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElD,MAAM,KAAK,GAAG,qBAAW,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAErG,MAAM,eAAe,GAAG,GAAG,EAAE;QACzB,UAAU,IAAI,oBAAU,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAChE,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,YAAY,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,qBAAW,CAAC,YAAY,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC;IAEzE,OAAO,CACH;QACI,6BAAK,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,eAAe;YACnD,6BAAK,SAAS,EAAC,gBAAgB;gBAC3B,8BAAM,SAAS,EAAC,yBAAyB;oBACrC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,QAAQ,GAAI,CAC9B;gBACP,6BAAK,SAAS,EAAC,aAAa;oBACxB,6BAAK,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI,CACtC;gBACN,4BAAI,SAAS,EAAC,eAAe,IACxB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAU,EAAE,SAAiB,EAAE,EAAE;oBACzC,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC;oBAE9C,MAAM,UAAU,GAAG,SAAS,GAAG,CAAC,CAAC;oBAEjC,MAAM,UAAU,GAAG,gBAAgB,GAAG,UAAU,CAAC;oBAEjD,IAAI,UAAuB,CAAC;oBAC5B,IAAI,UAAU,EAAE;wBACZ,UAAU,GAAG,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,KAAK,EAAE,IAAI,EAAC,MAAM,GAAG,CAAC;qBAC/E;yBAAM;wBACH,UAAU,GAAG,CACT,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;4BACtB,oCAAS,GAAG,GAAG,UAAU,CAAU,CAChC,CACV,CAAC;qBACL;oBAED,IAAI,WAAW,GAAG,KAAK,CAAC;oBAExB,IAAI,IAAI,EAAE;wBACN,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;wBAE1C,IAAI,aAAa,IAAI,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE;4BACvD,WAAW,GAAG,IAAI,CAAC;yBACtB;qBACJ;oBAED,MAAM,cAAc,GAAG,IAAA,oBAAU,EAAC,qBAAqB,EAAE;wBACrD,YAAY,EAAE,gBAAgB,KAAK,UAAU;wBAC7C,UAAU,EAAE,WAAW;wBACvB,aAAa,EAAE,UAAU;wBACzB,aAAa,EAAE,CAAC,UAAU,IAAI,gBAAgB,KAAK,UAAU,IAAI,CAAC,WAAW;qBAChF,CAAC,CAAC;oBAEH,OAAO,CACH,4BAAI,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,UAAU;wBAC1C,8BAAM,SAAS,EAAC,sBAAsB,IAAE,UAAU,CAAQ;wBAC1D;4BACI,8BAAM,SAAS,EAAC,kCAAkC;gCAC9C,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI;oCACzC,oCAAS,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,qBAAW,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,CAAU,CAC3H,CACJ;4BACP,oBAAC,cAAI;gCACD,oCAAS,QAAQ,CAAU,CACxB,CACL;wBACN,oBAAC,uBAAI,IAAC,EAAE,EAAE,IAAI,CAAC,UAAU,EAAE,GAAI,CAC9B,CACR,CAAC;gBACN,CAAC,CAAC,CACD,CACH,CACJ;QACL,UAAU,IAAI,oBAAU,CAAC,MAAM,IAAI,oBAAC,2BAAiB,IAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,GAAI,CAClG,CACN,CAAC;AACN,CAAC;AA1FD,+BA0FC","sourcesContent":["import * as React from 'react';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Link } from 'react-router-dom';\nimport { useContext, useState } from 'react';\nimport StepManager from '@/util/StepManager';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport classNames from 'classnames';\nimport { Color } from '@/util/Color';\nimport StepSelectorModal from '@/components/navigation/StepSelectorModal';\nimport ScreenSize from '@/util/ScreenSize';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport Step from '@/pages/steps/Step';\nimport { FullPageEngineContext } from '@frontend/contexts';\n\nexport default function StepSelector() {\n    const { screenSize } = useContext(BookingEngineContext);\n    const { currentStep } = useContext(FullPageEngineContext);\n    const basketContext = useContext(BasketContext);\n\n    const { t } = useTranslation();\n\n    const [modalOpen, setModalOpen] = useState(false);\n\n    const steps = StepManager.getSteps().filter((step) => (step.shouldShowOnNavigation() ? step : null));\n\n    const onDropdownClick = () => {\n        screenSize <= ScreenSize.Medium ? setModalOpen(true) : null;\n    };\n\n    const closeModal = () => {\n        setModalOpen(false);\n    };\n\n    const currentStepIndex = StepManager.getStepIndex(currentStep.getName());\n\n    return (\n        <>\n            <div className=\"step-dropdown\" onClick={onDropdownClick}>\n                <div className=\"step-container\">\n                    <span className=\"step-container-dropdown\">\n                        <Icon icon={IconType.Dropdown} />\n                    </span>\n                    <div className=\"step-awards\">\n                        <img alt=\"\" style={{ width: '80px' }} />\n                    </div>\n                    <ul className=\"step-selector\">\n                        {steps.map((step: Step, stepIndex: number) => {\n                            const stepName = t(step.getStepTranslation());\n\n                            const prettyStep = stepIndex + 1;\n\n                            const isPrevStep = currentStepIndex > prettyStep;\n\n                            let stepNumber: JSX.Element;\n                            if (isPrevStep) {\n                                stepNumber = <Icon icon={IconType.Check} color={Color.White} size=\"24px\" />;\n                            } else {\n                                stepNumber = (\n                                    <Text type={TextType.Small}>\n                                        <strong>{'0' + prettyStep}</strong>\n                                    </Text>\n                                );\n                            }\n\n                            let isClickable = false;\n\n                            if (step) {\n                                const stepValidator = step.getValidator();\n\n                                if (stepValidator && stepValidator.isValid(basketContext)) {\n                                    isClickable = true;\n                                }\n                            }\n\n                            const stepClassNames = classNames('step-selector__item', {\n                                'is-current': currentStepIndex === prettyStep,\n                                'is-valid': isClickable,\n                                'is-complete': isPrevStep,\n                                'is-disabled': !isPrevStep && currentStepIndex !== prettyStep && !isClickable,\n                            });\n\n                            return (\n                                <li className={stepClassNames} key={prettyStep}>\n                                    <span className=\"step-selector__count\">{stepNumber}</span>\n                                    <div>\n                                        <span className=\"step-selector__step-count-mobile\">\n                                            <Text type={TextType.Small} color={Color.Navy}>\n                                                <strong>{t(Translation.Navigation.Steps.StepProgress, { step: prettyStep, maxSteps: StepManager.getSteps().length })}</strong>\n                                            </Text>\n                                        </span>\n                                        <Text>\n                                            <strong>{stepName}</strong>\n                                        </Text>\n                                    </div>\n                                    <Link to={step.getStepUrl()} />\n                                </li>\n                            );\n                        })}\n                    </ul>\n                </div>\n            </div>\n            {screenSize <= ScreenSize.Medium && <StepSelectorModal isOpen={modalOpen} onClose={closeModal} />}\n        </>\n    );\n}\n"]}
+{"version":3,"file":"StepSelector.js","sourceRoot":"/","sources":["src/components/navigation/StepSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Link } from 'react-router-dom';\nimport { useContext, useState } from 'react';\nimport StepManager from '@/util/StepManager';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport classNames from 'classnames';\nimport { Color } from '@/util/Color';\nimport StepSelectorModal from '@/components/navigation/StepSelectorModal';\nimport ScreenSize from '@/util/ScreenSize';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport Step from '@/pages/steps/Step';\nimport { FullPageEngineContext } from '@frontend/contexts';\n\nexport default function StepSelector() {\n    const { screenSize } = useContext(BookingEngineContext);\n    const { currentStep } = useContext(FullPageEngineContext);\n    const basketContext = useContext(BasketContext);\n\n    const { t } = useTranslation();\n\n    const [modalOpen, setModalOpen] = useState(false);\n\n    const steps = StepManager.getSteps().filter((step) => (step.shouldShowOnNavigation() ? step : null));\n\n    const onDropdownClick = () => {\n        screenSize <= ScreenSize.Medium ? setModalOpen(true) : null;\n    };\n\n    const closeModal = () => {\n        setModalOpen(false);\n    };\n\n    const currentStepIndex = StepManager.getStepIndex(currentStep.getName());\n\n    return (\n        <>\n            <div className=\"step-dropdown\" onClick={onDropdownClick}>\n                <div className=\"step-container\">\n                    <span className=\"step-container-dropdown\">\n                        <Icon icon={IconType.Dropdown} />\n                    </span>\n                    <div className=\"step-awards\">\n                        <img alt=\"\" style={{ width: '80px' }} />\n                    </div>\n                    <ul className=\"step-selector\">\n                        {steps.map((step: Step, stepIndex: number) => {\n                            const stepName = t(step.getStepTranslation() as string);\n\n                            const prettyStep = stepIndex + 1;\n\n                            const isPrevStep = currentStepIndex > prettyStep;\n\n                            let stepNumber: JSX.Element;\n                            if (isPrevStep) {\n                                stepNumber = <Icon icon={IconType.Check} color={Color.White} size=\"24px\" />;\n                            } else {\n                                stepNumber = (\n                                    <Text type={TextType.Small}>\n                                        <strong>{'0' + prettyStep}</strong>\n                                    </Text>\n                                );\n                            }\n\n                            let isClickable = false;\n\n                            if (step) {\n                                const stepValidator = step.getValidator();\n\n                                if (stepValidator && stepValidator.isValid(basketContext)) {\n                                    isClickable = true;\n                                }\n                            }\n\n                            const stepClassNames = classNames('step-selector__item', {\n                                'is-current': currentStepIndex === prettyStep,\n                                'is-valid': isClickable,\n                                'is-complete': isPrevStep,\n                                'is-disabled': !isPrevStep && currentStepIndex !== prettyStep && !isClickable,\n                            });\n\n                            return (\n                                <li className={stepClassNames} key={prettyStep}>\n                                    <span className=\"step-selector__count\">{stepNumber}</span>\n                                    <div>\n                                        <span className=\"step-selector__step-count-mobile\">\n                                            <Text type={TextType.Small} color={Color.Navy}>\n                                                <strong>{t(Translation.Navigation.Steps.StepProgress, { step: prettyStep, maxSteps: StepManager.getSteps().length })}</strong>\n                                            </Text>\n                                        </span>\n                                        <Text>\n                                            <strong>{stepName}</strong>\n                                        </Text>\n                                    </div>\n                                    <Link to={step.getStepUrl()} />\n                                </li>\n                            );\n                        })}\n                    </ul>\n                </div>\n            </div>\n            {screenSize <= ScreenSize.Medium && <StepSelectorModal isOpen={modalOpen} onClose={closeModal} />}\n        </>\n    );\n}\n"]}

package/dist/src/components/navigation/StepSelectorModal.js

@@ -30,7 +30,7 @@ const SimpleModal_1 = __importDefault(require("../generic/modal/SimpleModal"));
 const react_i18next_1 = require("react-i18next");
 const react_1 = require("react");
 const Translation_1 = require("translations/Translation");
-const React = __importStar(require("react"));
+const react_2 = __importDefault(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const Icon_1 = __importStar(require("../generic/Icon/Icon"));
 const Color_1 = require("../../util/Color");
@@ -48,18 +48,18 @@ function StepSelectorModal(props) {
         return props.onClose ? props.onClose() : null;
     };
     const currentStepIndex = StepManager_1.default.getStepIndex(currentStep.getName());
-    return (React.createElement(SimpleModal_1.default, { open: props.isOpen, title: t(Translation_1.Translation.Navigation.SelectStep), onClose: onModalClose },
-        React.createElement("ul", { className: "step-selector --horizontal" }, steps.map((step, stepIndex) => {
+    return (react_2.default.createElement(SimpleModal_1.default, { open: props.isOpen, title: t(Translation_1.Translation.Navigation.SelectStep), onClose: onModalClose },
+        react_2.default.createElement("ul", { className: "step-selector --horizontal" }, steps.map((step, stepIndex) => {
             const stepName = t(step.getStepTranslation());
             const prettyStep = stepIndex + 1;
             const isPrevStep = currentStepIndex > prettyStep;
             let stepNumber;
             if (isPrevStep) {
-                stepNumber = React.createElement(Icon_1.default, { icon: Icon_1.IconType.Check, color: Color_1.Color.White, size: "24px" });
+                stepNumber = react_2.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Check, color: Color_1.Color.White, size: "24px" });
             }
             else {
-                stepNumber = (React.createElement(Text_1.default, null,
-                    React.createElement("strong", null, '0' + prettyStep)));
+                stepNumber = (react_2.default.createElement(Text_1.default, null,
+                    react_2.default.createElement("strong", null, '0' + prettyStep)));
             }
             let isClickable = false;
             if (step) {
@@ -75,14 +75,15 @@ function StepSelectorModal(props) {
                 'is-disabled': !isPrevStep && currentStepIndex !== prettyStep && !isClickable,
             });
             const closeOnClick = () => {
-                props.onClose();
+                var _a;
+                (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
             };
-            return (React.createElement("li", { className: stepClassNames, key: stepIndex, onClick: closeOnClick },
-                React.createElement("span", { className: "step-selector__count" }, stepNumber),
-                React.createElement("div", null,
-                    React.createElement(Text_1.default, null,
-                        React.createElement("strong", null, stepName))),
-                React.createElement(react_router_dom_1.Link, { to: step.getStepUrl() })));
+            return (react_2.default.createElement("li", { className: stepClassNames, key: stepIndex, onClick: closeOnClick },
+                react_2.default.createElement("span", { className: "step-selector__count" }, stepNumber),
+                react_2.default.createElement("div", null,
+                    react_2.default.createElement(Text_1.default, null,
+                        react_2.default.createElement("strong", null, stepName))),
+                react_2.default.createElement(react_router_dom_1.Link, { to: step.getStepUrl() })));
         }))));
 }
 exports.default = StepSelectorModal;

package/dist/src/components/navigation/StepSelectorModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepSelectorModal.js","sourceRoot":"/","sources":["src/components/navigation/StepSelectorModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import SimpleModal from '@/components/generic/modal/SimpleModal';\nimport { useTranslation } from 'react-i18next';\nimport { useContext } from 'react';\nimport { Translation } from 'translations/Translation';\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport Text from '@/components/generic/Text';\nimport { Link } from 'react-router-dom';\nimport StepManager from '@/util/StepManager';\nimport { BasketContext } from '@frontend/contexts';\nimport Step from '@/pages/steps/Step';\nimport { FullPageEngineContext } from '@frontend/contexts';\n\nexport interface StepSelectorModalProps {\n    isOpen?: boolean;\n    onClose?: () => void;\n}\n\nexport default function StepSelectorModal(props: StepSelectorModalProps) {\n    const { currentStep } = useContext(FullPageEngineContext);\n    const basketContext = useContext(BasketContext);\n\n    const { t } = useTranslation();\n\n    const steps = StepManager.getSteps().filter((step) => (step.shouldShowOnNavigation() ? step : null));\n\n    const onModalClose = () => {\n        return props.onClose ? props.onClose() : null;\n    };\n\n    const currentStepIndex = StepManager.getStepIndex(currentStep.getName());\n\n    return (\n        <SimpleModal open={props.isOpen} title={t(Translation.Navigation.SelectStep)} onClose={onModalClose}>\n            <ul className=\"step-selector --horizontal\">\n                {steps.map((step: Step, stepIndex: number) => {\n                    const stepName = t(step.getStepTranslation());\n\n                    const prettyStep = stepIndex + 1;\n\n                    const isPrevStep = currentStepIndex > prettyStep;\n\n                    let stepNumber: JSX.Element;\n                    if (isPrevStep) {\n                        stepNumber = <Icon icon={IconType.Check} color={Color.White} size=\"24px\" />;\n                    } else {\n                        stepNumber = (\n                            <Text>\n                                <strong>{'0' + prettyStep}</strong>\n                            </Text>\n                        );\n                    }\n\n                    let isClickable = false;\n\n                    if (step) {\n                        const stepValidator = step.getValidator();\n\n                        if (stepValidator && stepValidator.isValid(basketContext)) {\n                            isClickable = true;\n                        }\n                    }\n\n                    const stepClassNames = classNames('step-selector__item', {\n                        'is-current': currentStepIndex === prettyStep,\n                        'is-valid': isClickable,\n                        'is-complete': isPrevStep,\n                        'is-disabled': !isPrevStep && currentStepIndex !== prettyStep && !isClickable,\n                    });\n\n                    const closeOnClick = () => {\n                        props.onClose();\n                    };\n                    return (\n                        <li className={stepClassNames} key={stepIndex} onClick={closeOnClick}>\n                            <span className=\"step-selector__count\">{stepNumber}</span>\n                            <div>\n                                <Text>\n                                    <strong>{stepName}</strong>\n                                </Text>\n                            </div>\n                            <Link to={step.getStepUrl()} />\n                        </li>\n                    );\n                })}\n            </ul>\n        </SimpleModal>\n    );\n}\n"]}
+{"version":3,"file":"StepSelectorModal.js","sourceRoot":"/","sources":["src/components/navigation/StepSelectorModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import SimpleModal from '@/components/generic/modal/SimpleModal';\nimport { useTranslation } from 'react-i18next';\nimport { useContext } from 'react';\nimport { Translation } from 'translations/Translation';\nimport React from 'react';\nimport classNames from 'classnames';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport Text from '@/components/generic/Text';\nimport { Link } from 'react-router-dom';\nimport StepManager from '@/util/StepManager';\nimport { BasketContext } from '@frontend/contexts';\nimport Step from '@/pages/steps/Step';\nimport { FullPageEngineContext } from '@frontend/contexts';\n\nexport interface StepSelectorModalProps {\n    isOpen?: boolean;\n    onClose?: () => void;\n}\n\nexport default function StepSelectorModal(props: StepSelectorModalProps) {\n    const { currentStep } = useContext(FullPageEngineContext);\n    const basketContext = useContext(BasketContext);\n\n    const { t } = useTranslation();\n\n    const steps = StepManager.getSteps().filter((step) => (step.shouldShowOnNavigation() ? step : null));\n\n    const onModalClose = () => {\n        return props.onClose ? props.onClose() : null;\n    };\n\n    const currentStepIndex = StepManager.getStepIndex(currentStep.getName());\n\n    return (\n        <SimpleModal open={props.isOpen} title={t(Translation.Navigation.SelectStep)} onClose={onModalClose}>\n            <ul className=\"step-selector --horizontal\">\n                {steps.map((step: Step, stepIndex: number) => {\n                    const stepName = t(step.getStepTranslation() as string);\n\n                    const prettyStep = stepIndex + 1;\n\n                    const isPrevStep = currentStepIndex > prettyStep;\n\n                    let stepNumber: JSX.Element;\n                    if (isPrevStep) {\n                        stepNumber = <Icon icon={IconType.Check} color={Color.White} size=\"24px\" />;\n                    } else {\n                        stepNumber = (\n                            <Text>\n                                <strong>{'0' + prettyStep}</strong>\n                            </Text>\n                        );\n                    }\n\n                    let isClickable = false;\n\n                    if (step) {\n                        const stepValidator = step.getValidator();\n\n                        if (stepValidator && stepValidator.isValid(basketContext)) {\n                            isClickable = true;\n                        }\n                    }\n\n                    const stepClassNames = classNames('step-selector__item', {\n                        'is-current': currentStepIndex === prettyStep,\n                        'is-valid': isClickable,\n                        'is-complete': isPrevStep,\n                        'is-disabled': !isPrevStep && currentStepIndex !== prettyStep && !isClickable,\n                    });\n\n                    const closeOnClick = () => {\n                        props.onClose?.();\n                    };\n                    return (\n                        <li className={stepClassNames} key={stepIndex} onClick={closeOnClick}>\n                            <span className=\"step-selector__count\">{stepNumber}</span>\n                            <div>\n                                <Text>\n                                    <strong>{stepName}</strong>\n                                </Text>\n                            </div>\n                            <Link to={step.getStepUrl()} />\n                        </li>\n                    );\n                })}\n            </ul>\n        </SimpleModal>\n    );\n}\n"]}

package/dist/src/components/pages/Account/Card/CardList.js

@@ -1,44 +1,21 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CardList = void 0;
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const CardList_module_scss_1 = __importDefault(require("./CardList.module.scss"));
 const classnames_1 = __importDefault(require("classnames"));
-const react_1 = require("swiper/react");
+const react_2 = require("swiper/react");
 const MemberCardItem_1 = require("./MemberCardItem");
 const CardList = ({ options = [], onChange, value, onNewCardClicked }) => {
     const onCardClicked = (card) => {
-        onChange(card);
+        onChange === null || onChange === void 0 ? void 0 : onChange(card);
     };
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: CardList_module_scss_1.default['card-list'] },
-            React.createElement(react_1.Swiper, { className: (0, classnames_1.default)(CardList_module_scss_1.default['card-list-swiper'], 'u-marg-bottom--heavy', 'u-marg-bottom--none@l'), breakpoints: {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: CardList_module_scss_1.default['card-list'] },
+            react_1.default.createElement(react_2.Swiper, { className: (0, classnames_1.default)(CardList_module_scss_1.default['card-list-swiper'], 'u-marg-bottom--heavy', 'u-marg-bottom--none@l'), breakpoints: {
                     992: {
                         enabled: false,
                         spaceBetween: 0,
@@ -48,15 +25,15 @@ const CardList = ({ options = [], onChange, value, onNewCardClicked }) => {
                     const onClick = () => {
                         onCardClicked(card);
                     };
-                    return (React.createElement(react_1.SwiperSlide, { key: card.cardId, style: {
+                    return (react_1.default.createElement(react_2.SwiperSlide, { key: card.cardId, style: {
                             width: 'auto',
                         } },
-                        React.createElement(MemberCardItem_1.MemberCardItem, { selected: (value === null || value === void 0 ? void 0 : value.cardId) === card.cardId, item: card, onClick: onClick })));
+                        react_1.default.createElement(MemberCardItem_1.MemberCardItem, { selected: (value === null || value === void 0 ? void 0 : value.cardId) === card.cardId, item: card, onClick: onClick })));
                 }),
-                React.createElement(react_1.SwiperSlide, { style: {
+                react_1.default.createElement(react_2.SwiperSlide, { style: {
                         width: 'auto',
                     } },
-                    React.createElement(MemberCardItem_1.MemberCardItem, { selected: !(value === null || value === void 0 ? void 0 : value.cardId), onClick: () => onNewCardClicked === null || onNewCardClicked === void 0 ? void 0 : onNewCardClicked() }))))));
+                    react_1.default.createElement(MemberCardItem_1.MemberCardItem, { selected: !(value === null || value === void 0 ? void 0 : value.cardId), onClick: () => onNewCardClicked === null || onNewCardClicked === void 0 ? void 0 : onNewCardClicked() }))))));
 };
 exports.CardList = CardList;
 //# sourceMappingURL=CardList.js.map

package/dist/src/components/pages/Account/Card/CardList.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardList.js","sourceRoot":"/","sources":["src/components/pages/Account/Card/CardList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,kFAA4C;AAC5C,4DAAoC;AAEpC,wCAAmD;AAEnD,qDAAkD;AAe3C,MAAM,QAAQ,GAAsB,CAAC,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,EAAE;IAC/F,MAAM,aAAa,GAAG,CAAC,IAA0B,EAAE,EAAE;QACjD,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACH;QACI,6BAAK,SAAS,EAAE,8BAAM,CAAC,WAAW,CAAC;YAC/B,oBAAC,cAAM,IACH,SAAS,EAAE,IAAA,oBAAU,EAAC,8BAAM,CAAC,kBAAkB,CAAC,EAAE,sBAAsB,EAAE,uBAAuB,CAAC,EAClG,WAAW,EAAE;oBACT,GAAG,EAAE;wBACD,OAAO,EAAE,KAAK;wBACd,YAAY,EAAE,CAAC;qBAClB;iBACJ,EACD,YAAY,EAAE,CAAC,EACf,OAAO,QACP,aAAa,EAAC,MAAM;gBAEnB,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBAClB,MAAM,OAAO,GAAG,GAAG,EAAE;wBACjB,aAAa,CAAC,IAAI,CAAC,CAAC;oBACxB,CAAC,CAAC;oBAEF,OAAO,CACH,oBAAC,mBAAW,IACR,GAAG,EAAE,IAAI,CAAC,MAAM,EAChB,KAAK,EAAE;4BACH,KAAK,EAAE,MAAM;yBAChB;wBAED,oBAAC,+BAAc,IAAC,QAAQ,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,MAAK,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,CAC/E,CACjB,CAAC;gBACN,CAAC,CAAC;gBACF,oBAAC,mBAAW,IACR,KAAK,EAAE;wBACH,KAAK,EAAE,MAAM;qBAChB;oBAED,oBAAC,+BAAc,IAAC,QAAQ,EAAE,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAA,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,EAAI,GAAI,CACvE,CACT,CACP,CACP,CACN,CAAC;AACN,CAAC,CAAC;AA/CW,QAAA,QAAQ,YA+CnB","sourcesContent":["import * as React from 'react';\nimport { FC } from 'react';\nimport styles from './CardList.module.scss';\nimport classNames from 'classnames';\n\nimport { Swiper, SwiperSlide } from 'swiper/react';\nimport { IRoomstayMemberCards } from '@roomstay/core';\nimport { MemberCardItem } from './MemberCardItem';\n\ndeclare global {\n    interface Window {\n        VGSShow: any;\n    }\n}\n\ntype CardListProps = {\n    options?: IRoomstayMemberCards[];\n    onChange?: (list: IRoomstayMemberCards) => void;\n    value?: Partial<IRoomstayMemberCards>;\n    onNewCardClicked?: () => void;\n};\n\nexport const CardList: FC<CardListProps> = ({ options = [], onChange, value, onNewCardClicked }) => {\n    const onCardClicked = (card: IRoomstayMemberCards) => {\n        onChange(card);\n    };\n\n    return (\n        <>\n            <div className={styles['card-list']}>\n                <Swiper\n                    className={classNames(styles['card-list-swiper'], 'u-marg-bottom--heavy', 'u-marg-bottom--none@l')}\n                    breakpoints={{\n                        992: {\n                            enabled: false,\n                            spaceBetween: 0,\n                        },\n                    }}\n                    spaceBetween={8}\n                    enabled\n                    slidesPerView=\"auto\"\n                >\n                    {options.map((card) => {\n                        const onClick = () => {\n                            onCardClicked(card);\n                        };\n\n                        return (\n                            <SwiperSlide\n                                key={card.cardId}\n                                style={{\n                                    width: 'auto',\n                                }}\n                            >\n                                <MemberCardItem selected={value?.cardId === card.cardId} item={card} onClick={onClick} />\n                            </SwiperSlide>\n                        );\n                    })}\n                    <SwiperSlide\n                        style={{\n                            width: 'auto',\n                        }}\n                    >\n                        <MemberCardItem selected={!value?.cardId} onClick={() => onNewCardClicked?.()} />\n                    </SwiperSlide>\n                </Swiper>\n            </div>\n        </>\n    );\n};\n"]}
+{"version":3,"file":"CardList.js","sourceRoot":"/","sources":["src/components/pages/Account/Card/CardList.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,kFAA4C;AAC5C,4DAAoC;AAEpC,wCAAmD;AAEnD,qDAAkD;AAe3C,MAAM,QAAQ,GAAsB,CAAC,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,EAAE;IAC/F,MAAM,aAAa,GAAG,CAAC,IAA0B,EAAE,EAAE;QACjD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACH;QACI,uCAAK,SAAS,EAAE,8BAAM,CAAC,WAAW,CAAC;YAC/B,8BAAC,cAAM,IACH,SAAS,EAAE,IAAA,oBAAU,EAAC,8BAAM,CAAC,kBAAkB,CAAC,EAAE,sBAAsB,EAAE,uBAAuB,CAAC,EAClG,WAAW,EAAE;oBACT,GAAG,EAAE;wBACD,OAAO,EAAE,KAAK;wBACd,YAAY,EAAE,CAAC;qBAClB;iBACJ,EACD,YAAY,EAAE,CAAC,EACf,OAAO,QACP,aAAa,EAAC,MAAM;gBAEnB,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBAClB,MAAM,OAAO,GAAG,GAAG,EAAE;wBACjB,aAAa,CAAC,IAAI,CAAC,CAAC;oBACxB,CAAC,CAAC;oBAEF,OAAO,CACH,8BAAC,mBAAW,IACR,GAAG,EAAE,IAAI,CAAC,MAAM,EAChB,KAAK,EAAE;4BACH,KAAK,EAAE,MAAM;yBAChB;wBAED,8BAAC,+BAAc,IAAC,QAAQ,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,MAAK,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,CAC/E,CACjB,CAAC;gBACN,CAAC,CAAC;gBACF,8BAAC,mBAAW,IACR,KAAK,EAAE;wBACH,KAAK,EAAE,MAAM;qBAChB;oBAED,8BAAC,+BAAc,IAAC,QAAQ,EAAE,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAA,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,EAAI,GAAI,CACvE,CACT,CACP,CACP,CACN,CAAC;AACN,CAAC,CAAC;AA/CW,QAAA,QAAQ,YA+CnB","sourcesContent":["import React from 'react';\nimport { FC } from 'react';\nimport styles from './CardList.module.scss';\nimport classNames from 'classnames';\n\nimport { Swiper, SwiperSlide } from 'swiper/react';\nimport { IRoomstayMemberCards } from '@roomstay/core';\nimport { MemberCardItem } from './MemberCardItem';\n\ndeclare global {\n    interface Window {\n        VGSShow: any;\n    }\n}\n\ntype CardListProps = {\n    options?: IRoomstayMemberCards[];\n    onChange?: (list: IRoomstayMemberCards) => void;\n    value?: Partial<IRoomstayMemberCards>;\n    onNewCardClicked?: () => void;\n};\n\nexport const CardList: FC<CardListProps> = ({ options = [], onChange, value, onNewCardClicked }) => {\n    const onCardClicked = (card: IRoomstayMemberCards) => {\n        onChange?.(card);\n    };\n\n    return (\n        <>\n            <div className={styles['card-list']}>\n                <Swiper\n                    className={classNames(styles['card-list-swiper'], 'u-marg-bottom--heavy', 'u-marg-bottom--none@l')}\n                    breakpoints={{\n                        992: {\n                            enabled: false,\n                            spaceBetween: 0,\n                        },\n                    }}\n                    spaceBetween={8}\n                    enabled\n                    slidesPerView=\"auto\"\n                >\n                    {options.map((card) => {\n                        const onClick = () => {\n                            onCardClicked(card);\n                        };\n\n                        return (\n                            <SwiperSlide\n                                key={card.cardId}\n                                style={{\n                                    width: 'auto',\n                                }}\n                            >\n                                <MemberCardItem selected={value?.cardId === card.cardId} item={card} onClick={onClick} />\n                            </SwiperSlide>\n                        );\n                    })}\n                    <SwiperSlide\n                        style={{\n                            width: 'auto',\n                        }}\n                    >\n                        <MemberCardItem selected={!value?.cardId} onClick={() => onNewCardClicked?.()} />\n                    </SwiperSlide>\n                </Swiper>\n            </div>\n        </>\n    );\n};\n"]}

package/dist/src/components/pages/Account/Card/MemberCardItem.js

@@ -34,31 +34,31 @@ const Icon_1 = require("../../../generic/Icon/Icon");
 const Pill_1 = __importStar(require("../../../generic/Pill"));
 const Text_1 = __importStar(require("../../../generic/Text"));
 const RoomstayThemeEngine_1 = __importDefault(require("../../../../providers/RoomstayThemeEngine"));
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const Color_1 = require("../../../../util/Color");
 const PaymentCardHelper_1 = require("../../../../util/PaymentCardHelper");
 const MemberCardItem_module_scss_1 = __importDefault(require("./MemberCardItem.module.scss"));
 const MemberCardItem = (props) => {
     var _a, _b, _c, _d;
     const { item, onClick, selected } = props;
-    const { roomstayMember } = React.useContext(contexts_1.RoomstayMemberContext);
+    const { roomstayMember } = react_1.default.useContext(contexts_1.RoomstayMemberContext);
     const cardClasses = (0, classnames_1.default)(MemberCardItem_module_scss_1.default['card'], {
         [MemberCardItem_module_scss_1.default['--selected']]: selected,
     });
     const cardGraphics = (0, PaymentCardHelper_1.mapCardTypeToGraphic)(item === null || item === void 0 ? void 0 : item.type);
     const iconUrl = cardGraphics.miniCardUrl;
     const hiddenCardNumber = (_a = item === null || item === void 0 ? void 0 : item.cardNumber) === null || _a === void 0 ? void 0 : _a.substring(((_b = item === null || item === void 0 ? void 0 : item.cardNumber) === null || _b === void 0 ? void 0 : _b.length) - 4);
-    const renderedIcon = iconUrl ? React.createElement("img", { src: iconUrl, alt: item === null || item === void 0 ? void 0 : item.type }) : React.createElement("img", { src: RoomstayThemeEngine_1.default.getImageAssetUrl() + 'add-card.svg', alt: "Add card" });
+    const renderedIcon = iconUrl ? react_1.default.createElement("img", { src: iconUrl, alt: item === null || item === void 0 ? void 0 : item.type }) : react_1.default.createElement("img", { src: RoomstayThemeEngine_1.default.getImageAssetUrl() + 'add-card.svg', alt: "Add card" });
     const expirationDate = ((_c = item === null || item === void 0 ? void 0 : item.expiry) === null || _c === void 0 ? void 0 : _c.substring(0, 2)) + ' / ' + ((_d = item === null || item === void 0 ? void 0 : item.expiry) === null || _d === void 0 ? void 0 : _d.substring(2));
-    return (React.createElement("div", { className: cardClasses, onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick() },
-        React.createElement("div", { className: MemberCardItem_module_scss_1.default['card-infographic'] }, renderedIcon),
-        React.createElement("div", { className: MemberCardItem_module_scss_1.default['card-details'] }, item ? (React.createElement(React.Fragment, null,
-            (roomstayMember === null || roomstayMember === void 0 ? void 0 : roomstayMember.defaultCard) === item.cardId && (React.createElement("div", { className: "u-marg-bottom--light" },
-                React.createElement(Pill_1.default, { size: 'small', type: Pill_1.PillType.Primary }, "DEFAULT CARD"))),
-            React.createElement(Text_1.default, { bold: true, type: Text_1.TextType.Small },
+    return (react_1.default.createElement("div", { className: cardClasses, onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick() },
+        react_1.default.createElement("div", { className: MemberCardItem_module_scss_1.default['card-infographic'] }, renderedIcon),
+        react_1.default.createElement("div", { className: MemberCardItem_module_scss_1.default['card-details'] }, item ? (react_1.default.createElement(react_1.default.Fragment, null,
+            (roomstayMember === null || roomstayMember === void 0 ? void 0 : roomstayMember.defaultCard) === item.cardId && (react_1.default.createElement("div", { className: "u-marg-bottom--light" },
+                react_1.default.createElement(Pill_1.default, { size: "small", type: Pill_1.PillType.Primary }, "DEFAULT CARD"))),
+            react_1.default.createElement(Text_1.default, { bold: true, type: Text_1.TextType.Small },
                 "\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 ",
                 hiddenCardNumber),
-            React.createElement(Text_1.default, { bold: true, type: Text_1.TextType.Small }, expirationDate))) : (React.createElement(BEButton_1.default, { onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(), isText: true, textColor: Color_1.Color.Accent3, size: 'tiny', icon: Icon_1.IconType.ArrowRight, iconPosition: 'right' }, "Add new Card")))));
+            react_1.default.createElement(Text_1.default, { bold: true, type: Text_1.TextType.Small }, expirationDate))) : (react_1.default.createElement(BEButton_1.default, { onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(), isText: true, textColor: Color_1.Color.Accent3, size: "tiny", icon: Icon_1.IconType.ArrowRight, iconPosition: "right" }, "Add new Card")))));
 };
 exports.MemberCardItem = MemberCardItem;
 //# sourceMappingURL=MemberCardItem.js.map

package/dist/src/components/pages/Account/Card/MemberCardItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MemberCardItem.js","sourceRoot":"/","sources":["src/components/pages/Account/Card/MemberCardItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import { RoomstayMemberContext } from '@frontend/contexts';\nimport { IRoomstayMemberCards } from '@roomstay/core';\nimport classNames from 'classnames';\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Pill, { PillType } from '@/components/generic/Pill';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { ECardType } from '@/models/PaymentCard';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport * as React from 'react';\nimport { Color } from '@/util/Color';\nimport { mapCardTypeToGraphic } from '@/util/PaymentCardHelper';\n\nimport styles from './MemberCardItem.module.scss';\n\ntype MemberCardItemProps = {\n    item?: IRoomstayMemberCards;\n    onClick?: () => void;\n    selected?: boolean;\n};\n\nexport const MemberCardItem = (props: MemberCardItemProps) => {\n    const { item, onClick, selected } = props;\n    const { roomstayMember } = React.useContext(RoomstayMemberContext);\n\n    const cardClasses = classNames(styles['card'], {\n        [styles['--selected']]: selected,\n    });\n\n    const cardGraphics = mapCardTypeToGraphic(item?.type as ECardType);\n    const iconUrl = cardGraphics.miniCardUrl;\n\n    const hiddenCardNumber = item?.cardNumber?.substring(item?.cardNumber?.length - 4);\n\n    const renderedIcon = iconUrl ? <img src={iconUrl} alt={item?.type} /> : <img src={RoomstayThemeEngine.getImageAssetUrl() + 'add-card.svg'} alt=\"Add card\" />;\n    const expirationDate = item?.expiry?.substring(0, 2) + ' / ' + item?.expiry?.substring(2);\n\n    return (\n        <div className={cardClasses} onClick={() => onClick?.()}>\n            <div className={styles['card-infographic']}>{renderedIcon}</div>\n            <div className={styles['card-details']}>\n                {item ? (\n                    <>\n                        {/** TODO: check if card is on users default card object */}\n                        {roomstayMember?.defaultCard === item.cardId && (\n                            <div className=\"u-marg-bottom--light\">\n                                <Pill size={'small'} type={PillType.Primary}>\n                                    DEFAULT CARD\n                                </Pill>\n                            </div>\n                        )}\n                        <Text bold={true} type={TextType.Small}>\n                            •••• •••• •••• {hiddenCardNumber}\n                        </Text>\n                        <Text bold={true} type={TextType.Small}>\n                            {expirationDate}\n                        </Text>\n                    </>\n                ) : (\n                    <BEButton onClick={() => onClick?.()} isText={true} textColor={Color.Accent3} size={'tiny'} icon={IconType.ArrowRight} iconPosition={'right'}>\n                        Add new Card\n                    </BEButton>\n                )}\n            </div>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"MemberCardItem.js","sourceRoot":"/","sources":["src/components/pages/Account/Card/MemberCardItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import { RoomstayMemberContext } from '@frontend/contexts';\nimport { IRoomstayMemberCards } from '@roomstay/core';\nimport classNames from 'classnames';\nimport BEButton from '@/components/generic/BEButton';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport Pill, { PillType } from '@/components/generic/Pill';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { ECardType } from '@/models/PaymentCard';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport React from 'react';\nimport { Color } from '@/util/Color';\nimport { mapCardTypeToGraphic } from '@/util/PaymentCardHelper';\n\nimport styles from './MemberCardItem.module.scss';\n\ntype MemberCardItemProps = {\n    item?: IRoomstayMemberCards;\n    onClick?: () => void;\n    selected?: boolean;\n};\n\nexport const MemberCardItem = (props: MemberCardItemProps) => {\n    const { item, onClick, selected } = props;\n    const { roomstayMember } = React.useContext(RoomstayMemberContext);\n\n    const cardClasses = classNames(styles['card'], {\n        [styles['--selected']]: selected,\n    });\n\n    const cardGraphics = mapCardTypeToGraphic(item?.type as ECardType);\n    const iconUrl = cardGraphics.miniCardUrl;\n\n    const hiddenCardNumber = item?.cardNumber?.substring(item?.cardNumber?.length - 4);\n\n    const renderedIcon = iconUrl ? <img src={iconUrl} alt={item?.type} /> : <img src={RoomstayThemeEngine.getImageAssetUrl() + 'add-card.svg'} alt=\"Add card\" />;\n    const expirationDate = item?.expiry?.substring(0, 2) + ' / ' + item?.expiry?.substring(2);\n\n    return (\n        <div className={cardClasses} onClick={() => onClick?.()}>\n            <div className={styles['card-infographic']}>{renderedIcon}</div>\n            <div className={styles['card-details']}>\n                {item ? (\n                    <>\n                        {/** TODO: check if card is on users default card object */}\n                        {roomstayMember?.defaultCard === item.cardId && (\n                            <div className=\"u-marg-bottom--light\">\n                                <Pill size=\"small\" type={PillType.Primary}>\n                                    DEFAULT CARD\n                                </Pill>\n                            </div>\n                        )}\n                        <Text bold type={TextType.Small}>\n                            •••• •••• •••• {hiddenCardNumber}\n                        </Text>\n                        <Text bold type={TextType.Small}>\n                            {expirationDate}\n                        </Text>\n                    </>\n                ) : (\n                    <BEButton onClick={() => onClick?.()} isText textColor={Color.Accent3} size=\"tiny\" icon={IconType.ArrowRight} iconPosition=\"right\">\n                        Add new Card\n                    </BEButton>\n                )}\n            </div>\n        </div>\n    );\n};\n"]}

package/dist/src/components/pages/PageColorComponent.js

@@ -1,44 +1,21 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageColorComponent = void 0;
-const React = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const hooks_1 = require("../../hooks/index.js");
 const RoomstayThemeEngine_1 = __importDefault(require("../../providers/RoomstayThemeEngine"));
 const PageColorComponent = () => {
     const { hotel } = (0, hooks_1.useCurrentHotel)();
-    (0, react_1.useEffect)(() => {
+    (0, react_2.useEffect)(() => {
         if (hotel) {
             RoomstayThemeEngine_1.default.changeTheme(hotel.colors);
         }
     }, [hotel === null || hotel === void 0 ? void 0 : hotel.colors]);
-    return React.createElement(React.Fragment, null);
+    return react_1.default.createElement(react_1.default.Fragment, null);
 };
 exports.PageColorComponent = PageColorComponent;
 //# sourceMappingURL=PageColorComponent.js.map

package/dist/src/components/pages/PageColorComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageColorComponent.js","sourceRoot":"/","sources":["src/components/pages/PageColorComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAkC;AAClC,2CAAkD;AAClD,0FAAkE;AAE3D,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,KAAK,EAAE;YACP,6BAAmB,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;SACjD;IACL,CAAC,EAAE,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC,CAAC,CAAC;IAEpB,OAAO,yCAAK,CAAC;AACjB,CAAC,CAAC;AAVW,QAAA,kBAAkB,sBAU7B","sourcesContent":["import * as React from 'react';\nimport { useEffect } from 'react';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\n\nexport const PageColorComponent = () => {\n    const { hotel } = useCurrentHotel();\n\n    useEffect(() => {\n        if (hotel) {\n            RoomstayThemeEngine.changeTheme(hotel.colors);\n        }\n    }, [hotel?.colors]);\n\n    return <></>;\n};\n"]}
+{"version":3,"file":"PageColorComponent.js","sourceRoot":"/","sources":["src/components/pages/PageColorComponent.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,iCAAkC;AAClC,2CAAkD;AAClD,0FAAkE;AAE3D,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,KAAK,EAAE;YACP,6BAAmB,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;SACjD;IACL,CAAC,EAAE,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC,CAAC,CAAC;IAEpB,OAAO,6DAAK,CAAC;AACjB,CAAC,CAAC;AAVW,QAAA,kBAAkB,sBAU7B","sourcesContent":["import React from 'react';\nimport { useEffect } from 'react';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\n\nexport const PageColorComponent = () => {\n    const { hotel } = useCurrentHotel();\n\n    useEffect(() => {\n        if (hotel) {\n            RoomstayThemeEngine.changeTheme(hotel.colors);\n        }\n    }, [hotel?.colors]);\n\n    return <></>;\n};\n"]}

package/dist/src/components/reservation/EmptyReservation.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+export interface EmptyReservationProps {
+    isCancelled?: boolean;
+}
+declare const EmptyReservation: FC<EmptyReservationProps>;
+export default EmptyReservation;

package/dist/src/components/reservation/EmptyReservation.js

@@ -0,0 +1,52 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const RoomstayThemeEngine_1 = __importDefault(require("../../providers/RoomstayThemeEngine"));
+const Text_1 = __importStar(require("../generic/Text"));
+const react_i18next_1 = require("react-i18next");
+const Color_1 = require("../../util/Color");
+const Headline_1 = __importDefault(require("../generic/Headline"));
+const contexts_1 = require("../../contexts");
+const ScreenSize_1 = __importDefault(require("../../util/ScreenSize"));
+const EmptyReservation = ({ isCancelled }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
+    const isMobile = context.screenSize <= ScreenSize_1.default.Medium;
+    const mainText = t(isCancelled ? 'Reservation.YourReservationPage.EmptyCancelledStays' : 'Reservation.YourReservationPage.EmptyStays');
+    const subText = t(isCancelled ? 'Reservation.YourReservationPage.EmptyCancelledDescriptionStays' : 'Reservation.YourReservationPage.EmptyStaysDescription');
+    return (react_1.default.createElement("div", { className: "u-flex u-flex-direction-column u-align-center" },
+        react_1.default.createElement("div", null,
+            react_1.default.createElement("img", { style: {
+                    maxWidth: isMobile ? 345 : 322,
+                }, src: RoomstayThemeEngine_1.default.getImageAssetUrl('/account/account-home-empty-graphic.svg'), alt: "" })),
+        react_1.default.createElement(Headline_1.default, { size: !isMobile ? 'large' : undefined, bold: true, color: Color_1.Color.Navy, className: "u-marg-top--heavy" }, mainText),
+        react_1.default.createElement(Text_1.default, { type: isMobile ? Text_1.TextType.Small : undefined, color: Color_1.Color.Navy, className: "u-marg-top" }, subText)));
+};
+exports.default = EmptyReservation;
+//# sourceMappingURL=EmptyReservation.js.map

package/dist/src/components/reservation/EmptyReservation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyReservation.js","sourceRoot":"/","sources":["src/components/reservation/EmptyReservation.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8C;AAC9C,0FAAkE;AAClE,kEAA2D;AAC3D,iDAA+C;AAC/C,wCAAqC;AACrC,6EAAqD;AACrD,yCAAkD;AAClD,mEAA2C;AAM3C,MAAM,gBAAgB,GAA8B,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE;IACpE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,+BAAoB,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,IAAI,oBAAU,CAAC,MAAM,CAAC;IAEzD,MAAM,QAAQ,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,qDAAqD,CAAC,CAAC,CAAC,4CAA4C,CAAC,CAAC;IACvI,MAAM,OAAO,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,gEAAgE,CAAC,CAAC,CAAC,uDAAuD,CAAC,CAAC;IAC5J,OAAO,CACH,uCAAK,SAAS,EAAC,+CAA+C;QAC1D;YACI,uCACI,KAAK,EAAE;oBACH,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;iBACjC,EACD,GAAG,EAAE,6BAAmB,CAAC,gBAAgB,CAAC,yCAAyC,CAAC,EACpF,GAAG,EAAC,EAAE,GACR,CACA;QACN,8BAAC,kBAAQ,IAAC,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,QAAC,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,SAAS,EAAC,mBAAmB,IACjG,QAAQ,CACF;QACX,8BAAC,cAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE,SAAS,EAAC,YAAY,IACvF,OAAO,CACL,CACL,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC","sourcesContent":["import React, { FC, useContext } from 'react';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useTranslation } from 'react-i18next';\nimport { Color } from '@/util/Color';\nimport Headline from '@/components/generic/Headline';\nimport { BookingEngineContext } from '@/contexts';\nimport ScreenSize from '@/util/ScreenSize';\n\nexport interface EmptyReservationProps {\n    isCancelled?: boolean;\n}\n\nconst EmptyReservation: FC<EmptyReservationProps> = ({ isCancelled }) => {\n    const { t } = useTranslation();\n    const context = useContext(BookingEngineContext);\n    const isMobile = context.screenSize <= ScreenSize.Medium;\n\n    const mainText = t(isCancelled ? 'Reservation.YourReservationPage.EmptyCancelledStays' : 'Reservation.YourReservationPage.EmptyStays');\n    const subText = t(isCancelled ? 'Reservation.YourReservationPage.EmptyCancelledDescriptionStays' : 'Reservation.YourReservationPage.EmptyStaysDescription');\n    return (\n        <div className=\"u-flex u-flex-direction-column u-align-center\">\n            <div>\n                <img\n                    style={{\n                        maxWidth: isMobile ? 345 : 322,\n                    }}\n                    src={RoomstayThemeEngine.getImageAssetUrl('/account/account-home-empty-graphic.svg')}\n                    alt=\"\"\n                />\n            </div>\n            <Headline size={!isMobile ? 'large' : undefined} bold color={Color.Navy} className=\"u-marg-top--heavy\">\n                {mainText}\n            </Headline>\n            <Text type={isMobile ? TextType.Small : undefined} color={Color.Navy} className=\"u-marg-top\">\n                {subText}\n            </Text>\n        </div>\n    );\n};\n\nexport default EmptyReservation;\n"]}