@roomstay/frontend 2.6.62 → 2.6.64

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

@@ -63,11 +63,20 @@ const InputGroup_1 = __importDefault(require("../../generic/InputGroup/InputGrou
 const SimpleModal_1 = __importStar(require("../../generic/modal/SimpleModal"));
 const Text_1 = __importStar(require("../../generic/Text"));
 const TextBox_1 = __importDefault(require("../../generic/TextBox"));
+const ForgotPasswordForm_1 = require("../../User/Forms/ForgotPasswordForm");
+const SignInForm_1 = require("../../User/Forms/SignInForm");
+const MemberPortalFeature_1 = __importDefault(require("../../../providers/feature/MemberPortalFeature"));
 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");
+var EViewingScreen;
+(function (EViewingScreen) {
+    EViewingScreen["SignUp"] = "SignUp";
+    EViewingScreen["SignIn"] = "SignIn";
+    EViewingScreen["ForgotPassword"] = "ForgotPassword";
+})(EViewingScreen || (EViewingScreen = {}));
 function InternalMemberSignInModal(props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     const { t } = (0, react_i18next_1.useTranslation)();
@@ -76,6 +85,7 @@ function InternalMemberSignInModal(props) {
     const { hotel } = (0, hooks_1.useCurrentHotel)();
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);
     const [showErrors, setShowErrors] = (0, react_1.useState)(false);
+    const [viewingScreen, setViewingScreen] = (0, react_1.useState)(EViewingScreen.SignUp);
     const [captchaScriptLoaded, setCaptchaScriptLoaded] = (0, react_1.useState)(false);
     const [captchaRendered, setCaptchaRendered] = (0, react_1.useState)(false);
     const [reCaptchaSecret, setReCaptchaSecret] = (0, react_1.useState)(null);
@@ -244,10 +254,31 @@ function InternalMemberSignInModal(props) {
     const modalInputs = (_c = hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlySignupInputs) !== null && _c !== void 0 ? _c : MemberOnlyModalDefaultInputs;
     const loadingOnClose = () => {
         setIsLoading(false);
+        setViewingScreen(EViewingScreen.SignUp);
         if (props.onClose) {
             props.onClose();
         }
     };
+    const handleSignInClick = () => {
+        setViewingScreen(EViewingScreen.SignIn);
+    };
+    const handleBackToSignUp = () => {
+        setViewingScreen(EViewingScreen.SignUp);
+    };
+    const handleSignInSuccess = () => {
+        var _a;
+        (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+    };
+    const handleForgotPasswordClick = () => {
+        setViewingScreen(EViewingScreen.ForgotPassword);
+    };
+    const handleBackToSignIn = () => {
+        setViewingScreen(EViewingScreen.SignIn);
+    };
+    const handlePasswordResetSuccess = () => {
+        var _a;
+        (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+    };
     const buttonOnClickHandler = () => __awaiter(this, void 0, void 0, function* () {
         yield methods.handleSubmit(onSubmit)();
         setShowErrors(true);
@@ -269,39 +300,53 @@ function InternalMemberSignInModal(props) {
                 } }),
             react_1.default.createElement("div", { className: "col-md-6" },
                 react_1.default.createElement("div", { className: "u-pad u-pad-heavy" },
-                    react_1.default.createElement("div", { className: "u-marg-bottom-half" },
-                        react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Money, size: "24px", color: modalPrimaryColor, useColorAsBackground: hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalUsePrimaryColor, backgroundColor: Color_1.Color.SuccessTint })),
-                    react_1.default.createElement("div", { className: "u-marg-bottom-half" },
-                        react_1.default.createElement(Headline_1.default, { bold: true, color: modalPrimaryColor },
-                            react_1.default.createElement("div", { style: { color: modalPrimaryColor }, dangerouslySetInnerHTML: {
-                                    __html: modalTitle,
-                                } }))),
-                    react_1.default.createElement("div", { className: "u-marg-bottom" },
-                        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey },
-                            react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: modalSubtitle } }))),
-                    react_1.default.createElement(react_hook_form_1.FormProvider, Object.assign({}, methods),
-                        react_1.default.createElement("div", null, modalInputs.Lines.map((inputLine, lineIndex) => {
-                            return (react_1.default.createElement("div", { className: "u-marg-bottom-xxx", key: lineIndex },
-                                react_1.default.createElement(InputGroup_1.default, { dimensions: inputLine.Dimension }, inputLine.Inputs.map((input, inputIndex) => {
-                                    switch (input.type) {
-                                        case 'TextBox':
-                                            return (react_1.default.createElement(TextBox_1.default, Object.assign({ key: inputIndex, wide: true, placeholder: input.placeholder, required: input.isRequired, validationStatus: getValidationClass(input.name) }, register(input.name, {
-                                                required: input.isRequired,
-                                                validate: input.validate,
-                                            }))));
-                                    }
-                                }))));
-                        })),
-                        react_1.default.createElement("div", { className: "u-marg-top--light", style: { marginBottom: '45px' } },
-                            captchaScriptLoaded && (react_1.default.createElement(react_1.default.Fragment, null,
-                                captchaError && (react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Alert }, captchaError)),
-                                react_1.default.createElement("div", { ref: captchaRef, className: "u-marg-bottom" }))),
-                            react_1.default.createElement(BEButton_1.default, { size: "normal", filled: true, primary: hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalUsePrimaryColor, success: !(hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalUsePrimaryColor), isLoading: isLoading, stopIconAnimation: true, icon: context.screenSize > ScreenSize_1.default.Mobile ? Icon_1.IconType.ArrowRight : undefined, onClick: buttonOnClickHandler }, modalButtonText))),
-                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.DarkGrey },
-                        react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: t(Translation_1.Translation.MemberOnlyPopup.AgreeToReceiveDeals, { companyShort: ccx === null || ccx === void 0 ? void 0 : ccx.companyShort }) } })),
-                    ' ',
-                    react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.DarkGrey },
-                        react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: t(Translation_1.Translation.MemberOnlyPopup.UnsubscribeAnytime) } })))))));
+                    viewingScreen === EViewingScreen.SignUp && (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement("div", { className: "u-marg-bottom-half" },
+                            react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Money, size: "24px", color: modalPrimaryColor, useColorAsBackground: hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalUsePrimaryColor, backgroundColor: Color_1.Color.SuccessTint })),
+                        react_1.default.createElement("div", { className: "u-marg-bottom-half" },
+                            react_1.default.createElement(Headline_1.default, { bold: true, color: modalPrimaryColor },
+                                react_1.default.createElement("div", { style: { color: modalPrimaryColor }, dangerouslySetInnerHTML: {
+                                        __html: modalTitle,
+                                    } }))),
+                        react_1.default.createElement("div", { className: "u-marg-bottom" },
+                            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey },
+                                react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: modalSubtitle } }))),
+                        react_1.default.createElement(react_hook_form_1.FormProvider, Object.assign({}, methods),
+                            react_1.default.createElement("div", null, modalInputs.Lines.map((inputLine, lineIndex) => {
+                                return (react_1.default.createElement("div", { className: "u-marg-bottom-xxx", key: lineIndex },
+                                    react_1.default.createElement(InputGroup_1.default, { dimensions: inputLine.Dimension }, inputLine.Inputs.map((input, inputIndex) => {
+                                        switch (input.type) {
+                                            case 'TextBox':
+                                                return (react_1.default.createElement(TextBox_1.default, Object.assign({ key: inputIndex, wide: true, placeholder: input.placeholder, required: input.isRequired, validationStatus: getValidationClass(input.name) }, register(input.name, {
+                                                    required: input.isRequired,
+                                                    validate: input.validate,
+                                                }))));
+                                        }
+                                    }))));
+                            })),
+                            react_1.default.createElement("div", { className: "u-marg-top--light", style: { marginBottom: '45px' } },
+                                captchaScriptLoaded && (react_1.default.createElement(react_1.default.Fragment, null,
+                                    captchaError && (react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.Alert }, captchaError)),
+                                    react_1.default.createElement("div", { ref: captchaRef, className: "u-marg-bottom" }))),
+                                react_1.default.createElement(BEButton_1.default, { size: "normal", filled: true, primary: hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalUsePrimaryColor, success: !(hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalUsePrimaryColor), isLoading: isLoading, stopIconAnimation: true, icon: context.screenSize > ScreenSize_1.default.Mobile ? Icon_1.IconType.ArrowRight : undefined, onClick: buttonOnClickHandler }, modalButtonText))),
+                        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.DarkGrey },
+                            react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: t(Translation_1.Translation.MemberOnlyPopup.AgreeToReceiveDeals, { companyShort: ccx === null || ccx === void 0 ? void 0 : ccx.companyShort }) } })),
+                        ' ',
+                        react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.DarkGrey },
+                            react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: t(Translation_1.Translation.MemberOnlyPopup.UnsubscribeAnytime) } })),
+                        MemberPortalFeature_1.default.isActive() && (react_1.default.createElement("div", { className: "u-marg-top--light" },
+                            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.DarkGrey }, t(Translation_1.Translation.Step.Confirmation.AlreadyHaveAccount)),
+                            ' ',
+                            react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Label, color: Color_1.Color.DarkGrey },
+                                react_1.default.createElement(BEButton_1.default, { isText: true, size: "tiny", textColor: modalPrimaryColor, onClick: handleSignInClick }, t(Translation_1.Translation.Navigation.SignIn.SignIn))))))),
+                    viewingScreen === EViewingScreen.SignIn && (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement("div", { className: "u-marg-bottom" },
+                            react_1.default.createElement(BEButton_1.default, { isText: true, size: "small", icon: Icon_1.IconType.ArrowLeft, iconPosition: "left", onClick: handleBackToSignUp }, "Back to sign up")),
+                        react_1.default.createElement(SignInForm_1.SignInForm, { onSignedIn: handleSignInSuccess, onForgotPassword: handleForgotPasswordClick }))),
+                    viewingScreen === EViewingScreen.ForgotPassword && (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement("div", { className: "u-marg-bottom" },
+                            react_1.default.createElement(BEButton_1.default, { isText: true, size: "small", icon: Icon_1.IconType.ArrowLeft, iconPosition: "left", onClick: handleBackToSignIn }, "Back to sign in")),
+                        react_1.default.createElement(ForgotPasswordForm_1.ForgotPasswordForm, { onPasswordReset: handlePasswordResetSuccess, onCancelled: handleBackToSignIn, onDone: handlePasswordResetSuccess }))))))));
 }
 exports.default = InternalMemberSignInModal;
 //# sourceMappingURL=InternalMemberSignInModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InternalMemberSignInModal.js","sourceRoot":"/","sources":["src/components/members/SignInModal/InternalMemberSignInModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { 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 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                await 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"]}
