@roomstay/frontend 2.9.0 → 2.9.1-1

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

@@ -1,4 +1,37 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -15,41 +48,83 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
+const react_hook_form_1 = require("react-hook-form");
 const react_i18next_1 = require("react-i18next");
 const Icon_1 = require("../../generic/Icon/Icon");
 const Translation_1 = require("../../../translations/Translation");
-const ExternalMemberModal_1 = __importDefault(require("./ExternalMemberModal"));
+const ExternalMemberModal_1 = __importStar(require("./ExternalMemberModal"));
 const EmailAndFullnameMemberModal = (_a) => {
-    var { isMemberNumberRequired = true } = _a, props = __rest(_a, ["isMemberNumberRequired"]);
+    var { isMemberNumberRequired = true, enableMemberNumber = true, enablePostcode = false, enableMobilePhone = false, enableMarketingOptIn = false } = _a, props = __rest(_a, ["isMemberNumberRequired", "enableMemberNumber", "enablePostcode", "enableMobilePhone", "enableMarketingOptIn"]);
+    const methods = (0, react_hook_form_1.useForm)({
+        mode: 'onSubmit',
+    });
     const { t } = (0, react_i18next_1.useTranslation)();
-    return (react_1.default.createElement(ExternalMemberModal_1.default, Object.assign({}, props, { fields: [
-            {
-                name: 'memberNumber',
-                icon: Icon_1.IconType.Star,
-                label: t(Translation_1.Translation.ExternalMemberPopup.Fields.MemberNumber),
-                isMasked: false,
-                required: isMemberNumberRequired,
-                helperText: !isMemberNumberRequired ? t(Translation_1.Translation.ExternalMemberPopup.Fields.MemberNumberOptionalBenefits) : undefined,
-            },
-            {
-                name: 'firstName',
-                icon: Icon_1.IconType.Person,
-                label: t(Translation_1.Translation.Navigation.SignUp.Inputs.FirstName),
-                isMasked: false,
-            },
-            {
-                name: 'lastName',
-                icon: Icon_1.IconType.Person,
-                label: t(Translation_1.Translation.Navigation.SignUp.Inputs.LastName),
-                isMasked: false,
-            },
-            {
-                name: 'email',
-                icon: Icon_1.IconType.Email,
-                label: t(Translation_1.Translation.Navigation.SignIn.EmailAddress),
-                isMasked: false,
-            },
-        ] })));
+    const fields = buildFields(t, {
+        enableMemberNumber,
+        isMemberNumberRequired,
+        enablePostcode,
+        enableMobilePhone,
+        enableMarketingOptIn,
+    });
+    return (react_1.default.createElement(react_hook_form_1.FormProvider, Object.assign({}, methods),
+        react_1.default.createElement(ExternalMemberModal_1.default, Object.assign({}, props, { fields: fields }))));
+};
+const buildFields = (t, { enableMemberNumber, isMemberNumberRequired, enablePostcode, enableMobilePhone, enableMarketingOptIn, }) => {
+    const fields = [];
+    if (enableMemberNumber) {
+        fields.push({
+            name: 'memberNumber',
+            icon: Icon_1.IconType.Star,
+            label: t(Translation_1.Translation.ExternalMemberPopup.Fields.MemberNumber),
+            isMasked: false,
+            required: isMemberNumberRequired,
+            helperText: !isMemberNumberRequired ? t(Translation_1.Translation.ExternalMemberPopup.Fields.MemberNumberOptionalBenefits) : undefined,
+        });
+    }
+    fields.push({
+        name: 'firstName',
+        icon: Icon_1.IconType.Person,
+        label: t(Translation_1.Translation.Navigation.SignUp.Inputs.FirstName),
+        isMasked: false,
+    }, {
+        name: 'lastName',
+        icon: Icon_1.IconType.Person,
+        label: t(Translation_1.Translation.Navigation.SignUp.Inputs.LastName),
+        isMasked: false,
+    }, {
+        name: 'email',
+        icon: Icon_1.IconType.Email,
+        label: t(Translation_1.Translation.Navigation.SignIn.EmailAddress),
+        isMasked: false,
+    });
+    if (enablePostcode) {
+        fields.push({
+            name: 'postalCode',
+            icon: Icon_1.IconType.Map,
+            label: t(Translation_1.Translation.ExternalMemberPopup.Fields.PostalCode),
+            isMasked: false,
+        });
+    }
+    if (enableMobilePhone) {
+        fields.push({
+            name: 'mobilePhone',
+            icon: Icon_1.IconType.Phone,
+            label: t(Translation_1.Translation.ExternalMemberPopup.Fields.MobilePhone),
+            isMasked: false,
+            type: ExternalMemberModal_1.ExternalMemberModelFieldType.Phone,
+        });
+    }
+    if (enableMarketingOptIn) {
+        fields.push({
+            name: 'marketingOptIn',
+            icon: Icon_1.IconType.Info,
+            label: t(Translation_1.Translation.ExternalMemberPopup.Fields.MarketingOptIn),
+            isMasked: false,
+            type: ExternalMemberModal_1.ExternalMemberModelFieldType.CheckBox,
+            required: false,
+        });
+    }
+    return fields;
 };
 exports.default = EmailAndFullnameMemberModal;
 //# sourceMappingURL=EmailAndFullnameMemberModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmailAndFullnameMemberModal.js","sourceRoot":"/","sources":["src/components/members/SignInModal/EmailAndFullnameMemberModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,kDAAkC;AAClC,iDAA+C;AAE/C,yDAA0D;AAC1D,4DAAyD;AAEzD,gFAAoF;AAMpF,MAAM,2BAA2B,GAAyC,CAAC,EAA2C,EAAE,EAAE;QAA/C,EAAE,sBAAsB,GAAG,IAAI,OAAY,EAAP,KAAK,cAAzC,0BAA2C,CAAF;IAChH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACH,8BAAC,6BAAmB,oBACZ,KAAK,IACT,MAAM,EAAE;YACJ;gBACI,IAAI,EAAE,cAAc;gBACpB,IAAI,EAAE,eAAQ,CAAC,IAAI;gBACnB,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,mBAAmB,CAAC,MAAM,CAAC,YAAY,CAAC;gBAC7D,QAAQ,EAAE,KAAK;gBACf,QAAQ,EAAE,sBAAsB;gBAChC,UAAU,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,yBAAW,CAAC,mBAAmB,CAAC,MAAM,CAAC,4BAA4B,CAAC,CAAC,CAAC,CAAC,SAAS;aAC3H;YACD;gBACI,IAAI,EAAE,WAAW;gBACjB,IAAI,EAAE,eAAQ,CAAC,MAAM;gBACrB,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;gBACxD,QAAQ,EAAE,KAAK;aAClB;YACD;gBACI,IAAI,EAAE,UAAU;gBAChB,IAAI,EAAE,eAAQ,CAAC,MAAM;gBACrB,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC;gBACvD,QAAQ,EAAE,KAAK;aAClB;YACD;gBACI,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,eAAQ,CAAC,KAAK;gBACpB,KAAK,EAAE,CAAC,CAAC,yBAAW,CAAC,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC;gBACpD,QAAQ,EAAE,KAAK;aAClB;SACJ,IACH,CACL,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,2BAA2B,CAAC","sourcesContent":["import { IMemberVerification } from '@roomstay/core';\nimport React, { FC } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport { Translation } from '@/translations/Translation';\n\nimport ExternalMemberModal, { CommonMemberModalProps } from './ExternalMemberModal';\n\ntype EmailAndFullnameMemberModalProps = CommonMemberModalProps & {\n    isMemberNumberRequired?: boolean;\n};\n\nconst EmailAndFullnameMemberModal: FC<EmailAndFullnameMemberModalProps> = ({ isMemberNumberRequired = true, ...props }) => {\n    const { t } = useTranslation();\n\n    return (\n        <ExternalMemberModal<IMemberVerification>\n            {...props}\n            fields={[\n                {\n                    name: 'memberNumber',\n                    icon: IconType.Star,\n                    label: t(Translation.ExternalMemberPopup.Fields.MemberNumber),\n                    isMasked: false,\n                    required: isMemberNumberRequired,\n                    helperText: !isMemberNumberRequired ? t(Translation.ExternalMemberPopup.Fields.MemberNumberOptionalBenefits) : undefined,\n                },\n                {\n                    name: 'firstName',\n                    icon: IconType.Person,\n                    label: t(Translation.Navigation.SignUp.Inputs.FirstName),\n                    isMasked: false,\n                },\n                {\n                    name: 'lastName',\n                    icon: IconType.Person,\n                    label: t(Translation.Navigation.SignUp.Inputs.LastName),\n                    isMasked: false,\n                },\n                {\n                    name: 'email',\n                    icon: IconType.Email,\n                    label: t(Translation.Navigation.SignIn.EmailAddress),\n                    isMasked: false,\n                },\n            ]}\n        />\n    );\n};\n\nexport default EmailAndFullnameMemberModal;\n"]}
