@roomstay/frontend 2.5.22-0 → 2.5.23

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@roomstay/frontend",
-    "version": "2.5.22-0",
+    "version": "2.5.23",
     "author": {
         "name": "Roomstay",
         "email": "rob@roomstay.io",

package/dist/src/components/steps/room/MemberSignInModal/ExternalMemberModal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExternalMemberModal.js","sourceRoot":"/","sources":["src/components/steps/room/MemberSignInModal/ExternalMemberModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC, useContext, useState } from 'react';\nimport { SubmitHandler, useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport API from '@/api/BookingAPI';\nimport BEButton from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport InputGroup from '@/components/generic/InputGroup/InputGroup';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport Text from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport { CompanyContext } from '@/contexts';\nimport { useCurrentHotel } from '@/hooks';\nimport RoomstayThemeEngine from '@/providers/RoomstayThemeEngine';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\nimport styles from './Big4MemberModal.module.scss';\nimport { useExternalMember } from '@/hooks/useExternalMember';\nimport { EIntegration } from '@/models/Api/HotelDTO';\n\ninterface Big4MemberModalProps {\n    isOpen: boolean;\n    onClose: () => void;\n}\n\ninterface Big4MemberFormValues {\n    memberNumber: string;\n    familyName: string;\n}\n\nconst ExternalMemberModal: FC<Big4MemberModalProps> = ({ isOpen, onClose }) => {\n    const { hotel } = useCurrentHotel();\n    const ccx = useContext(CompanyContext);\n    const [isLoading, setIsLoading] = useState(false);\n    const [errorMessage, setErrorMessage] = useState('');\n    const { externalMemberType } = useExternalMember();\n\n    const {\n        register,\n        formState: { errors },\n        handleSubmit,\n    } = useForm<Big4MemberFormValues>({\n        mode: 'onChange',\n    });\n\n    const modalPrimaryColor = hotel?.memberOnlyModalUsePrimaryColor ? Color.Accent : Color.Success;\n    const getValidationClass = (name: keyof Big4MemberFormValues) => {\n        if (errors) {\n            if (errors[name]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        }\n    };\n    const onSubmit: SubmitHandler<Big4MemberFormValues> = async ({ familyName, memberNumber }) => {\n        setIsLoading(true);\n        setErrorMessage('');\n        try {\n            const number = await API.Member.signInBig4Member(memberNumber, familyName, hotel?.hotelID as string);\n            localStorage.setItem('hotel' + hotel?.hotelID + 'isFromBig4', number.memberId);\n            ccx.signUserIn(number.memberId.toString(), true);\n        } catch (e: any) {\n            if (e.Message) {\n                setErrorMessage(e.Message);\n            }\n        } finally {\n            setIsLoading(false);\n        }\n    };\n\n    const { t } = useTranslation();\n\n    const { title, image } = (() => {\n        switch (externalMemberType) {\n            default:\n            case EIntegration.Big4:\n                return { title: t(Translation.ExternalMemberPopup.Big4Title), image: 'big4-login.svg' };\n            case EIntegration.Top10:\n                return { title: t(Translation.ExternalMemberPopup.Top10Title), image: 'top10-login.jpeg' };\n        }\n    })();\n\n    return (\n        <SimpleModal open={isOpen} onClose={onClose} size={SimpleModalSize.Normal} alignCenter bodyClassName={styles.root}>\n            <div className={styles.container}>\n                <div className={styles.logoSection}>\n                    <img className={styles.img} src={RoomstayThemeEngine.getImageAssetUrl(image)} alt={`${externalMemberType} Logo`} />\n                </div>\n                <div>\n                    <form onSubmit={handleSubmit(onSubmit)}>\n                        <Headline bold color={modalPrimaryColor}>\n                            {title}\n                        </Headline>\n                        <div className=\"u-marg-top\">\n                            <InputGroup dimensions=\"1\">\n                                <TextBox\n                                    iconProps={{\n                                        color: Color.DarkGrey,\n                                    }}\n                                    icon={IconType.Star}\n                                    inputProps={{\n                                        disabled: isLoading,\n                                    }}\n                                    wide\n                                    placeholder={t(Translation.ExternalMemberPopup.Fields.MemberNumber)}\n                                    required\n                                    validationStatus={getValidationClass('memberNumber')}\n                                    {...register('memberNumber', {\n                                        required: true,\n                                        pattern: {\n                                            value: /^[0-9]*$/,\n                                            message: 'Please enter a valid member number',\n                                        },\n                                    })}\n                                />\n                            </InputGroup>\n                            <div className=\"u-marg-top--light\">\n                                <InputGroup dimensions=\"1\">\n                                    <TextBox\n                                        iconProps={{\n                                            color: Color.DarkGrey,\n                                        }}\n                                        icon={IconType.Person}\n                                        inputProps={{\n                                            disabled: isLoading,\n                                        }}\n                                        wide\n                                        placeholder={t(Translation.ExternalMemberPopup.Fields.FamilyName)}\n                                        required\n                                        validationStatus={getValidationClass('familyName')}\n                                        {...register('familyName', {\n                                            required: true,\n                                        })}\n                                    />\n                                </InputGroup>\n                            </div>\n                        </div>\n                        <BEButton\n                            isLoading={isLoading}\n                            htmlType=\"submit\"\n                            className=\"u-marg-top\"\n                            size=\"normal\"\n                            filled\n                            primary={hotel?.memberOnlyModalUsePrimaryColor}\n                            success={!hotel?.memberOnlyModalUsePrimaryColor}\n                            stopIconAnimation\n                            icon={IconType.ArrowRight}\n                            iconPosition=\"right\"\n                        >\n                            {t(Translation.ExternalMemberPopup.Submit)}\n                        </BEButton>\n                        <div className=\"u-marg-top\">\n                            <Text bold color={Color.Danger}>\n                                {errorMessage}\n                            </Text>\n                        </div>\n                    </form>\n                </div>\n            </div>\n        </SimpleModal>\n    );\n};\n\nexport default ExternalMemberModal;\n"]}

package/dist/src/hooks/useExternalMember.d.ts

@@ -1,6 +0,0 @@
-import { EIntegration } from '../models/Api/HotelDTO';
-export declare const useExternalMember: () => {
-    externalMemberType: EIntegration | undefined;
-    isExternalMemberHotel: boolean;
-    memberNumber: string | undefined;
-};

package/dist/src/hooks/useExternalMember.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useExternalMember = void 0;
-const react_1 = require("react");
-const CurrentHotelHook_1 = require("./CurrentHotelHook");
-const HotelDTO_1 = require("../models/Api/HotelDTO");
-const useExternalMember = () => {
-    const { hotel } = (0, CurrentHotelHook_1.useCurrentHotel)();
-    const [isExternalMemberHotel, setIsExternalMemberHotel] = (0, react_1.useState)(false);
-    const existingUser = localStorage.getItem('hotel' + (hotel === null || hotel === void 0 ? void 0 : hotel.hotelID) + 'user');
-    const externalMemberType = (0, react_1.useMemo)(() => {
-        const integrations = hotel === null || hotel === void 0 ? void 0 : hotel.integrations;
-        // Because integrations is an array of strings technically both Big4 and Top10 theoretically come down, so we'll choose one
-        if (integrations === null || integrations === void 0 ? void 0 : integrations.includes(HotelDTO_1.EIntegration.Big4)) {
-            return HotelDTO_1.EIntegration.Big4;
-        }
-        else if (integrations === null || integrations === void 0 ? void 0 : integrations.includes(HotelDTO_1.EIntegration.Top10)) {
-            return HotelDTO_1.EIntegration.Top10;
-        }
-    }, [hotel]);
-    (0, react_1.useEffect)(() => {
-        var _a;
-        const isExternalProvider = ((_a = hotel === null || hotel === void 0 ? void 0 : hotel.integrations) === null || _a === void 0 ? void 0 : _a.some((provider) => provider === HotelDTO_1.EIntegration.Big4 || provider === HotelDTO_1.EIntegration.Top10)) || false;
-        setIsExternalMemberHotel(isExternalProvider);
-    }, [hotel]);
-    return {
-        externalMemberType,
-        isExternalMemberHotel,
-        memberNumber: isExternalMemberHotel && existingUser ? existingUser : undefined,
-    };
-};
-exports.useExternalMember = useExternalMember;
-//# sourceMappingURL=useExternalMember.js.map

package/dist/src/hooks/useExternalMember.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useExternalMember.js","sourceRoot":"/","sources":["src/hooks/useExternalMember.tsx"],"names":[],"mappings":";;;AAAA,iCAAqD;AAErD,+DAA2D;AAC3D,oDAAqD;AAE9C,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,kCAAe,GAAE,CAAC;IACpC,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACnF,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,OAAO,IAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAA,GAAG,MAAM,CAAC,CAAC;IAC7E,MAAM,kBAAkB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACpC,MAAM,YAAY,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,CAAC;QAEzC,2HAA2H;QAC3H,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,CAAC,uBAAY,CAAC,IAAI,CAAC,EAAE;YAC3C,OAAO,uBAAY,CAAC,IAAI,CAAC;SAC5B;aAAM,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,CAAC,uBAAY,CAAC,KAAK,CAAC,EAAE;YACnD,OAAO,uBAAY,CAAC,KAAK,CAAC;SAC7B;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACX,MAAM,kBAAkB,GAAG,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,0CAAE,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,KAAK,uBAAY,CAAC,IAAI,IAAI,QAAQ,KAAK,uBAAY,CAAC,KAAK,CAAC,KAAI,KAAK,CAAC;QAC/I,wBAAwB,CAAC,kBAAkB,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO;QACH,kBAAkB;QAClB,qBAAqB;QACrB,YAAY,EAAE,qBAAqB,IAAI,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS;KACjF,CAAC;AACN,CAAC,CAAC;AAzBW,QAAA,iBAAiB,qBAyB5B","sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\nimport { useCurrentHotel } from '@/hooks/CurrentHotelHook';\nimport { EIntegration } from '@/models/Api/HotelDTO';\n\nexport const useExternalMember = () => {\n    const { hotel } = useCurrentHotel();\n    const [isExternalMemberHotel, setIsExternalMemberHotel] = useState<boolean>(false);\n    const existingUser = localStorage.getItem('hotel' + hotel?.hotelID + 'user');\n    const externalMemberType = useMemo(() => {\n        const integrations = hotel?.integrations;\n\n        // Because integrations is an array of strings technically both Big4 and Top10 theoretically come down, so we'll choose one\n        if (integrations?.includes(EIntegration.Big4)) {\n            return EIntegration.Big4;\n        } else if (integrations?.includes(EIntegration.Top10)) {\n            return EIntegration.Top10;\n        }\n    }, [hotel]);\n\n    useEffect(() => {\n        const isExternalProvider = hotel?.integrations?.some((provider) => provider === EIntegration.Big4 || provider === EIntegration.Top10) || false;\n        setIsExternalMemberHotel(isExternalProvider);\n    }, [hotel]);\n\n    return {\n        externalMemberType,\n        isExternalMemberHotel,\n        memberNumber: isExternalMemberHotel && existingUser ? existingUser : undefined,\n    };\n};\n"]}