@roomstay/frontend 2.6.89-2 → 2.6.90

package/dist/src/components/steps/common/ItemisedFeesSummary/ItemisedFeesSummary.js

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

package/dist/src/components/steps/common/ItemisedFeesSummary/ItemisedFeesSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemisedFeesSummary.js","sourceRoot":"/","sources":["src/components/steps/common/ItemisedFeesSummary/ItemisedFeesSummary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,6EAAqD;AACrD,kEAA2D;AAE3D,wCAAqC;AACrC,wDAAiD;AAM1C,MAAM,mBAAmB,GAAG,CAAC,KAA8B,EAAE,EAAE;IAClE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvB,OAAO,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACrB,uCAAK,SAAS,EAAC,sBAAsB,IAChC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACf,uCAAK,SAAS,EAAC,sBAAsB,EAAC,GAAG,EAAE,GAAG,CAAC,IAAI;QAC/C,8BAAC,cAAI,IAAC,IAAI,QAAC,KAAK,EAAE,yBAAS,CAAC,KAAK,IAC5B,GAAG,CAAC,IAAI,CACN;QACN,GAAG,CAAC,WAAW,IAAI,CAChB,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,yBAAS,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,EAAE,SAAS,EAAC,4BAA4B,IAC5G,GAAG,CAAC,WAAW,CACb,CACV;QACD,8BAAC,cAAI,IAAC,IAAI,QAAC,KAAK,EAAE,yBAAS,CAAC,KAAK;YAC7B,8BAAC,kBAAQ,QAAE,GAAG,CAAC,MAAM,CAAY,CAC9B,CACL,CACT,CAAC,CACA,CACT,CAAC,CAAC,CAAC,IAAI,CAAC;AACb,CAAC,CAAC;AAtBW,QAAA,mBAAmB,uBAsB9B","sourcesContent":["import React from 'react';\n\nimport Currency from '@/components/generic/Currency';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { SimpleItemisedFee } from '@/models/Fee';\nimport { Color } from '@/util/Color';\nimport { TextAlign } from '@/util/TextAlignment';\n\ntype ItemisedFeeSummaryProps = {\n    fees: SimpleItemisedFee[];\n};\n\nexport const ItemisedFeesSummary = (props: ItemisedFeeSummaryProps) => {\n    const { fees } = props;\n\n    return fees.length > 0 ? (\n        <div className=\"u-marg-bottom--heavy\">\n            {fees.map((fee) => (\n                <div className=\"u-marg-bottom--light\" key={fee.name}>\n                    <Text bold align={TextAlign.Right}>\n                        {fee.name}\n                    </Text>\n                    {fee.description && (\n                        <Text type={TextType.Small} align={TextAlign.Right} color={Color.DarkGrey} className=\"u-marg-top-bottom--lighter\">\n                            {fee.description}\n                        </Text>\n                    )}\n                    <Text bold align={TextAlign.Right}>\n                        <Currency>{fee.amount}</Currency>\n                    </Text>\n                </div>\n            ))}\n        </div>\n    ) : null;\n};\n"]}
+{"version":3,"file":"ItemisedFeesSummary.js","sourceRoot":"/","sources":["src/components/steps/common/ItemisedFeesSummary/ItemisedFeesSummary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kDAA0B;AAE1B,6EAAqD;AACrD,kEAA2D;AAC3D,wCAAqC;AACrC,wDAAiD;AAM1C,MAAM,mBAAmB,GAAG,CAAC,KAA8B,EAAE,EAAE;IAClE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvB,OAAO,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACrB,uCAAK,SAAS,EAAC,sBAAsB,IAChC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACf,uCAAK,SAAS,EAAC,sBAAsB,EAAC,GAAG,EAAE,GAAG,CAAC,IAAI;QAC/C,8BAAC,cAAI,IAAC,IAAI,QAAC,KAAK,EAAE,yBAAS,CAAC,KAAK,IAC5B,GAAG,CAAC,IAAI,CACN;QACN,GAAG,CAAC,WAAW,IAAI,CAChB,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,yBAAS,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ,EAAE,SAAS,EAAC,4BAA4B,IAC5G,GAAG,CAAC,WAAW,CACb,CACV;QACD,8BAAC,cAAI,IAAC,IAAI,QAAC,KAAK,EAAE,yBAAS,CAAC,KAAK;YAC7B,8BAAC,kBAAQ,QAAE,GAAG,CAAC,MAAM,CAAY,CAC9B,CACL,CACT,CAAC,CACA,CACT,CAAC,CAAC,CAAC,IAAI,CAAC;AACb,CAAC,CAAC;AAtBW,QAAA,mBAAmB,uBAsB9B","sourcesContent":["import { SimpleItemisedFee } from '@roomstay/core';\nimport React from 'react';\n\nimport Currency from '@/components/generic/Currency';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport { TextAlign } from '@/util/TextAlignment';\n\ntype ItemisedFeeSummaryProps = {\n    fees: SimpleItemisedFee[];\n};\n\nexport const ItemisedFeesSummary = (props: ItemisedFeeSummaryProps) => {\n    const { fees } = props;\n\n    return fees.length > 0 ? (\n        <div className=\"u-marg-bottom--heavy\">\n            {fees.map((fee) => (\n                <div className=\"u-marg-bottom--light\" key={fee.name}>\n                    <Text bold align={TextAlign.Right}>\n                        {fee.name}\n                    </Text>\n                    {fee.description && (\n                        <Text type={TextType.Small} align={TextAlign.Right} color={Color.DarkGrey} className=\"u-marg-top-bottom--lighter\">\n                            {fee.description}\n                        </Text>\n                    )}\n                    <Text bold align={TextAlign.Right}>\n                        <Currency>{fee.amount}</Currency>\n                    </Text>\n                </div>\n            ))}\n        </div>\n    ) : null;\n};\n"]}

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

@@ -1 +1,2 @@
-export default function AccountDetails(): JSX.Element;
+import React from 'react';
+export default function AccountDetails(): React.JSX.Element;

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

@@ -15,17 +15,28 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = AccountDetails;
 const react_1 = __importDefault(require("react"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
@@ -52,5 +63,4 @@ function AccountDetails() {
             "\u00A0",
             react_1.default.createElement("strong", { style: { color: Color_1.Color.Accent } }, t(Translation_1.Translation.Step.Confirmation.SignInHere)))));
 }