+{"version":3,"file":"EmailAndFullnameMemberModal.js","sourceRoot":"/","sources":["src/components/members/SignInModal/EmailAndFullnameMemberModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { IMemberVerification } from '@roomstay/core';\nimport React, { FC } from 'react';\nimport { FormProvider, useForm } from 'react-hook-form';\nimport { TFunction, useTranslation } from 'react-i18next';\n\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport { Translation } from '@/translations/Translation';\n\nimport ExternalMemberModal, { CommonMemberModalProps, ExternalMemberModelField, ExternalMemberModelFieldType } from './ExternalMemberModal';\n\ntype EmailAndFullnameFields = IMemberVerification & {\n    postalCode?: string;\n    mobilePhone?: string;\n    marketingOptIn?: string;\n};\n\ntype EmailAndFullnameMemberModalProps = CommonMemberModalProps & {\n    isMemberNumberRequired?: boolean;\n    enableMemberNumber?: boolean;\n    enablePostcode?: boolean;\n    enableMobilePhone?: boolean;\n    enableMarketingOptIn?: boolean;\n};\n\nconst EmailAndFullnameMemberModal: FC<EmailAndFullnameMemberModalProps> = ({\n    isMemberNumberRequired = true,\n    enableMemberNumber = true,\n    enablePostcode = false,\n    enableMobilePhone = false,\n    enableMarketingOptIn = false,\n    ...props\n}) => {\n    const methods = useForm<Record<string, string>>({\n        mode: 'onSubmit',\n    });\n    const { t } = useTranslation();\n    const fields = buildFields(t, {\n        enableMemberNumber,\n        isMemberNumberRequired,\n        enablePostcode,\n        enableMobilePhone,\n        enableMarketingOptIn,\n    });\n    return (\n        <FormProvider {...methods}>\n            <ExternalMemberModal<EmailAndFullnameFields> {...props} fields={fields} />\n        </FormProvider>\n    );\n};\n\nconst buildFields = (\n    t: TFunction<'translation', undefined>,\n    {\n        enableMemberNumber,\n        isMemberNumberRequired,\n        enablePostcode,\n        enableMobilePhone,\n        enableMarketingOptIn,\n    }: {\n        enableMemberNumber: boolean;\n        isMemberNumberRequired: boolean;\n        enablePostcode: boolean;\n        enableMobilePhone: boolean;\n        enableMarketingOptIn: boolean;\n    }\n): ExternalMemberModelField<EmailAndFullnameFields>[] => {\n    const fields: ExternalMemberModelField<EmailAndFullnameFields>[] = [];\n\n    if (enableMemberNumber) {\n        fields.push({\n            name: 'memberNumber',\n            icon: IconType.Star,\n            label: t(Translation.ExternalMemberPopup.Fields.MemberNumber),\n            isMasked: false,\n            required: isMemberNumberRequired,\n            helperText: !isMemberNumberRequired ? t(Translation.ExternalMemberPopup.Fields.MemberNumberOptionalBenefits) : undefined,\n        });\n    }\n\n    fields.push(\n        {\n            name: 'firstName',\n            icon: IconType.Person,\n            label: t(Translation.Navigation.SignUp.Inputs.FirstName),\n            isMasked: false,\n        },\n        {\n            name: 'lastName',\n            icon: IconType.Person,\n            label: t(Translation.Navigation.SignUp.Inputs.LastName),\n            isMasked: false,\n        },\n        {\n            name: 'email',\n            icon: IconType.Email,\n            label: t(Translation.Navigation.SignIn.EmailAddress),\n            isMasked: false,\n        }\n    );\n\n    if (enablePostcode) {\n        fields.push({\n            name: 'postalCode',\n            icon: IconType.Map,\n            label: t(Translation.ExternalMemberPopup.Fields.PostalCode),\n            isMasked: false,\n        });\n    }\n\n    if (enableMobilePhone) {\n        fields.push({\n            name: 'mobilePhone',\n            icon: IconType.Phone,\n            label: t(Translation.ExternalMemberPopup.Fields.MobilePhone),\n            isMasked: false,\n            type: ExternalMemberModelFieldType.Phone,\n        });\n    }\n\n    if (enableMarketingOptIn) {\n        fields.push({\n            name: 'marketingOptIn',\n            icon: IconType.Info,\n            label: t(Translation.ExternalMemberPopup.Fields.MarketingOptIn),\n            isMasked: false,\n            type: ExternalMemberModelFieldType.CheckBox,\n            required: false,\n        });\n    }\n\n    return fields;\n};\n\nexport default EmailAndFullnameMemberModal;\n"]}

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