+{"version":3,"file":"InternalMemberSignInModal.js","sourceRoot":"/","sources":["src/components/members/SignInModal/InternalMemberSignInModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { 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 { ForgotPasswordForm } from '@/components/User/Forms/ForgotPasswordForm';\nimport { SignInForm } from '@/components/User/Forms/SignInForm';\nimport MemberPortalFeature from '@/providers/feature/MemberPortalFeature';\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\nenum EViewingScreen {\n    SignUp = 'SignUp',\n    SignIn = 'SignIn',\n    ForgotPassword = 'ForgotPassword',\n}\n\nexport default function InternalMemberSignInModal(props: MemberSignInModalProps) {\n    const { t } = useTranslation();\n\n    const context = useContext(BookingEngineContext);\n    const ccx = useContext(CompanyContext);\n\n    const { hotel } = useCurrentHotel();\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [showErrors, setShowErrors] = useState(false);\n    const [viewingScreen, setViewingScreen] = useState<EViewingScreen>(EViewingScreen.SignUp);\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                await 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        setViewingScreen(EViewingScreen.SignUp);\n        if (props.onClose) {\n            props.onClose();\n        }\n    };\n\n    const handleSignInClick = () => {\n        setViewingScreen(EViewingScreen.SignIn);\n    };\n\n    const handleBackToSignUp = () => {\n        setViewingScreen(EViewingScreen.SignUp);\n    };\n\n    const handleSignInSuccess = () => {\n        props.onClose?.();\n    };\n\n    const handleForgotPasswordClick = () => {\n        setViewingScreen(EViewingScreen.ForgotPassword);\n    };\n\n    const handleBackToSignIn = () => {\n        setViewingScreen(EViewingScreen.SignIn);\n    };\n\n    const handlePasswordResetSuccess = () => {\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                        {viewingScreen === EViewingScreen.SignUp && (\n                            <>\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                                {MemberPortalFeature.isActive() && (\n                                    <div className=\"u-marg-top--light\">\n                                        <Text type={TextType.Label} color={Color.DarkGrey}>\n                                            {t(Translation.Step.Confirmation.AlreadyHaveAccount)}\n                                        </Text>{' '}\n                                        <Text type={TextType.Label} color={Color.DarkGrey}>\n                                            <BEButton isText size=\"tiny\" textColor={modalPrimaryColor} onClick={handleSignInClick}>\n                                                {t(Translation.Navigation.SignIn.SignIn)}\n                                            </BEButton>\n                                        </Text>\n                                    </div>\n                                )}\n                            </>\n                        )}\n                        {viewingScreen === EViewingScreen.SignIn && (\n                            <>\n                                <div className=\"u-marg-bottom\">\n                                    {/* Todo: Translation */}\n                                    <BEButton isText size=\"small\" icon={IconType.ArrowLeft} iconPosition=\"left\" onClick={handleBackToSignUp}>\n                                        Back to sign up\n                                    </BEButton>\n                                </div>\n                                <SignInForm onSignedIn={handleSignInSuccess} onForgotPassword={handleForgotPasswordClick} />\n                            </>\n                        )}\n                        {viewingScreen === EViewingScreen.ForgotPassword && (\n                            <>\n                                <div className=\"u-marg-bottom\">\n                                    <BEButton isText size=\"small\" icon={IconType.ArrowLeft} iconPosition=\"left\" onClick={handleBackToSignIn}>\n                                        Back to sign in\n                                    </BEButton>\n                                </div>\n                                <ForgotPasswordForm onPasswordReset={handlePasswordResetSuccess} onCancelled={handleBackToSignIn} onDone={handlePasswordResetSuccess} />\n                            </>\n                        )}\n                    </div>\n                </div>\n            </div>\n        </SimpleModal>\n    );\n}\n"]}

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