-exports.default = AccountDetails;
 //# sourceMappingURL=AccountDetails.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AccountDetails.js","sourceRoot":"/","sources":["src/components/steps/confirmation/AccountDetails.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,iDAA+C;AAC/C,0DAAuD;AAEvD,4FAAoE;AACpE,kEAA2D;AAC3D,wCAAqC;AAErC,uEAAoE;AAEpE,SAAwB,cAAc;IAClC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,OAAO,CACH,uCAAK,SAAS,EAAC,sBAAsB;QACjC,uCAAK,SAAS,EAAC,sBAAsB;YACjC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;gBACtB,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAU;;gBAEnE,wCAAM,KAAK,EAAE,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE;;oBAAI,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,QAAQ,CAAC;wBAAS,CACxE,CACL;QACN,8BAAC,oBAAU,IAAC,UAAU,EAAC,KAAK;YACxB,8BAAC,yBAAW,IAAC,WAAW,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,IAAI,SAAG;YACnF,8BAAC,yBAAW,IAAC,WAAW,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,IAAI,SAAG,CACjF;QACb,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;YACrB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC;;YAAO,0CAAQ,KAAK,EAAE,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CAAU,CACtJ,CACL,CACT,CAAC;AACN,CAAC;AApBD,iCAoBC","sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport InputGroup from '@/components/generic/InputGroup/InputGroup';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\n\nimport { PasswordBox } from '../../generic/PasswordBox/PasswordBox';\n\nexport default function AccountDetails() {\n    const { t } = useTranslation();\n    return (\n        <div className=\"u-marg-bottom--heavy\">\n            <div className=\"u-marg-bottom--light\">\n                <Text type={TextType.Small}>\n                    <strong>{t(Translation.Step.Confirmation.CreateAnAccount)}</strong>\n                    &nbsp;\n                    <span style={{ color: Color.Grey }}>({t(Translation.Misc.Optional)})</span>\n                </Text>\n            </div>\n            <InputGroup dimensions=\"2/2\">\n                <PasswordBox placeholder={t(Translation.Step.Confirmation.Inputs.Password)} wide />\n                <PasswordBox placeholder={t(Translation.Step.Confirmation.Inputs.ConfirmPassword)} wide />\n            </InputGroup>\n            <Text type={TextType.Label}>\n                {t(Translation.Step.Confirmation.AlreadyHaveAccount)}&nbsp;<strong style={{ color: Color.Accent }}>{t(Translation.Step.Confirmation.SignInHere)}</strong>\n            </Text>\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"AccountDetails.js","sourceRoot":"/","sources":["src/components/steps/confirmation/AccountDetails.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,iCAoBC;AA9BD,kDAA0B;AAC1B,iDAA+C;AAC/C,0DAAuD;AAEvD,4FAAoE;AACpE,kEAA2D;AAC3D,wCAAqC;AAErC,uEAAoE;AAEpE,SAAwB,cAAc;IAClC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,OAAO,CACH,uCAAK,SAAS,EAAC,sBAAsB;QACjC,uCAAK,SAAS,EAAC,sBAAsB;YACjC,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;gBACtB,8CAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAU;;gBAEnE,wCAAM,KAAK,EAAE,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE;;oBAAI,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,QAAQ,CAAC;wBAAS,CACxE,CACL;QACN,8BAAC,oBAAU,IAAC,UAAU,EAAC,KAAK;YACxB,8BAAC,yBAAW,IAAC,WAAW,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,IAAI,SAAG;YACnF,8BAAC,yBAAW,IAAC,WAAW,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,IAAI,SAAG,CACjF;QACb,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;YACrB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC;;YAAO,0CAAQ,KAAK,EAAE,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,EAAE,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CAAU,CACtJ,CACL,CACT,CAAC;AACN,CAAC","sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport InputGroup from '@/components/generic/InputGroup/InputGroup';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\n\nimport { PasswordBox } from '../../generic/PasswordBox/PasswordBox';\n\nexport default function AccountDetails() {\n    const { t } = useTranslation();\n    return (\n        <div className=\"u-marg-bottom--heavy\">\n            <div className=\"u-marg-bottom--light\">\n                <Text type={TextType.Small}>\n                    <strong>{t(Translation.Step.Confirmation.CreateAnAccount)}</strong>\n                    &nbsp;\n                    <span style={{ color: Color.Grey }}>({t(Translation.Misc.Optional)})</span>\n                </Text>\n            </div>\n            <InputGroup dimensions=\"2/2\">\n                <PasswordBox placeholder={t(Translation.Step.Confirmation.Inputs.Password)} wide />\n                <PasswordBox placeholder={t(Translation.Step.Confirmation.Inputs.ConfirmPassword)} wide />\n            </InputGroup>\n            <Text type={TextType.Label}>\n                {t(Translation.Step.Confirmation.AlreadyHaveAccount)}&nbsp;<strong style={{ color: Color.Accent }}>{t(Translation.Step.Confirmation.SignInHere)}</strong>\n            </Text>\n        </div>\n    );\n}\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"AdyenPaymentOption.js","sourceRoot":"/","sources":["src/components/steps/confirmation/AdyenPaymentOption/AdyenPaymentOption.tsx"],"names":[],"mappings":"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","sourcesContent":["import '@adyen/adyen-web/styles/adyen.css';\nimport './Adyen.global.scss';\n\nimport { AdyenCheckout, Dropin, PaymentCompletedData, PaymentFailedData, SessionsResponse } from '@adyen/adyen-web/auto';\nimport { BasketContext } from '@frontend/contexts';\nimport React, { forwardRef, useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';\n\nimport Headline from '@/components/generic/Headline';\nimport { PaymentHandlerElementRef } from '@/handlers/payment/PaymentHandler';\n\nlet paymentResolveFunction: (value: PaymentCompletedData | PaymentFailedData | undefined) => void;\nlet paymentPromise: Promise<PaymentCompletedData | PaymentFailedData | undefined>;\n\nexport const AdyenPaymentOption = forwardRef(function ForwardedAdyenPaymentOption(props: any, ref: any) {\n    const adyenTarget = useRef(null);\n    const basketContext = useContext(BasketContext);\n    const [adyenDropin, setAdyenDropin] = useState<Dropin | null>(null);\n\n    const adyenCheckoutResponse = basketContext.reservationData?.payment?.adyen;\n\n    useImperativeHandle<PaymentHandlerElementRef, PaymentHandlerElementRef>(ref, () => ({\n        async submitPayment() {\n            return new Promise(async (resolve) => {\n                if (adyenDropin) {\n                    adyenDropin.submit();\n\n                    // Adyen's types are weird.\n                    const response = (await paymentPromise) as SessionsResponse;\n\n                    if (response && response.resultCode !== 'Authorised') {\n                        return resolve({\n                            success: false,\n                            message: 'Payment failed to authorize',\n                            data: { sessionData: response.sessionData, sessionResponse: response.sessionResult },\n                        });\n                    }\n\n                    resolve({ success: true, message: 'Payment successful' });\n                }\n            });\n        },\n    }));\n\n    useEffect(() => {\n        let cancelled = false;\n\n        let adyenCheckoutObj: Awaited<ReturnType<typeof AdyenCheckout>>;\n        (async () => {\n            if (!adyenCheckoutResponse || !adyenTarget.current || cancelled || !adyenCheckoutResponse?.sessionId || !adyenCheckoutResponse?.sessionData) {\n                return;\n            }\n\n            // Sometimes the useEffect cancel isn't called, so if we're here with an existing adyen dropin, we should unmount it.\n            if (adyenDropin) {\n                adyenDropin.unmount();\n            }\n\n            paymentPromise = new Promise((resolve) => {\n                paymentResolveFunction = resolve;\n            });\n\n            adyenCheckoutObj = await AdyenCheckout({\n                session: {\n                    id: adyenCheckoutResponse?.sessionId ?? '',\n                    sessionData: adyenCheckoutResponse?.sessionData,\n                },\n                environment: adyenCheckoutResponse.isLive ? 'live' : 'test',\n                amount: {\n                    currency: adyenCheckoutResponse?.currency ?? '',\n                    value: parseFloat(adyenCheckoutResponse?.amount ?? '0') * 100,\n                },\n                clientKey: adyenCheckoutResponse?.clientKey ?? '',\n                countryCode: adyenCheckoutResponse?.countryCode,\n                onPaymentCompleted: (result) => {\n                    paymentResolveFunction(result);\n                },\n                onPaymentFailed: (result, component) => {\n                    component?.setStatus('error', { message: 'Payment failed to process' });\n\n                    paymentResolveFunction(result);\n                },\n                showPayButton: false,\n            });\n\n            if (adyenTarget.current) {\n                const dropin = new Dropin(adyenCheckoutObj);\n                dropin.mount(adyenTarget.current as HTMLElement);\n                setAdyenDropin(dropin);\n            }\n        })();\n\n        return () => {\n            cancelled = true;\n\n            if (adyenDropin) {\n                adyenDropin.unmount();\n            }\n        };\n    }, [adyenTarget, adyenCheckoutResponse]);\n\n    return (\n        <>\n            <div className=\"u-marg-bottom--heavy\">\n                <Headline bold>Choose your payment method</Headline>\n            </div>\n            <div ref={adyenTarget} id=\"dropin-container\"></div>\n        </>\n    );\n});\n"]}
