@roomstay/frontend 2.0.12 → 2.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"CommonAddonSummary.js","sourceRoot":"/","sources":["src/components/steps/common/CommonAddonSummary/CommonAddonSummary.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAE/B,kDAAyD;AACzD,iDAA+C;AAC/C,0DAAuD;AACvD,sCAAmC;AACnC,0DAAmD;AACnD,0DAAsE;AAM/D,MAAM,kBAAkB,GAAG,CAAC,KAAyB,EAAE,EAAE;IAC5D,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzB,OAAO,CACH,MAAM,CAAC,MAAM,IAAI,CAAC,IAAI,CAClB;QACI,6BAAK,SAAS,EAAC,eAAe;YAC1B,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,IACxC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CACnC,CACL;QACL,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACzB,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,IAAA,gDAA8B,EAAC,KAAK,CAAC,CAAC;YAEvF,OAAO,CACH,6BAAK,SAAS,EAAC,eAAe,EAAC,GAAG,EAAE,KAAK;gBACrC,6BAAK,SAAS,EAAC,sBAAsB;oBACjC,oBAAC,cAAI;wBACD,oCAAS,KAAK,CAAC,IAAI,CAAU,CAC1B,CACL;gBACN,6BAAK,SAAS,EAAC,2BAA2B;oBACtC,6BAAK,SAAS,EAAC,EAAE;wBACZ,CAAC,CAAC,KAAK,IAAI,CACR,6BAAK,SAAS,EAAC,+CAA+C;4BAC1D,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;gCACrB,KAAK,CAAC,QAAQ;;gCAAK,KAAK,CAAC,WAAW,CAClC,CACL,CACT;wBACA,CAAC,CAAC,UAAU,IAAI,CACb,6BAAK,SAAS,EAAC,+CAA+C;4BAC1D,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;gCAAG,KAAK,CAAC,aAAa;0CAAe,CAC7D,CACT;wBACA,CAAC,CAAC,UAAU,IAAI,CACb,6BAAK,SAAS,EAAC,+CAA+C;4BAC1D,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;gCAAG,KAAK,CAAC,aAAa;4CAAiB,CAC/D,CACT,CACC;oBACN,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ;wBAC7C,oBAAC,kBAAQ,QAAE,KAAK,CAAY,CACzB,CACL,CACJ,CACT,CAAC;QACN,CAAC,CAAC,CACH,CACN,CACJ,CAAC;AACN,CAAC,CAAC;AApDW,QAAA,kBAAkB,sBAoD7B","sourcesContent":["import * as React from 'react';\nimport type { ReservationAddonDTO } from 'models/Api/ReservationsDTO';\nimport Text, { TextType } from 'components/generic/Text';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport { Color } from 'util/Color';\nimport Currency from 'components/generic/Currency';\nimport { calculateReservationAddonTotal } from 'util/TotalCalculator';\n\ntype CommonAddonSummary = {\n    addons: ReservationAddonDTO[];\n};\n\nexport const CommonAddonSummary = (props: CommonAddonSummary) => {\n    const { t } = useTranslation();\n    const { addons } = props;\n\n    return (\n        addons.length >= 1 && (\n            <>\n                <div className=\"u-marg-bottom\">\n                    <Text type={TextType.Label} color={Color.Grey}>\n                        {t(Translation.Step.Thanks.AddOnItems)}\n                    </Text>\n                </div>\n                {addons.map((addon, index) => {\n                    const { price, adultPrice, childPrice, total } = calculateReservationAddonTotal(addon);\n\n                    return (\n                        <div className=\"u-marg-bottom\" key={index}>\n                            <div className=\"u-marg-bottom--light\">\n                                <Text>\n                                    <strong>{addon.name}</strong>\n                                </Text>\n                            </div>\n                            <div className=\"u-flex align-items-center\">\n                                <div className=\"\">\n                                    {!!price && (\n                                        <div className=\"u-marg-top--light u-marg-bottom--light u-flex\">\n                                            <Text type={TextType.Small}>\n                                                {addon.quantity} x {addon.description}\n                                            </Text>\n                                        </div>\n                                    )}\n                                    {!!adultPrice && (\n                                        <div className=\"u-marg-top--light u-marg-bottom--light u-flex\">\n                                            <Text type={TextType.Small}>{addon.adultQuantity} Adults</Text>\n                                        </div>\n                                    )}\n                                    {!!childPrice && (\n                                        <div className=\"u-marg-top--light u-marg-bottom--light u-flex\">\n                                            <Text type={TextType.Small}>{addon.childQuantity} Children</Text>\n                                        </div>\n                                    )}\n                                </div>\n                                <Text type={TextType.Small} color={Color.DarkGrey}>\n                                    <Currency>{total}</Currency>\n                                </Text>\n                            </div>\n                        </div>\n                    );\n                })}\n            </>\n        )\n    );\n};\n"]}
+{"version":3,"file":"CommonAddonSummary.js","sourceRoot":"/","sources":["src/components/steps/common/CommonAddonSummary/CommonAddonSummary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,gEAAyD;AACzD,iDAA+C;AAC/C,0DAAuD;AACvD,sCAAmC;AACnC,2EAAmD;AACnD,0DAAsE;AAM/D,MAAM,kBAAkB,GAAG,CAAC,KAAyB,EAAE,EAAE;IAC5D,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzB,OAAO,CACH,MAAM,CAAC,MAAM,IAAI,CAAC,IAAI,CAClB;QACI,6BAAK,SAAS,EAAC,eAAe;YAC1B,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,IACxC,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CACnC,CACL;QACL,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACzB,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,IAAA,gDAA8B,EAAC,KAAK,CAAC,CAAC;YAEvF,OAAO,CACH,6BAAK,SAAS,EAAC,eAAe,EAAC,GAAG,EAAE,KAAK;gBACrC,6BAAK,SAAS,EAAC,sBAAsB;oBACjC,oBAAC,cAAI;wBACD,oCAAS,KAAK,CAAC,IAAI,CAAU,CAC1B,CACL;gBACN,6BAAK,SAAS,EAAC,2BAA2B;oBACtC,6BAAK,SAAS,EAAC,EAAE;wBACZ,CAAC,CAAC,KAAK,IAAI,CACR,6BAAK,SAAS,EAAC,+CAA+C;4BAC1D,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;gCACrB,KAAK,CAAC,QAAQ;;gCAAK,KAAK,CAAC,WAAW,CAClC,CACL,CACT;wBACA,CAAC,CAAC,UAAU,IAAI,CACb,6BAAK,SAAS,EAAC,+CAA+C;4BAC1D,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;gCAAG,KAAK,CAAC,aAAa;0CAAe,CAC7D,CACT;wBACA,CAAC,CAAC,UAAU,IAAI,CACb,6BAAK,SAAS,EAAC,+CAA+C;4BAC1D,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;gCAAG,KAAK,CAAC,aAAa;4CAAiB,CAC/D,CACT,CACC;oBACN,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,aAAK,CAAC,QAAQ;wBAC7C,oBAAC,kBAAQ,QAAE,KAAK,CAAY,CACzB,CACL,CACJ,CACT,CAAC;QACN,CAAC,CAAC,CACH,CACN,CACJ,CAAC;AACN,CAAC,CAAC;AApDW,QAAA,kBAAkB,sBAoD7B","sourcesContent":["import * as React from 'react';\nimport type { ReservationAddonDTO } from 'models/Api/ReservationsDTO';\nimport Text, { TextType } from 'components/generic/Text';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport { Color } from 'util/Color';\nimport Currency from 'components/generic/Currency';\nimport { calculateReservationAddonTotal } from 'util/TotalCalculator';\n\ntype CommonAddonSummary = {\n    addons: ReservationAddonDTO[];\n};\n\nexport const CommonAddonSummary = (props: CommonAddonSummary) => {\n    const { t } = useTranslation();\n    const { addons } = props;\n\n    return (\n        addons.length >= 1 && (\n            <>\n                <div className=\"u-marg-bottom\">\n                    <Text type={TextType.Label} color={Color.Grey}>\n                        {t(Translation.Step.Thanks.AddOnItems)}\n                    </Text>\n                </div>\n                {addons.map((addon, index) => {\n                    const { price, adultPrice, childPrice, total } = calculateReservationAddonTotal(addon);\n\n                    return (\n                        <div className=\"u-marg-bottom\" key={index}>\n                            <div className=\"u-marg-bottom--light\">\n                                <Text>\n                                    <strong>{addon.name}</strong>\n                                </Text>\n                            </div>\n                            <div className=\"u-flex align-items-center\">\n                                <div className=\"\">\n                                    {!!price && (\n                                        <div className=\"u-marg-top--light u-marg-bottom--light u-flex\">\n                                            <Text type={TextType.Small}>\n                                                {addon.quantity} x {addon.description}\n                                            </Text>\n                                        </div>\n                                    )}\n                                    {!!adultPrice && (\n                                        <div className=\"u-marg-top--light u-marg-bottom--light u-flex\">\n                                            <Text type={TextType.Small}>{addon.adultQuantity} Adults</Text>\n                                        </div>\n                                    )}\n                                    {!!childPrice && (\n                                        <div className=\"u-marg-top--light u-marg-bottom--light u-flex\">\n                                            <Text type={TextType.Small}>{addon.childQuantity} Children</Text>\n                                        </div>\n                                    )}\n                                </div>\n                                <Text type={TextType.Small} color={Color.DarkGrey}>\n                                    <Currency>{total}</Currency>\n                                </Text>\n                            </div>\n                        </div>\n                    );\n                })}\n            </>\n        )\n    );\n};\n"]}

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

@@ -1,8 +1,34 @@
 "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 = require("react");
-const Text_1 = require("components/generic/Text");
-const InputGroup_1 = require("components/generic/InputGroup/InputGroup");
+const React = __importStar(require("react"));
+const Text_1 = __importDefault(require("components/generic/Text"));
+const InputGroup_1 = __importDefault(require("components/generic/InputGroup/InputGroup"));
 const Text_2 = require("components/generic/Text");
 const Translation_1 = require("translations/Translation");
 const react_i18next_1 = require("react-i18next");

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,+BAA+B;AAC/B,kDAA2C;AAC3C,yEAAkE;AAClE,kDAAmD;AACnD,0DAAuD;AACvD,iDAA+C;AAC/C,sCAAmC;AACnC,uEAAoE;AAEpE,SAAwB,cAAc;IAClC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,OAAO,CACH,6BAAK,SAAS,EAAC,sBAAsB;QACjC,6BAAK,SAAS,EAAC,sBAAsB;YACjC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;gBACtB,oCAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAU;;gBAEnE,8BAAM,KAAK,EAAE,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE;;oBAAI,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,QAAQ,CAAC;wBAAS,CACxE,CACL;QACN,oBAAC,oBAAU,IAAC,UAAU,EAAE,KAAK;YACzB,oBAAC,yBAAW,IAAC,WAAW,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,GAAI;YAC1F,oBAAC,yBAAW,IAAC,WAAW,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,IAAI,GAAI,CACxF;QACb,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;YACrB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC;;YAAO,gCAAQ,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 * as React from 'react';\nimport Text from 'components/generic/Text';\nimport InputGroup from 'components/generic/InputGroup/InputGroup';\nimport { TextType } from 'components/generic/Text';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport { Color } from 'util/Color';\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={true} />\n                <PasswordBox placeholder={t(Translation.Step.Confirmation.Inputs.ConfirmPassword)} wide={true} />\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,mEAA2C;AAC3C,0FAAkE;AAClE,kDAAmD;AACnD,0DAAuD;AACvD,iDAA+C;AAC/C,sCAAmC;AACnC,uEAAoE;AAEpE,SAAwB,cAAc;IAClC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,OAAO,CACH,6BAAK,SAAS,EAAC,sBAAsB;QACjC,6BAAK,SAAS,EAAC,sBAAsB;YACjC,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;gBACtB,oCAAS,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAU;;gBAEnE,8BAAM,KAAK,EAAE,EAAE,KAAK,EAAE,aAAK,CAAC,IAAI,EAAE;;oBAAI,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,QAAQ,CAAC;wBAAS,CACxE,CACL;QACN,oBAAC,oBAAU,IAAC,UAAU,EAAE,KAAK;YACzB,oBAAC,yBAAW,IAAC,WAAW,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,GAAI;YAC1F,oBAAC,yBAAW,IAAC,WAAW,EAAE,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,IAAI,GAAI,CACxF;QACb,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK;YACrB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC;;YAAO,gCAAQ,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 * as React from 'react';\nimport Text from 'components/generic/Text';\nimport InputGroup from 'components/generic/InputGroup/InputGroup';\nimport { TextType } from 'components/generic/Text';\nimport { Translation } from 'translations/Translation';\nimport { useTranslation } from 'react-i18next';\nimport { Color } from 'util/Color';\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={true} />\n                <PasswordBox placeholder={t(Translation.Step.Confirmation.Inputs.ConfirmPassword)} wide={true} />\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/PaymentDetails/AcceptablePaymentCard.js

@@ -1,10 +1,36 @@
 "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 = require("react");
-const RoomstayThemeEngine_1 = require("providers/RoomstayThemeEngine");
+const React = __importStar(require("react"));
+const RoomstayThemeEngine_1 = __importDefault(require("providers/RoomstayThemeEngine"));
 const HotelDTO_1 = require("models/Api/HotelDTO");
 const hooks_1 = require("@frontend/hooks");
-const classNames = require("classnames");
+const classnames_1 = __importDefault(require("classnames"));
 const AcceptablePaymentCard = ({ isCurrent, isDefault, style }) => {
     var _a;
     const { hotel } = (0, hooks_1.useCurrentHotel)();
@@ -21,7 +47,7 @@ const AcceptablePaymentCard = ({ isCurrent, isDefault, style }) => {
     })
         .filter((obj) => obj);
     return (React.createElement("div", { className: "u-flex flex-row justify-content-start" }, Object.keys(cardTypes).map((cardKey) => {
-        return (React.createElement("div", { key: cardKey, id: cardTypes[cardKey].name, className: classNames('cc-icon u-flex u-marg-right--light', {
+        return (React.createElement("div", { key: cardKey, id: cardTypes[cardKey].name, className: (0, classnames_1.default)('cc-icon u-flex u-marg-right--light', {
                 '-current': isCurrent === null || isCurrent === void 0 ? void 0 : isCurrent(cardKey),
                 '-default': isDefault === null || isDefault === void 0 ? void 0 : isDefault(cardKey),
             }), style: Object.assign({ backgroundImage: `url('${RoomstayThemeEngine_1.default.getAssetUrl() + 'assets/img/' + cardTypes[cardKey].name + '.png'}')`, backgroundSize: 'contain' }, style || {}) }));

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":";;AACA,+BAA+B;AAC/B,uEAAgE;AAChE,kDAAiE;AACjE,2CAAkD;AAClD,yCAAyC;AAOzC,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,IAAY,EAAE,EAAE;QAClB,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,6BAAK,SAAS,EAAC,uCAAuC,IACjD,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,OAAY,EAAE,EAAE;QACzC,OAAO,CACH,6BACI,GAAG,EAAE,OAAO,EACZ,EAAE,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,EAC3B,SAAS,EAAE,UAAU,CAAC,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,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,GAAG,MAAM,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,EAChJ,KAAK,IAAI,EAAE,CACd,GACH,CACL,CAAC;IACN,CAAC,CAAC,CACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC","sourcesContent":["import { CSSProperties, FC } from 'react';\nimport * as React from 'react';\nimport RoomstayThemeEngine from 'providers/RoomstayThemeEngine';\nimport { SynxisToVGSCardNameMapping } from 'models/Api/HotelDTO';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport * as classNames from 'classnames';\n\ninterface AcceptablePaymentCardProps {\n    isCurrent?: (cardKey: any) => boolean;\n    isDefault?: (cardKey: any) => boolean;\n    style?: CSSProperties;\n}\nconst AcceptablePaymentCard: FC<AcceptablePaymentCardProps> = ({ isCurrent, isDefault, style }) => {\n    const { hotel } = useCurrentHotel();\n    const cardTypes = (hotel?.paymentCardTypes ?? [])\n        .map((card: string) => {\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,6CAA+B;AAC/B,wFAAgE;AAChE,kDAAiE;AACjE,2CAAkD;AAClD,4DAAoC;AAOpC,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,IAAY,EAAE,EAAE;QAClB,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,6BAAK,SAAS,EAAC,uCAAuC,IACjD,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,OAAY,EAAE,EAAE;QACzC,OAAO,CACH,6BACI,GAAG,EAAE,OAAO,EACZ,EAAE,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,EAC3B,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,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,GAAG,MAAM,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,EAChJ,KAAK,IAAI,EAAE,CACd,GACH,CACL,CAAC;IACN,CAAC,CAAC,CACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC","sourcesContent":["import { CSSProperties, FC } from 'react';\nimport * as React from 'react';\nimport RoomstayThemeEngine from 'providers/RoomstayThemeEngine';\nimport { SynxisToVGSCardNameMapping } from 'models/Api/HotelDTO';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport classNames from 'classnames';\n\ninterface AcceptablePaymentCardProps {\n    isCurrent?: (cardKey: any) => boolean;\n    isDefault?: (cardKey: any) => boolean;\n    style?: CSSProperties;\n}\nconst AcceptablePaymentCard: FC<AcceptablePaymentCardProps> = ({ isCurrent, isDefault, style }) => {\n    const { hotel } = useCurrentHotel();\n    const cardTypes = (hotel?.paymentCardTypes ?? [])\n        .map((card: string) => {\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.js

@@ -1,7 +1,30 @@
 "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;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExistingCardPicker = void 0;
-const React = require("react");
+const React = __importStar(require("react"));
 const LoggedInUserHook_1 = require("hooks/LoggedInUserHook");
 const react_1 = require("react");
 const contexts_1 = require("@frontend/contexts");

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,+BAA+B;AAC/B,6DAAmD;AAGnD,iCAAwD;AACxD,iDAA2D;AAC3D,iFAA8E;AAM9E;;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,IAAI,CAAC,WAAW,EAAE;YAClB,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,CAAC,MAAM,GAAG,CAAC,EAAE;YAClB,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,iCACK,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAChB,MAAM,WAAW,GAAG,GAAG,EAAE;gBACrB,qBAAqB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACvC,CAAC,CAAC;YAEF,OAAO,oBAAC,+BAAc,IAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;QAC1G,CAAC,CAAC,CACA,CACP,CACN,CAAC;AACN,CAAC,CAAC;AAtCW,QAAA,kBAAkB,sBAsC7B","sourcesContent":["import * as React from 'react';\nimport { useMember } from 'hooks/LoggedInUserHook';\nimport { IRoomstayMemberCards } from '@roomstay/core';\nimport { Select } from 'components/generic/Select/Select';\nimport { useContext, useEffect, useState } from 'react';\nimport { RoomstayMemberContext } from '@frontend/contexts';\nimport { MemberCardItem } from 'components/pages/Account/Card/MemberCardItem';\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) {\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 > 0) {\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) => {\n                    const onClickCard = () => {\n                        onSelectedCardChanged(card.cardId);\n                    };\n\n                    return <MemberCardItem 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,6CAA+B;AAC/B,6DAAmD;AAGnD,iCAAwD;AACxD,iDAA2D;AAC3D,iFAA8E;AAM9E;;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,IAAI,CAAC,WAAW,EAAE;YAClB,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,CAAC,MAAM,GAAG,CAAC,EAAE;YAClB,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,iCACK,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAChB,MAAM,WAAW,GAAG,GAAG,EAAE;gBACrB,qBAAqB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACvC,CAAC,CAAC;YAEF,OAAO,oBAAC,+BAAc,IAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;QAC1G,CAAC,CAAC,CACA,CACP,CACN,CAAC;AACN,CAAC,CAAC;AAtCW,QAAA,kBAAkB,sBAsC7B","sourcesContent":["import * as React from 'react';\nimport { useMember } from 'hooks/LoggedInUserHook';\nimport { IRoomstayMemberCards } from '@roomstay/core';\nimport { Select } from 'components/generic/Select/Select';\nimport { useContext, useEffect, useState } from 'react';\nimport { RoomstayMemberContext } from '@frontend/contexts';\nimport { MemberCardItem } from 'components/pages/Account/Card/MemberCardItem';\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) {\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 > 0) {\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) => {\n                    const onClickCard = () => {\n                        onSelectedCardChanged(card.cardId);\n                    };\n\n                    return <MemberCardItem selected={selectedCardId === card.cardId} onClick={onClickCard} item={card} />;\n                })}\n            </div>\n        </>\n    );\n};\n"]}

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

@@ -1,19 +1,45 @@
 "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 = require("react");
+const React = __importStar(require("react"));
 const react_1 = require("react");
-const InputGroup_1 = require("components/generic/InputGroup/InputGroup");
-const AutoAutoHeight_1 = require("animations/AutoAutoHeight");
-const Alert_1 = require("components/generic/Alert");
+const InputGroup_1 = __importDefault(require("components/generic/InputGroup/InputGroup"));
+const AutoAutoHeight_1 = __importDefault(require("animations/AutoAutoHeight"));
+const Alert_1 = __importStar(require("components/generic/Alert"));
 const Icon_1 = require("components/generic/Icon/Icon");
-const Text_1 = require("components/generic/Text");
+const Text_1 = __importStar(require("components/generic/Text"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
 const HotelDTO_1 = require("models/Api/HotelDTO");
 const hooks_1 = require("@frontend/hooks");
 const VGSHooks_1 = require("hooks/VGSHooks");
 const ExistingCardPicker_1 = require("./ExistingCardPicker");
-const AcceptablePaymentCard_1 = require("components/steps/confirmation/PaymentDetails/AcceptablePaymentCard");
+const AcceptablePaymentCard_1 = __importDefault(require("components/steps/confirmation/PaymentDetails/AcceptablePaymentCard"));
 function StepConfirmationPaymentDetails(props, ref) {
     var _a;
     const { hotel } = (0, hooks_1.useCurrentHotel)();

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 PaymentCard from 'models/PaymentCard';\nimport * as React from 'react';\nimport { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport InputGroup from 'components/generic/InputGroup/InputGroup';\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport Alert, { AlertType } from 'components/generic/Alert';\nimport { IconType } from 'components/generic/Icon/Icon';\nimport Text, { TextType } from 'components/generic/Text';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport { SynxisToVGSCardNameMapping } from 'models/Api/HotelDTO';\nimport { useCurrentHotel, useMember, useWindowScroll } from '@frontend/hooks';\nimport { useVgsCollect } from 'hooks/VGSHooks';\nimport { IRoomstayMemberCards } from '@roomstay/core';\nimport { ExistingCardPicker } from './ExistingCardPicker';\nimport AcceptablePaymentCard from 'components/steps/confirmation/PaymentDetails/AcceptablePaymentCard';\n\ntype VGSInputType = 'card-number' | 'text' | 'card-expiration-date' | 'card-security-code';\n\nfunction StepConfirmationPaymentDetails(props: any, ref: any) {\n    const { hotel } = useCurrentHotel();\n    const member = useMember();\n\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        triggerFieldUpdate,\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 = 'Credit Card';\n                    break;\n                case 'expiration-date':\n                    name = 'Expiration Date';\n                    break;\n                case 'security-code':\n                    name = 'Security Code';\n                    break;\n                default:\n                    name = 'Card Name';\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(ref, () => ({\n        getTokenizedCode: () =>\n            new Promise<PaymentCard | IRoomstayMemberCards>((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 = JSON.parse(response.data);\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: ['Invalid - it must be in the format MM / YY or MM / YYYY'],\n                                    },\n                                });\n                                reject('invalid expiration date');\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(card);\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: string) => {\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    const onMemberCardSelected = (card: IRoomstayMemberCards) => {\n        // TODO:\n    };\n\n    return (\n        <div>\n            <div>{!!member.user && <ExistingCardPicker onCardSelected={onMemberCardSelected} />}</div>\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        </div>\n    );\n}\n\nexport default forwardRef(StepConfirmationPaymentDetails);\n"]}
+{"version":3,"file":"StepConfirmationPaymentDetails.js","sourceRoot":"/","sources":["src/components/steps/confirmation/PaymentDetails/StepConfirmationPaymentDetails.tsx"],"names":[],"mappings":"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","sourcesContent":["import PaymentCard from 'models/PaymentCard';\nimport * as React from 'react';\nimport { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport InputGroup from 'components/generic/InputGroup/InputGroup';\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport Alert, { AlertType } from 'components/generic/Alert';\nimport { IconType } from 'components/generic/Icon/Icon';\nimport Text, { TextType } from 'components/generic/Text';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\nimport { SynxisToVGSCardNameMapping } from 'models/Api/HotelDTO';\nimport { useCurrentHotel, useMember, useWindowScroll } from '@frontend/hooks';\nimport { useVgsCollect } from 'hooks/VGSHooks';\nimport { IRoomstayMemberCards } from '@roomstay/core';\nimport { ExistingCardPicker } from './ExistingCardPicker';\nimport AcceptablePaymentCard from 'components/steps/confirmation/PaymentDetails/AcceptablePaymentCard';\n\ntype VGSInputType = 'card-number' | 'text' | 'card-expiration-date' | 'card-security-code';\n\nfunction StepConfirmationPaymentDetails(props: any, ref: any) {\n    const { hotel } = useCurrentHotel();\n    const member = useMember();\n\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        triggerFieldUpdate,\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 = 'Credit Card';\n                    break;\n                case 'expiration-date':\n                    name = 'Expiration Date';\n                    break;\n                case 'security-code':\n                    name = 'Security Code';\n                    break;\n                default:\n                    name = 'Card Name';\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(ref, () => ({\n        getTokenizedCode: () =>\n            new Promise<PaymentCard | IRoomstayMemberCards>((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 = JSON.parse(response.data);\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: ['Invalid - it must be in the format MM / YY or MM / YYYY'],\n                                    },\n                                });\n                                reject('invalid expiration date');\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(card);\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: string) => {\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    const onMemberCardSelected = (card: IRoomstayMemberCards) => {\n        // TODO:\n    };\n\n    return (\n        <div>\n            <div>{!!member.user && <ExistingCardPicker onCardSelected={onMemberCardSelected} />}</div>\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        </div>\n    );\n}\n\nexport default forwardRef(StepConfirmationPaymentDetails);\n"]}

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

@@ -1,11 +1,37 @@
 "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.PlanpayPaymentMethod = void 0;
-const React = require("react");
+const React = __importStar(require("react"));
 const react_1 = require("react");
 const contexts_1 = require("@frontend/contexts");
 const web_1 = require("@planpay/web");
-const Placeholder_1 = require("components/generic/Placeholder");
+const Placeholder_1 = __importDefault(require("components/generic/Placeholder"));
 const CurrentHotelHook_1 = require("hooks/CurrentHotelHook");
 const PlanpayWidgetLoader = () => {
     return (React.createElement("div", null,

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

@@ -1 +1 @@
-{"version":3,"file":"PlanpayPaymentMethod.js","sourceRoot":"/","sources":["src/components/steps/confirmation/PlanpayPaymentMethod.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { FC, useContext, useEffect, useLayoutEffect } from 'react';\nimport { BasketContext } from '@frontend/contexts';\n\nimport { planpay } from '@planpay/web';\nimport Placeholder from 'components/generic/Placeholder';\nimport { useCurrentHotel } from 'hooks/CurrentHotelHook';\n\nconst PlanpayWidgetLoader = () => {\n    return (\n        <div>\n            <div className=\"row no-gutters\">\n                <div className=\"col-md-4\">\n                    <div className=\"d-flex justify-content-center\">\n                        <Placeholder type=\"text\" w={'md'} h={'sm'} blink={true} />\n                    </div>\n\n                    <Placeholder type=\"text\" h={'md'} blink={true} />\n                    <Placeholder type=\"text\" h={'md'} blink={true} />\n                </div>\n                <div className=\"col-md-4\">\n                    <div className=\"d-flex justify-content-center\">\n                        <Placeholder type=\"text\" w={'md'} h={'sm'} blink={true} />\n                    </div>\n\n                    <Placeholder type=\"text\" h={'sm'} blink={true} />\n                    <Placeholder type=\"text\" h={'sm'} blink={true} />\n                    <Placeholder type=\"text\" h={'sm'} blink={true} />\n                </div>\n                <div className=\"col-md-4\">\n                    <div className=\"d-flex justify-content-center\">\n                        <Placeholder type=\"text\" w={'md'} h={'sm'} blink={true} />\n                    </div>\n\n                    <div className=\"d-flex justify-content-center u-marg-top u-marg-bottom\">\n                        <Placeholder type=\"text\" w={'xs'} h={'sm'} blink={true} noMarg={true} />\n                    </div>\n\n                    <div className=\"d-flex justify-content-center\">\n                        <Placeholder type=\"text\" w={'md'} h={'sm'} blink={true} noMarg={true} />\n                    </div>\n                    <div className=\"d-flex justify-content-center u-marg-top u-marg-bottom\">\n                        <Placeholder type=\"text\" w={'xs'} h={'sm'} blink={true} noMarg={true} />\n                    </div>\n                </div>\n            </div>\n            <div className=\"row no-gutters\">\n                <div className=\"col-md-4\">\n                    <Placeholder type=\"text\" h={'lg'} blink={true} />\n                </div>\n                <div className=\"offset-md-4 col-md-4 d-flex align-items-center\">\n                    <Placeholder type=\"text\" w={'xl'} h={'sm'} blink={true} />\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport const PlanpayPaymentMethod: FC = () => {\n    const basketContext = useContext(BasketContext);\n    const { hotel } = useCurrentHotel();\n\n    const planPayCheckoutResponse = basketContext.reservationData?.payment?.planpay;\n\n    useLayoutEffect(() => {\n        if (planPayCheckoutResponse?.id) {\n            planpay.checkout.refresh();\n        }\n    }, [planPayCheckoutResponse?.id]);\n\n    useEffect(() => {\n        planpay.init({ environment: hotel?.planpay?.env });\n    }, [hotel]);\n\n    return (\n        <>\n            <div\n                className=\"planpay-payment-container\"\n                data-planpay-checkout-id={planPayCheckoutResponse?.id}\n                style={{ minHeight: '204px', display: 'flex', justifyContent: 'flex-end', flexDirection: 'column' }}\n            >\n                <PlanpayWidgetLoader />\n            </div>\n        </>\n    );\n};\n"]}
+{"version":3,"file":"PlanpayPaymentMethod.js","sourceRoot":"/","sources":["src/components/steps/confirmation/PlanpayPaymentMethod.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { FC, useContext, useEffect, useLayoutEffect } from 'react';\nimport { BasketContext } from '@frontend/contexts';\n\nimport { planpay } from '@planpay/web';\nimport Placeholder from 'components/generic/Placeholder';\nimport { useCurrentHotel } from 'hooks/CurrentHotelHook';\n\nconst PlanpayWidgetLoader = () => {\n    return (\n        <div>\n            <div className=\"row no-gutters\">\n                <div className=\"col-md-4\">\n                    <div className=\"d-flex justify-content-center\">\n                        <Placeholder type=\"text\" w={'md'} h={'sm'} blink={true} />\n                    </div>\n\n                    <Placeholder type=\"text\" h={'md'} blink={true} />\n                    <Placeholder type=\"text\" h={'md'} blink={true} />\n                </div>\n                <div className=\"col-md-4\">\n                    <div className=\"d-flex justify-content-center\">\n                        <Placeholder type=\"text\" w={'md'} h={'sm'} blink={true} />\n                    </div>\n\n                    <Placeholder type=\"text\" h={'sm'} blink={true} />\n                    <Placeholder type=\"text\" h={'sm'} blink={true} />\n                    <Placeholder type=\"text\" h={'sm'} blink={true} />\n                </div>\n                <div className=\"col-md-4\">\n                    <div className=\"d-flex justify-content-center\">\n                        <Placeholder type=\"text\" w={'md'} h={'sm'} blink={true} />\n                    </div>\n\n                    <div className=\"d-flex justify-content-center u-marg-top u-marg-bottom\">\n                        <Placeholder type=\"text\" w={'xs'} h={'sm'} blink={true} noMarg={true} />\n                    </div>\n\n                    <div className=\"d-flex justify-content-center\">\n                        <Placeholder type=\"text\" w={'md'} h={'sm'} blink={true} noMarg={true} />\n                    </div>\n                    <div className=\"d-flex justify-content-center u-marg-top u-marg-bottom\">\n                        <Placeholder type=\"text\" w={'xs'} h={'sm'} blink={true} noMarg={true} />\n                    </div>\n                </div>\n            </div>\n            <div className=\"row no-gutters\">\n                <div className=\"col-md-4\">\n                    <Placeholder type=\"text\" h={'lg'} blink={true} />\n                </div>\n                <div className=\"offset-md-4 col-md-4 d-flex align-items-center\">\n                    <Placeholder type=\"text\" w={'xl'} h={'sm'} blink={true} />\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport const PlanpayPaymentMethod: FC = () => {\n    const basketContext = useContext(BasketContext);\n    const { hotel } = useCurrentHotel();\n\n    const planPayCheckoutResponse = basketContext.reservationData?.payment?.planpay;\n\n    useLayoutEffect(() => {\n        if (planPayCheckoutResponse?.id) {\n            planpay.checkout.refresh();\n        }\n    }, [planPayCheckoutResponse?.id]);\n\n    useEffect(() => {\n        planpay.init({ environment: hotel?.planpay?.env });\n    }, [hotel]);\n\n    return (\n        <>\n            <div\n                className=\"planpay-payment-container\"\n                data-planpay-checkout-id={planPayCheckoutResponse?.id}\n                style={{ minHeight: '204px', display: 'flex', justifyContent: 'flex-end', flexDirection: 'column' }}\n            >\n                <PlanpayWidgetLoader />\n            </div>\n        </>\n    );\n};\n"]}

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

@@ -1,4 +1,27 @@
 "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 __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -10,28 +33,31 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
+const React = __importStar(require("react"));
 const react_1 = require("react");
-const Text_1 = require("components/generic/Text");
-const InputGroup_1 = require("components/generic/InputGroup/InputGroup");
-const TextBox_1 = require("components/generic/TextBox");
+const Text_1 = __importStar(require("components/generic/Text"));
+const InputGroup_1 = __importDefault(require("components/generic/InputGroup/InputGroup"));
+const TextBox_1 = __importDefault(require("components/generic/TextBox"));
 const Translation_1 = require("translations/Translation");
 const react_i18next_1 = require("react-i18next");
-const Headline_1 = require("components/generic/Headline");
-const Icon_1 = require("components/generic/Icon/Icon");
+const Headline_1 = __importDefault(require("components/generic/Headline"));
+const Icon_1 = __importStar(require("components/generic/Icon/Icon"));
 const Color_1 = require("util/Color");
-const StepConfirmationCountrySelector_1 = require("components/steps/confirmation/StepConfirmationCountrySelector");
-const StringHelper_1 = require("util/StringHelper");
-const LineBreak_1 = require("components/generic/LineBreak");
+const StepConfirmationCountrySelector_1 = __importDefault(require("components/steps/confirmation/StepConfirmationCountrySelector"));
+const StringHelper_1 = __importDefault(require("util/StringHelper"));
+const LineBreak_1 = __importDefault(require("components/generic/LineBreak"));
 const react_hook_form_1 = require("react-hook-form");
-const Alert_1 = require("components/generic/Alert");
-const AutoAutoHeight_1 = require("animations/AutoAutoHeight");
-const DataLayer_1 = require("util/DataLayer");
-const EnhancedPhoneNumberField_1 = require("components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField");
-const E164PhoneNumberFieldFeature_1 = require("providers/feature/E164PhoneNumberFieldFeature");
+const Alert_1 = __importStar(require("components/generic/Alert"));
+const AutoAutoHeight_1 = __importDefault(require("animations/AutoAutoHeight"));
+const DataLayer_1 = __importStar(require("util/DataLayer"));
+const EnhancedPhoneNumberField_1 = __importDefault(require("components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField"));
+const E164PhoneNumberFieldFeature_1 = __importDefault(require("providers/feature/E164PhoneNumberFieldFeature"));
 const Confirmation_1 = require("../../../models/Confirmation");
-const Checkbox_1 = require("../../generic/Checkbox/Checkbox");
+const Checkbox_1 = __importDefault(require("../../generic/Checkbox/Checkbox"));
 const contexts_1 = require("@frontend/contexts");
 const core_1 = require("@roomstay/core");
 const Validation_1 = require("util/Validation");