@roomstay/frontend 2.5.20 → 2.5.22-0

package/package.json

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Big4MemberModal.js","sourceRoot":"/","sources":["src/components/steps/room/MemberSignInModal/Big4MemberModal.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';\n\ninterface Big4MemberModalProps {\n    isOpen: boolean;\n    onClose: () => void;\n}\n\ninterface Big4MemberFormValues {\n    memberNumber: string;\n    familyName: string;\n}\n\nconst Big4MemberModal: 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\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    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('big4-login.svg')} alt=\"Big4 Logo\" />\n                </div>\n                <div>\n                    <form onSubmit={handleSubmit(onSubmit)}>\n                        <Headline bold color={modalPrimaryColor}>\n                            {t(Translation.Big4Popup.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.Big4Popup.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.Big4Popup.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.Big4Popup.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 Big4MemberModal;\n"]}

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

@@ -1,4 +0,0 @@
-export declare const useBig4: () => {
-    isBig4: boolean;
-    memberNumber: string | undefined;
-};

package/dist/src/hooks/Big4.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useBig4 = void 0;
-const react_1 = require("react");
-const CurrentHotelHook_1 = require("./CurrentHotelHook");
-const HotelDTO_1 = require("../models/Api/HotelDTO");
-const useBig4 = () => {
-    const { hotel } = (0, CurrentHotelHook_1.useCurrentHotel)();
-    const [isBig4, setIsBig4] = (0, react_1.useState)(false);
-    const existingUser = localStorage.getItem('hotel' + (hotel === null || hotel === void 0 ? void 0 : hotel.hotelID) + 'user');
-    (0, react_1.useEffect)(() => {
-        var _a;
-        const isBig4 = ((_a = hotel === null || hotel === void 0 ? void 0 : hotel.integrations) === null || _a === void 0 ? void 0 : _a.some((provider) => provider === HotelDTO_1.EIntegration.Big4)) || false;
-        setIsBig4(isBig4);
-    }, [hotel]);
-    return {
-        isBig4,
-        memberNumber: isBig4 && existingUser ? existingUser : undefined,
-    };
-};
-exports.useBig4 = useBig4;
-//# sourceMappingURL=Big4.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Big4.js","sourceRoot":"/","sources":["src/hooks/Big4.tsx"],"names":[],"mappings":";;;AAAA,iCAA4C;AAE5C,+DAA2D;AAC3D,oDAAqD;AAE9C,MAAM,OAAO,GAAG,GAAG,EAAE;IACxB,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,kCAAe,GAAE,CAAC;IACpC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACrD,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,OAAO,IAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAA,GAAG,MAAM,CAAC,CAAC;IAE7E,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACX,MAAM,MAAM,GAAG,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,0CAAE,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,KAAK,uBAAY,CAAC,IAAI,CAAC,KAAI,KAAK,CAAC;QAChG,SAAS,CAAC,MAAM,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO;QACH,MAAM;QACN,YAAY,EAAE,MAAM,IAAI,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS;KAClE,CAAC;AACN,CAAC,CAAC;AAdW,QAAA,OAAO,WAclB","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useCurrentHotel } from '@/hooks/CurrentHotelHook';\nimport { EIntegration } from '@/models/Api/HotelDTO';\n\nexport const useBig4 = () => {\n    const { hotel } = useCurrentHotel();\n    const [isBig4, setIsBig4] = useState<boolean>(false);\n    const existingUser = localStorage.getItem('hotel' + hotel?.hotelID + 'user');\n\n    useEffect(() => {\n        const isBig4 = hotel?.integrations?.some((provider) => provider === EIntegration.Big4) || false;\n        setIsBig4(isBig4);\n    }, [hotel]);\n\n    return {\n        isBig4,\n        memberNumber: isBig4 && existingUser ? existingUser : undefined,\n    };\n};\n"]}