@roomstay/frontend 2.6.31 → 2.6.33

package/dist/src/components/members/SignInModal/EmailAndFullnameMemberModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailAndFullnameMemberModal.js","sourceRoot":"/","sources":["src/components/members/SignInModal/EmailAndFullnameMemberModal.tsx"],"names":[],"mappings":";;;;;AACA,kDAAkC;AAClC,iDAA+C;AAE/C,yDAA0D;AAC1D,4DAAyD;AAEzD,gFAAoF;AAEpF,MAAM,2BAA2B,GAA+B,CAAC,KAAK,EAAE,EAAE;IACtE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH,8BAAC,6BAAmB,oBACZ,KAAK,IACT,MAAM,EAAE;YACJ;gBACI,IAAI,EAAE,cAAc;gBACpB,IAAI,EAAE,eAAQ,CAAC,IAAI;gBACnB,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,mBAAmB,CAAC,MAAM,CAAC,YAAY,CAAC;gBAC7D,QAAQ,EAAE,KAAK;aAClB;YACD;gBACI,IAAI,EAAE,WAAW;gBACjB,IAAI,EAAE,eAAQ,CAAC,MAAM;gBACrB,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;gBACxD,QAAQ,EAAE,KAAK;aAClB;YACD;gBACI,IAAI,EAAE,UAAU;gBAChB,IAAI,EAAE,eAAQ,CAAC,MAAM;gBACrB,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC;gBACvD,QAAQ,EAAE,KAAK;aAClB;YACD;gBACI,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,eAAQ,CAAC,KAAK;gBACpB,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC;gBACpD,QAAQ,EAAE,KAAK;aAClB;SACJ,IACH,CACL,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,2BAA2B,CAAC","sourcesContent":["import { IMemberVerification } from '@roomstay/core';\nimport React, { FC } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport { Translation } from '@/translations/Translation';\n\nimport ExternalMemberModal, { CommonMemberModalProps } from './ExternalMemberModal';\n\nconst EmailAndFullnameMemberModal: FC<CommonMemberModalProps> = (props) => {\n    const { t } = useTranslation();\n\n    return (\n        <ExternalMemberModal<IMemberVerification>\n            {...props}\n            fields={[\n                {\n                    name: 'memberNumber',\n                    icon: IconType.Star,\n                    label: t(Translation.ExternalMemberPopup.Fields.MemberNumber),\n                    isMasked: false,\n                },\n                {\n                    name: 'firstName',\n                    icon: IconType.Person,\n                    label: t(Translation.Navigation.SignUp.Inputs.FirstName),\n                    isMasked: false,\n                },\n                {\n                    name: 'lastName',\n                    icon: IconType.Person,\n                    label: t(Translation.Navigation.SignUp.Inputs.LastName),\n                    isMasked: false,\n                },\n                {\n                    name: 'email',\n                    icon: IconType.Email,\n                    label: t(Translation.Navigation.SignIn.EmailAddress),\n                    isMasked: false,\n                },\n            ]}\n        />\n    );\n};\n\nexport default EmailAndFullnameMemberModal;\n"]}

package/dist/src/components/members/SignInModal/EmailPasswordMemberModal.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { CommonMemberModalProps } from './ExternalMemberModal';
+declare const EmailPasswordMemberModal: FC<CommonMemberModalProps>;
+export default EmailPasswordMemberModal;

package/dist/src/components/members/SignInModal/EmailPasswordMemberModal.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
+const Icon_1 = require("../../generic/Icon/Icon");
+const Translation_1 = require("../../../translations/Translation");
+const ExternalMemberModal_1 = __importDefault(require("./ExternalMemberModal"));
+const EmailPasswordMemberModal = (props) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    return (react_1.default.createElement(ExternalMemberModal_1.default, Object.assign({}, props, { fields: [
+            {
+                name: 'email',
+                icon: Icon_1.IconType.Email,
+                label: t(Translation_1.Translation.Navigation.SignIn.EmailAddress),
+                isMasked: false,
+            },
+            {
+                name: 'password',
+                icon: Icon_1.IconType.Lock,
+                label: t(Translation_1.Translation.Navigation.SignIn.Password),
+                isMasked: true,
+            },
+        ] })));
+};
+exports.default = EmailPasswordMemberModal;
+//# sourceMappingURL=EmailPasswordMemberModal.js.map

package/dist/src/components/members/SignInModal/EmailPasswordMemberModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailPasswordMemberModal.js","sourceRoot":"/","sources":["src/components/members/SignInModal/EmailPasswordMemberModal.tsx"],"names":[],"mappings":";;;;;AACA,kDAAkC;AAClC,iDAA+C;AAE/C,yDAA0D;AAC1D,4DAAyD;AAEzD,gFAAoF;AAEpF,MAAM,wBAAwB,GAA+B,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH,8BAAC,6BAAmB,oBACZ,KAAK,IACT,MAAM,EAAE;YACJ;gBACI,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,eAAQ,CAAC,KAAK;gBACpB,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC;gBACpD,QAAQ,EAAE,KAAK;aAClB;YACD;gBACI,IAAI,EAAE,UAAU;gBAChB,IAAI,EAAE,eAAQ,CAAC,IAAI;gBACnB,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC;gBAChD,QAAQ,EAAE,IAAI;aACjB;SACJ,IACH,CACL,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,wBAAwB,CAAC","sourcesContent":["import { IMemberVerification } from '@roomstay/core';\nimport React, { FC } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport { Translation } from '@/translations/Translation';\n\nimport ExternalMemberModal, { CommonMemberModalProps } from './ExternalMemberModal';\n\nconst EmailPasswordMemberModal: FC<CommonMemberModalProps> = (props) => {\n    const { t } = useTranslation();\n\n    return (\n        <ExternalMemberModal<IMemberVerification>\n            {...props}\n            fields={[\n                {\n                    name: 'email',\n                    icon: IconType.Email,\n                    label: t(Translation.Navigation.SignIn.EmailAddress),\n                    isMasked: false,\n                },\n                {\n                    name: 'password',\n                    icon: IconType.Lock,\n                    label: t(Translation.Navigation.SignIn.Password),\n                    isMasked: true,\n                },\n            ]}\n        />\n    );\n};\n\nexport default EmailPasswordMemberModal;\n"]}

package/dist/src/components/{steps/room/MemberSignInModal → members/SignInModal}/ExternalMemberModal.d.ts

@@ -1,11 +1,15 @@
 import { IMemberVerification } from '@roomstay/core';
+import { Property } from 'csstype';
 import { FieldValues } from 'react-hook-form';