+{"version":3,"file":"AdyenPaymentOption.js","sourceRoot":"/","sources":["src/components/steps/confirmation/AdyenPaymentOption/AdyenPaymentOption.tsx"],"names":[],"mappings":"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","sourcesContent":["import '@adyen/adyen-web/styles/adyen.css';\nimport './Adyen.global.scss';\n\nimport { AdyenCheckout, Dropin, PaymentCompletedData, PaymentFailedData, SessionsResponse } from '@adyen/adyen-web/auto';\nimport { BasketContext } from '@frontend/contexts';\nimport React, { forwardRef, useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';\n\nimport Headline from '@/components/generic/Headline';\nimport { PaymentHandlerElementRef } from '@/handlers/payment/PaymentHandler';\n\nlet paymentResolveFunction: (value: PaymentCompletedData | PaymentFailedData | undefined) => void;\nlet paymentPromise: Promise<PaymentCompletedData | PaymentFailedData | undefined>;\n\nexport const AdyenPaymentOption = forwardRef(function ForwardedAdyenPaymentOption(props: any, ref: any) {\n    const adyenTarget = useRef(null);\n    const basketContext = useContext(BasketContext);\n    const [adyenDropin, setAdyenDropin] = useState<Dropin | null>(null);\n\n    const adyenCheckoutResponse = basketContext.reservationData?.payment?.adyen;\n\n    useImperativeHandle<PaymentHandlerElementRef, PaymentHandlerElementRef>(ref, () => ({\n        async submitPayment() {\n            return new Promise(async (resolve) => {\n                if (adyenDropin) {\n                    adyenDropin.submit();\n\n                    // Adyen's types are weird.\n                    const response = (await paymentPromise) as SessionsResponse;\n\n                    if (response && response.resultCode !== 'Authorised') {\n                        return resolve({\n                            success: false,\n                            message: 'Payment failed to authorize',\n                            data: { sessionData: response.sessionData, sessionResponse: response.sessionResult },\n                        });\n                    }\n\n                    resolve({ success: true, message: 'Payment successful' });\n                }\n            });\n        },\n    }));\n\n    useEffect(() => {\n        let cancelled = false;\n\n        let adyenCheckoutObj: Awaited<ReturnType<typeof AdyenCheckout>>;\n        (async () => {\n            if (!adyenCheckoutResponse || !adyenTarget.current || cancelled || !adyenCheckoutResponse?.sessionId || !adyenCheckoutResponse?.sessionData) {\n                return;\n            }\n\n            // Sometimes the useEffect cancel isn't called, so if we're here with an existing adyen dropin, we should unmount it.\n            if (adyenDropin) {\n                adyenDropin.unmount();\n            }\n\n            paymentPromise = new Promise((resolve) => {\n                paymentResolveFunction = resolve;\n            });\n\n            adyenCheckoutObj = await AdyenCheckout({\n                session: {\n                    id: adyenCheckoutResponse?.sessionId ?? '',\n                    sessionData: adyenCheckoutResponse?.sessionData,\n                },\n                environment: adyenCheckoutResponse.isLive ? 'live' : 'test',\n                amount: {\n                    currency: adyenCheckoutResponse?.currency ?? '',\n                    value: parseFloat(adyenCheckoutResponse?.amount ?? '0') * 100,\n                },\n                clientKey: adyenCheckoutResponse?.clientKey ?? '',\n                countryCode: adyenCheckoutResponse?.countryCode,\n                onPaymentCompleted: (result) => {\n                    paymentResolveFunction(result);\n                },\n                onPaymentFailed: (result, component) => {\n                    component?.setStatus('error', { message: 'Payment failed to process' });\n\n                    paymentResolveFunction(result);\n                },\n                showPayButton: false,\n            });\n\n            if (adyenTarget.current) {\n                const dropin = new Dropin(adyenCheckoutObj);\n                dropin.mount(adyenTarget.current as HTMLElement);\n                setAdyenDropin(dropin);\n            }\n        })();\n\n        return () => {\n            cancelled = true;\n\n            if (adyenDropin) {\n                adyenDropin.unmount();\n            }\n        };\n    }, [adyenTarget, adyenCheckoutResponse]);\n\n    return (\n        <>\n            <div className=\"u-marg-bottom--heavy\">\n                <Headline bold>Choose your payment method</Headline>\n            </div>\n            <div ref={adyenTarget} id=\"dropin-container\"></div>\n        </>\n    );\n});\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"MastercardPaymentMethod.js","sourceRoot":"/","sources":["src/components/steps/confirmation/MastercardPaymentMethod.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyD;AAEzD,yCAA2C;AAqBpC,MAAM,uBAAuB,GAAO,GAAG,EAAE;;IAC5C,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAEhD,MAAM,0BAA0B,GAAG,MAAA,MAAA,aAAa,CAAC,eAAe,0CAAE,OAAO,0CAAE,UAAU,CAAC;IAEtF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,CAAC,CAAA,0BAA0B,aAA1B,0BAA0B,uBAA1B,0BAA0B,CAAE,SAAS,CAAA;YAAE,OAAO;QAEnD,MAAM,cAAc,GAAG,QAAQ,CAAC,cAAc,CAAC,4BAA4B,CAAC,CAAC;QAE7E,IAAI,cAAc,EAAE;YAChB,cAAc,CAAC,MAAM,EAAE,CAAC;YACxB,MAAM,CAAC,QAAQ,GAAG,SAAS,CAAC;SAC/B;QAED,cAAc,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC;QACtD,cAAc,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;QAC1D,cAAc,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC;QAE3D;;WAEG;QACH,MAAM,CAAC,eAAe,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;QAClC,MAAM,CAAC,gBAAgB,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;QACnC,MAAM,CAAC,kBAAkB,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;QAErC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,EAAE,GAAG,4BAA4B,CAAC;QACzC,MAAM,CAAC,GAAG,GAAG,GAAG,0BAA0B,CAAC,OAAO,kCAAkC,CAAC;QACrF,MAAM,CAAC,OAAO,CAAC,KAAK,GAAG,iBAAiB,CAAC;QACzC,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,kBAAkB,CAAC;QAC3C,MAAM,CAAC,OAAO,CAAC,QAAQ,GAAG,oBAAoB,CAAC;QAE/C,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;YACjB,IAAI,MAAM,CAAC,QAAQ,EAAE;gBACjB,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,0BAA0B,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;gBAErF,IAAI,0BAA0B,CAAC,WAAW,KAAK,aAAa,EAAE;oBAC1D,MAAM,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC;iBACrC;qBAAM,IAAI,0BAA0B,CAAC,WAAW,KAAK,cAAc,EAAE;oBAClE,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAC,+BAA+B,CAAC,CAAC;iBACrE;aACJ;iBAAM;gBACH,OAAO,CAAC,KAAK,CAAC,iCAAiC,CAAC,CAAC;aACpD;QACL,CAAC,CAAC;QAEF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,0BAA0B,aAA1B,0BAA0B,uBAA1B,0BAA0B,CAAE,SAAS,CAAC,CAAC,CAAC;IAE5C,OAAO,uCAAK,EAAE,EAAC,8BAA8B,GAAG,CAAC;AACrD,CAAC,CAAC;AAnDW,QAAA,uBAAuB,2BAmDlC","sourcesContent":["import React, { FC, useContext, useEffect } from 'react';\n\nimport { BasketContext } from '@/contexts';\n\ndeclare global {\n    interface Window {\n        Checkout?: {\n            configure(opts: { session: { id: string } }): void;\n            showPaymentPage(): void;\n            showEmbeddedPage(div: string): void;\n        };\n        mastercardError: (error: {\n            explanation: string;\n            field: string;\n            result: string;\n            validationType: string;\n            cause: 'INVALID_REQUEST' | 'SERVER_BUSY' | 'SERVER_FAILED' | 'CONSTRAINT_VIOLATION' | 'REQUEST_REJECTED';\n        }) => void;\n        mastercardCancel: () => void;\n        mastercardComplete: (response: { resultIndicator: string; sessionVersion: string }) => void;\n    }\n}\n\nexport const MastercardPaymentMethod: FC = () => {\n    const basketContext = useContext(BasketContext);\n\n    const mastercardCheckoutResponse = basketContext.reservationData?.payment?.mastercard;\n\n    useEffect(() => {\n        if (!mastercardCheckoutResponse?.sessionId) return;\n\n        const existingScript = document.getElementById('mastercard-checkout-script');\n\n        if (existingScript) {\n            existingScript.remove();\n            window.Checkout = undefined;\n        }\n\n        sessionStorage.removeItem('HostedCheckout_sessionId');\n        sessionStorage.removeItem('HostedCheckout_merchantState');\n        sessionStorage.removeItem('HostedCheckout_embedContainer');\n\n        /**\n         * These callbacks are not used if the `returnUrl` is specified during the initiation of the checkout in the backend.\n         */\n        window.mastercardError = () => {};\n        window.mastercardCancel = () => {};\n        window.mastercardComplete = () => {};\n\n        const script = document.createElement('script');\n        script.id = 'mastercard-checkout-script';\n        script.src = `${mastercardCheckoutResponse.baseUrl}/static/checkout/checkout.min.js`;\n        script.dataset.error = 'mastercardError';\n        script.dataset.cancel = 'mastercardCancel';\n        script.dataset.complete = 'mastercardComplete';\n\n        script.onload = () => {\n            if (window.Checkout) {\n                window.Checkout.configure({ session: { id: mastercardCheckoutResponse.sessionId } });\n\n                if (mastercardCheckoutResponse.paymentMode === 'PaymentPage') {\n                    window.Checkout.showPaymentPage();\n                } else if (mastercardCheckoutResponse.paymentMode === 'EmbeddedPage') {\n                    window.Checkout.showEmbeddedPage('#mastercard-payment-container');\n                }\n            } else {\n                console.error('Mastercard Checkout SDK failed!');\n            }\n        };\n\n        document.head.appendChild(script);\n    }, [mastercardCheckoutResponse?.sessionId]);\n\n    return <div id=\"mastercard-payment-container\" />;\n};\n"]}
+{"version":3,"file":"MastercardPaymentMethod.js","sourceRoot":"/","sources":["src/components/steps/confirmation/MastercardPaymentMethod.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyD;AAEzD,yCAA2C;AAqBpC,MAAM,uBAAuB,GAAO,GAAG,EAAE;;IAC5C,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAEhD,MAAM,0BAA0B,GAAG,MAAA,MAAA,aAAa,CAAC,eAAe,0CAAE,OAAO,0CAAE,UAAU,CAAC;IAEtF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,CAAC,CAAA,0BAA0B,aAA1B,0BAA0B,uBAA1B,0BAA0B,CAAE,SAAS,CAAA;YAAE,OAAO;QAEnD,MAAM,cAAc,GAAG,QAAQ,CAAC,cAAc,CAAC,4BAA4B,CAAC,CAAC;QAE7E,IAAI,cAAc,EAAE,CAAC;YACjB,cAAc,CAAC,MAAM,EAAE,CAAC;YACxB,MAAM,CAAC,QAAQ,GAAG,SAAS,CAAC;QAChC,CAAC;QAED,cAAc,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC;QACtD,cAAc,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;QAC1D,cAAc,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC;QAE3D;;WAEG;QACH,MAAM,CAAC,eAAe,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;QAClC,MAAM,CAAC,gBAAgB,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;QACnC,MAAM,CAAC,kBAAkB,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;QAErC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,EAAE,GAAG,4BAA4B,CAAC;QACzC,MAAM,CAAC,GAAG,GAAG,GAAG,0BAA0B,CAAC,OAAO,kCAAkC,CAAC;QACrF,MAAM,CAAC,OAAO,CAAC,KAAK,GAAG,iBAAiB,CAAC;QACzC,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,kBAAkB,CAAC;QAC3C,MAAM,CAAC,OAAO,CAAC,QAAQ,GAAG,oBAAoB,CAAC;QAE/C,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;YACjB,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;gBAClB,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,0BAA0B,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;gBAErF,IAAI,0BAA0B,CAAC,WAAW,KAAK,aAAa,EAAE,CAAC;oBAC3D,MAAM,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC;gBACtC,CAAC;qBAAM,IAAI,0BAA0B,CAAC,WAAW,KAAK,cAAc,EAAE,CAAC;oBACnE,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAC,+BAA+B,CAAC,CAAC;gBACtE,CAAC;YACL,CAAC;iBAAM,CAAC;gBACJ,OAAO,CAAC,KAAK,CAAC,iCAAiC,CAAC,CAAC;YACrD,CAAC;QACL,CAAC,CAAC;QAEF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,0BAA0B,aAA1B,0BAA0B,uBAA1B,0BAA0B,CAAE,SAAS,CAAC,CAAC,CAAC;IAE5C,OAAO,uCAAK,EAAE,EAAC,8BAA8B,GAAG,CAAC;AACrD,CAAC,CAAC;AAnDW,QAAA,uBAAuB,2BAmDlC","sourcesContent":["import React, { FC, useContext, useEffect } from 'react';\n\nimport { BasketContext } from '@/contexts';\n\ndeclare global {\n    interface Window {\n        Checkout?: {\n            configure(opts: { session: { id: string } }): void;\n            showPaymentPage(): void;\n            showEmbeddedPage(div: string): void;\n        };\n        mastercardError: (error: {\n            explanation: string;\n            field: string;\n            result: string;\n            validationType: string;\n            cause: 'INVALID_REQUEST' | 'SERVER_BUSY' | 'SERVER_FAILED' | 'CONSTRAINT_VIOLATION' | 'REQUEST_REJECTED';\n        }) => void;\n        mastercardCancel: () => void;\n        mastercardComplete: (response: { resultIndicator: string; sessionVersion: string }) => void;\n    }\n}\n\nexport const MastercardPaymentMethod: FC = () => {\n    const basketContext = useContext(BasketContext);\n\n    const mastercardCheckoutResponse = basketContext.reservationData?.payment?.mastercard;\n\n    useEffect(() => {\n        if (!mastercardCheckoutResponse?.sessionId) return;\n\n        const existingScript = document.getElementById('mastercard-checkout-script');\n\n        if (existingScript) {\n            existingScript.remove();\n            window.Checkout = undefined;\n        }\n\n        sessionStorage.removeItem('HostedCheckout_sessionId');\n        sessionStorage.removeItem('HostedCheckout_merchantState');\n        sessionStorage.removeItem('HostedCheckout_embedContainer');\n\n        /**\n         * These callbacks are not used if the `returnUrl` is specified during the initiation of the checkout in the backend.\n         */\n        window.mastercardError = () => {};\n        window.mastercardCancel = () => {};\n        window.mastercardComplete = () => {};\n\n        const script = document.createElement('script');\n        script.id = 'mastercard-checkout-script';\n        script.src = `${mastercardCheckoutResponse.baseUrl}/static/checkout/checkout.min.js`;\n        script.dataset.error = 'mastercardError';\n        script.dataset.cancel = 'mastercardCancel';\n        script.dataset.complete = 'mastercardComplete';\n\n        script.onload = () => {\n            if (window.Checkout) {\n                window.Checkout.configure({ session: { id: mastercardCheckoutResponse.sessionId } });\n\n                if (mastercardCheckoutResponse.paymentMode === 'PaymentPage') {\n                    window.Checkout.showPaymentPage();\n                } else if (mastercardCheckoutResponse.paymentMode === 'EmbeddedPage') {\n                    window.Checkout.showEmbeddedPage('#mastercard-payment-container');\n                }\n            } else {\n                console.error('Mastercard Checkout SDK failed!');\n            }\n        };\n\n        document.head.appendChild(script);\n    }, [mastercardCheckoutResponse?.sessionId]);\n\n    return <div id=\"mastercard-payment-container\" />;\n};\n"]}

package/dist/src/components/steps/confirmation/PaymentDetails/AcceptablePaymentCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"AcceptablePaymentCard.js","sourceRoot":"/","sources":["src/components/steps/confirmation/PaymentDetails/AcceptablePaymentCard.tsx"],"names":[],"mappings":";;;;;AAAA,2CAAkD;AAClD,4DAAoC;AACpC,kDAAiD;AAEjD,oDAAmE;AACnE,0FAAkE;AAQlE,MAAM,qBAAqB,GAAmC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;;IAC9F,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACpC,MAAM,SAAS,GAAG,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB,mCAAI,EAAE,CAAC;SAC5C,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACV,MAAM,OAAO,GAAG,qCAA0B,CAAC,IAAI,CAAC,CAAC;QACjD,IAAI,CAAC,OAAO,EAAE;YACV,OAAO,IAAI,CAAC;SACf;QAED,OAAO;YACH,IAAI,EAAE,qCAA0B,CAAC,IAAI,CAAC;YACtC,MAAM,EAAE,KAAK;SAChB,CAAC;IACN,CAAC,CAAC;SACD,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC;IAC1B,OAAO,CACH,uCAAK,SAAS,EAAC,uCAAuC,IACjD,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,OAAY,EAAE,EAAE;;QACzC,OAAO,CACH,uCACI,GAAG,EAAE,OAAO,EACZ,EAAE,EAAE,MAAA,SAAS,CAAC,OAAO,CAAC,0CAAE,IAAI,EAC5B,SAAS,EAAE,IAAA,oBAAU,EAAC,oCAAoC,EAAE;gBACxD,UAAU,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,OAAO,CAAC;gBAChC,UAAU,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,OAAO,CAAC;aACnC,CAAC,EACF,KAAK,EAAE,MAAM,CAAC,MAAM,CAChB,EAAE,eAAe,EAAE,QAAQ,6BAAmB,CAAC,WAAW,EAAE,GAAG,aAAa,IAAG,MAAA,SAAS,CAAC,OAAO,CAAC,0CAAE,IAAI,CAAA,GAAG,MAAM,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,EACjJ,KAAK,IAAI,EAAE,CACd,GACH,CACL,CAAC;IACN,CAAC,CAAC,CACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC","sourcesContent":["import { useCurrentHotel } from '@frontend/hooks';\nimport classNames from 'classnames';\nimport React, { CSSProperties, FC } from 'react';\n\nimport { SynxisToVGSCardNameMapping } from '@/models/Api/HotelDTO';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\n\ninterface AcceptablePaymentCardProps {\n    isCurrent?: (cardKey: any) => boolean;\n    isDefault?: (cardKey: any) => boolean;\n    style?: CSSProperties;\n}\n\nconst AcceptablePaymentCard: FC<AcceptablePaymentCardProps> = ({ isCurrent, isDefault, style }) => {\n    const { hotel } = useCurrentHotel();\n    const cardTypes = (hotel?.paymentCardTypes ?? [])\n        .map((card) => {\n            const mapping = SynxisToVGSCardNameMapping[card];\n            if (!mapping) {\n                return null;\n            }\n\n            return {\n                name: SynxisToVGSCardNameMapping[card],\n                status: false,\n            };\n        })\n        .filter((obj) => obj);\n    return (\n        <div className=\"u-flex flex-row justify-content-start\">\n            {Object.keys(cardTypes).map((cardKey: any) => {\n                return (\n                    <div\n                        key={cardKey}\n                        id={cardTypes[cardKey]?.name}\n                        className={classNames('cc-icon u-flex u-marg-right--light', {\n                            '-current': isCurrent?.(cardKey),\n                            '-default': isDefault?.(cardKey),\n                        })}\n                        style={Object.assign(\n                            { backgroundImage: `url('${RoomstayThemeEngine.getAssetUrl() + 'assets/img/' + cardTypes[cardKey]?.name + '.png'}')`, backgroundSize: 'contain' },\n                            style || {}\n                        )}\n                    />\n                );\n            })}\n        </div>\n    );\n};\n\nexport default AcceptablePaymentCard;\n"]}
+{"version":3,"file":"AcceptablePaymentCard.js","sourceRoot":"/","sources":["src/components/steps/confirmation/PaymentDetails/AcceptablePaymentCard.tsx"],"names":[],"mappings":";;;;;AAAA,2CAAkD;AAClD,4DAAoC;AACpC,kDAAiD;AAEjD,oDAAmE;AACnE,0FAAkE;AAQlE,MAAM,qBAAqB,GAAmC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;;IAC9F,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACpC,MAAM,SAAS,GAAG,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB,mCAAI,EAAE,CAAC;SAC5C,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACV,MAAM,OAAO,GAAG,qCAA0B,CAAC,IAAI,CAAC,CAAC;QACjD,IAAI,CAAC,OAAO,EAAE,CAAC;YACX,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,OAAO;YACH,IAAI,EAAE,qCAA0B,CAAC,IAAI,CAAC;YACtC,MAAM,EAAE,KAAK;SAChB,CAAC;IACN,CAAC,CAAC;SACD,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC;IAC1B,OAAO,CACH,uCAAK,SAAS,EAAC,uCAAuC,IACjD,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,OAAY,EAAE,EAAE;;QACzC,OAAO,CACH,uCACI,GAAG,EAAE,OAAO,EACZ,EAAE,EAAE,MAAA,SAAS,CAAC,OAAO,CAAC,0CAAE,IAAI,EAC5B,SAAS,EAAE,IAAA,oBAAU,EAAC,oCAAoC,EAAE;gBACxD,UAAU,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,OAAO,CAAC;gBAChC,UAAU,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,OAAO,CAAC;aACnC,CAAC,EACF,KAAK,EAAE,MAAM,CAAC,MAAM,CAChB,EAAE,eAAe,EAAE,QAAQ,6BAAmB,CAAC,WAAW,EAAE,GAAG,aAAa,IAAG,MAAA,SAAS,CAAC,OAAO,CAAC,0CAAE,IAAI,CAAA,GAAG,MAAM,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,EACjJ,KAAK,IAAI,EAAE,CACd,GACH,CACL,CAAC;IACN,CAAC,CAAC,CACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC","sourcesContent":["import { useCurrentHotel } from '@frontend/hooks';\nimport classNames from 'classnames';\nimport React, { CSSProperties, FC } from 'react';\n\nimport { SynxisToVGSCardNameMapping } from '@/models/Api/HotelDTO';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\n\ninterface AcceptablePaymentCardProps {\n    isCurrent?: (cardKey: any) => boolean;\n    isDefault?: (cardKey: any) => boolean;\n    style?: CSSProperties;\n}\n\nconst AcceptablePaymentCard: FC<AcceptablePaymentCardProps> = ({ isCurrent, isDefault, style }) => {\n    const { hotel } = useCurrentHotel();\n    const cardTypes = (hotel?.paymentCardTypes ?? [])\n        .map((card) => {\n            const mapping = SynxisToVGSCardNameMapping[card];\n            if (!mapping) {\n                return null;\n            }\n\n            return {\n                name: SynxisToVGSCardNameMapping[card],\n                status: false,\n            };\n        })\n        .filter((obj) => obj);\n    return (\n        <div className=\"u-flex flex-row justify-content-start\">\n            {Object.keys(cardTypes).map((cardKey: any) => {\n                return (\n                    <div\n                        key={cardKey}\n                        id={cardTypes[cardKey]?.name}\n                        className={classNames('cc-icon u-flex u-marg-right--light', {\n                            '-current': isCurrent?.(cardKey),\n                            '-default': isDefault?.(cardKey),\n                        })}\n                        style={Object.assign(\n                            { backgroundImage: `url('${RoomstayThemeEngine.getAssetUrl() + 'assets/img/' + cardTypes[cardKey]?.name + '.png'}')`, backgroundSize: 'contain' },\n                            style || {}\n                        )}\n                    />\n                );\n            })}\n        </div>\n    );\n};\n\nexport default AcceptablePaymentCard;\n"]}

package/dist/src/components/steps/confirmation/PaymentDetails/ExistingCardPicker.d.ts

@@ -1,6 +1,7 @@
 import { IRoomstayMemberCards } from '@roomstay/core';
+import React from 'react';
 type ExistingCardPicker = {
     onCardSelected: (card: IRoomstayMemberCards) => void;
 };
-export declare const ExistingCardPicker: (props: ExistingCardPicker) => JSX.Element;
+export declare const ExistingCardPicker: (props: ExistingCardPicker) => React.JSX.Element;
 export {};

package/dist/src/components/steps/confirmation/PaymentDetails/ExistingCardPicker.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExistingCardPicker = void 0;
 const contexts_1 = require("../../../../contexts/index.js");

package/dist/src/components/steps/confirmation/PaymentDetails/ExistingCardPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExistingCardPicker.js","sourceRoot":"/","sources":["src/components/steps/confirmation/PaymentDetails/ExistingCardPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAA2D;AAE3D,+CAA+D;AAE/D,mFAAgF;AAChF,+DAAqD;AAMrD;;EAEE;AACK,MAAM,kBAAkB,GAAG,CAAC,KAAyB,EAAE,EAAE;IAC5D,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,4BAAS,GAAE,CAAC;IAE7B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IACpD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,GAAkC,CAAC;IAEvF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,KAAI,KAAK,EAAE;YAC5B,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;gBACtB,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,MAAM,EAAE;oBAClC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;oBACpC,OAAO;iBACV;aACJ;SACJ;QAED,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,EAAE;YACf,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;SACtC;IACL,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAElB,MAAM,qBAAqB,GAAG,CAAC,OAAe,EAAE,EAAE;QAC9C,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACH;QACI,2CACK,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACxB,MAAM,WAAW,GAAG,GAAG,EAAE;gBACrB,qBAAqB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACvC,CAAC,CAAC;YAEF,OAAO,8BAAC,+BAAc,IAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;QACtH,CAAC,CAAC,CACA,CACP,CACN,CAAC;AACN,CAAC,CAAC;AAtCW,QAAA,kBAAkB,sBAsC7B","sourcesContent":["import { RoomstayMemberContext } from '@frontend/contexts';\nimport { IRoomstayMemberCards } from '@roomstay/core';\nimport React, { useContext, useEffect, useState } from 'react';\n\nimport { MemberCardItem } from '@/components/pages/Account/Card/MemberCardItem';\nimport { useMember } from '@/hooks/LoggedInUserHook';\n\ntype ExistingCardPicker = {\n    onCardSelected: (card: IRoomstayMemberCards) => void;\n};\n\n/*\n    Component assumes that parent checks if member is already logged in\n*/\nexport const ExistingCardPicker = (props: ExistingCardPicker) => {\n    const { user } = useMember();\n\n    const { cards } = useContext(RoomstayMemberContext);\n    const [selectedCardId, setSelectedCardId] = useState<IRoomstayMemberCards['cardId']>();\n\n    useEffect(() => {\n        if (user?.defaultCard && cards) {\n            for (const card of cards) {\n                if (user.defaultCard === card.cardId) {\n                    setSelectedCardId(user.defaultCard);\n                    return;\n                }\n            }\n        }\n\n        if (cards?.length) {\n            setSelectedCardId(cards[0].cardId);\n        }\n    }, [user, cards]);\n\n    const onSelectedCardChanged = (newCard: string) => {\n        setSelectedCardId(newCard);\n    };\n\n    return (\n        <>\n            <div>\n                {cards?.map((card, index) => {\n                    const onClickCard = () => {\n                        onSelectedCardChanged(card.cardId);\n                    };\n\n                    return <MemberCardItem key={index} selected={selectedCardId === card.cardId} onClick={onClickCard} item={card} />;\n                })}\n            </div>\n        </>\n    );\n};\n"]}
+{"version":3,"file":"ExistingCardPicker.js","sourceRoot":"/","sources":["src/components/steps/confirmation/PaymentDetails/ExistingCardPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAA2D;AAE3D,+CAA+D;AAE/D,mFAAgF;AAChF,+DAAqD;AAMrD;;EAEE;AACK,MAAM,kBAAkB,GAAG,CAAC,KAAyB,EAAE,EAAE;IAC5D,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,4BAAS,GAAE,CAAC;IAE7B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAqB,CAAC,CAAC;IACpD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,GAAkC,CAAC;IAEvF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,KAAI,KAAK,EAAE,CAAC;YAC7B,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;gBACvB,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC;oBACnC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;oBACpC,OAAO;gBACX,CAAC;YACL,CAAC;QACL,CAAC;QAED,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,EAAE,CAAC;YAChB,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QACvC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAElB,MAAM,qBAAqB,GAAG,CAAC,OAAe,EAAE,EAAE;QAC9C,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACH;QACI,2CACK,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACxB,MAAM,WAAW,GAAG,GAAG,EAAE;gBACrB,qBAAqB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACvC,CAAC,CAAC;YAEF,OAAO,8BAAC,+BAAc,IAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;QACtH,CAAC,CAAC,CACA,CACP,CACN,CAAC;AACN,CAAC,CAAC;AAtCW,QAAA,kBAAkB,sBAsC7B","sourcesContent":["import { RoomstayMemberContext } from '@frontend/contexts';\nimport { IRoomstayMemberCards } from '@roomstay/core';\nimport React, { useContext, useEffect, useState } from 'react';\n\nimport { MemberCardItem } from '@/components/pages/Account/Card/MemberCardItem';\nimport { useMember } from '@/hooks/LoggedInUserHook';\n\ntype ExistingCardPicker = {\n    onCardSelected: (card: IRoomstayMemberCards) => void;\n};\n\n/*\n    Component assumes that parent checks if member is already logged in\n*/\nexport const ExistingCardPicker = (props: ExistingCardPicker) => {\n    const { user } = useMember();\n\n    const { cards } = useContext(RoomstayMemberContext);\n    const [selectedCardId, setSelectedCardId] = useState<IRoomstayMemberCards['cardId']>();\n\n    useEffect(() => {\n        if (user?.defaultCard && cards) {\n            for (const card of cards) {\n                if (user.defaultCard === card.cardId) {\n                    setSelectedCardId(user.defaultCard);\n                    return;\n                }\n            }\n        }\n\n        if (cards?.length) {\n            setSelectedCardId(cards[0].cardId);\n        }\n    }, [user, cards]);\n\n    const onSelectedCardChanged = (newCard: string) => {\n        setSelectedCardId(newCard);\n    };\n\n    return (\n        <>\n            <div>\n                {cards?.map((card, index) => {\n                    const onClickCard = () => {\n                        onSelectedCardChanged(card.cardId);\n                    };\n\n                    return <MemberCardItem key={index} selected={selectedCardId === card.cardId} onClick={onClickCard} item={card} />;\n                })}\n            </div>\n        </>\n    );\n};\n"]}

package/dist/src/components/steps/confirmation/PaymentDetails/StepConfirmationPaymentDetails.js

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

package/dist/src/components/steps/confirmation/PaymentDetails/StepConfirmationPaymentDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepConfirmationPaymentDetails.js","sourceRoot":"/","sources":["src/components/steps/confirmation/PaymentDetails/StepConfirmationPaymentDetails.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCurrentHotel, useWindowScroll } from '@frontend/hooks';\nimport React, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport InputGroup from '@/components/generic/InputGroup/InputGroup';\nimport Text, { TextType } from '@/components/generic/Text';\nimport AcceptablePaymentCard from '@/components/steps/confirmation/PaymentDetails/AcceptablePaymentCard';\nimport { PaymentHandlerElementRef } from '@/handlers/payment/PaymentHandler';\nimport { useVgsCollect } from '@/hooks/VGSHooks';\nimport { SynxisToVGSCardNameMapping } from '@/models/Api/HotelDTO';\n\nexport const StepConfirmationVGSPaymentInput = forwardRef(function ForwardedStepConfirmationVGSPaymentInput(props: any, ref: any) {\n    const { hotel } = useCurrentHotel();\n    const [errors, setErrors] = useState<{ [x: string]: string }>({});\n\n    const { t } = useTranslation();\n\n    const { focusElement } = useWindowScroll();\n\n    const vgsInputCss = {\n        fontSize: '13px',\n        lineHeight: '18px',\n        '&::placeholder': {\n            color: '#8B8F9A',\n            opacity: 1,\n        },\n    };\n\n    const {\n        fields: [cardNumber, nameOnCard, expirationDate, securityCode],\n        vgsForm,\n    } = useVgsCollect([\n        {\n            label: t(Translation.Step.Confirmation.Inputs.CardNumber),\n            name: 'credit-card',\n            type: 'card-number',\n            vgsProps: {\n                autoComplete: ['cc-number'],\n                successColor: '#4F8A10',\n                errorColor: '#D8000C',\n                showCardIcon: false,\n                placeholder: t(Translation.Step.Confirmation.Inputs.CardNumber) + ' *',\n                validations: ['required', 'validCardNumber'],\n                css: vgsInputCss,\n            },\n        },\n        {\n            label: t(Translation.Step.Confirmation.Inputs.NameOnCard),\n            name: 'card-name',\n            type: 'text',\n            vgsProps: {\n                validations: ['required'],\n                css: vgsInputCss,\n                placeholder: t(Translation.Step.Confirmation.Inputs.NameOnCard) + ' *',\n            },\n        },\n        {\n            label: t(Translation.Step.Confirmation.Inputs.CardExpiry),\n            name: 'expiration-date',\n            type: 'card-expiration-date',\n            vgsProps: {\n                placeholder: t(Translation.Step.Confirmation.Inputs.CardExpiry) + ' *',\n                validations: ['required', 'validCardExpirationDate'],\n                css: vgsInputCss,\n            },\n        },\n        {\n            label: t(Translation.Step.Confirmation.Inputs.SecurityCode),\n            name: 'security-code',\n            type: 'card-security-code',\n            vgsProps: {\n                placeholder: t(Translation.Step.Confirmation.Inputs.SecurityCode) + ' *',\n                validations: ['required', 'validCardSecurityCode'],\n                css: vgsInputCss,\n            },\n        },\n    ]);\n\n    const setErrorsOnFaults = (faults: any) => {\n        const newErrors: { [x: string]: string } = {};\n\n        Object.keys(faults).forEach((input) => {\n            let name = '';\n\n            switch (input) {\n                case 'credit-card':\n                    name = t(Translation.Step.Confirmation.Inputs.CardNumber);\n                    break;\n                case 'expiration-date':\n                    name = t(Translation.Step.Confirmation.Inputs.CardExpiry);\n                    break;\n                case 'security-code':\n                    name = t(Translation.Step.Confirmation.Inputs.SecurityCode);\n                    break;\n                default:\n                    name = t(Translation.Step.Confirmation.Inputs.NameOnCard);\n                    break;\n            }\n\n            newErrors[input] = name + ' ' + faults[input].errorMessages[faults[input].errorMessages.length - 1];\n        });\n\n        setErrors(newErrors);\n    };\n\n    useEffect(() => {\n        if (errors && Object.keys(errors).length !== 0 && cardNumber?.ref?.current) {\n            focusElement(cardNumber?.ref?.current);\n        }\n    }, [errors]);\n\n    useImperativeHandle<PaymentHandlerElementRef, PaymentHandlerElementRef>(ref, () => ({\n        submitPayment: () =>\n            new Promise((resolve, reject) => {\n                if (vgsForm) {\n                    vgsForm.submit(\n                        '/post',\n                        {\n                            serializer: 'deep',\n                            methods: 'POST',\n                        },\n                        (status: any, response: any) => {\n                            const cardData = response;\n                            const expMatch = cardData['expiration-date'].match(/^(\\d+)\\s*\\/\\s*(\\d+)$/);\n                            if (!expMatch || expMatch[1].length > 2 || (expMatch[2].length !== 4 && expMatch[2].length !== 2)) {\n                                setErrorsOnFaults({\n                                    'expiration-date': {\n                                        errorMessages: [t(Translation.Step.Confirmation.InputErrors.CardExpiry.Invalid)],\n                                    },\n                                });\n                                reject(t(Translation.Step.Confirmation.InputErrors.CardExpiry.Invalid));\n                                return;\n                            }\n\n                            const expiration = (expMatch[1].length === 1 ? '0' : '') + expMatch[1] + (expMatch[2].length === 2 ? expMatch[2] : expMatch[2].substr(2));\n\n                            const card: any = {\n                                CVV: cardData['security-code'],\n                                Expiry: expiration,\n                                Name: cardData['card-name'],\n                                Number: cardData['credit-card'],\n                                Type: cardNumber.state.cardType,\n                            };\n\n                            resolve({\n                                success: true,\n                                message: 'Payment successful',\n                                data: { PaymentCard: card },\n                            });\n                        },\n                        (error: any) => {\n                            setErrorsOnFaults(error);\n                            reject(error);\n                        }\n                    );\n                } else {\n                    console.error('VGS not on element, problem has occurred');\n                }\n            }),\n    }));\n\n    const formRef = useRef(null);\n\n    const inputNames = ['credit-card', 'card-name', 'expiration-date', 'security-code'];\n    const cardTypes = (hotel?.paymentCardTypes ?? [])\n        .map((card) => {\n            const mapping = SynxisToVGSCardNameMapping[card];\n            if (!mapping) {\n                return null;\n            }\n\n            return {\n                name: SynxisToVGSCardNameMapping[card],\n                status: false,\n            };\n        })\n        .filter((obj) => obj);\n\n    return (\n        <div>\n            {inputNames.map((name) => {\n                const errorMessage = errors[name];\n                return (\n                    <AutoAutoHeight open={!!errorMessage} key={name}>\n                        <div className=\"u-flex\">\n                            <Alert type={AlertType.Danger} icon={IconType.Error}>\n                                <Text type={TextType.Small}>{errorMessage}</Text>\n                            </Alert>\n                        </div>\n                    </AutoAutoHeight>\n                );\n            })}\n            <div className=\"u-marg-bottom\">\n                <AcceptablePaymentCard\n                    isCurrent={(cardKey: any) => {\n                        return cardNumber.state.cardType !== null && cardTypes[cardKey]?.name === cardNumber.state.cardType;\n                    }}\n                    isDefault={(cardKey: any) => {\n                        return cardNumber.state.cardType === null;\n                    }}\n                />\n            </div>\n            <form ref={formRef}>\n                <InputGroup dimensions=\"2/2\">\n                    <div className={cardNumber.getClasses()} ref={cardNumber.ref} />\n                    <InputGroup dimensions=\"2/2\">\n                        <div className={expirationDate.getClasses()} ref={expirationDate.ref} />\n                        <div className={securityCode.getClasses()} ref={securityCode.ref} />\n                    </InputGroup>\n                </InputGroup>\n                <InputGroup dimensions=\"1\">\n                    <div className={nameOnCard.getClasses()} ref={nameOnCard.ref} />\n                </InputGroup>\n            </form>\n        </div>\n    );\n});\n"]}
+{"version":3,"file":"StepConfirmationPaymentDetails.js","sourceRoot":"/","sources":["src/components/steps/confirmation/PaymentDetails/StepConfirmationPaymentDetails.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCurrentHotel, useWindowScroll } from '@frontend/hooks';\nimport React, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport Alert, { AlertType } from '@/components/generic/Alert';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport InputGroup from '@/components/generic/InputGroup/InputGroup';\nimport Text, { TextType } from '@/components/generic/Text';\nimport AcceptablePaymentCard from '@/components/steps/confirmation/PaymentDetails/AcceptablePaymentCard';\nimport { PaymentHandlerElementRef } from '@/handlers/payment/PaymentHandler';\nimport { useVgsCollect } from '@/hooks/VGSHooks';\nimport { SynxisToVGSCardNameMapping } from '@/models/Api/HotelDTO';\n\nexport const StepConfirmationVGSPaymentInput = forwardRef(function ForwardedStepConfirmationVGSPaymentInput(props: any, ref: any) {\n    const { hotel } = useCurrentHotel();\n    const [errors, setErrors] = useState<{ [x: string]: string }>({});\n\n    const { t } = useTranslation();\n\n    const { focusElement } = useWindowScroll();\n\n    const vgsInputCss = {\n        fontSize: '13px',\n        lineHeight: '18px',\n        '&::placeholder': {\n            color: '#8B8F9A',\n            opacity: 1,\n        },\n    };\n\n    const {\n        fields: [cardNumber, nameOnCard, expirationDate, securityCode],\n        vgsForm,\n    } = useVgsCollect([\n        {\n            label: t(Translation.Step.Confirmation.Inputs.CardNumber),\n            name: 'credit-card',\n            type: 'card-number',\n            vgsProps: {\n                autoComplete: ['cc-number'],\n                successColor: '#4F8A10',\n                errorColor: '#D8000C',\n                showCardIcon: false,\n                placeholder: t(Translation.Step.Confirmation.Inputs.CardNumber) + ' *',\n                validations: ['required', 'validCardNumber'],\n                css: vgsInputCss,\n            },\n        },\n        {\n            label: t(Translation.Step.Confirmation.Inputs.NameOnCard),\n            name: 'card-name',\n            type: 'text',\n            vgsProps: {\n                validations: ['required'],\n                css: vgsInputCss,\n                placeholder: t(Translation.Step.Confirmation.Inputs.NameOnCard) + ' *',\n            },\n        },\n        {\n            label: t(Translation.Step.Confirmation.Inputs.CardExpiry),\n            name: 'expiration-date',\n            type: 'card-expiration-date',\n            vgsProps: {\n                placeholder: t(Translation.Step.Confirmation.Inputs.CardExpiry) + ' *',\n                validations: ['required', 'validCardExpirationDate'],\n                css: vgsInputCss,\n            },\n        },\n        {\n            label: t(Translation.Step.Confirmation.Inputs.SecurityCode),\n            name: 'security-code',\n            type: 'card-security-code',\n            vgsProps: {\n                placeholder: t(Translation.Step.Confirmation.Inputs.SecurityCode) + ' *',\n                validations: ['required', 'validCardSecurityCode'],\n                css: vgsInputCss,\n            },\n        },\n    ]);\n\n    const setErrorsOnFaults = (faults: any) => {\n        const newErrors: { [x: string]: string } = {};\n\n        Object.keys(faults).forEach((input) => {\n            let name = '';\n\n            switch (input) {\n                case 'credit-card':\n                    name = t(Translation.Step.Confirmation.Inputs.CardNumber);\n                    break;\n                case 'expiration-date':\n                    name = t(Translation.Step.Confirmation.Inputs.CardExpiry);\n                    break;\n                case 'security-code':\n                    name = t(Translation.Step.Confirmation.Inputs.SecurityCode);\n                    break;\n                default:\n                    name = t(Translation.Step.Confirmation.Inputs.NameOnCard);\n                    break;\n            }\n\n            newErrors[input] = name + ' ' + faults[input].errorMessages[faults[input].errorMessages.length - 1];\n        });\n\n        setErrors(newErrors);\n    };\n\n    useEffect(() => {\n        if (errors && Object.keys(errors).length !== 0 && cardNumber?.ref?.current) {\n            focusElement(cardNumber?.ref?.current);\n        }\n    }, [errors]);\n\n    useImperativeHandle<PaymentHandlerElementRef, PaymentHandlerElementRef>(ref, () => ({\n        submitPayment: () =>\n            new Promise((resolve, reject) => {\n                if (vgsForm) {\n                    vgsForm.submit(\n                        '/post',\n                        {\n                            serializer: 'deep',\n                            methods: 'POST',\n                        },\n                        (status: any, response: any) => {\n                            const cardData = response;\n                            const expMatch = cardData['expiration-date'].match(/^(\\d+)\\s*\\/\\s*(\\d+)$/);\n                            if (!expMatch || expMatch[1].length > 2 || (expMatch[2].length !== 4 && expMatch[2].length !== 2)) {\n                                setErrorsOnFaults({\n                                    'expiration-date': {\n                                        errorMessages: [t(Translation.Step.Confirmation.InputErrors.CardExpiry.Invalid)],\n                                    },\n                                });\n                                reject(t(Translation.Step.Confirmation.InputErrors.CardExpiry.Invalid));\n                                return;\n                            }\n\n                            const expiration = (expMatch[1].length === 1 ? '0' : '') + expMatch[1] + (expMatch[2].length === 2 ? expMatch[2] : expMatch[2].substr(2));\n\n                            const card: any = {\n                                CVV: cardData['security-code'],\n                                Expiry: expiration,\n                                Name: cardData['card-name'],\n                                Number: cardData['credit-card'],\n                                Type: cardNumber.state.cardType,\n                            };\n\n                            resolve({\n                                success: true,\n                                message: 'Payment successful',\n                                data: { PaymentCard: card },\n                            });\n                        },\n                        (error: any) => {\n                            setErrorsOnFaults(error);\n                            reject(error);\n                        }\n                    );\n                } else {\n                    console.error('VGS not on element, problem has occurred');\n                }\n            }),\n    }));\n\n    const formRef = useRef(null);\n\n    const inputNames = ['credit-card', 'card-name', 'expiration-date', 'security-code'];\n    const cardTypes = (hotel?.paymentCardTypes ?? [])\n        .map((card) => {\n            const mapping = SynxisToVGSCardNameMapping[card];\n            if (!mapping) {\n                return null;\n            }\n\n            return {\n                name: SynxisToVGSCardNameMapping[card],\n                status: false,\n            };\n        })\n        .filter((obj) => obj);\n\n    return (\n        <div>\n            {inputNames.map((name) => {\n                const errorMessage = errors[name];\n                return (\n                    <AutoAutoHeight open={!!errorMessage} key={name}>\n                        <div className=\"u-flex\">\n                            <Alert type={AlertType.Danger} icon={IconType.Error}>\n                                <Text type={TextType.Small}>{errorMessage}</Text>\n                            </Alert>\n                        </div>\n                    </AutoAutoHeight>\n                );\n            })}\n            <div className=\"u-marg-bottom\">\n                <AcceptablePaymentCard\n                    isCurrent={(cardKey: any) => {\n                        return cardNumber.state.cardType !== null && cardTypes[cardKey]?.name === cardNumber.state.cardType;\n                    }}\n                    isDefault={(cardKey: any) => {\n                        return cardNumber.state.cardType === null;\n                    }}\n                />\n            </div>\n            <form ref={formRef}>\n                <InputGroup dimensions=\"2/2\">\n                    <div className={cardNumber.getClasses()} ref={cardNumber.ref} />\n                    <InputGroup dimensions=\"2/2\">\n                        <div className={expirationDate.getClasses()} ref={expirationDate.ref} />\n                        <div className={securityCode.getClasses()} ref={securityCode.ref} />\n                    </InputGroup>\n                </InputGroup>\n                <InputGroup dimensions=\"1\">\n                    <div className={nameOnCard.getClasses()} ref={nameOnCard.ref} />\n                </InputGroup>\n            </form>\n        </div>\n    );\n});\n"]}

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

@@ -1,2 +1,3 @@
-declare const PaymentInformation: () => JSX.Element;
+import React from 'react';
+declare const PaymentInformation: () => React.JSX.Element;
 export default PaymentInformation;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentInformation.js","sourceRoot":"/","sources":["src/components/steps/confirmation/PaymentInformation.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAA6D;AAE7D,8GAA8G;AAC9G,wGAAqG;AAGrG,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC5B,MAAM,OAAO,GAAG,IAAA,gCAAc,GAA0B,CAAC;IACzD,MAAM,EAAE,wBAAwB,EAAE,GAAG,IAAA,kBAAU,EAAC,iDAAuB,CAAC,CAAC;IAEzE,MAAM,cAAc,GAAyB,EAAE,CAAC;IAEhD,KAAK,MAAM,cAAc,IAAI,wBAAwB,EAAE;QACnD,IAAI,cAAc,CAAC,WAAW,EAAE;YAC5B,0DAA0D;YAC1D,SAAS;SACZ;QAED,IAAI,cAAc,CAAC,WAAW,EAAE;YAC5B,cAAc,CAAC,IAAI,CAAC;gBAChB,KAAK,EAAE,cAAc,CAAC,IAAI;gBAC1B,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,gFAAoB;gBACvF,QAAQ,EAAE,cAAc,CAAC,UAAU,IAAI,CAAC,cAAc,CAAC,iBAAiB,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC;gBACvG,cAAc,EAAE,cAAc,CAAC,cAAc;gBAC7C,OAAO,EAAE,cAAc,CAAC,UAAU;gBAClC,aAAa,EAAE,cAAc,CAAC,kBAAkB;aACnD,CAAC,CAAC;SACN;KACJ;IAED,OAAO,CACH,8BAAC,4BAAU,IACP,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,IAAI,EAAC,eAAe,EACpB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;YACvC,OAAO,CACH;gBACI;oBACI,8BAAC,0BAAgB,IACb,OAAO,EAAE,cAAc,EACvB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE;;4BACvB,MAAM,OAAO,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;4BAClF,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB,wDAAG,MAAM,CAAC,CAAC;4BACrC,QAAQ,CAAC,IAAI,CAAC,CAAC;wBACnB,CAAC,GACH,CACA,CACP,CACN,CAAC;QACN,CAAC,GACH,CACL,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC","sourcesContent":["import React, { useContext } from 'react';\nimport { Controller, useFormContext } from 'react-hook-form';\n\nimport RadioButtonGroup, { IRadioButtonOption } from '@/components/generic/RadioButtonGroup/RadioButtonGroup';\nimport { ConfirmationStepContext } from '@/contexts/ConfirmationStepContext/ConfirmationStepContext';\nimport { ConfirmationFormValues } from '@/models/Confirmation';\n\nconst PaymentInformation = () => {\n    const methods = useFormContext<ConfirmationFormValues>();\n    const { availablePaymentHandlers } = useContext(ConfirmationStepContext);\n\n    const currentOptions: IRadioButtonOption[] = [];\n\n    for (const paymentHandler of availablePaymentHandlers) {\n        if (paymentHandler.isExclusive) {\n            // We don't want to display any exclusive payment handlers\n            continue;\n        }\n\n        if (paymentHandler.isAvailable) {\n            currentOptions.push({\n                value: paymentHandler.name,\n                label: paymentHandler.renderInput ? paymentHandler.renderInput() : <>Payment Handler</>,\n                disabled: paymentHandler.isDisabled || (paymentHandler.requireFormFilled && !methods.formState.isValid),\n                disabledReason: paymentHandler.disabledReason,\n                options: paymentHandler.subOptions,\n                renderContent: paymentHandler.renderPaymentInput,\n            });\n        }\n    }\n\n    return (\n        <Controller\n            control={methods.control}\n            name=\"paymentMethod\"\n            render={({ field: { onChange, value } }) => {\n                return (\n                    <>\n                        <div>\n                            <RadioButtonGroup\n                                options={currentOptions}\n                                value={value}\n                                onChange={(code, option) => {\n                                    const handler = availablePaymentHandlers.find((handler) => handler.name === code);\n                                    handler?.onSubOptionChange?.(option);\n                                    onChange(code);\n                                }}\n                            />\n                        </div>\n                    </>\n                );\n            }}\n        />\n    );\n};\n\nexport default PaymentInformation;\n"]}
+{"version":3,"file":"PaymentInformation.js","sourceRoot":"/","sources":["src/components/steps/confirmation/PaymentInformation.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAA6D;AAE7D,8GAA8G;AAC9G,wGAAqG;AAGrG,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC5B,MAAM,OAAO,GAAG,IAAA,gCAAc,GAA0B,CAAC;IACzD,MAAM,EAAE,wBAAwB,EAAE,GAAG,IAAA,kBAAU,EAAC,iDAAuB,CAAC,CAAC;IAEzE,MAAM,cAAc,GAAyB,EAAE,CAAC;IAEhD,KAAK,MAAM,cAAc,IAAI,wBAAwB,EAAE,CAAC;QACpD,IAAI,cAAc,CAAC,WAAW,EAAE,CAAC;YAC7B,0DAA0D;YAC1D,SAAS;QACb,CAAC;QAED,IAAI,cAAc,CAAC,WAAW,EAAE,CAAC;YAC7B,cAAc,CAAC,IAAI,CAAC;gBAChB,KAAK,EAAE,cAAc,CAAC,IAAI;gBAC1B,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,gFAAoB;gBACvF,QAAQ,EAAE,cAAc,CAAC,UAAU,IAAI,CAAC,cAAc,CAAC,iBAAiB,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC;gBACvG,cAAc,EAAE,cAAc,CAAC,cAAc;gBAC7C,OAAO,EAAE,cAAc,CAAC,UAAU;gBAClC,aAAa,EAAE,cAAc,CAAC,kBAAkB;aACnD,CAAC,CAAC;QACP,CAAC;IACL,CAAC;IAED,OAAO,CACH,8BAAC,4BAAU,IACP,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,IAAI,EAAC,eAAe,EACpB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;YACvC,OAAO,CACH;gBACI;oBACI,8BAAC,0BAAgB,IACb,OAAO,EAAE,cAAc,EACvB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE;;4BACvB,MAAM,OAAO,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;4BAClF,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB,wDAAG,MAAM,CAAC,CAAC;4BACrC,QAAQ,CAAC,IAAI,CAAC,CAAC;wBACnB,CAAC,GACH,CACA,CACP,CACN,CAAC;QACN,CAAC,GACH,CACL,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC","sourcesContent":["import React, { useContext } from 'react';\nimport { Controller, useFormContext } from 'react-hook-form';\n\nimport RadioButtonGroup, { IRadioButtonOption } from '@/components/generic/RadioButtonGroup/RadioButtonGroup';\nimport { ConfirmationStepContext } from '@/contexts/ConfirmationStepContext/ConfirmationStepContext';\nimport { ConfirmationFormValues } from '@/models/Confirmation';\n\nconst PaymentInformation = () => {\n    const methods = useFormContext<ConfirmationFormValues>();\n    const { availablePaymentHandlers } = useContext(ConfirmationStepContext);\n\n    const currentOptions: IRadioButtonOption[] = [];\n\n    for (const paymentHandler of availablePaymentHandlers) {\n        if (paymentHandler.isExclusive) {\n            // We don't want to display any exclusive payment handlers\n            continue;\n        }\n\n        if (paymentHandler.isAvailable) {\n            currentOptions.push({\n                value: paymentHandler.name,\n                label: paymentHandler.renderInput ? paymentHandler.renderInput() : <>Payment Handler</>,\n                disabled: paymentHandler.isDisabled || (paymentHandler.requireFormFilled && !methods.formState.isValid),\n                disabledReason: paymentHandler.disabledReason,\n                options: paymentHandler.subOptions,\n                renderContent: paymentHandler.renderPaymentInput,\n            });\n        }\n    }\n\n    return (\n        <Controller\n            control={methods.control}\n            name=\"paymentMethod\"\n            render={({ field: { onChange, value } }) => {\n                return (\n                    <>\n                        <div>\n                            <RadioButtonGroup\n                                options={currentOptions}\n                                value={value}\n                                onChange={(code, option) => {\n                                    const handler = availablePaymentHandlers.find((handler) => handler.name === code);\n                                    handler?.onSubOptionChange?.(option);\n                                    onChange(code);\n                                }}\n                            />\n                        </div>\n                    </>\n                );\n            }}\n        />\n    );\n};\n\nexport default PaymentInformation;\n"]}

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

@@ -1,2 +1,3 @@
-declare const PlanpayLabel: () => JSX.Element;
+import React from 'react';
+declare const PlanpayLabel: () => React.JSX.Element;
 export default PlanpayLabel;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PlanpayLabel.js","sourceRoot":"/","sources":["src/components/steps/confirmation/PlanpayLabel.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlanPayPricePreviewResponse } from '@planpay/web';\nimport React, { useContext } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { BookingEngineContext, useBasket } from '@/contexts';\nimport useCurrency from '@/hooks/Currency';\nimport usePlanpayRawPrice from '@/hooks/usePlanpayRawPrice';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\nimport ScreenSize from '../../../util/ScreenSize';\nimport styles from './PlanpayLabel.module.scss';\n\nconst PlanpayCardHeader = () => {\n    const { t } = useTranslation();\n    return (\n        <div className={styles['label-and-logo']}>\n            <div>{t(Translation.Step.Confirmation.PlanpayLabel)}</div>\n            <div className=\"u-flex u-flex-align-center u-marg-left--light\">\n                <img\n                    style={{\n                        borderRadius: '24px',\n                        width: '65px',\n                        height: '16px',\n                    }}\n                    height={16}\n                    width={65}\n                    src={RoomstayThemeEngine.getImageAssetUrl('planpay-logo-small.svg')}\n                    alt=\"\"\n                />\n            </div>\n        </div>\n    );\n};\n\nconst PlanpayCardSubHeader = () => {\n    const { t } = useTranslation();\n    return (\n        <Text\n            color={Color.Graphite}\n            className=\"u-flex u-flex-align-center\"\n            style={{\n                color: '#313131',\n                fontSize: 10,\n            }}\n        >\n            <Icon color={Color.DarkGrey} icon={IconType.Info} className=\"u-marg-right--lighter u-marg-left--light\" />\n            {t(Translation.Step.Confirmation.PlanpayHelperText)}\n        </Text>\n    );\n};\n\nconst PlanpayCardPrice = ({ symbol, rawPrice }: { symbol: string; rawPrice: PlanPayPricePreviewResponse | undefined }) => (\n    <Text bold className={styles.price} color={Color.Navy} type={TextType.Small}>\n        {symbol}\n        {rawPrice?.installmentAmount} {rawPrice?.frequency}\n    </Text>\n);\n\nconst PlanpayLabel = () => {\n    const methods = useFormContext();\n    const beContext = useContext(BookingEngineContext);\n    const rawPrice = usePlanpayRawPrice({});\n    const { getTotalPrice } = useBasket();\n    const { symbol } = useCurrency({\n        children: getTotalPrice(),\n    });\n    const isMobile = beContext.screenSize <= ScreenSize.Large;\n    return (\n        <div className=\"u-flex u-flex-justify-between w-100 u-flex-align-center\">\n            <div className={styles.root}>\n                <div className={styles.container}>\n                    <PlanpayCardHeader />\n                    {isMobile ? <PlanpayCardPrice symbol={symbol} rawPrice={rawPrice} /> : !methods.formState.isValid ? <PlanpayCardSubHeader /> : null}\n                </div>\n\n                {isMobile ? <PlanpayCardSubHeader /> : <PlanpayCardPrice symbol={symbol} rawPrice={rawPrice} />}\n            </div>\n        </div>\n    );\n};\n\nexport default PlanpayLabel;\n"]}
+{"version":3,"file":"PlanpayLabel.js","sourceRoot":"/","sources":["src/components/steps/confirmation/PlanpayLabel.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlanPayPricePreviewResponse } from '@planpay/web';\nimport React, { useContext } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { BookingEngineContext, useBasket } from '@/contexts';\nimport useCurrency from '@/hooks/Currency';\nimport usePlanpayRawPrice from '@/hooks/usePlanpayRawPrice';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\nimport ScreenSize from '../../../util/ScreenSize';\nimport styles from './PlanpayLabel.module.scss';\n\nconst PlanpayCardHeader = () => {\n    const { t } = useTranslation();\n    return (\n        <div className={styles['label-and-logo']}>\n            <div>{t(Translation.Step.Confirmation.PlanpayLabel)}</div>\n            <div className=\"u-flex u-flex-align-center u-marg-left--light\">\n                <img\n                    style={{\n                        borderRadius: '24px',\n                        width: '65px',\n                        height: '16px',\n                    }}\n                    height={16}\n                    width={65}\n                    src={RoomstayThemeEngine.getImageAssetUrl('planpay-logo-small.svg')}\n                    alt=\"\"\n                />\n            </div>\n        </div>\n    );\n};\n\nconst PlanpayCardSubHeader = () => {\n    const { t } = useTranslation();\n    return (\n        <Text\n            color={Color.Graphite}\n            className=\"u-flex u-flex-align-center\"\n            style={{\n                color: '#313131',\n                fontSize: 10,\n            }}\n        >\n            <Icon color={Color.DarkGrey} icon={IconType.Info} className=\"u-marg-right--lighter u-marg-left--light\" />\n            {t(Translation.Step.Confirmation.PlanpayHelperText)}\n        </Text>\n    );\n};\n\nconst PlanpayCardPrice = ({ symbol, rawPrice }: { symbol: string; rawPrice: PlanPayPricePreviewResponse | undefined }) => (\n    <Text bold className={styles.price} color={Color.Navy} type={TextType.Small}>\n        {symbol}\n        {rawPrice?.installmentAmount} {rawPrice?.frequency}\n    </Text>\n);\n\nconst PlanpayLabel = () => {\n    const methods = useFormContext();\n    const beContext = useContext(BookingEngineContext);\n    const rawPrice = usePlanpayRawPrice({});\n    const { getTotalPrice } = useBasket();\n    const { symbol } = useCurrency({\n        children: getTotalPrice(),\n    });\n    const isMobile = beContext.screenSize <= ScreenSize.Large;\n    return (\n        <div className=\"u-flex u-flex-justify-between w-100 u-flex-align-center\">\n            <div className={styles.root}>\n                <div className={styles.container}>\n                    <PlanpayCardHeader />\n                    {isMobile ? <PlanpayCardPrice symbol={symbol} rawPrice={rawPrice} /> : !methods.formState.isValid ? <PlanpayCardSubHeader /> : null}\n                </div>\n\n                {isMobile ? <PlanpayCardSubHeader /> : <PlanpayCardPrice symbol={symbol} rawPrice={rawPrice} />}\n            </div>\n        </div>\n    );\n};\n\nexport default PlanpayLabel;\n"]}