@@ -82,7 +82,17 @@ const MemberSignInModal = () => {
     }
     else {
         if (MemberPortalFeature_1.default.isActive()) {
-            return react_1.default.createElement(UnauthenticatedUserModal_1.UnauthenticatedUserModal, { open: isSigningIn, onClose: closeMemberSignupModal });
+            if (MemberPortalFeature_1.default.shouldUseMemberPortalForMemberPricing()) {
+                // Users will need to create a full member portal account (with password and email verification) to
+                // access member pricing.
+                return react_1.default.createElement(UnauthenticatedUserModal_1.UnauthenticatedUserModal, { open: isSigningIn, onClose: closeMemberSignupModal });
+            }
+            else {
+                // Because Member Portal is enabled, the internal member signin modal will show the option to sign
+                // in with an exististing account. But they won't be forced to set a password and verify their email
+                // to access the member prices.
+                return react_1.default.createElement(InternalMemberSignInModal_1.default, { image: memberLogo, isOpen: isSigningIn, onClose: closeMemberSignupModal });
+            }
         }
         else {
             return react_1.default.createElement(InternalMemberSignInModal_1.default, { image: memberLogo, isOpen: isSigningIn, onClose: closeMemberSignupModal });

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

@@ -1 +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 { UnauthenticatedUserModal } from '@/components/generic/modal/SigninModal/UnauthenticatedUserModal';\nimport { useSignedInMember } from '@/hooks/useSignedInMember';\nimport MemberPortalFeature from '@/providers/feature/MemberPortalFeature';\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        if (MemberPortalFeature.isActive()) {\n            return <UnauthenticatedUserModal open={isSigningIn} onClose={closeMemberSignupModal} />;\n        } else {\n            return <InternalMemberSignInModal image={memberLogo} isOpen={isSigningIn} onClose={closeMemberSignupModal} />;\n        }\n    }\n};\n"]}
+{"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 { UnauthenticatedUserModal } from '@/components/generic/modal/SigninModal/UnauthenticatedUserModal';\nimport { useSignedInMember } from '@/hooks/useSignedInMember';\nimport MemberPortalFeature from '@/providers/feature/MemberPortalFeature';\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        if (MemberPortalFeature.isActive()) {\n            if (MemberPortalFeature.shouldUseMemberPortalForMemberPricing()) {\n                // Users will need to create a full member portal account (with password and email verification) to\n                // access member pricing.\n                return <UnauthenticatedUserModal open={isSigningIn} onClose={closeMemberSignupModal} />;\n            } else {\n                // Because Member Portal is enabled, the internal member signin modal will show the option to sign\n                // in with an exististing account. But they won't be forced to set a password and verify their email\n                // to access the member prices.\n                return <InternalMemberSignInModal image={memberLogo} isOpen={isSigningIn} onClose={closeMemberSignupModal} />;\n            }\n        } else {\n            return <InternalMemberSignInModal image={memberLogo} isOpen={isSigningIn} onClose={closeMemberSignupModal} />;\n        }\n    }\n};\n"]}

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