@@ -12,17 +12,23 @@ export type CommonMemberModalProps = {
     imageSize: Property.ObjectFit;
     provider: EMembershipProvider;
 };
-type ExternalMemberModalProps<T extends FieldValues> = CommonMemberModalProps & {
+export type ExternalMemberModalProps<T extends FieldValues> = CommonMemberModalProps & {
     fields: ExternalMemberModelField<T>[];
 };
-type ExternalMemberModelField<T extends FieldValues> = {
+export declare enum ExternalMemberModelFieldType {
+    TextBox = "TextBox",
+    CheckBox = "CheckBox",
+    Phone = "Phone"
+}
+export type ExternalMemberModelField<T extends FieldValues> = {
     name: keyof T & string;
     icon: IconType;
     label: string;
     profileMapping?: keyof UserProfile;
-    isMasked: boolean;
+    isMasked?: boolean;
     required?: boolean;
     helperText?: string;
+    type?: ExternalMemberModelFieldType;
 };
 declare const ExternalMemberModal: <T extends FieldValues & IMemberVerification>(props: ExternalMemberModalProps<T>) => React.JSX.Element;
 export default ExternalMemberModal;

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

@@ -45,6 +45,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExternalMemberModelFieldType = void 0;
 const core_1 = require("@roomstay/core");
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importStar(require("react"));
@@ -52,6 +53,8 @@ const react_hook_form_1 = require("react-hook-form");
 const react_i18next_1 = require("react-i18next");
 const BookingAPI_1 = __importDefault(require("../../../api/BookingAPI"));
 const BEButton_1 = __importDefault(require("../../generic/BEButton"));
+const Checkbox_1 = __importDefault(require("../../generic/Checkbox/Checkbox"));
+const EnhancedPhoneNumberField_1 = __importDefault(require("../../generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField"));
 const Headline_1 = __importDefault(require("../../generic/Headline"));
 const Icon_1 = require("../../generic/Icon/Icon");
 const InputGroup_1 = __importDefault(require("../../generic/InputGroup/InputGroup"));
@@ -61,22 +64,30 @@ const Text_1 = __importStar(require("../../generic/Text"));
 const TextBox_1 = __importDefault(require("../../generic/TextBox"));
 const contexts_1 = require("../../../contexts");
 const hooks_1 = require("../../../hooks");
+const E164PhoneNumberFieldFeature_1 = __importDefault(require("../../../providers/feature/E164PhoneNumberFieldFeature"));
 const ImageProvider_1 = __importStar(require("../../../providers/ImageProvider"));
 const Translation_1 = require("../../../translations/Translation");
 const Color_1 = require("../../../util/Color");
 const ExternalMemberModal_module_scss_1 = __importDefault(require("./ExternalMemberModal.module.scss"));
+var ExternalMemberModelFieldType;
+(function (ExternalMemberModelFieldType) {
+    ExternalMemberModelFieldType["TextBox"] = "TextBox";
+    ExternalMemberModelFieldType["CheckBox"] = "CheckBox";
+    ExternalMemberModelFieldType["Phone"] = "Phone";
+})(ExternalMemberModelFieldType || (exports.ExternalMemberModelFieldType = ExternalMemberModelFieldType = {}));
 const ExternalMemberModal = (props) => {
     var _a;
     const { hotel } = (0, hooks_1.useCurrentHotel)();
     const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
     const { signUserIn, closeMemberSignupModal } = (0, react_1.useContext)(contexts_1.CompanyContext);
     const { t } = (0, react_i18next_1.useTranslation)();
+    const formMethods = (0, react_hook_form_1.useFormContext)();
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);
     const [errorMessage, setErrorMessage] = (0, react_1.useState)('');
-    const formMethods = (0, react_hook_form_1.useForm)();
     const modalPrimaryColor = (hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalUsePrimaryColor) ? Color_1.Color.Accent : Color_1.Color.Success;
     const memberOnlySignupLink = (_a = hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlySignupLinks) === null || _a === void 0 ? void 0 : _a[props.provider];
     const getValidationClass = (name) => {
+        console.log(formMethods.formState, formMethods.getValues());
         if (formMethods.formState.errors) {
             if (formMethods.formState.errors[name]) {
                 return 'error';
@@ -135,11 +146,39 @@ const ExternalMemberModal = (props) => {
                     props.subTitle && react_1.default.createElement(Text_1.default, { className: "u-marg-top external-member-modal-sub-title" }, props.subTitle),
                     react_1.default.createElement("form", { onSubmit: formMethods.handleSubmit(onSubmit) },
                         props.fields.map((field) => {
-                            const isRequired = field.required !== false; // Default to true if not specified
-                            const inputProps = Object.assign({ iconProps: { color: Color_1.Color.DarkGrey }, icon: field.icon, inputProps: { disabled: isLoading }, placeholder: field.label, wide: true, required: isRequired, validationStatus: getValidationClass(field.name) }, formMethods.register(field.name, { required: isRequired }));
-                            return (react_1.default.createElement("div", { className: "u-marg-top u-marg-bottom", key: field.name },
-                                react_1.default.createElement(InputGroup_1.default, { dimensions: "1" }, field.isMasked ? react_1.default.createElement(PasswordBox_1.PasswordBox, Object.assign({}, inputProps)) : react_1.default.createElement(TextBox_1.default, Object.assign({}, inputProps))),
-                                field.helperText && (react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey }, field.helperText))));
+                            const isRequired = field.required !== false;
+                            const validationStatus = getValidationClass(field.name);
+                            const register = formMethods.register(field.name, { required: isRequired });
+                            const inputProps = Object.assign({ iconProps: { color: Color_1.Color.DarkGrey }, icon: field.icon, inputProps: { disabled: isLoading }, placeholder: field.label, wide: true, required: isRequired, validationStatus }, register);
+                            const renderCheckbox = () => (react_1.default.createElement("div", { className: "u-marg-top", key: field.name },
+                                react_1.default.createElement(InputGroup_1.default, { dimensions: "1" },
+                                    react_1.default.createElement(Checkbox_1.default, Object.assign({ label: field.label }, register)))));
+                            const renderPhone = () => (react_1.default.createElement(InputGroup_1.default, { dimensions: "1", key: field.name }, E164PhoneNumberFieldFeature_1.default.isActive() ? (react_1.default.createElement(react_hook_form_1.Controller, { control: formMethods.control, name: field.name, rules: {
+                                    required: {
+                                        value: isRequired,
+                                        message: t(Translation_1.Translation.Step.Confirmation.Inputs.Required, {
+                                            field: t(Translation_1.Translation.Step.Confirmation.Inputs.Phone),
+                                        }),
+                                    },
+                                    minLength: { value: 5, message: 'Phone number is required' },
+                                    maxLength: { value: 17, message: 'Phone number is too long' },
+                                    pattern: {
+                                        value: /^[1-9]( |\d){1,15}$/g,
+                                        message: 'Incorrect phone number entered',
+                                    },
+                                }, render: ({ field: controllerField }) => (react_1.default.createElement(EnhancedPhoneNumberField_1.default, Object.assign({}, controllerField, register, { validationStatus: validationStatus }))) })) : (react_1.default.createElement(TextBox_1.default, Object.assign({}, inputProps)))));
+                            const renderTextInput = () => {
+                                return (react_1.default.createElement("div", { className: "u-marg-top u-marg-bottom", key: field.name },
+                                    react_1.default.createElement(InputGroup_1.default, { dimensions: "1" }, field.isMasked ? react_1.default.createElement(PasswordBox_1.PasswordBox, Object.assign({}, inputProps)) : react_1.default.createElement(TextBox_1.default, Object.assign({}, inputProps))),
+                                    field.helperText && (react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small, color: Color_1.Color.DarkGrey }, field.helperText))));
+                            };
+                            if (field.type === ExternalMemberModelFieldType.CheckBox) {
+                                return renderCheckbox();
+                            }
+                            if (field.type === ExternalMemberModelFieldType.Phone) {
+                                return renderPhone();
+                            }
+                            return renderTextInput();
                         }),
                         react_1.default.createElement(BEButton_1.default, { isLoading: isLoading, htmlType: "submit", className: "u-marg-top external-member-modal-submit-btn", size: "normal", filled: true, primary: hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalUsePrimaryColor, success: !(hotel === null || hotel === void 0 ? void 0 : hotel.memberOnlyModalUsePrimaryColor), stopIconAnimation: true, icon: Icon_1.IconType.ArrowRight, iconPosition: "right", wide: true }, t(Translation_1.Translation.ExternalMemberPopup.Submit)),
                         react_1.default.createElement("div", { className: "u-marg-top" },

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

@@ -1 +1 @@
-{"version":3,"file":"ExternalMemberModal.js","sourceRoot":"/","sources":["src/components/members/SignInModal/ExternalMemberModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { EMembershipProvider, IMemberVerification, IMessage, nameof } from '@roomstay/core';\nimport classNames from 'classnames';\nimport { Property } from 'csstype';\nimport React, { useContext, useState } from 'react';\nimport { FieldValues, Path, SubmitHandler, useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport API from '@/api/BookingAPI';\nimport BEButton from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport InputGroup from '@/components/generic/InputGroup/InputGroup';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport { PasswordBox } from '@/components/generic/PasswordBox/PasswordBox';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox, { TextBoxProps } from '@/components/generic/TextBox';\nimport { BasketContext, CompanyContext } from '@/contexts';\nimport { useCurrentHotel } from '@/hooks';\nimport UserProfile from '@/models/UserProfile';\nimport ImageProvider, { ImageSize } from '@/providers/ImageProvider';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\nimport styles from './ExternalMemberModal.module.scss';\n\nexport type CommonMemberModalProps = {\n    title: string;\n    subTitle?: string;\n    image: string;\n    isOpen: boolean;\n    imageSize: Property.ObjectFit;\n    provider: EMembershipProvider;\n};\n\ntype ExternalMemberModalProps<T extends FieldValues> = CommonMemberModalProps & {\n    fields: ExternalMemberModelField<T>[];\n};\n\ntype ExternalMemberModelField<T extends FieldValues> = {\n    name: keyof T & string;\n    icon: IconType;\n    label: string;\n    profileMapping?: keyof UserProfile;\n    isMasked: boolean;\n    required?: boolean;\n    helperText?: string;\n};\n\nconst ExternalMemberModal = <T extends FieldValues & IMemberVerification>(props: ExternalMemberModalProps<T>) => {\n    const { hotel } = useCurrentHotel();\n    const basketContext = useContext(BasketContext);\n    const { signUserIn, closeMemberSignupModal } = useContext(CompanyContext);\n    const { t } = useTranslation();\n    const [isLoading, setIsLoading] = useState(false);\n    const [errorMessage, setErrorMessage] = useState('');\n    const formMethods = useForm<T>();\n    const modalPrimaryColor = hotel?.memberOnlyModalUsePrimaryColor ? Color.Accent : Color.Success;\n    const memberOnlySignupLink = hotel?.memberOnlySignupLinks?.[props.provider];\n\n    const getValidationClass = (name: keyof T) => {\n        if (formMethods.formState.errors) {\n            if (formMethods.formState.errors[name]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        }\n    };\n\n    const onSubmit: SubmitHandler<T> = async (fields) => {\n        setIsLoading(true);\n        setErrorMessage('');\n\n        try {\n            const hotelId = hotel?.hotelID as string;\n            const member = await API.Member.verifyMember(hotelId, props.provider, fields);\n\n            if (member && member.memberId) {\n                await signUserIn({\n                    saveState: true, //TODO: why was this false???\n                    memberNumber: member.memberId,\n                    memberProvider: props.provider,\n                    firstName: fields.firstName,\n                    lastName: fields.lastName,\n                    email: fields.email,\n                });\n\n                // Preset checkout defaults\n                basketContext.currentBasketRows?.forEach(\n                    (row) =>\n                        (row.checkoutDefaults = {\n                            firstName: fields.firstName,\n                            lastName: fields.lastName,\n                            email: fields.email,\n                        })\n                );\n            } else {\n                setErrorMessage(t(Translation.ExternalMemberPopup.InvalidMember));\n            }\n        } catch (e: any) {\n            if (e[nameof<IMessage>('Message')]) {\n                setErrorMessage(e.Message);\n            } else {\n                throw e;\n            }\n        } finally {\n            setIsLoading(false);\n        }\n    };\n\n    return (\n        <SimpleModal open={props.isOpen} onClose={closeMemberSignupModal} size={SimpleModalSize.Normal} alignCenter>\n            <div className={classNames(styles['external-member-modal'], 'row', `external-member-modal-${props.provider}`)}>\n                <div className=\"col-md-6 external-member-modal-image\">\n                    <img\n                        src={ImageProvider.resizeImage(props.image, ImageSize.Original)}\n                        alt={props.title}\n                        className={styles['external-member-image']}\n                        style={{ objectFit: props.imageSize }}\n                    />\n                </div>\n\n                <div className=\"col-md-6 u-pad--heavy external-member-modal-content\">\n                    <div className=\"u-pad\">\n                        <Headline className=\"external-member-modal-title\" bold color={modalPrimaryColor}>\n                            {props.title}\n                        </Headline>\n                        {props.subTitle && <Text className=\"u-marg-top external-member-modal-sub-title\">{props.subTitle}</Text>}\n\n                        <form onSubmit={formMethods.handleSubmit(onSubmit)}>\n                            {props.fields.map((field) => {\n                                const isRequired = field.required !== false; // Default to true if not specified\n                                const inputProps: TextBoxProps = {\n                                    iconProps: { color: Color.DarkGrey },\n                                    icon: field.icon,\n                                    inputProps: { disabled: isLoading },\n                                    placeholder: field.label,\n                                    wide: true,\n                                    required: isRequired,\n                                    validationStatus: getValidationClass(field.name),\n                                    ...formMethods.register(field.name as Path<T>, { required: isRequired }),\n                                };\n\n                                return (\n                                    <div className=\"u-marg-top u-marg-bottom\" key={field.name}>\n                                        <InputGroup dimensions=\"1\">{field.isMasked ? <PasswordBox {...inputProps} /> : <TextBox {...inputProps} />}</InputGroup>\n                                        {field.helperText && (\n                                            <Text type={TextType.Small} color={Color.DarkGrey}>\n                                                {field.helperText}\n                                            </Text>\n                                        )}\n                                    </div>\n                                );\n                            })}\n\n                            <BEButton\n                                isLoading={isLoading}\n                                htmlType=\"submit\"\n                                className=\"u-marg-top external-member-modal-submit-btn\"\n                                size=\"normal\"\n                                filled\n                                primary={hotel?.memberOnlyModalUsePrimaryColor}\n                                success={!hotel?.memberOnlyModalUsePrimaryColor}\n                                stopIconAnimation\n                                icon={IconType.ArrowRight}\n                                iconPosition=\"right\"\n                                wide\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\n                        {memberOnlySignupLink && (\n                            <div className=\"external-member-modal-signup\">\n                                <div className=\"line-break\"></div>\n                                <div className=\"u-marg-top u-flex align-items-center u-justify-between\">\n                                    <Text type={TextType.Small} className=\"u-flex align-items-center\" color={Color.DarkGrey}>\n                                        {t(Translation.ExternalMemberPopup.DontHaveAccount)}\n                                    </Text>\n                                    <BEButton\n                                        className=\"external-member-modal-signup-btn\"\n                                        htmlType=\"button\"\n                                        size=\"normal\"\n                                        filled\n                                        primary\n                                        onClick={() => window.open(memberOnlySignupLink, '_blank')}\n                                    >\n                                        {t(Translation.ExternalMemberPopup.SignUp)}\n                                    </BEButton>\n                                </div>\n                            </div>\n                        )}\n                    </div>\n                </div>\n            </div>\n        </SimpleModal>\n    );\n};\n\nexport default ExternalMemberModal;\n"]}
+{"version":3,"file":"ExternalMemberModal.js","sourceRoot":"/","sources":["src/components/members/SignInModal/ExternalMemberModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { EMembershipProvider, IMemberVerification, IMessage, nameof } from '@roomstay/core';\nimport classNames from 'classnames';\nimport { Property } from 'csstype';\nimport React, { useContext, useState } from 'react';\nimport { Controller, FieldValues, Path, SubmitHandler, useFormContext } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport API from '@/api/BookingAPI';\nimport BEButton from '@/components/generic/BEButton';\nimport Checkbox from '@/components/generic/Checkbox/Checkbox';\nimport EnhancedPhoneNumberField from '@/components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField';\nimport Headline from '@/components/generic/Headline';\nimport { IconType } from '@/components/generic/Icon/Icon';\nimport InputGroup from '@/components/generic/InputGroup/InputGroup';\nimport SimpleModal, { SimpleModalSize } from '@/components/generic/modal/SimpleModal';\nimport { PasswordBox } from '@/components/generic/PasswordBox/PasswordBox';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox, { TextBoxProps } from '@/components/generic/TextBox';\nimport { BasketContext, CompanyContext } from '@/contexts';\nimport { useCurrentHotel } from '@/hooks';\nimport UserProfile from '@/models/UserProfile';\nimport E164PhoneNumberFieldFeature from '@/providers/feature/E164PhoneNumberFieldFeature';\nimport ImageProvider, { ImageSize } from '@/providers/ImageProvider';\nimport { Translation } from '@/translations/Translation';\nimport { Color } from '@/util/Color';\n\nimport styles from './ExternalMemberModal.module.scss';\n\nexport type CommonMemberModalProps = {\n    title: string;\n    subTitle?: string;\n    image: string;\n    isOpen: boolean;\n    imageSize: Property.ObjectFit;\n    provider: EMembershipProvider;\n};\n\nexport type ExternalMemberModalProps<T extends FieldValues> = CommonMemberModalProps & {\n    fields: ExternalMemberModelField<T>[];\n};\n\nexport enum ExternalMemberModelFieldType {\n    TextBox = 'TextBox',\n    CheckBox = 'CheckBox',\n    Phone = 'Phone',\n}\nexport type ExternalMemberModelField<T extends FieldValues> = {\n    name: keyof T & string;\n    icon: IconType;\n    label: string;\n    profileMapping?: keyof UserProfile;\n    isMasked?: boolean;\n    required?: boolean;\n    helperText?: string;\n    type?: ExternalMemberModelFieldType;\n};\n\nconst ExternalMemberModal = <T extends FieldValues & IMemberVerification>(props: ExternalMemberModalProps<T>) => {\n    const { hotel } = useCurrentHotel();\n    const basketContext = useContext(BasketContext);\n    const { signUserIn, closeMemberSignupModal } = useContext(CompanyContext);\n    const { t } = useTranslation();\n    const formMethods: any = useFormContext<Record<string, string>>();\n\n    const [isLoading, setIsLoading] = useState(false);\n    const [errorMessage, setErrorMessage] = useState('');\n\n    const modalPrimaryColor = hotel?.memberOnlyModalUsePrimaryColor ? Color.Accent : Color.Success;\n    const memberOnlySignupLink = hotel?.memberOnlySignupLinks?.[props.provider];\n\n    const getValidationClass = (name: keyof T) => {\n        console.log(formMethods.formState, formMethods.getValues());\n        if (formMethods.formState.errors) {\n            if (formMethods.formState.errors[name]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        }\n    };\n\n    const onSubmit: SubmitHandler<T> = async (fields) => {\n        setIsLoading(true);\n        setErrorMessage('');\n\n        try {\n            const hotelId = hotel?.hotelID as string;\n            const member = await API.Member.verifyMember(hotelId, props.provider, fields);\n\n            if (member && member.memberId) {\n                await signUserIn({\n                    saveState: true, //TODO: why was this false???\n                    memberNumber: member.memberId,\n                    memberProvider: props.provider,\n                    firstName: fields.firstName,\n                    lastName: fields.lastName,\n                    email: fields.email,\n                });\n\n                // Preset checkout defaults\n                basketContext.currentBasketRows?.forEach(\n                    (row) =>\n                        (row.checkoutDefaults = {\n                            firstName: fields.firstName,\n                            lastName: fields.lastName,\n                            email: fields.email,\n                        })\n                );\n            } else {\n                setErrorMessage(t(Translation.ExternalMemberPopup.InvalidMember));\n            }\n        } catch (e: any) {\n            if (e[nameof<IMessage>('Message')]) {\n                setErrorMessage(e.Message);\n            } else {\n                throw e;\n            }\n        } finally {\n            setIsLoading(false);\n        }\n    };\n\n    return (\n        <SimpleModal open={props.isOpen} onClose={closeMemberSignupModal} size={SimpleModalSize.Normal} alignCenter>\n            <div className={classNames(styles['external-member-modal'], 'row', `external-member-modal-${props.provider}`)}>\n                <div className=\"col-md-6 external-member-modal-image\">\n                    <img\n                        src={ImageProvider.resizeImage(props.image, ImageSize.Original)}\n                        alt={props.title}\n                        className={styles['external-member-image']}\n                        style={{ objectFit: props.imageSize }}\n                    />\n                </div>\n\n                <div className=\"col-md-6 u-pad--heavy external-member-modal-content\">\n                    <div className=\"u-pad\">\n                        <Headline className=\"external-member-modal-title\" bold color={modalPrimaryColor}>\n                            {props.title}\n                        </Headline>\n                        {props.subTitle && <Text className=\"u-marg-top external-member-modal-sub-title\">{props.subTitle}</Text>}\n\n                        <form onSubmit={formMethods.handleSubmit(onSubmit)}>\n                            {props.fields.map((field) => {\n                                const isRequired = field.required !== false;\n                                const validationStatus = getValidationClass(field.name);\n                                const register = formMethods.register(field.name as Path<T>, { required: isRequired });\n                                const inputProps: TextBoxProps = {\n                                    iconProps: { color: Color.DarkGrey },\n                                    icon: field.icon,\n                                    inputProps: { disabled: isLoading },\n                                    placeholder: field.label,\n                                    wide: true,\n                                    required: isRequired,\n                                    validationStatus,\n                                    ...register,\n                                };\n                                const renderCheckbox = () => (\n                                    <div className=\"u-marg-top\" key={field.name}>\n                                        <InputGroup dimensions=\"1\">\n                                            <Checkbox label={field.label} {...register} />\n                                        </InputGroup>\n                                    </div>\n                                );\n\n                                const renderPhone = () => (\n                                    <InputGroup dimensions=\"1\" key={field.name}>\n                                        {E164PhoneNumberFieldFeature.isActive() ? (\n                                            <Controller\n                                                control={formMethods.control}\n                                                name={field.name}\n                                                rules={{\n                                                    required: {\n                                                        value: isRequired,\n                                                        message: t(Translation.Step.Confirmation.Inputs.Required, {\n                                                            field: t(Translation.Step.Confirmation.Inputs.Phone),\n                                                        }),\n                                                    },\n                                                    minLength: { value: 5, message: 'Phone number is required' },\n                                                    maxLength: { value: 17, message: 'Phone number is too long' },\n                                                    pattern: {\n                                                        value: /^[1-9]( |\\d){1,15}$/g,\n                                                        message: 'Incorrect phone number entered',\n                                                    },\n                                                }}\n                                                render={({ field: controllerField }) => (\n                                                    <EnhancedPhoneNumberField {...controllerField} {...register} validationStatus={validationStatus} />\n                                                )}\n                                            />\n                                        ) : (\n                                            <TextBox {...inputProps} />\n                                        )}\n                                    </InputGroup>\n                                );\n\n                                const renderTextInput = () => {\n                                    return (\n                                        <div className=\"u-marg-top u-marg-bottom\" key={field.name}>\n                                            <InputGroup dimensions=\"1\">{field.isMasked ? <PasswordBox {...inputProps} /> : <TextBox {...inputProps} />}</InputGroup>\n\n                                            {field.helperText && (\n                                                <Text type={TextType.Small} color={Color.DarkGrey}>\n                                                    {field.helperText}\n                                                </Text>\n                                            )}\n                                        </div>\n                                    );\n                                };\n\n                                if (field.type === ExternalMemberModelFieldType.CheckBox) {\n                                    return renderCheckbox();\n                                }\n\n                                if (field.type === ExternalMemberModelFieldType.Phone) {\n                                    return renderPhone();\n                                }\n\n                                return renderTextInput();\n                            })}\n\n                            <BEButton\n                                isLoading={isLoading}\n                                htmlType=\"submit\"\n                                className=\"u-marg-top external-member-modal-submit-btn\"\n                                size=\"normal\"\n                                filled\n                                primary={hotel?.memberOnlyModalUsePrimaryColor}\n                                success={!hotel?.memberOnlyModalUsePrimaryColor}\n                                stopIconAnimation\n                                icon={IconType.ArrowRight}\n                                iconPosition=\"right\"\n                                wide\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\n                        {memberOnlySignupLink && (\n                            <div className=\"external-member-modal-signup\">\n                                <div className=\"line-break\"></div>\n                                <div className=\"u-marg-top u-flex align-items-center u-justify-between\">\n                                    <Text type={TextType.Small} className=\"u-flex align-items-center\" color={Color.DarkGrey}>\n                                        {t(Translation.ExternalMemberPopup.DontHaveAccount)}\n                                    </Text>\n                                    <BEButton\n                                        className=\"external-member-modal-signup-btn\"\n                                        htmlType=\"button\"\n                                        size=\"normal\"\n                                        filled\n                                        primary\n                                        onClick={() => window.open(memberOnlySignupLink, '_blank')}\n                                    >\n                                        {t(Translation.ExternalMemberPopup.SignUp)}\n                                    </BEButton>\n                                </div>\n                            </div>\n                        )}\n                    </div>\n                </div>\n            </div>\n        </SimpleModal>\n    );\n};\n\nexport default ExternalMemberModal;\n"]}

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

@@ -222,7 +222,7 @@ const RoomContactDetails = () => {
         const requiredAuxiliaryInputs = [];
         for (const [inputKey, input] of Object.entries((_b = roomGroup === null || roomGroup === void 0 ? void 0 : roomGroup.filters) !== null && _b !== void 0 ? _b : {})) {
             const values = (_d = (_c = currentRoom === null || currentRoom === void 0 ? void 0 : currentRoom.auxiliaryValues) === null || _c === void 0 ? void 0 : _c[inputKey]) === null || _d === void 0 ? void 0 : _d.map((value) => value.toString());
-            let defaultAuxiliaryFilterSelect = filterValue === null || filterValue === void 0 ? void 0 : filterValue[inputKey];
+            let defaultAuxiliaryFilterSelect = (filterValue === null || filterValue === void 0 ? void 0 : filterValue[inputKey]) != null ? String(filterValue === null || filterValue === void 0 ? void 0 : filterValue[inputKey]) : undefined;
             if ((input === null || input === void 0 ? void 0 : input.requireInput) && values) {
                 // Reduce available options to those assigned to the room
                 const options = input.options.filter((option) => {
@@ -232,7 +232,7 @@ const RoomContactDetails = () => {
                 });
                 const requiredInputId = `${(0, core_1.nameof)('AuxInputs')}.${inputKey}`;
                 if (options.length === 1) {
-                    defaultAuxiliaryFilterSelect = options[0].value;
+                    defaultAuxiliaryFilterSelect = String(options[0].value);
                 }
                 // Convert options to format acceptable by the input
                 const auxiliaryFilterOption = options
@@ -420,7 +420,6 @@ const RoomContactDetails = () => {
                 requiredAuxiliaryInputs.length > 0 && (react_1.default.createElement("div", { className: "rs-checkout-required-inputs u-marg-top" },
                     react_1.default.createElement("div", { className: "u-marg-top" },
                         react_1.default.createElement(InputGroup_1.default, { dimensions: "2/2" }, requiredAuxiliaryInputs.map((input) => {
-                            const options = input.options;
                             return (react_1.default.createElement(react_hook_form_1.Controller, { key: input.id, control: control, name: padInputName(input.id), rules: { required: true }, defaultValue: input === null || input === void 0 ? void 0 : input.defaultValue, render: ({ field }) => {
                                     const { ref } = field, rest = __rest(field, ["ref"]);
                                     return (react_1.default.createElement(react_1.default.Fragment, null,