-import { IconType } from '../../../generic/Icon/Icon';
-import UserProfile from '../../../../models/UserProfile';
-type ExternalMemberModalProps<T extends FieldValues> = {
+import { IconType } from '../../generic/Icon/Icon';
+import UserProfile from '../../../models/UserProfile';
+export type CommonMemberModalProps = {
     title: string;
     image: string;
     isOpen: boolean;
+    imageSize: Property.ObjectFit;
+};
+type ExternalMemberModalProps<T extends FieldValues> = CommonMemberModalProps & {
     fields: ExternalMemberModelField<T>[];
 };
 type ExternalMemberModelField<T extends FieldValues> = {
@@ -13,6 +17,7 @@ type ExternalMemberModelField<T extends FieldValues> = {
     icon: IconType;
     label: string;
     profileMapping?: keyof UserProfile;
+    isMasked: boolean;
 };
 declare const ExternalMemberModal: <T extends FieldValues & IMemberVerification>(props: ExternalMemberModalProps<T>) => JSX.Element;
 export default ExternalMemberModal;

package/dist/src/components/{steps/room/MemberSignInModal → members/SignInModal}/ExternalMemberModal.js

@@ -36,24 +36,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const core_1 = require("@roomstay/core");
-const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importStar(require("react"));
 const react_hook_form_1 = require("react-hook-form");
 const react_i18next_1 = require("react-i18next");
-const BookingAPI_1 = __importDefault(require("../../../../api/BookingAPI"));
-const BEButton_1 = __importDefault(require("../../../generic/BEButton"));
-const Headline_1 = __importDefault(require("../../../generic/Headline"));
-const Icon_1 = require("../../../generic/Icon/Icon");
-const InputGroup_1 = __importDefault(require("../../../generic/InputGroup/InputGroup"));
-const SimpleModal_1 = __importStar(require("../../../generic/modal/SimpleModal"));
-const Text_1 = __importDefault(require("../../../generic/Text"));
-const TextBox_1 = __importDefault(require("../../../generic/TextBox"));
-const contexts_1 = require("../../../../contexts");
-const hooks_1 = require("../../../../hooks");
-const WindowSize_1 = require("../../../../hooks/WindowSize");
-const RoomstayThemeEngine_1 = __importDefault(require("../../../../providers/RoomstayThemeEngine"));
-const Translation_1 = require("../../../../translations/Translation");
-const Color_1 = require("../../../../util/Color");
+const BookingAPI_1 = __importDefault(require("../../../api/BookingAPI"));
+const BEButton_1 = __importDefault(require("../../generic/BEButton"));
+const Headline_1 = __importDefault(require("../../generic/Headline"));
+const Icon_1 = require("../../generic/Icon/Icon");
+const InputGroup_1 = __importDefault(require("../../generic/InputGroup/InputGroup"));
+const SimpleModal_1 = __importStar(require("../../generic/modal/SimpleModal"));
+const PasswordBox_1 = require("../../generic/PasswordBox/PasswordBox");
+const Text_1 = __importDefault(require("../../generic/Text"));
+const TextBox_1 = __importDefault(require("../../generic/TextBox"));
+const contexts_1 = require("../../../contexts");
+const hooks_1 = require("../../../hooks");
+const ImageProvider_1 = __importStar(require("../../../providers/ImageProvider"));
+const Translation_1 = require("../../../translations/Translation");
+const Color_1 = require("../../../util/Color");
+const ExternalMemberModal_module_scss_1 = __importDefault(require("./ExternalMemberModal.module.scss"));
 const ExternalMemberModal = (props) => {
     const { hotel } = (0, hooks_1.useCurrentHotel)();
     const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
@@ -82,6 +82,7 @@ const ExternalMemberModal = (props) => {
             const member = yield BookingAPI_1.default.Member.verifyMember(hotelId, fields);
             if (member && member.memberId) {
                 signUserIn({
+                    saveState: false,
                     memberNumber: member.memberId,
                     firstName: fields.firstName,
                     lastName: fields.lastName,
@@ -118,19 +119,19 @@ const ExternalMemberModal = (props) => {
             setIsLoading(false);
         }
     });
-    const { isMobile } = (0, WindowSize_1.useWindowSize)();
     return (react_1.default.createElement(SimpleModal_1.default, { open: props.isOpen, onClose: closeMemberSignupModal, size: SimpleModal_1.SimpleModalSize.Normal, alignCenter: true },
-        react_1.default.createElement("div", { className: "row", style: { minHeight: '500px' } },
-            react_1.default.createElement("div", { className: (0, classnames_1.default)('col-md-6 u-mh-none'), style: Object.assign({ background: 'url("' + RoomstayThemeEngine_1.default.getImageAssetUrl(props.image) + '")', backgroundRepeat: 'no-repeat', backgroundPosition: 'center', backgroundSize: 'cover' }, (isMobile && {
-                    height: '500px',
-                })) }),
+        react_1.default.createElement("div", { className: `${ExternalMemberModal_module_scss_1.default['external-member-modal']} row` },
+            react_1.default.createElement("div", { className: "col-md-6" },
+                react_1.default.createElement("img", { src: ImageProvider_1.default.resizeImage(props.image, ImageProvider_1.ImageSize.Original), alt: props.title, className: ExternalMemberModal_module_scss_1.default['external-member-image'], style: { objectFit: props.imageSize } })),
             react_1.default.createElement("div", { className: "col-md-6 u-pad--heavy" },
                 react_1.default.createElement("div", { className: "u-pad" },
                     react_1.default.createElement(Headline_1.default, { bold: true, color: modalPrimaryColor }, props.title),
                     react_1.default.createElement("form", { onSubmit: formMethods.handleSubmit(onSubmit) },
-                        props.fields.map((field) => (react_1.default.createElement("div", { className: "u-marg-top u-marg-bottom", key: field.name },
-                            react_1.default.createElement(InputGroup_1.default, { dimensions: "1" },
-                                react_1.default.createElement(TextBox_1.default, Object.assign({ iconProps: { color: Color_1.Color.DarkGrey }, icon: field.icon, inputProps: { disabled: isLoading }, wide: true, placeholder: field.label, required: true, validationStatus: getValidationClass(field.name) }, formMethods.register(field.name, { required: true }))))))),
+                        props.fields.map((field) => {
+                            const inputProps = Object.assign({ iconProps: { color: Color_1.Color.DarkGrey }, icon: field.icon, inputProps: { disabled: isLoading }, placeholder: field.label, wide: true, required: true, validationStatus: getValidationClass(field.name) }, formMethods.register(field.name, { required: true }));
+                            return (react_1.default.createElement("div", { className: "u-marg-top u-marg-bottom", key: field.name },
+                                react_1.default.createElement(InputGroup_1.default, { dimensions: "1" }, field.isMasked ? react_1.default.createElement(PasswordBox_1.PasswordBox, Object.assign({}, inputProps)) : react_1.default.createElement(TextBox_1.default, Object.assign({}, inputProps)))));
+                        }),
                         react_1.default.createElement(BEButton_1.default, { isLoading: isLoading, htmlType: "submit", className: "u-marg-top", size: "normal", filled: true, primary: hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalUsePrimaryColor, success: !(hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalUsePrimaryColor), stopIconAnimation: true, icon: Icon_1.IconType.ArrowRight, iconPosition: "right" }, t(Translation_1.Translation.ExternalMemberPopup.Submit)),
                         react_1.default.createElement("div", { className: "u-marg-top" },
                             react_1.default.createElement(Text_1.default, { bold: true, color: Color_1.Color.Danger }, errorMessage))))))));

package/dist/src/components/members/SignInModal/ExternalMemberModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExternalMemberModal.js","sourceRoot":"/","sources":["src/components/members/SignInModal/ExternalMemberModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { IMemberVerification, IMessage, nameof } from '@roomstay/core';\nimport { Property } from 'csstype';\nimport React, { useContext, useState } from 'react';\nimport { FieldValues, Path, SubmitHandler, useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport API from '@/api/BookingAPI';\nimport BEButton from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport InputGroup from '@/components/generic/InputGroup/InputGroup';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport { PasswordBox } from '@/components/generic/PasswordBox/PasswordBox';\nimport Text from '@/components/generic/Text';\nimport TextBox, { TextBoxProps } from '@/components/generic/TextBox';\nimport { BasketContext, CompanyContext } from '@/contexts';\nimport { useCurrentHotel } from '@/hooks';\nimport UserProfile from '@/models/UserProfile';\nimport ImageProvider, { ImageSize } from '@/providers/ImageProvider';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\nimport styles from './ExternalMemberModal.module.scss';\n\nexport type CommonMemberModalProps = {\n    title: string;\n    image: string;\n    isOpen: boolean;\n    imageSize: Property.ObjectFit;\n};\n\ntype ExternalMemberModalProps<T extends FieldValues> = CommonMemberModalProps & {\n    fields: ExternalMemberModelField<T>[];\n};\n\ntype ExternalMemberModelField<T extends FieldValues> = {\n    name: keyof T & string;\n    icon: IconType;\n    label: string;\n    profileMapping?: keyof UserProfile;\n    isMasked: boolean;\n};\n\nconst ExternalMemberModal = <T extends FieldValues & IMemberVerification>(props: ExternalMemberModalProps<T>) => {\n    const { hotel } = useCurrentHotel();\n    const basketContext = useContext(BasketContext);\n    const { signUserIn, closeMemberSignupModal, memberOnlyModalPromotion } = useContext(CompanyContext);\n    const { t } = useTranslation();\n    const [isLoading, setIsLoading] = useState(false);\n    const [errorMessage, setErrorMessage] = useState('');\n    const formMethods = useForm<T>();\n    const modalPrimaryColor = hotel?.memberOnlyModalUsePrimaryColor ? Color.Accent : Color.Success;\n\n    const getValidationClass = (name: keyof T) => {\n        if (formMethods.formState.errors) {\n            if (formMethods.formState.errors[name]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        }\n    };\n\n    const onSubmit: SubmitHandler<T> = async (fields) => {\n        setIsLoading(true);\n        setErrorMessage('');\n\n        try {\n            const hotelId = hotel?.hotelID as string;\n            const member = await API.Member.verifyMember(hotelId, fields);\n\n            if (member && member.memberId) {\n                signUserIn(\n                    {\n                        saveState: false,\n                        memberNumber: member.memberId,\n                        firstName: fields.firstName,\n                        lastName: fields.lastName,\n                        email: fields.email,\n                    },\n                    true\n                );\n\n                const promoCode = member.promoCode || (hotel?.memberOnlyPromoCode as string);\n\n                // Apply promo code\n                if (promoCode && !memberOnlyModalPromotion?.memberOnlyDisableDefaultPromo) {\n                    basketContext.currentBasketRows?.forEach((row) => {\n                        row.setPromoCode(promoCode);\n                        basketContext.updateBasketRow(row);\n                    });\n                }\n\n                // Preset checkout defaults\n                basketContext.currentBasketRows?.forEach(\n                    (row) =>\n                        (row.checkoutDefaults = {\n                            FirstName: fields.firstName,\n                            LastName: fields.lastName,\n                            Email: fields.email,\n                        })\n                );\n            } else {\n                setErrorMessage(t(Translation.ExternalMemberPopup.InvalidMember));\n            }\n        } catch (e: any) {\n            if (e[nameof<IMessage>('Message')]) {\n                setErrorMessage(e.Message);\n            } else {\n                throw e;\n            }\n        } finally {\n            setIsLoading(false);\n        }\n    };\n\n    return (\n        <SimpleModal open={props.isOpen} onClose={closeMemberSignupModal} size={SimpleModalSize.Normal} alignCenter>\n            <div className={`${styles['external-member-modal']} row`}>\n                <div className=\"col-md-6\">\n                    <img\n                        src={ImageProvider.resizeImage(props.image, ImageSize.Original)}\n                        alt={props.title}\n                        className={styles['external-member-image']}\n                        style={{ objectFit: props.imageSize }}\n                    />\n                </div>\n\n                <div className=\"col-md-6 u-pad--heavy\">\n                    <div className=\"u-pad\">\n                        <Headline bold color={modalPrimaryColor}>\n                            {props.title}\n                        </Headline>\n\n                        <form onSubmit={formMethods.handleSubmit(onSubmit)}>\n                            {props.fields.map((field) => {\n                                const inputProps: TextBoxProps = {\n                                    iconProps: { color: Color.DarkGrey },\n                                    icon: field.icon,\n                                    inputProps: { disabled: isLoading },\n                                    placeholder: field.label,\n                                    wide: true,\n                                    required: true,\n                                    validationStatus: getValidationClass(field.name),\n                                    ...formMethods.register(field.name as Path<T>, { required: true }),\n                                };\n\n                                return (\n                                    <div className=\"u-marg-top u-marg-bottom\" key={field.name}>\n                                        <InputGroup dimensions=\"1\">{field.isMasked ? <PasswordBox {...inputProps} /> : <TextBox {...inputProps} />}</InputGroup>\n                                    </div>\n                                );\n                            })}\n\n                            <BEButton\n                                isLoading={isLoading}\n                                htmlType=\"submit\"\n                                className=\"u-marg-top\"\n                                size=\"normal\"\n                                filled\n                                primary={hotel?.memberOnlyModalUsePrimaryColor}\n                                success={!hotel?.memberOnlyModalUsePrimaryColor}\n                                stopIconAnimation\n                                icon={IconType.ArrowRight}\n                                iconPosition=\"right\"\n                            >\n                                {t(Translation.ExternalMemberPopup.Submit)}\n                            </BEButton>\n                            <div className=\"u-marg-top\">\n                                <Text bold color={Color.Danger}>\n                                    {errorMessage}\n                                </Text>\n                            </div>\n                        </form>\n                    </div>\n                </div>\n            </div>\n        </SimpleModal>\n    );\n};\n\nexport default ExternalMemberModal;\n"]}

package/dist/src/components/members/SignInModal/FamilyNameMemberModal.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { CommonMemberModalProps } from './ExternalMemberModal';
+declare const FamilyNameMemberModal: FC<CommonMemberModalProps>;
+export default FamilyNameMemberModal;

package/dist/src/components/{steps/room/MemberSignInModal → members/SignInModal}/FamilyNameMemberModal.js

@@ -5,23 +5,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const react_i18next_1 = require("react-i18next");
-const Icon_1 = require("../../../generic/Icon/Icon");
-const Translation_1 = require("../../../../translations/Translation");
+const Icon_1 = require("../../generic/Icon/Icon");
+const Translation_1 = require("../../../translations/Translation");
 const ExternalMemberModal_1 = __importDefault(require("./ExternalMemberModal"));
 const FamilyNameMemberModal = (props) => {
     const { t } = (0, react_i18next_1.useTranslation)();
-    return (react_1.default.createElement(ExternalMemberModal_1.default, { title: props.title, image: props.image, isOpen: props.isOpen, fields: [
+    return (react_1.default.createElement(ExternalMemberModal_1.default, Object.assign({}, props, { fields: [
             {
                 name: 'memberNumber',
                 icon: Icon_1.IconType.Star,
                 label: t(Translation_1.Translation.ExternalMemberPopup.Fields.MemberNumber),
+                isMasked: false,
             },
             {
                 name: 'lastName',
                 icon: Icon_1.IconType.Person,
                 label: t(Translation_1.Translation.ExternalMemberPopup.Fields.FamilyName),
+                isMasked: false,
             },
-        ] }));
+        ] })));
 };
 exports.default = FamilyNameMemberModal;
 //# sourceMappingURL=FamilyNameMemberModal.js.map

package/dist/src/components/members/SignInModal/FamilyNameMemberModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FamilyNameMemberModal.js","sourceRoot":"/","sources":["src/components/members/SignInModal/FamilyNameMemberModal.tsx"],"names":[],"mappings":";;;;;AACA,kDAAkC;AAClC,iDAA+C;AAE/C,yDAA0D;AAC1D,4DAAyD;AAEzD,gFAAoF;AAEpF,MAAM,qBAAqB,GAA+B,CAAC,KAAK,EAAE,EAAE;IAChE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH,8BAAC,6BAAmB,oBACZ,KAAK,IACT,MAAM,EAAE;YACJ;gBACI,IAAI,EAAE,cAAc;gBACpB,IAAI,EAAE,eAAQ,CAAC,IAAI;gBACnB,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,mBAAmB,CAAC,MAAM,CAAC,YAAY,CAAC;gBAC7D,QAAQ,EAAE,KAAK;aAClB;YACD;gBACI,IAAI,EAAE,UAAU;gBAChB,IAAI,EAAE,eAAQ,CAAC,MAAM;gBACrB,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,mBAAmB,CAAC,MAAM,CAAC,UAAU,CAAC;gBAC3D,QAAQ,EAAE,KAAK;aAClB;SACJ,IACH,CACL,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC","sourcesContent":["import { IMemberVerification } from '@roomstay/core';\nimport React, { FC } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport { Translation } from '@/translations/Translation';\n\nimport ExternalMemberModal, { CommonMemberModalProps } from './ExternalMemberModal';\n\nconst FamilyNameMemberModal: FC<CommonMemberModalProps> = (props) => {\n    const { t } = useTranslation();\n\n    return (\n        <ExternalMemberModal<IMemberVerification>\n            {...props}\n            fields={[\n                {\n                    name: 'memberNumber',\n                    icon: IconType.Star,\n                    label: t(Translation.ExternalMemberPopup.Fields.MemberNumber),\n                    isMasked: false,\n                },\n                {\n                    name: 'lastName',\n                    icon: IconType.Person,\n                    label: t(Translation.ExternalMemberPopup.Fields.FamilyName),\n                    isMasked: false,\n                },\n            ]}\n        />\n    );\n};\n\nexport default FamilyNameMemberModal;\n"]}

package/dist/src/components/{steps/room/MemberSignInModal → members/SignInModal}/InternalMemberSignInModal.d.ts

@@ -1,6 +1,7 @@
 interface MemberSignInModalProps {
     onClose?: () => void;
     isOpen?: boolean;
+    image?: string;
 }
 export default function InternalMemberSignInModal(props: MemberSignInModalProps): JSX.Element;
 export {};

package/dist/src/components/{steps/room/MemberSignInModal → members/SignInModal}/InternalMemberSignInModal.js

@@ -46,30 +46,30 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const contexts_1 = require("../../../../contexts/index.js");
-const events_1 = require("../../../../events/index.js");
-const hooks_1 = require("../../../../hooks/index.js");
+const contexts_1 = require("../../../contexts/index.js");
+const events_1 = require("../../../events/index.js");
+const hooks_1 = require("../../../hooks/index.js");
 const Sentry = __importStar(require("@sentry/browser"));
 const ErrorContext_1 = require("contexts/ErrorContext");
 const react_1 = __importStar(require("react"));
 const react_hook_form_1 = require("react-hook-form");
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
-const BookingAPI_1 = __importDefault(require("../../../../api/BookingAPI"));
-const BEButton_1 = __importDefault(require("../../../generic/BEButton"));
-const Headline_1 = __importDefault(require("../../../generic/Headline"));
-const Icon_1 = __importStar(require("../../../generic/Icon/Icon"));
-const InputGroup_1 = __importDefault(require("../../../generic/InputGroup/InputGroup"));
-const SimpleModal_1 = __importStar(require("../../../generic/modal/SimpleModal"));
-const Text_1 = __importStar(require("../../../generic/Text"));
-const TextBox_1 = __importDefault(require("../../../generic/TextBox"));
-const ImageProvider_1 = __importStar(require("../../../../providers/ImageProvider"));
-const RoomstayThemeEngine_1 = __importDefault(require("../../../../providers/RoomstayThemeEngine"));
-const Color_1 = require("../../../../util/Color");
-const ScreenSize_1 = __importDefault(require("../../../../util/ScreenSize"));
-const Validation_1 = require("../../../../util/Validation");
+const BookingAPI_1 = __importDefault(require("../../../api/BookingAPI"));
+const BEButton_1 = __importDefault(require("../../generic/BEButton"));
+const Headline_1 = __importDefault(require("../../generic/Headline"));
+const Icon_1 = __importStar(require("../../generic/Icon/Icon"));
+const InputGroup_1 = __importDefault(require("../../generic/InputGroup/InputGroup"));
+const SimpleModal_1 = __importStar(require("../../generic/modal/SimpleModal"));
+const Text_1 = __importStar(require("../../generic/Text"));
+const TextBox_1 = __importDefault(require("../../generic/TextBox"));
+const ImageProvider_1 = __importStar(require("../../../providers/ImageProvider"));
+const RoomstayThemeEngine_1 = __importDefault(require("../../../providers/RoomstayThemeEngine"));
+const Color_1 = require("../../../util/Color");
+const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
+const Validation_1 = require("../../../util/Validation");
 function InternalMemberSignInModal(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     const { t } = (0, react_i18next_1.useTranslation)();
     const context = (0, react_1.useContext)(contexts_1.BookingEngineContext);
     const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
@@ -123,6 +123,14 @@ function InternalMemberSignInModal(props) {
             ],
         };
     }, []);
+    const memberImage = (0, react_1.useMemo)(() => {
+        if (props.image) {
+            return props.image;
+        }
+        if (hotel === null || hotel === void 0 ? void 0 : hotel.heroImage) {
+            return hotel === null || hotel === void 0 ? void 0 : hotel.heroImage;
+        }
+    }, [hotel === null || hotel === void 0 ? void 0 : hotel.heroImage]);
     const { raise } = (0, hooks_1.useEvent)();
     (0, react_1.useEffect)(() => {
         if (props.isOpen) {
@@ -202,9 +210,8 @@ function InternalMemberSignInModal(props) {
         yield signUpMember();
     });
     const signUpMember = () => __awaiter(this, void 0, void 0, function* () {
-        var _l, _m;
         setIsLoading(true);
-        const _o = methods.getValues(), { FirstName, LastName, Email } = _o, extra = __rest(_o, ["FirstName", "LastName", "Email"]);
+        const _k = methods.getValues(), { FirstName, LastName, Email } = _k, extra = __rest(_k, ["FirstName", "LastName", "Email"]);
         if (!FirstName || !LastName || !Email) {
             setIsLoading(false);
             ErrorContext_1.ErrorHandler.add({
@@ -222,13 +229,7 @@ function InternalMemberSignInModal(props) {
                 setCaptchaError(t(Translation_1.Translation.MemberOnlyPopup.Errors.ReCaptcha.ValidationError));
             }
             else {
-                ccx.signUserIn({ memberNumber: Email, firstName: FirstName, lastName: LastName, email: Email });
-                if ((hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyPromoCode) && !((_l = ccx.memberOnlyModalPromotion) === null || _l === void 0 ? void 0 : _l.memberOnlyDisableDefaultPromo)) {
-                    (_m = basketContext.currentBasketRows) === null || _m === void 0 ? void 0 : _m.forEach((row) => {
-                        row.setPromoCode(hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyPromoCode);
-                        basketContext.updateBasketRow(row);
-                    });
-                }
+                ccx.signUserIn({ saveState: true, memberNumber: Email, firstName: FirstName, lastName: LastName, email: Email });
             }
         }
         catch (e) {
@@ -258,23 +259,11 @@ function InternalMemberSignInModal(props) {
     });
     const modalSubtitle = (_g = (_f = ccx === null || ccx === void 0 ? void 0 : ccx.memberOnlyModalPromotion) === null || _f === void 0 ? void 0 : _f.memberOnlyModalSubtitle) !== null && _g !== void 0 ? _g : t(Translation_1.Translation.MemberOnlyPopup.Subtitle);
     const modalButtonText = (_j = (_h = ccx === null || ccx === void 0 ? void 0 : ccx.memberOnlyModalPromotion) === null || _h === void 0 ? void 0 : _h.memberOnlyModalButtonText) !== null && _j !== void 0 ? _j : t(Translation_1.Translation.MemberOnlyPopup.SubmitButtonText);
-    const modalLeadImage = (0, react_1.useMemo)(() => {
-        var _a, _b;
-        if ((_a = ccx.memberOnlyModalPromotion) === null || _a === void 0 ? void 0 : _a.memberOnlyModalImage) {
-            return (_b = ccx.memberOnlyModalPromotion) === null || _b === void 0 ? void 0 : _b.memberOnlyModalImage;
-        }
-        if (hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalImage) {
-            return hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalImage;
-        }
-        if (hotel === null || hotel === void 0 ? void 0 : hotel.heroImage) {
-            return hotel === null || hotel === void 0 ? void 0 : hotel.heroImage;
-        }
-    }, [hotel === null || hotel === void 0 ? void 0 : hotel.heroImage, hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalImage, (_k = ccx === null || ccx === void 0 ? void 0 : ccx.memberOnlyModalPromotion) === null || _k === void 0 ? void 0 : _k.memberOnlyModalImage]);
     const modalPrimaryColor = (hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalUsePrimaryColor) ? Color_1.Color.Accent : Color_1.Color.Success;
     return (react_1.default.createElement(SimpleModal_1.default, { open: props.isOpen, onClose: loadingOnClose, size: SimpleModal_1.SimpleModalSize.Normal, alignCenter: true },
         react_1.default.createElement("div", { className: "row" },
             react_1.default.createElement("div", { className: "col-md-6 u-mh-none", style: {
-                    background: 'url("' + (modalLeadImage && ImageProvider_1.default.resizeImage(modalLeadImage, ImageProvider_1.ImageSize.Original)) + '")',
+                    background: 'url("' + (memberImage && ImageProvider_1.default.resizeImage(memberImage, ImageProvider_1.ImageSize.Original)) + '")',
                     backgroundRepeat: 'no-repeat',
                     backgroundPosition: 'center',
                     backgroundSize: 'cover',

package/dist/src/components/members/SignInModal/InternalMemberSignInModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalMemberSignInModal.js","sourceRoot":"/","sources":["src/components/members/SignInModal/InternalMemberSignInModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, BookingEngineContext, CompanyContext } from '@frontend/contexts';\nimport { MemberOnlyModalViewEvent } from '@frontend/events';\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\nimport * as Sentry from '@sentry/browser';\nimport { ErrorHandler } from 'contexts/ErrorContext';\nimport React, { useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { FormProvider, useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport API from '@/api/BookingAPI';\nimport BEButton from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport InputGroup from '@/components/generic/InputGroup/InputGroup';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport { InternalMemberSignInInputs } from '@/components/members/SignInModal/InternalMemberSignInModal.types';\nimport ImageProvider, { ImageSize } from '@/providers/ImageProvider';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport { Color } from '@/util/Color';\nimport ScreenSize from '@/util/ScreenSize';\nimport { EMAIL_REGEX } from '@/util/Validation';\n\ninterface MemberSignInModalProps {\n    onClose?: () => void;\n    isOpen?: boolean;\n    image?: string;\n}\n\nexport default function InternalMemberSignInModal(props: MemberSignInModalProps) {\n    const { t } = useTranslation();\n\n    const context = useContext(BookingEngineContext);\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n\n    const { hotel } = useCurrentHotel();\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [showErrors, setShowErrors] = useState(false);\n\n    const [captchaScriptLoaded, setCaptchaScriptLoaded] = useState(false);\n    const [captchaRendered, setCaptchaRendered] = useState(false);\n    const [reCaptchaSecret, setReCaptchaSecret] = useState<string | null>(null);\n    const [captchaError, setCaptchaError] = useState<string | null | undefined>(null);\n\n    const captchaRef = useRef(null);\n\n    const shouldLoadCaptcha = !!hotel?.googleReCaptcha?.loadForMembers && !!hotel?.googleReCaptcha?.siteKey;\n\n    const MemberOnlyModalDefaultInputs: InternalMemberSignInInputs = useMemo(() => {\n        return {\n            Lines: [\n                {\n                    Dimension: '2/2',\n                    Inputs: [\n                        {\n                            name: 'FirstName',\n                            type: 'TextBox',\n                            placeholder: t(Translation.MemberOnlyPopup.Fields.FirstName),\n                            isRequired: true,\n                        },\n                        {\n                            name: 'LastName',\n                            type: 'TextBox',\n                            placeholder: t(Translation.MemberOnlyPopup.Fields.LastName),\n                            isRequired: true,\n                        },\n                    ],\n                },\n                {\n                    Dimension: '1',\n                    Inputs: [\n                        {\n                            name: 'Email',\n                            type: 'TextBox',\n                            placeholder: t(Translation.MemberOnlyPopup.Fields.Email.Label),\n                            isRequired: true,\n                            validate: (input: string) => {\n                                if (!input.match(EMAIL_REGEX)) {\n                                    return t(Translation.MemberOnlyPopup.Fields.Email.Validation.Invalid) as string;\n                                }\n                                return true;\n                            },\n                        },\n                    ],\n                },\n            ],\n        };\n    }, []);\n\n    const memberImage = useMemo(() => {\n        if (props.image) {\n            return props.image;\n        }\n\n        if (hotel?.heroImage) {\n            return hotel?.heroImage;\n        }\n    }, [hotel?.heroImage]);\n\n    const { raise } = useEvent();\n\n    useEffect(() => {\n        if (props.isOpen) {\n            const event = new MemberOnlyModalViewEvent();\n            raise(event);\n        }\n    }, [props.isOpen]);\n\n    useEffect(() => {\n        let cancelled = false;\n\n        if (shouldLoadCaptcha) {\n            RoomstayThemeEngine.loadScript('https://www.google.com/recaptcha/api.js', 'Google ReCaptcha').then(() => {\n                try {\n                    (window as any).grecaptcha.ready(() => {\n                        if (!cancelled) {\n                            setCaptchaScriptLoaded(true);\n                        }\n                    });\n                } catch (ex) {\n                    console.log('Captcha loaded too quickly, will try again');\n                }\n            });\n        }\n\n        return () => {\n            cancelled = true;\n        };\n    }, [hotel]);\n\n    useEffect(() => {\n        if (shouldLoadCaptcha && captchaScriptLoaded && captchaRef?.current && !captchaRendered && props.isOpen) {\n            try {\n                setTimeout(() => {\n                    const captchaCallback = (secret: string) => {\n                        setReCaptchaSecret(secret);\n                        setCaptchaError(undefined);\n                    };\n\n                    (window as any).grecaptcha.render(captchaRef.current, {\n                        sitekey: hotel.googleReCaptcha?.siteKey,\n                        callback: captchaCallback,\n                    });\n\n                    setCaptchaRendered(true);\n                }, 5);\n            } catch (ex) {\n                console.log(ex);\n\n                Sentry.captureException(ex);\n            }\n        }\n    }, [props.isOpen, captchaScriptLoaded, captchaRef, captchaRef?.current, captchaRendered]);\n\n    useEffect(() => {\n        if (!props.isOpen) {\n            setReCaptchaSecret(null);\n            setCaptchaError(null);\n            setCaptchaRendered(false);\n        }\n    }, [props.isOpen]);\n\n    const getValidationClass = (name: string) => {\n        if (errors && (formState.touchedFields[name] || showErrors)) {\n            if (errors[name]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        }\n    };\n\n    const methods = useForm({\n        mode: 'onChange',\n    });\n\n    const { formState, register } = methods;\n    const errors = methods.formState.errors;\n\n    const onSubmit = async () => {\n        if (shouldLoadCaptcha && (!reCaptchaSecret || reCaptchaSecret === '')) {\n            setCaptchaError(t(Translation.MemberOnlyPopup.Errors.ReCaptcha.PleaseTick));\n            return;\n        }\n\n        await signUpMember();\n    };\n\n    const signUpMember = async () => {\n        setIsLoading(true);\n        const { FirstName, LastName, Email, ...extra } = methods.getValues();\n\n        if (!FirstName || !LastName || !Email) {\n            setIsLoading(false);\n            ErrorHandler.add({\n                title: t(Translation.MemberOnlyPopup.Errors.RequiredFields.Title),\n                message: t(Translation.MemberOnlyPopup.Errors.RequiredFields.Message),\n            });\n\n            return;\n        }\n\n        try {\n            const extraFields = Object.keys(extra).map((extraFieldKey: string) => {\n                return { name: extraFieldKey, value: extra[extraFieldKey] };\n            });\n\n            const response = await API.Member.addMember(FirstName, LastName, Email, extraFields, hotel?.hotelID as string, reCaptchaSecret as string);\n\n            if (response.error) {\n                setCaptchaError(t(Translation.MemberOnlyPopup.Errors.ReCaptcha.ValidationError));\n            } else {\n                ccx.signUserIn({ saveState: true, memberNumber: Email, firstName: FirstName, lastName: LastName, email: Email });\n            }\n        } catch (e) {\n            ErrorHandler.add({\n                title: t(Translation.MemberOnlyPopup.Errors.SignupFailed.Title),\n                message: t(Translation.MemberOnlyPopup.Errors.SignupFailed.Message),\n            });\n        } finally {\n            setIsLoading(false);\n        }\n    };\n\n    const modalInputs: InternalMemberSignInInputs = hotel?.memberOnlySignupInputs ?? MemberOnlyModalDefaultInputs;\n\n    const loadingOnClose = () => {\n        setIsLoading(false);\n        if (props.onClose) {\n            props.onClose();\n        }\n    };\n    const buttonOnClickHandler = async () => {\n        await methods.handleSubmit(onSubmit)();\n        setShowErrors(true);\n\n        return false;\n    };\n\n    const modalTitle =\n        ccx?.memberOnlyModalPromotion?.memberOnlyModalTitle ??\n        t(Translation.MemberOnlyPopup.Headline, {\n            companyShort: ccx?.companyShort,\n        });\n\n    const modalSubtitle = ccx?.memberOnlyModalPromotion?.memberOnlyModalSubtitle ?? t(Translation.MemberOnlyPopup.Subtitle);\n    const modalButtonText = ccx?.memberOnlyModalPromotion?.memberOnlyModalButtonText ?? t(Translation.MemberOnlyPopup.SubmitButtonText);\n    const modalPrimaryColor = hotel?.memberOnlyModalUsePrimaryColor ? Color.Accent : Color.Success;\n\n    return (\n        <SimpleModal open={props.isOpen} onClose={loadingOnClose} size={SimpleModalSize.Normal} alignCenter>\n            <div className=\"row\">\n                <div\n                    className=\"col-md-6 u-mh-none\"\n                    style={{\n                        background: 'url(\"' + (memberImage && ImageProvider.resizeImage(memberImage, ImageSize.Original)) + '\")',\n                        backgroundRepeat: 'no-repeat',\n                        backgroundPosition: 'center',\n                        backgroundSize: 'cover',\n                    }}\n                />\n                <div className=\"col-md-6\">\n                    <div className=\"u-pad u-pad-heavy\">\n                        <div className=\"u-marg-bottom-half\">\n                            <Icon\n                                icon={IconType.Money}\n                                size=\"24px\"\n                                color={modalPrimaryColor}\n                                useColorAsBackground={hotel?.memberOnlyModalUsePrimaryColor}\n                                backgroundColor={Color.SuccessTint}\n                            />\n                        </div>\n                        <div className=\"u-marg-bottom-half\">\n                            <Headline bold color={modalPrimaryColor}>\n                                <div\n                                    style={{ color: modalPrimaryColor }}\n                                    dangerouslySetInnerHTML={{\n                                        __html: modalTitle as string,\n                                    }}\n                                ></div>\n                            </Headline>\n                        </div>\n                        <div className=\"u-marg-bottom\">\n                            <Text type={TextType.Small} color={Color.DarkGrey}>\n                                <span dangerouslySetInnerHTML={{ __html: modalSubtitle as string }}></span>\n                            </Text>\n                        </div>\n                        <FormProvider {...methods}>\n                            <div>\n                                {modalInputs.Lines.map((inputLine, lineIndex) => {\n                                    return (\n                                        <div className=\"u-marg-bottom-xxx\" key={lineIndex}>\n                                            <InputGroup dimensions={inputLine.Dimension}>\n                                                {inputLine.Inputs.map((input, inputIndex) => {\n                                                    switch (input.type) {\n                                                        case 'TextBox':\n                                                            return (\n                                                                <TextBox\n                                                                    key={inputIndex}\n                                                                    wide\n                                                                    placeholder={input.placeholder}\n                                                                    required={input.isRequired}\n                                                                    validationStatus={getValidationClass(input.name)}\n                                                                    {...register(input.name, {\n                                                                        required: input.isRequired,\n                                                                        validate: input.validate,\n                                                                    })}\n                                                                />\n                                                            );\n                                                    }\n                                                })}\n                                            </InputGroup>\n                                        </div>\n                                    );\n                                })}\n                            </div>\n                            <div className=\"u-marg-top--light\" style={{ marginBottom: '45px' }}>\n                                {captchaScriptLoaded && (\n                                    <>\n                                        {captchaError && (\n                                            <Text type={TextType.Label} color={Color.Alert}>\n                                                {captchaError}\n                                            </Text>\n                                        )}\n                                        <div ref={captchaRef} className=\"u-marg-bottom\"></div>\n                                    </>\n                                )}\n                                <BEButton\n                                    size=\"normal\"\n                                    filled\n                                    primary={hotel?.memberOnlyModalUsePrimaryColor}\n                                    success={!hotel?.memberOnlyModalUsePrimaryColor}\n                                    isLoading={isLoading}\n                                    stopIconAnimation\n                                    icon={context.screenSize > ScreenSize.Mobile ? IconType.ArrowRight : undefined}\n                                    onClick={buttonOnClickHandler}\n                                >\n                                    {modalButtonText}\n                                </BEButton>\n                            </div>\n                        </FormProvider>\n                        <Text type={TextType.Label} color={Color.DarkGrey}>\n                            <span dangerouslySetInnerHTML={{ __html: t(Translation.MemberOnlyPopup.AgreeToReceiveDeals, { companyShort: ccx?.companyShort }) }}></span>\n                        </Text>{' '}\n                        <Text type={TextType.Label} color={Color.DarkGrey}>\n                            <span dangerouslySetInnerHTML={{ __html: t(Translation.MemberOnlyPopup.UnsubscribeAnytime) }}></span>\n                        </Text>\n                    </div>\n                </div>\n            </div>\n        </SimpleModal>\n    );\n}\n"]}

package/dist/src/components/{steps/room/MemberSignInModal → members/SignInModal}/InternalMemberSignInModal.types.d.ts

@@ -1,4 +1,4 @@
-import type { InputGroupDimensions } from '../../../generic/InputGroup/InputGroup.types';
+import type { InputGroupDimensions } from '../../generic/InputGroup/InputGroup.types';
 export interface InternalMemberSignInInputs {
     Lines: {
         Dimension: InputGroupDimensions;

package/dist/src/components/members/SignInModal/InternalMemberSignInModal.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalMemberSignInModal.types.js","sourceRoot":"/","sources":["src/components/members/SignInModal/InternalMemberSignInModal.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { InputGroupDimensions } from '@/components/generic/InputGroup/InputGroup.types';\n\nexport interface InternalMemberSignInInputs {\n    Lines: {\n        Dimension: InputGroupDimensions;\n        Inputs: {\n            name: string;\n            type: 'TextBox';\n\n            placeholder?: string;\n\n            isRequired?: boolean;\n            validate?: (value: string) => string | boolean;\n        }[];\n    }[];\n}\n"]}

package/dist/src/components/members/SignInModal/MemberSignInModal.js

@@ -0,0 +1,86 @@
+"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.MemberSignInModal = void 0;
+const contexts_1 = require("../../../contexts/index.js");
+const hooks_1 = require("../../../hooks/index.js");
+const core_1 = require("@roomstay/core");
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const useSignedInMember_1 = require("../../../hooks/useSignedInMember");
+const RoomstayThemeEngine_1 = __importDefault(require("../../../providers/RoomstayThemeEngine"));
+const Translation_1 = require("../../../translations/Translation");
+const EmailAndFullnameMemberModal_1 = __importDefault(require("./EmailAndFullnameMemberModal"));
+const EmailPasswordMemberModal_1 = __importDefault(require("./EmailPasswordMemberModal"));
+const FamilyNameMemberModal_1 = __importDefault(require("./FamilyNameMemberModal"));
+const InternalMemberSignInModal_1 = __importDefault(require("./InternalMemberSignInModal"));
+const MemberSignInModal = () => {
+    const { externalMemberType, isExternalMemberHotel } = (0, useSignedInMember_1.useSignedInMember)();
+    const { isSigningIn, closeMemberSignupModal, memberOnlyModalPromotion } = (0, react_1.useContext)(contexts_1.CompanyContext);
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const { hotel } = (0, hooks_1.useCurrentHotel)();
+    const memberLogo = (0, react_1.useMemo)(() => {
+        // Preference promotion first
+        if (memberOnlyModalPromotion === null || memberOnlyModalPromotion === void 0 ? void 0 : memberOnlyModalPromotion.memberOnlyModalImage) {
+            return memberOnlyModalPromotion.memberOnlyModalImage;
+        }
+        if (hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalImage) {
+            return hotel.memberOnlyModalImage;
+        }
+    }, [hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalImage, memberOnlyModalPromotion === null || memberOnlyModalPromotion === void 0 ? void 0 : memberOnlyModalPromotion.memberOnlyModalImage]);
+    const imageSize = (0, react_1.useMemo)(() => {
+        // Preference promotion first
+        if (memberOnlyModalPromotion === null || memberOnlyModalPromotion === void 0 ? void 0 : memberOnlyModalPromotion.memberOnlyModalImageSize) {
+            return memberOnlyModalPromotion.memberOnlyModalImageSize;
+        }
+        if (hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalImageSize) {
+            return hotel.memberOnlyModalImageSize;
+        }
+    }, [hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalImageSize, memberOnlyModalPromotion === null || memberOnlyModalPromotion === void 0 ? void 0 : memberOnlyModalPromotion.memberOnlyModalImageSize]);
+    if (isExternalMemberHotel) {
+        switch (externalMemberType) {
+            case core_1.EIntegration.Big4:
+                return (react_1.default.createElement(FamilyNameMemberModal_1.default, { title: t(Translation_1.Translation.ExternalMemberPopup.Big4Title), image: memberLogo !== null && memberLogo !== void 0 ? memberLogo : RoomstayThemeEngine_1.default.getImageAssetUrl('big4-login.svg'), isOpen: isSigningIn, imageSize: imageSize !== null && imageSize !== void 0 ? imageSize : 'none' }));
+            case core_1.EIntegration.RmsTop10:
+                return (react_1.default.createElement(FamilyNameMemberModal_1.default, { title: t(Translation_1.Translation.ExternalMemberPopup.Top10Title), image: memberLogo !== null && memberLogo !== void 0 ? memberLogo : RoomstayThemeEngine_1.default.getImageAssetUrl('top10-login.svg'), isOpen: isSigningIn, imageSize: imageSize !== null && imageSize !== void 0 ? imageSize : 'none' }));
+            case core_1.EIntegration.Top10:
+                return (react_1.default.createElement(EmailPasswordMemberModal_1.default, { title: t(Translation_1.Translation.ExternalMemberPopup.Top10Title), image: memberLogo !== null && memberLogo !== void 0 ? memberLogo : RoomstayThemeEngine_1.default.getImageAssetUrl('top10-login.svg'), isOpen: isSigningIn, imageSize: imageSize !== null && imageSize !== void 0 ? imageSize : 'none' }));
+            case core_1.EIntegration.Gday:
+                return (react_1.default.createElement(FamilyNameMemberModal_1.default, { title: t(Translation_1.Translation.ExternalMemberPopup.GDayTitle), image: memberLogo !== null && memberLogo !== void 0 ? memberLogo : RoomstayThemeEngine_1.default.getImageAssetUrl('gday-login.svg'), isOpen: isSigningIn, imageSize: imageSize !== null && imageSize !== void 0 ? imageSize : 'none' }));
+            case core_1.EIntegration.Salesforce:
+                return (react_1.default.createElement(EmailAndFullnameMemberModal_1.default, { title: t(Translation_1.Translation.ExternalMemberPopup.SalesforceTitle), image: memberLogo !== null && memberLogo !== void 0 ? memberLogo : RoomstayThemeEngine_1.default.getImageAssetUrl('salesforce-login.png'), isOpen: isSigningIn, imageSize: imageSize !== null && imageSize !== void 0 ? imageSize : 'cover' }));
+            default:
+                return null;
+        }
+    }
+    else {
+        return react_1.default.createElement(InternalMemberSignInModal_1.default, { image: memberLogo, isOpen: isSigningIn, onClose: closeMemberSignupModal });
+    }
+};
+exports.MemberSignInModal = MemberSignInModal;
+//# sourceMappingURL=MemberSignInModal.js.map

package/dist/src/components/members/SignInModal/MemberSignInModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MemberSignInModal.js","sourceRoot":"/","sources":["src/components/members/SignInModal/MemberSignInModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { EIntegration } from '@roomstay/core';\nimport React, { useContext, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { useSignedInMember } from '@/hooks/useSignedInMember';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport { Translation } from '@/translations/Translation';\n\nimport EmailAndFullnameMemberModal from './EmailAndFullnameMemberModal';\nimport EmailPasswordMemberModal from './EmailPasswordMemberModal';\nimport FamilyNameMemberModal from './FamilyNameMemberModal';\nimport InternalMemberSignInModal from './InternalMemberSignInModal';\n\nexport const MemberSignInModal = () => {\n    const { externalMemberType, isExternalMemberHotel } = useSignedInMember();\n    const { isSigningIn, closeMemberSignupModal, memberOnlyModalPromotion } = useContext(CompanyContext);\n    const { t } = useTranslation();\n    const { hotel } = useCurrentHotel();\n\n    const memberLogo = useMemo(() => {\n        // Preference promotion first\n        if (memberOnlyModalPromotion?.memberOnlyModalImage) {\n            return memberOnlyModalPromotion.memberOnlyModalImage;\n        }\n\n        if (hotel?.memberOnlyModalImage) {\n            return hotel.memberOnlyModalImage;\n        }\n    }, [hotel?.memberOnlyModalImage, memberOnlyModalPromotion?.memberOnlyModalImage]);\n\n    const imageSize = useMemo(() => {\n        // Preference promotion first\n        if (memberOnlyModalPromotion?.memberOnlyModalImageSize) {\n            return memberOnlyModalPromotion.memberOnlyModalImageSize;\n        }\n\n        if (hotel?.memberOnlyModalImageSize) {\n            return hotel.memberOnlyModalImageSize;\n        }\n    }, [hotel?.memberOnlyModalImageSize, memberOnlyModalPromotion?.memberOnlyModalImageSize]);\n\n    if (isExternalMemberHotel) {\n        switch (externalMemberType) {\n            case EIntegration.Big4:\n                return (\n                    <FamilyNameMemberModal\n                        title={t(Translation.ExternalMemberPopup.Big4Title)}\n                        image={memberLogo ?? RoomstayThemeEngine.getImageAssetUrl('big4-login.svg')}\n                        isOpen={isSigningIn}\n                        imageSize={imageSize ?? 'none'}\n                    />\n                );\n            case EIntegration.RmsTop10:\n                return (\n                    <FamilyNameMemberModal\n                        title={t(Translation.ExternalMemberPopup.Top10Title)}\n                        image={memberLogo ?? RoomstayThemeEngine.getImageAssetUrl('top10-login.svg')}\n                        isOpen={isSigningIn}\n                        imageSize={imageSize ?? 'none'}\n                    />\n                );\n            case EIntegration.Top10:\n                return (\n                    <EmailPasswordMemberModal\n                        title={t(Translation.ExternalMemberPopup.Top10Title)}\n                        image={memberLogo ?? RoomstayThemeEngine.getImageAssetUrl('top10-login.svg')}\n                        isOpen={isSigningIn}\n                        imageSize={imageSize ?? 'none'}\n                    />\n                );\n            case EIntegration.Gday:\n                return (\n                    <FamilyNameMemberModal\n                        title={t(Translation.ExternalMemberPopup.GDayTitle)}\n                        image={memberLogo ?? RoomstayThemeEngine.getImageAssetUrl('gday-login.svg')}\n                        isOpen={isSigningIn}\n                        imageSize={imageSize ?? 'none'}\n                    />\n                );\n            case EIntegration.Salesforce:\n                return (\n                    <EmailAndFullnameMemberModal\n                        title={t(Translation.ExternalMemberPopup.SalesforceTitle)}\n                        image={memberLogo ?? RoomstayThemeEngine.getImageAssetUrl('salesforce-login.png')}\n                        isOpen={isSigningIn}\n                        imageSize={imageSize ?? 'cover'}\n                    />\n                );\n            default:\n                return null;\n        }\n    } else {\n        return <InternalMemberSignInModal image={memberLogo} isOpen={isSigningIn} onClose={closeMemberSignupModal} />;\n    }\n};\n"]}

package/dist/src/components/steps/MinimumNightStayPill.js

@@ -38,7 +38,7 @@ const Icon_1 = require("../generic/Icon/Icon");
 const SmallSpinner_1 = __importDefault(require("../generic/loader/SmallSpinner"));
 const Pill_1 = __importStar(require("../generic/Pill"));
 const Text_1 = __importStar(require("../generic/Text"));
-const useExternalMember_1 = require("../../hooks/useExternalMember");
+const useSignedInMember_1 = require("../../hooks/useSignedInMember");
 const Color_1 = require("../../util/Color");
 function MinimumNightStayPill() {
     var _a;
@@ -47,7 +47,7 @@ function MinimumNightStayPill() {
     const dpContext = (0, react_1.useContext)(contexts_1.DatePickerContext);
     const { nightStayRequirements } = dpContext;
     const { t } = (0, react_i18next_1.useTranslation)();
-    const { memberNumber } = (0, useExternalMember_1.useExternalMember)();
+    const { memberNumber } = (0, useSignedInMember_1.useSignedInMember)();
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);
     const [minNights, setMinNights] = (0, react_1.useState)(-1);
     const [loadIndex, setLoadIndex] = (0, react_1.useState)(0);

package/dist/src/components/steps/MinimumNightStayPill.js.map

@@ -1 +1 @@
-{"version":3,"file":"MinimumNightStayPill.js","sourceRoot":"/","sources":["src/components/steps/MinimumNightStayPill.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAsE;AACtE,2CAAkD;AAClD,6CAAmD;AACnD,sEAAmE;AACnE,+CAA+D;AAC/D,iDAA+C;AAC/C,0DAAuD;AAEvD,kEAAmC;AACnC,yDAA0D;AAC1D,4FAAoE;AACpE,kEAA2D;AAC3D,kEAA2D;AAC3D,iEAA8D;AAC9D,wCAAqC;AAErC,SAAwB,oBAAoB;;IACxC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACpC,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,4BAAiB,CAAC,CAAC;IAChD,MAAM,EAAE,qBAAqB,EAAE,GAAG,SAAS,CAAC;IAC5C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,qCAAiB,GAAE,CAAC;IAE7C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC,CAAC;IAE/C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAE9C,MAAM,iBAAiB,GAAG,MAAA,aAAa,CAAC,iBAAiB,mCAAI,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAEhG,MAAM,SAAS,GAAG,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,YAAY,EAAE,CAAC;IACpD,MAAM,OAAO,GAAG,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,UAAU,EAAE,CAAC;IAEhD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,CAAC,KAAK,EAAE;YACR,OAAO;SACV;QAED,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,YAAY,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;QAEjD,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,EAAE,EAAE;YACpB,YAAY,CAAC,IAAI,CAAC,CAAC;YAEnB,oBAAG,CAAC,YAAY,CAAC,qBAAqB,CAAC,iBAAiB,EAAE,KAAK,CAAC,OAAO,EAAE,YAAY,CAAC;iBACjF,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;gBACf,IAAI,CAAC,SAAS,EAAE;oBACZ,YAAY,CAAC,KAAK,CAAC,CAAC;oBACpB,IAAI,QAAQ,CAAC,MAAM,KAAK,SAAS,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,IAAG,QAAQ,CAAC,QAAQ,EAAE;wBACtF,YAAY,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;qBACnC;yBAAM;wBACH,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;qBACpB;iBACJ;YACL,CAAC,CAAC;iBACD,KAAK,CAAC,CAAC,EAAE,EAAE,EAAE;gBACV,IAAI,CAAC,CAAC,EAAE,YAAY,2CAAoB,CAAC,EAAE;oBACvC,IAAA,0BAAgB,EAAC,EAAE,CAAC,CAAC;iBACxB;YACL,CAAC,CAAC,CAAC;SACV;QAED,OAAO,GAAG,EAAE;YACR,SAAS,GAAG,IAAI,CAAC;QACrB,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,iBAAiB,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;IAE1D,IAAI,CAAC,KAAK,EAAE;QACR,OAAO,IAAI,CAAC;KACf;IAED,IAAI,qBAAqB,CAAC,MAAM,EAAE;QAC9B,OAAO,CACH,8BAAC,cAAI,IAAC,IAAI,QAAC,KAAK,EAAE,aAAK,CAAC,KAAK,EAAE,IAAI,EAAE,eAAQ,CAAC,KAAK,IAC9C,qBAAqB,CAAC,IAAI,CAAC,GAAG,CAAC,CAC7B,CACV,CAAC;KACL;IAED,OAAO,CACH,2CACK,SAAS,CAAC,CAAC,CAAC,CACT,8BAAC,sBAAY,OAAG,CACnB,CAAC,CAAC,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CACnB,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,OAAO,EAAE,IAAI,EAAE,eAAQ,CAAC,IAAI,IAC5C,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAC7E,CACV,CAAC,CAAC,CAAC,CACA,6DAAK,CACR,CACC,CACT,CAAC;AACN,CAAC;AA7ED,uCA6EC","sourcesContent":["import { BasketContext, DatePickerContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { captureException } from '@sentry/browser';\nimport { NoHotelSelectedError } from 'errors/NoHotelSelectedError';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport API from '@/api/BookingAPI';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport SmallSpinner from '@/components/generic/loader/SmallSpinner';\nimport Pill, { PillType } from '@/components/generic/Pill';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useExternalMember } from '@/hooks/useExternalMember';\nimport { Color } from '@/util/Color';\n\nexport default function MinimumNightStayPill() {\n    const { hotel } = useCurrentHotel();\n    const basketContext = useContext(BasketContext);\n    const dpContext = useContext(DatePickerContext);\n    const { nightStayRequirements } = dpContext;\n    const { t } = useTranslation();\n    const { memberNumber } = useExternalMember();\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [minNights, setMinNights] = useState(-1);\n\n    const [loadIndex, setLoadIndex] = useState(0);\n\n    const selectedBasketRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[0];\n\n    const startDate = selectedBasketRow?.getStartDate();\n    const endDate = selectedBasketRow?.getEndDate();\n\n    useEffect(() => {\n        if (!hotel) {\n            return;\n        }\n\n        let cancelled = false;\n        setLoadIndex((oldLoadIndex) => oldLoadIndex + 1);\n\n        if (endDate?.isValid()) {\n            setIsLoading(true);\n\n            API.Availability.fetchMinNightStayData(selectedBasketRow, hotel.hotelID, memberNumber)\n                .then((response) => {\n                    if (!cancelled) {\n                        setIsLoading(false);\n                        if (response.Status === 'MinStay' && endDate?.diff(startDate, 'day') < response.Quantity) {\n                            setMinNights(response.Quantity);\n                        } else {\n                            setMinNights(-1);\n                        }\n                    }\n                })\n                .catch((ex) => {\n                    if (!(ex instanceof NoHotelSelectedError)) {\n                        captureException(ex);\n                    }\n                });\n        }\n\n        return () => {\n            cancelled = true;\n        };\n    }, [selectedBasketRow, startDate, endDate, memberNumber]);\n\n    if (!hotel) {\n        return null;\n    }\n\n    if (nightStayRequirements.length) {\n        return (\n            <Text bold color={Color.Alert} type={TextType.Small}>\n                {nightStayRequirements.join(' ')}\n            </Text>\n        );\n    }\n\n    return (\n        <div>\n            {isLoading ? (\n                <SmallSpinner />\n            ) : minNights !== -1 ? (\n                <Pill type={PillType.Primary} icon={IconType.Info}>\n                    {t(Translation.Step.Room.NoRoomsFound.MinNightStay, { minNightStay: minNights })}\n                </Pill>\n            ) : (\n                <></>\n            )}\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"MinimumNightStayPill.js","sourceRoot":"/","sources":["src/components/steps/MinimumNightStayPill.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BasketContext, DatePickerContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { captureException } from '@sentry/browser';\nimport { NoHotelSelectedError } from 'errors/NoHotelSelectedError';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport API from '@/api/BookingAPI';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport SmallSpinner from '@/components/generic/loader/SmallSpinner';\nimport Pill, { PillType } from '@/components/generic/Pill';\nimport Text, { TextType } from '@/components/generic/Text';\nimport { useSignedInMember } from '@/hooks/useSignedInMember';\nimport { Color } from '@/util/Color';\n\nexport default function MinimumNightStayPill() {\n    const { hotel } = useCurrentHotel();\n    const basketContext = useContext(BasketContext);\n    const dpContext = useContext(DatePickerContext);\n    const { nightStayRequirements } = dpContext;\n    const { t } = useTranslation();\n    const { memberNumber } = useSignedInMember();\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [minNights, setMinNights] = useState(-1);\n\n    const [loadIndex, setLoadIndex] = useState(0);\n\n    const selectedBasketRow = basketContext.selectedBasketRow ?? basketContext.currentBasketRows[0];\n\n    const startDate = selectedBasketRow?.getStartDate();\n    const endDate = selectedBasketRow?.getEndDate();\n\n    useEffect(() => {\n        if (!hotel) {\n            return;\n        }\n\n        let cancelled = false;\n        setLoadIndex((oldLoadIndex) => oldLoadIndex + 1);\n\n        if (endDate?.isValid()) {\n            setIsLoading(true);\n            API.Availability.fetchMinNightStayData(selectedBasketRow, hotel.hotelID, memberNumber)\n                .then((response) => {\n                    if (!cancelled) {\n                        setIsLoading(false);\n                        if (response.Status === 'MinStay' && endDate?.diff(startDate, 'day') < response.Quantity) {\n                            setMinNights(response.Quantity);\n                        } else {\n                            setMinNights(-1);\n                        }\n                    }\n                })\n                .catch((ex) => {\n                    if (!(ex instanceof NoHotelSelectedError)) {\n                        captureException(ex);\n                    }\n                });\n        }\n\n        return () => {\n            cancelled = true;\n        };\n    }, [selectedBasketRow, startDate, endDate, memberNumber]);\n\n    if (!hotel) {\n        return null;\n    }\n\n    if (nightStayRequirements.length) {\n        return (\n            <Text bold color={Color.Alert} type={TextType.Small}>\n                {nightStayRequirements.join(' ')}\n            </Text>\n        );\n    }\n\n    return (\n        <div>\n            {isLoading ? (\n                <SmallSpinner />\n            ) : minNights !== -1 ? (\n                <Pill type={PillType.Primary} icon={IconType.Info}>\n                    {t(Translation.Step.Room.NoRoomsFound.MinNightStay, { minNightStay: minNights })}\n                </Pill>\n            ) : (\n                <></>\n            )}\n        </div>\n    );\n}\n"]}