@@ -129,7 +129,7 @@ const ReservationItem = (props) => {
     const checkInDate = (0, dayjs_1.default)(itineraryItem.checkInDate);
     const checkOutDate = (0, dayjs_1.default)(itineraryItem.checkOutDate);
     const reservationOccupancy = itineraryItem.adults + ((itineraryItem === null || itineraryItem === void 0 ? void 0 : itineraryItem.children) || 0);
-    const cancelled = itineraryItem.status === core_1.IBookingStatus.Cancelled;
+    const cancelled = itineraryItem.status === core_1.EBookingStatus.Cancelled;
     const colorProfile = (_a = itineraryItem === null || itineraryItem === void 0 ? void 0 : itineraryItem.hotel) === null || _a === void 0 ? void 0 : _a.colors;
     return (react_1.default.createElement("div", { id: `reservation-${itineraryItem.id}`, className: (0, classnames_1.default)({ 'u-marg-bottom--heavy u-marg-bottom@m-': !disableMarginBottom }) },
         showCancelledNotifications && cancelled && (react_1.default.createElement("div", { className: ReservationItem_module_scss_1.default['cancelledNotification'] },

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

@@ -1 +1 @@
-{"version":3,"file":"ReservationItem.js","sourceRoot":"/","sources":["src/components/reservation/ReservationItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BookingEngineContext, IRoomstayMemberBookingItemWithRefAndHotelDetails } from '@frontend/contexts';\nimport { IBookingStatus } from '@roomstay/core';\nimport classNames from 'classnames';\nimport dayjs from 'dayjs';\nimport React, { useContext, useMemo } from 'react';\nimport { Trans, useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport EventCarouselContainer from '@/components/Event/EventCarouselContainer';\nimport BEButton, { BEButtonProps } from '@/components/generic/BEButton';\nimport Headline, { HeadlineProps } from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport NoPrint from '@/components/generic/print/NoPrint';\nimport Text, { TextType } from '@/components/generic/Text';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport { useCurrentHotel } from '@/hooks';\nimport { AccountRoutes } from '@/pages/account/AccountRoutes';\nimport ModifyBookingFeature from '@/providers/feature/ModifyBookingFeature';\nimport { ImageSize } from '@/providers/ImageProvider';\nimport { Color, getAccentOverrideStyleContent } from '@/util/Color';\nimport { isCancelledBooking, isPastBooking } from '@/util/EventsHelper';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepManager from '@/util/StepManager';\nimport { TextAlign } from '@/util/TextAlignment';\nimport TimeHelper from '@/util/TimeHelper';\n\nimport styles from './ReservationItem.module.scss';\n\nexport enum ReservationAction {\n    MoreDetails = 'MoreDetails',\n    BookAgain = 'BookAgain',\n    Cancel = 'Cancel',\n    Modify = 'Modify',\n}\n\nexport type ReservationItemProps = {\n    itineraryItem: IRoomstayMemberBookingItemWithRefAndHotelDetails;\n    disableMarginBottom?: boolean;\n    actions?: ReservationAction[];\n    showCancelledNotifications?: boolean;\n    onActionClick?: (action: ReservationAction, item: IRoomstayMemberBookingItemWithRefAndHotelDetails) => void;\n    defaultEventsExpanded?: boolean;\n};\n\nconst defaultActions: ReservationAction[] = [ReservationAction.MoreDetails];\n\nconst ReservationItem = (props: ReservationItemProps) => {\n    const { itineraryItem, disableMarginBottom, actions = defaultActions, showCancelledNotifications = false, defaultEventsExpanded } = props;\n\n    // no events should be shown on “Past Stays”  or “Cancelled Stays”\n    const hideEvents = isCancelledBooking(itineraryItem) || isPastBooking(itineraryItem);\n\n    const { t } = useTranslation();\n    const context = useContext(BookingEngineContext);\n    const { hotel } = useCurrentHotel();\n\n    const isMobile = context.screenSize <= ScreenSize.Large;\n\n    const nameSize: HeadlineProps['size'] = isMobile ? 'normal' : 'large';\n\n    const CheckinCheckoutComponent = ({ translation, value }: { translation: string; value: string }) => {\n        const TextContainer = isMobile ? Text : Headline;\n\n        const time = useMemo(() => {\n            // Using timeHelper to convert 24hr to 12hr\n            return TimeHelper.convert24To12hr(value);\n        }, [value]);\n\n        return (\n            <TextContainer>\n                {t(translation)} {time}\n            </TextContainer>\n        );\n    };\n\n    const renderActions = () =>\n        actions.map((action, index) => {\n            const defaultButtonProps: BEButtonProps = {\n                mobileWidth: true,\n                rounded: true,\n                wide: isMobile,\n                key: index,\n                className: classNames({\n                    'u-marg-right@m': index === 0,\n                }),\n            };\n\n            const onActionClick = () => {\n                if (props.onActionClick) {\n                    props.onActionClick(action, itineraryItem);\n                }\n            };\n\n            /**\n             * Only renders Cancel/Modify if the booking is NOT cancelled\n             */\n            if (cancelled && [ReservationAction.Cancel, ReservationAction.Modify].includes(action)) {\n                return;\n            }\n\n            /**\n             * Only renders BookAgain if booking IS cancelled\n             */\n            if (!cancelled && action === ReservationAction.BookAgain) {\n                return;\n            }\n\n            switch (action) {\n                case ReservationAction.Modify:\n                    return ModifyBookingFeature.isActive() ? (\n                        <BEButton {...defaultButtonProps} icon={IconType.ArrowRight} iconPosition=\"right\" onClick={onActionClick} disabled={!itineraryItem.isCancellable}>\n                            {t(Translation.Reservation.ModifyThisRoom)}\n                        </BEButton>\n                    ) : null;\n                case ReservationAction.Cancel:\n                    return (\n                        <BEButton {...defaultButtonProps} danger onClick={onActionClick} disabled={!itineraryItem.isCancellable}>\n                            {t(Translation.Reservation.CancelReservation)}\n                        </BEButton>\n                    );\n                case ReservationAction.BookAgain:\n                    return (\n                        <Link to={StepManager.getFirstStep().getStepUrl()} key={index}>\n                            <BEButton {...defaultButtonProps} icon={IconType.ArrowRight} iconPosition=\"right\" onClick={onActionClick}>\n                                {t(Translation.Reservation.BookAgain)}\n                            </BEButton>\n                        </Link>\n                    );\n                case ReservationAction.MoreDetails:\n                    return (\n                        <Link to={`${AccountRoutes.SingleReservation.path}${itineraryItem.bookingId}/item`} key={index}>\n                            <BEButton {...defaultButtonProps} primary filled icon={IconType.ArrowRight} iconPosition=\"right\">\n                                {t(Translation.Reservation.MoreDetails)}\n                            </BEButton>\n                        </Link>\n                    );\n            }\n        });\n\n    if (!itineraryItem) {\n        return <></>;\n    }\n\n    const itineraryItemNights = Object.keys(itineraryItem.nights);\n\n    const checkInDate = dayjs(itineraryItem.checkInDate);\n    const checkOutDate = dayjs(itineraryItem.checkOutDate);\n\n    const reservationOccupancy = itineraryItem.adults + (itineraryItem?.children || 0);\n\n    const cancelled = itineraryItem.status === IBookingStatus.Cancelled;\n\n    const colorProfile = itineraryItem?.hotel?.colors;\n\n    return (\n        <div id={`reservation-${itineraryItem.id}`} className={classNames({ 'u-marg-bottom--heavy u-marg-bottom@m-': !disableMarginBottom })}>\n            {showCancelledNotifications && cancelled && (\n                <div className={styles['cancelledNotification']}>\n                    <div className={styles['cancelledNotification-icon']}>\n                        <Icon icon={IconType.Error} size=\"44px\" color={Color.Danger} />\n                    </div>\n                    <div>\n                        <Text type={TextType.Small} bold color={Color.Danger} className={styles['cancelledNotification-title']}>\n                            {t(Translation.Reservation.Notification.ThisRoomIsCancelled.Title)}\n                        </Text>\n                        <Trans\n                            i18nKey={Translation.Reservation.Notification.ThisRoomIsCancelled.Detail}\n                            components={[<Link key={0} to={AccountRoutes.Help.path} style={{ color: Color.Accent }}></Link>]}\n                        />\n                    </div>\n                </div>\n            )}\n            <div className=\"reservation-item-container\">\n                {!!colorProfile && (\n                    <style>\n                        {`\n                        #reservation-${itineraryItem.id} {\n                            ${getAccentOverrideStyleContent(colorProfile)}\n                            }\n                        `}\n                    </style>\n                )}\n\n                <div className=\"reservation-item\">\n                    <div className={classNames('reservation-item--image u-border-rounded u-print-none', { 'reservation-item--disabled': cancelled })}>\n                        <ImageGallerySlider images={itineraryItem.images} imageSize={ImageSize.Medium} />\n                        <div className=\"reservation-item--floating-date\">\n                            <Headline size=\"extra-large\" color={cancelled ? Color.DarkGrey : Color.White} align={TextAlign.Center}>\n                                {checkInDate.format('DD')}\n                            </Headline>\n                            <Text type={TextType.Small} color={cancelled ? Color.DarkGrey : Color.White} bold>\n                                {checkInDate.format('MMM YYYY')}\n                            </Text>\n                        </div>\n                    </div>\n\n                    <div className=\"reservation-item--content u-pad--heavy u-pad-left-none@m- u-pad-right-none@m- u-pad-bottom-none@m- u-print-pad-left-none\">\n                        <div className=\"reservation-item--content-title u-marg-bottom--light\">\n                            {hotel?.hotelID !== itineraryItem.hotelId && (\n                                <Text color={Color.Accent} size={nameSize} bold>\n                                    {itineraryItem.hotel.name}\n                                </Text>\n                            )}\n                            <Headline bold size={nameSize}>\n                                {itineraryItem.roomName}\n                            </Headline>\n                        </div>\n                        <div className=\"text-body u-marg-bottom\">{(itineraryItem?.profile?.firstName ?? '') + ' ' + (itineraryItem?.profile?.lastName ?? '')}</div>\n                        <div className=\"reservation-item--info u-marg-bottom--heavy\">\n                            <div className=\"u-flex u-flex-gap--light\">\n                                <div className=\"u-flex u-flex-nowrap u-flex-gap--light\">\n                                    <Icon icon={IconType.Calendar} color={Color.Grey} />\n                                    <Text type={TextType.Small}>{checkInDate.format('D MMM, YYYY')}</Text>\n                                </div>\n                                <div className=\"u-flex u-flex-nowrap u-flex-gap--light\">\n                                    <Icon icon={IconType.ArrowRight2} color={Color.Grey} />\n                                    <Text type={TextType.Small}>{checkOutDate.format('D MMM, YYYY')}</Text>\n                                </div>\n                            </div>\n                            <div className=\"u-flex u-flex-gap\">\n                                <div className=\"u-flex u-flex-nowrap u-flex-gap--light\">\n                                    <Icon icon={IconType.LateCheckout} color={Color.Grey} />\n                                    <Text type={TextType.Small}>{`${itineraryItemNights.length} night${itineraryItemNights.length > 1 ? 's' : ''}`}</Text>\n                                </div>\n                                <div className=\"u-flex u-flex-nowrap u-flex-gap--light\">\n                                    <Icon icon={IconType.Person} color={Color.Grey} />\n                                    <Text type={TextType.Small}>{`${reservationOccupancy} guest${reservationOccupancy > 1 ? 's' : ''}`}</Text>\n                                </div>\n                            </div>\n                        </div>\n                        <div className=\"reservation-item--checkin-checkout u-flex justify-content-start u-pad u-border-rounded\">\n                            <div className=\"u-marg-right--heavy\">\n                                <Text type={TextType.Small} color={Color.DarkGrey} className=\"u-marg-bottom--light\">\n                                    {t(Translation.Misc.CheckIn)}\n                                </Text>\n                                <CheckinCheckoutComponent translation={Translation.Reservation.After} value={itineraryItem?.hotel?.checkInTime} />\n                            </div>\n                            <div>\n                                <Text type={TextType.Small} color={Color.DarkGrey} className=\"u-marg-bottom--light\">\n                                    {t(Translation.Misc.CheckOut)}\n                                </Text>\n                                <CheckinCheckoutComponent translation={Translation.Reservation.Before} value={itineraryItem?.hotel?.checkOutTime} />\n                            </div>\n                        </div>\n                        <div className=\"reservation-item--actions u-flex justify-content-start u-print-none u-marg-top--heavy\">{renderActions()}</div>\n                    </div>\n                </div>\n            </div>\n\n            {hideEvents ? null : (\n                <NoPrint>\n                    <div className=\"u-marg-top--medium\">\n                        <EventCarouselContainer defaultExpanded={defaultEventsExpanded} itineraryItem={itineraryItem} />\n                    </div>\n                </NoPrint>\n            )}\n        </div>\n    );\n};\n\nexport default ReservationItem;\n"]}
+{"version":3,"file":"ReservationItem.js","sourceRoot":"/","sources":["src/components/reservation/ReservationItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BookingEngineContext, IRoomstayMemberBookingItemWithRefAndHotelDetails } from '@frontend/contexts';\nimport { EBookingStatus } from '@roomstay/core';\nimport classNames from 'classnames';\nimport dayjs from 'dayjs';\nimport React, { useContext, useMemo } from 'react';\nimport { Trans, useTranslation } from 'react-i18next';\nimport { Link } from 'react-router-dom';\nimport { Translation } from 'translations/Translation';\n\nimport EventCarouselContainer from '@/components/Event/EventCarouselContainer';\nimport BEButton, { BEButtonProps } from '@/components/generic/BEButton';\nimport Headline, { HeadlineProps } from '@/components/generic/Headline';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport NoPrint from '@/components/generic/print/NoPrint';\nimport Text, { TextType } from '@/components/generic/Text';\nimport ImageGallerySlider from '@/components/steps/room/ImageGallerySlider';\nimport { useCurrentHotel } from '@/hooks';\nimport { AccountRoutes } from '@/pages/account/AccountRoutes';\nimport ModifyBookingFeature from '@/providers/feature/ModifyBookingFeature';\nimport { ImageSize } from '@/providers/ImageProvider';\nimport { Color, getAccentOverrideStyleContent } from '@/util/Color';\nimport { isCancelledBooking, isPastBooking } from '@/util/EventsHelper';\nimport ScreenSize from '@/util/ScreenSize';\nimport StepManager from '@/util/StepManager';\nimport { TextAlign } from '@/util/TextAlignment';\nimport TimeHelper from '@/util/TimeHelper';\n\nimport styles from './ReservationItem.module.scss';\n\nexport enum ReservationAction {\n    MoreDetails = 'MoreDetails',\n    BookAgain = 'BookAgain',\n    Cancel = 'Cancel',\n    Modify = 'Modify',\n}\n\nexport type ReservationItemProps = {\n    itineraryItem: IRoomstayMemberBookingItemWithRefAndHotelDetails;\n    disableMarginBottom?: boolean;\n    actions?: ReservationAction[];\n    showCancelledNotifications?: boolean;\n    onActionClick?: (action: ReservationAction, item: IRoomstayMemberBookingItemWithRefAndHotelDetails) => void;\n    defaultEventsExpanded?: boolean;\n};\n\nconst defaultActions: ReservationAction[] = [ReservationAction.MoreDetails];\n\nconst ReservationItem = (props: ReservationItemProps) => {\n    const { itineraryItem, disableMarginBottom, actions = defaultActions, showCancelledNotifications = false, defaultEventsExpanded } = props;\n\n    // no events should be shown on “Past Stays”  or “Cancelled Stays”\n    const hideEvents = isCancelledBooking(itineraryItem) || isPastBooking(itineraryItem);\n\n    const { t } = useTranslation();\n    const context = useContext(BookingEngineContext);\n    const { hotel } = useCurrentHotel();\n\n    const isMobile = context.screenSize <= ScreenSize.Large;\n\n    const nameSize: HeadlineProps['size'] = isMobile ? 'normal' : 'large';\n\n    const CheckinCheckoutComponent = ({ translation, value }: { translation: string; value: string }) => {\n        const TextContainer = isMobile ? Text : Headline;\n\n        const time = useMemo(() => {\n            // Using timeHelper to convert 24hr to 12hr\n            return TimeHelper.convert24To12hr(value);\n        }, [value]);\n\n        return (\n            <TextContainer>\n                {t(translation)} {time}\n            </TextContainer>\n        );\n    };\n\n    const renderActions = () =>\n        actions.map((action, index) => {\n            const defaultButtonProps: BEButtonProps = {\n                mobileWidth: true,\n                rounded: true,\n                wide: isMobile,\n                key: index,\n                className: classNames({\n                    'u-marg-right@m': index === 0,\n                }),\n            };\n\n            const onActionClick = () => {\n                if (props.onActionClick) {\n                    props.onActionClick(action, itineraryItem);\n                }\n            };\n\n            /**\n             * Only renders Cancel/Modify if the booking is NOT cancelled\n             */\n            if (cancelled && [ReservationAction.Cancel, ReservationAction.Modify].includes(action)) {\n                return;\n            }\n\n            /**\n             * Only renders BookAgain if booking IS cancelled\n             */\n            if (!cancelled && action === ReservationAction.BookAgain) {\n                return;\n            }\n\n            switch (action) {\n                case ReservationAction.Modify:\n                    return ModifyBookingFeature.isActive() ? (\n                        <BEButton {...defaultButtonProps} icon={IconType.ArrowRight} iconPosition=\"right\" onClick={onActionClick} disabled={!itineraryItem.isCancellable}>\n                            {t(Translation.Reservation.ModifyThisRoom)}\n                        </BEButton>\n                    ) : null;\n                case ReservationAction.Cancel:\n                    return (\n                        <BEButton {...defaultButtonProps} danger onClick={onActionClick} disabled={!itineraryItem.isCancellable}>\n                            {t(Translation.Reservation.CancelReservation)}\n                        </BEButton>\n                    );\n                case ReservationAction.BookAgain:\n                    return (\n                        <Link to={StepManager.getFirstStep().getStepUrl()} key={index}>\n                            <BEButton {...defaultButtonProps} icon={IconType.ArrowRight} iconPosition=\"right\" onClick={onActionClick}>\n                                {t(Translation.Reservation.BookAgain)}\n                            </BEButton>\n                        </Link>\n                    );\n                case ReservationAction.MoreDetails:\n                    return (\n                        <Link to={`${AccountRoutes.SingleReservation.path}${itineraryItem.bookingId}/item`} key={index}>\n                            <BEButton {...defaultButtonProps} primary filled icon={IconType.ArrowRight} iconPosition=\"right\">\n                                {t(Translation.Reservation.MoreDetails)}\n                            </BEButton>\n                        </Link>\n                    );\n            }\n        });\n\n    if (!itineraryItem) {\n        return <></>;\n    }\n\n    const itineraryItemNights = Object.keys(itineraryItem.nights);\n\n    const checkInDate = dayjs(itineraryItem.checkInDate);\n    const checkOutDate = dayjs(itineraryItem.checkOutDate);\n\n    const reservationOccupancy = itineraryItem.adults + (itineraryItem?.children || 0);\n\n    const cancelled = itineraryItem.status === EBookingStatus.Cancelled;\n\n    const colorProfile = itineraryItem?.hotel?.colors;\n\n    return (\n        <div id={`reservation-${itineraryItem.id}`} className={classNames({ 'u-marg-bottom--heavy u-marg-bottom@m-': !disableMarginBottom })}>\n            {showCancelledNotifications && cancelled && (\n                <div className={styles['cancelledNotification']}>\n                    <div className={styles['cancelledNotification-icon']}>\n                        <Icon icon={IconType.Error} size=\"44px\" color={Color.Danger} />\n                    </div>\n                    <div>\n                        <Text type={TextType.Small} bold color={Color.Danger} className={styles['cancelledNotification-title']}>\n                            {t(Translation.Reservation.Notification.ThisRoomIsCancelled.Title)}\n                        </Text>\n                        <Trans\n                            i18nKey={Translation.Reservation.Notification.ThisRoomIsCancelled.Detail}\n                            components={[<Link key={0} to={AccountRoutes.Help.path} style={{ color: Color.Accent }}></Link>]}\n                        />\n                    </div>\n                </div>\n            )}\n            <div className=\"reservation-item-container\">\n                {!!colorProfile && (\n                    <style>\n                        {`\n                        #reservation-${itineraryItem.id} {\n                            ${getAccentOverrideStyleContent(colorProfile)}\n                            }\n                        `}\n                    </style>\n                )}\n\n                <div className=\"reservation-item\">\n                    <div className={classNames('reservation-item--image u-border-rounded u-print-none', { 'reservation-item--disabled': cancelled })}>\n                        <ImageGallerySlider images={itineraryItem.images} imageSize={ImageSize.Medium} />\n                        <div className=\"reservation-item--floating-date\">\n                            <Headline size=\"extra-large\" color={cancelled ? Color.DarkGrey : Color.White} align={TextAlign.Center}>\n                                {checkInDate.format('DD')}\n                            </Headline>\n                            <Text type={TextType.Small} color={cancelled ? Color.DarkGrey : Color.White} bold>\n                                {checkInDate.format('MMM YYYY')}\n                            </Text>\n                        </div>\n                    </div>\n\n                    <div className=\"reservation-item--content u-pad--heavy u-pad-left-none@m- u-pad-right-none@m- u-pad-bottom-none@m- u-print-pad-left-none\">\n                        <div className=\"reservation-item--content-title u-marg-bottom--light\">\n                            {hotel?.hotelID !== itineraryItem.hotelId && (\n                                <Text color={Color.Accent} size={nameSize} bold>\n                                    {itineraryItem.hotel.name}\n                                </Text>\n                            )}\n                            <Headline bold size={nameSize}>\n                                {itineraryItem.roomName}\n                            </Headline>\n                        </div>\n                        <div className=\"text-body u-marg-bottom\">{(itineraryItem?.profile?.firstName ?? '') + ' ' + (itineraryItem?.profile?.lastName ?? '')}</div>\n                        <div className=\"reservation-item--info u-marg-bottom--heavy\">\n                            <div className=\"u-flex u-flex-gap--light\">\n                                <div className=\"u-flex u-flex-nowrap u-flex-gap--light\">\n                                    <Icon icon={IconType.Calendar} color={Color.Grey} />\n                                    <Text type={TextType.Small}>{checkInDate.format('D MMM, YYYY')}</Text>\n                                </div>\n                                <div className=\"u-flex u-flex-nowrap u-flex-gap--light\">\n                                    <Icon icon={IconType.ArrowRight2} color={Color.Grey} />\n                                    <Text type={TextType.Small}>{checkOutDate.format('D MMM, YYYY')}</Text>\n                                </div>\n                            </div>\n                            <div className=\"u-flex u-flex-gap\">\n                                <div className=\"u-flex u-flex-nowrap u-flex-gap--light\">\n                                    <Icon icon={IconType.LateCheckout} color={Color.Grey} />\n                                    <Text type={TextType.Small}>{`${itineraryItemNights.length} night${itineraryItemNights.length > 1 ? 's' : ''}`}</Text>\n                                </div>\n                                <div className=\"u-flex u-flex-nowrap u-flex-gap--light\">\n                                    <Icon icon={IconType.Person} color={Color.Grey} />\n                                    <Text type={TextType.Small}>{`${reservationOccupancy} guest${reservationOccupancy > 1 ? 's' : ''}`}</Text>\n                                </div>\n                            </div>\n                        </div>\n                        <div className=\"reservation-item--checkin-checkout u-flex justify-content-start u-pad u-border-rounded\">\n                            <div className=\"u-marg-right--heavy\">\n                                <Text type={TextType.Small} color={Color.DarkGrey} className=\"u-marg-bottom--light\">\n                                    {t(Translation.Misc.CheckIn)}\n                                </Text>\n                                <CheckinCheckoutComponent translation={Translation.Reservation.After} value={itineraryItem?.hotel?.checkInTime} />\n                            </div>\n                            <div>\n                                <Text type={TextType.Small} color={Color.DarkGrey} className=\"u-marg-bottom--light\">\n                                    {t(Translation.Misc.CheckOut)}\n                                </Text>\n                                <CheckinCheckoutComponent translation={Translation.Reservation.Before} value={itineraryItem?.hotel?.checkOutTime} />\n                            </div>\n                        </div>\n                        <div className=\"reservation-item--actions u-flex justify-content-start u-print-none u-marg-top--heavy\">{renderActions()}</div>\n                    </div>\n                </div>\n            </div>\n\n            {hideEvents ? null : (\n                <NoPrint>\n                    <div className=\"u-marg-top--medium\">\n                        <EventCarouselContainer defaultExpanded={defaultEventsExpanded} itineraryItem={itineraryItem} />\n                    </div>\n                </NoPrint>\n            )}\n        </div>\n    );\n};\n\nexport default ReservationItem;\n"]}

package/dist/src/components/steps/addons/AddonCard.js

@@ -28,6 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const contexts_1 = require("../../../contexts/index.js");
 const hooks_1 = require("../../../hooks/index.js");
+const core_1 = require("@roomstay/core");
 const classnames_1 = __importDefault(require("classnames"));
 const Check_1 = __importDefault(require("icons/Check"));
 const react_1 = __importStar(require("react"));
@@ -38,7 +39,6 @@ const Headline_1 = __importDefault(require("../../generic/Headline"));
 const NumberIncrement_1 = __importDefault(require("../../generic/NumberIncrement"));
 const Select_1 = require("../../generic/Select/Select");
 const Text_1 = __importStar(require("../../generic/Text"));
-const Addon_1 = require("../../../models/Addon/Addon");
 const ImageProvider_1 = __importStar(require("../../../providers/ImageProvider"));
 const Translation_1 = require("../../../translations/Translation");
 const Color_1 = require("../../../util/Color");
@@ -129,31 +129,31 @@ const AddonCard = ({ addon, className }) => {
         },
         {
             name: Translation_1.Translation.Step.Date.Adult_plural,
-            enabled: (priceInfo === null || priceInfo === void 0 ? void 0 : priceInfo.adultPrice) && addon.pricingType !== Addon_1.AddonPricingType.PER_ALL_PERSONS && addon.pricingType !== Addon_1.AddonPricingType.PER_ALL_PERSONS_PER_NIGHT,
+            enabled: (priceInfo === null || priceInfo === void 0 ? void 0 : priceInfo.adultPrice) && addon.pricingType !== core_1.EAddonPricingType.PER_ALL_PERSONS && addon.pricingType !== core_1.EAddonPricingType.PER_ALL_PERSONS_PER_NIGHT,
             element: react_1.default.createElement(NumberIncrement_1.default, { number: adultQuantity, min: 0, max: priceInfo.quantity - childQuantity, onChange: setAdultsQuantityOnChange }),
         },
         {
             name: Translation_1.Translation.Step.Date.Child_plural,
-            enabled: (priceInfo === null || priceInfo === void 0 ? void 0 : priceInfo.childPrice) && addon.pricingType !== Addon_1.AddonPricingType.PER_ALL_PERSONS && addon.pricingType !== Addon_1.AddonPricingType.PER_ALL_PERSONS_PER_NIGHT,
+            enabled: (priceInfo === null || priceInfo === void 0 ? void 0 : priceInfo.childPrice) && addon.pricingType !== core_1.EAddonPricingType.PER_ALL_PERSONS && addon.pricingType !== core_1.EAddonPricingType.PER_ALL_PERSONS_PER_NIGHT,
             element: react_1.default.createElement(NumberIncrement_1.default, { number: childQuantity, min: 0, max: priceInfo.quantity - adultQuantity, onChange: setChildQuantityOnChange }),
         },
     ];
     const pricingTypeSuffix = (() => {
         switch (addon.pricingType) {
-            case Addon_1.AddonPricingType.PER_STAY:
+            case core_1.EAddonPricingType.PER_STAY:
                 return t(Translation_1.Translation.Misc.QTY);
-            case Addon_1.AddonPricingType.PER_PERSON:
+            case core_1.EAddonPricingType.PER_PERSON:
                 return t(Translation_1.Translation.Misc.Person);
-            case Addon_1.AddonPricingType.PER_PERSON_OCCUPANCY_PER_NIGHT:
-            case Addon_1.AddonPricingType.PER_PERSON_PER_NIGHT:
+            case core_1.EAddonPricingType.PER_PERSON_OCCUPANCY_PER_NIGHT:
+            case core_1.EAddonPricingType.PER_PERSON_PER_NIGHT:
                 return t(Translation_1.Translation.Misc.PersonPerNight);
-            case Addon_1.AddonPricingType.PER_ADULT_OCCUPANCY_PER_NIGHT:
-            case Addon_1.AddonPricingType.PER_CHILD_OCCUPANCY_PER_NIGHT:
+            case core_1.EAddonPricingType.PER_ADULT_OCCUPANCY_PER_NIGHT:
+            case core_1.EAddonPricingType.PER_CHILD_OCCUPANCY_PER_NIGHT:
                 return t(Translation_1.Translation.Misc.AdultPerNight);
-            case Addon_1.AddonPricingType.PER_NIGHT:
-            case Addon_1.AddonPricingType.PER_QUANTITY_NAME_PER_NIGHT:
+            case core_1.EAddonPricingType.PER_NIGHT:
+            case core_1.EAddonPricingType.PER_QUANTITY_NAME_PER_NIGHT:
                 return t(Translation_1.Translation.Misc.Night);
-            case Addon_1.AddonPricingType.PER_ROOM_QUANTITY_PER_NIGHT:
+            case core_1.EAddonPricingType.PER_ROOM_QUANTITY_PER_NIGHT:
                 return t(Translation_1.Translation.Misc.PerRoomDay);
         }
     })();
@@ -201,7 +201,7 @@ const AddonCard = ({ addon, className }) => {
                                     react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey, inline: true, className: "u-marg-left--light u-clear-font-weight" },
                                         "/",
                                         ' ',
-                                        addon.pricingType === Addon_1.AddonPricingType.PER_ALL_PERSONS_PER_NIGHT
+                                        addon.pricingType === core_1.EAddonPricingType.PER_ALL_PERSONS_PER_NIGHT
                                             ? t(Translation_1.Translation.Misc.AdultPerNight)
                                             : t(Translation_1.Translation.Step.Date.Adult)))),
                                 !!priceInfo.adultPrice && !!priceInfo.childPrice && react_1.default.createElement("br", null),
@@ -211,7 +211,7 @@ const AddonCard = ({ addon, className }) => {
                                     react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey, inline: true, className: "u-marg-left--light u-clear-font-weight" },
                                         "/",
                                         ' ',
-                                        addon.pricingType === Addon_1.AddonPricingType.PER_ALL_PERSONS_PER_NIGHT
+                                        addon.pricingType === core_1.EAddonPricingType.PER_ALL_PERSONS_PER_NIGHT
                                             ? t(Translation_1.Translation.Misc.ChildPerNight)
                                             : t(Translation_1.Translation.Step.Date.Child))))))),
                         react_1.default.createElement("div", { className: "u-marg-bottom--light" },