@roomstay/frontend 2.6.18 → 2.6.20

package/dist/src/api/MemberAPI.d.ts

@@ -1,7 +1,6 @@
+import { IMember, IMemberVerification } from '@roomstay/core';
 import BaseAPI from './BaseAPI';
 export default class MemberAPI extends BaseAPI {
     addMember: (firstName: string, lastName: string, email: string, extra: any[], hotelId: string, captchaId?: string) => Promise<any>;
-    signInBig4Member: (memberNumber: string, familyName: string, hotelId: string) => Promise<{
-        memberId: string;
-    }>;
+    verifyMember: (hotelId: string, data: IMemberVerification) => Promise<IMember>;
 }

package/dist/src/api/MemberAPI.js

@@ -45,12 +45,8 @@ class MemberAPI extends BaseAPI_1.default {
                 Captcha: captchaId,
             }, hotelId);
         });
-        this.signInBig4Member = (memberNumber, familyName, hotelId) => __awaiter(this, void 0, void 0, function* () {
-            return this.post(BaseAPI_1.APIEndpoint.Member, {
-                type: 'big4',
-                memberNumber,
-                surname: familyName,
-            }, hotelId, undefined, 'verify-member');
+        this.verifyMember = (hotelId, data) => __awaiter(this, void 0, void 0, function* () {
+            return this.post(BaseAPI_1.APIEndpoint.Member, data, hotelId, undefined, 'verify-member');
         });
     }
 }

package/dist/src/api/MemberAPI.js.map

@@ -1 +1 @@
-{"version":3,"file":"MemberAPI.js","sourceRoot":"/","sources":["src/api/MemberAPI.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yDAAqD;AAErD,MAAqB,SAAU,SAAQ,iBAAO;IAA9C;;QACW,cAAS,GAAG,CAAO,SAAiB,EAAE,QAAgB,EAAE,KAAa,EAAE,KAAY,EAAE,OAAe,EAAE,SAAkB,EAAgB,EAAE;YAC7I,OAAO,IAAI,CAAC,IAAI,CACZ,qBAAW,CAAC,MAAM,EAClB;gBACI,SAAS,EAAE,SAAS;gBACpB,QAAQ,EAAE,QAAQ;gBAClB,KAAK,EAAE,KAAK;gBACZ,KAAK,EAAE,KAAK;gBACZ,OAAO,EAAE,SAAS;aACrB,EACD,OAAO,CACV,CAAC;QACN,CAAC,CAAA,CAAC;QAEK,qBAAgB,GAAG,CAAO,YAAoB,EAAE,UAAkB,EAAE,OAAe,EAAiC,EAAE;YACzH,OAAO,IAAI,CAAC,IAAI,CACZ,qBAAW,CAAC,MAAM,EAClB;gBACI,IAAI,EAAE,MAAM;gBACZ,YAAY;gBACZ,OAAO,EAAE,UAAU;aACtB,EACD,OAAO,EACP,SAAS,EACT,eAAe,CAClB,CAAC;QACN,CAAC,CAAA,CAAC;IACN,CAAC;CAAA;AA5BD,4BA4BC","sourcesContent":["import BaseAPI, { APIEndpoint } from '@/api/BaseAPI';\n\nexport default class MemberAPI extends BaseAPI {\n    public addMember = async (firstName: string, lastName: string, email: string, extra: any[], hotelId: string, captchaId?: string): Promise<any> => {\n        return this.post(\n            APIEndpoint.Member,\n            {\n                FirstName: firstName,\n                LastName: lastName,\n                Email: email,\n                Extra: extra,\n                Captcha: captchaId,\n            },\n            hotelId\n        );\n    };\n\n    public signInBig4Member = async (memberNumber: string, familyName: string, hotelId: string): Promise<{ memberId: string }> => {\n        return this.post(\n            APIEndpoint.Member,\n            {\n                type: 'big4',\n                memberNumber,\n                surname: familyName,\n            },\n            hotelId,\n            undefined,\n            'verify-member'\n        );\n    };\n}\n"]}
+{"version":3,"file":"MemberAPI.js","sourceRoot":"/","sources":["src/api/MemberAPI.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,yDAAqD;AAErD,MAAqB,SAAU,SAAQ,iBAAO;IAA9C;;QACW,cAAS,GAAG,CAAO,SAAiB,EAAE,QAAgB,EAAE,KAAa,EAAE,KAAY,EAAE,OAAe,EAAE,SAAkB,EAAgB,EAAE;YAC7I,OAAO,IAAI,CAAC,IAAI,CACZ,qBAAW,CAAC,MAAM,EAClB;gBACI,SAAS,EAAE,SAAS;gBACpB,QAAQ,EAAE,QAAQ;gBAClB,KAAK,EAAE,KAAK;gBACZ,KAAK,EAAE,KAAK;gBACZ,OAAO,EAAE,SAAS;aACrB,EACD,OAAO,CACV,CAAC;QACN,CAAC,CAAA,CAAC;QAEK,iBAAY,GAAG,CAAO,OAAe,EAAE,IAAyB,EAAoB,EAAE;YACzF,OAAO,IAAI,CAAC,IAAI,CAAC,qBAAW,CAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,CAAC,CAAC;QACpF,CAAC,CAAA,CAAC;IACN,CAAC;CAAA;AAlBD,4BAkBC","sourcesContent":["import { IMember, IMemberVerification } from '@roomstay/core';\n\nimport BaseAPI, { APIEndpoint } from '@/api/BaseAPI';\n\nexport default class MemberAPI extends BaseAPI {\n    public addMember = async (firstName: string, lastName: string, email: string, extra: any[], hotelId: string, captchaId?: string): Promise<any> => {\n        return this.post(\n            APIEndpoint.Member,\n            {\n                FirstName: firstName,\n                LastName: lastName,\n                Email: email,\n                Extra: extra,\n                Captcha: captchaId,\n            },\n            hotelId\n        );\n    };\n\n    public verifyMember = async (hotelId: string, data: IMemberVerification): Promise<IMember> => {\n        return this.post(APIEndpoint.Member, data, hotelId, undefined, 'verify-member');\n    };\n}\n"]}

package/dist/src/components/User/Forms/ForgotPasswordForm.js

@@ -62,9 +62,13 @@ const ForgotPasswordForm = (props) => {
     const { t } = (0, react_i18next_1.useTranslation)();
     const { cognitoLoginState, loading: cognitoLoading, forgotPassword, resetPassword, reset } = (0, react_1.useContext)(contexts_1.AuthenticationContext);
     const { hotel } = (0, hooks_1.useCurrentHotel)();
-    const { register, formState, handleSubmit, watch, setError } = (0, react_hook_form_1.useForm)({
+    const { register, trigger, formState, handleSubmit, watch, setError } = (0, react_hook_form_1.useForm)({
         mode: 'onSubmit',
     });
+    const passwordWatch = watch('password');
+    (0, react_1.useEffect)(() => {
+        trigger('confirmPassword');
+    }, [passwordWatch, trigger]);
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);
     const getValidationClass = (name) => {
         if (formState.errors) {
@@ -132,7 +136,7 @@ const ForgotPasswordForm = (props) => {
                 react_1.default.createElement(LabelAndInputGroup, { label: t(Translation_1.Translation.Navigation.ForgotPassword.Inputs.RepeatPassword.Label), error: formState.errors.confirmPassword, component: react_1.default.createElement(PasswordBox_1.PasswordBox, Object.assign({ placeholder: t(Translation_1.Translation.Navigation.ForgotPassword.Inputs.RepeatPassword.Placeholder), validationStatus: getValidationClass('confirmPassword'), inputProps: { disabled: isLoading || cognitoLoading } }, register('confirmPassword', {
                         required: (0, Validation_1.makeRequiredRule)(t)(areResettingPassword, t(Translation_1.Translation.Navigation.ForgotPassword.Inputs.RepeatPassword.Label)),
                         validate: {
-                            isSame: (0, Validation_1.isPasswordMatch)(t)(watch('password')),
+                            isSame: (0, Validation_1.isPasswordMatch)(t)(passwordWatch),
                         },
                     }))) })),
             react_1.default.createElement("div", { className: "u-marg-top" },

package/dist/src/components/User/Forms/ForgotPasswordForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ForgotPasswordForm.js","sourceRoot":"/","sources":["src/components/User/Forms/ForgotPasswordForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AuthenticationContext, CognitoLoginState } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext, useState } from 'react';\nimport { FieldError, useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport BEButton from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport { Color } from '@/util/Color';\n\nimport { isPasswordMatch, makeEmailPatternRule, makePasswordPatternRule, makeRequiredRule } from '../../../util/Validation';\nimport { PasswordBox } from '../../generic/PasswordBox/PasswordBox';\n\ntype ForgotPasswordFormProps = {\n    onPasswordReset?: () => void;\n    onCancelled?: () => void;\n    onDone?: () => void;\n};\n\ntype ForgotPasswordFormValues = {\n    email: string;\n    code: number;\n    password: string;\n    confirmPassword: string;\n};\n\ntype LabelAndInputGroupProps = {\n    component: React.ReactNode;\n    label: string;\n\n    error?: FieldError;\n};\n\nconst LabelAndInputGroup = (props: LabelAndInputGroupProps) => {\n    const { label, component, error } = props;\n\n    return (\n        <div className=\"u-marg-bottom--light\">\n            <div className=\"u-marg-bottom--light\">\n                <Text type={TextType.Label} color={Color.Navy} bold>\n                    {label}\n                </Text>\n            </div>\n            {component}\n            {!!error && (\n                <p className=\"text-small\" style={{ color: '#ED4362' }}>\n                    {error.message}\n                </p>\n            )}\n        </div>\n    );\n};\n\nexport const ForgotPasswordForm = (props: ForgotPasswordFormProps) => {\n    const { t } = useTranslation();\n\n    const { cognitoLoginState, loading: cognitoLoading, forgotPassword, resetPassword, reset } = useContext(AuthenticationContext);\n    const { hotel } = useCurrentHotel();\n\n    const { register, formState, handleSubmit, watch, setError } = useForm<ForgotPasswordFormValues>({\n        mode: 'onSubmit',\n    });\n\n    const [isLoading, setIsLoading] = useState(false);\n\n    const getValidationClass = (name: keyof ForgotPasswordFormValues) => {\n        if (formState.errors) {\n            if (formState.errors[name]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        }\n    };\n\n    const forgotPasswordStates: CognitoLoginState[] = [CognitoLoginState.ForgotPassword, CognitoLoginState.CodeMismatch];\n\n    const areResettingPassword = forgotPasswordStates.includes(cognitoLoginState as CognitoLoginState);\n\n    const onSubmit = async (values: any) => {\n        setIsLoading(true);\n\n        try {\n            if (areResettingPassword) {\n                const state = await resetPassword(values.email, values.code, values.password, { hotel });\n                if (state === CognitoLoginState.CodeMismatch)\n                    setError('code', {\n                        message: t(Translation.Navigation.ForgotPassword.Inputs.Code.Validation.InvalidCode),\n                    });\n                else props.onDone?.();\n            } else {\n                const state = await forgotPassword(values.email, { hotel });\n                if (state === CognitoLoginState.UserNotFound) {\n                    setError('email', {\n                        message: t(Translation.Navigation.ForgotPassword.Inputs.Email.Validation.UserNotFound),\n                    });\n                }\n            }\n        } catch (ex) {\n            console.error(ex);\n        } finally {\n            setIsLoading(false);\n        }\n    };\n\n    const onCancelPressed = () => {\n        reset();\n        props.onCancelled?.();\n    };\n\n    return (\n        <div>\n            <div className=\"u-marg-bottom--heavy\">\n                <Headline color={Color.Navy} bold className=\"u-marg-bottom--light\">\n                    {t(Translation.Navigation.ForgotPassword.Title)}\n                </Headline>\n                {areResettingPassword && (\n                    <Text type={TextType.Small} color={Color.Success}>\n                        {t(Translation.Navigation.ForgotPassword.CodeSent)}\n                    </Text>\n                )}\n            </div>\n\n            <form onSubmit={handleSubmit(onSubmit)}>\n                <LabelAndInputGroup\n                    label={t(Translation.Navigation.ForgotPassword.Inputs.Email.Label)}\n                    error={formState.errors.email}\n                    component={\n                        <TextBox\n                            placeholder={t(Translation.Navigation.ForgotPassword.Inputs.Email.Placeholder)}\n                            required\n                            validationStatus={getValidationClass('email')}\n                            inputProps={{ disabled: areResettingPassword || isLoading || cognitoLoading }}\n                            {...register('email', {\n                                required: true,\n                                pattern: makeEmailPatternRule(t),\n                            })}\n                        />\n                    }\n                />\n\n                <AutoAutoHeight open={areResettingPassword}>\n                    <LabelAndInputGroup\n                        label={t(Translation.Navigation.ForgotPassword.Inputs.Code.Label)}\n                        error={formState.errors.code}\n                        component={\n                            <TextBox\n                                placeholder={t(Translation.Navigation.ForgotPassword.Inputs.Code.Placeholder)}\n                                validationStatus={getValidationClass('code')}\n                                inputProps={{ disabled: isLoading || cognitoLoading }}\n                                {...register('code', {\n                                    required: makeRequiredRule(t)(areResettingPassword, t(Translation.Navigation.ForgotPassword.Inputs.Code.Label)),\n                                })}\n                            />\n                        }\n                    />\n                    <LabelAndInputGroup\n                        label={t(Translation.Navigation.ForgotPassword.Inputs.Password.Label)}\n                        error={formState.errors.password}\n                        component={\n                            <PasswordBox\n                                placeholder={t(Translation.Navigation.ForgotPassword.Inputs.Password.Placeholder)}\n                                validationStatus={getValidationClass('password')}\n                                inputProps={{ disabled: isLoading || cognitoLoading }}\n                                {...register('password', {\n                                    required: makeRequiredRule(t)(areResettingPassword, t(Translation.Navigation.ForgotPassword.Inputs.Password.Label)),\n                                    pattern: makePasswordPatternRule(t),\n                                })}\n                            />\n                        }\n                    />\n                    <LabelAndInputGroup\n                        label={t(Translation.Navigation.ForgotPassword.Inputs.RepeatPassword.Label)}\n                        error={formState.errors.confirmPassword}\n                        component={\n                            <PasswordBox\n                                placeholder={t(Translation.Navigation.ForgotPassword.Inputs.RepeatPassword.Placeholder)}\n                                validationStatus={getValidationClass('confirmPassword')}\n                                inputProps={{ disabled: isLoading || cognitoLoading }}\n                                {...register('confirmPassword', {\n                                    required: makeRequiredRule(t)(areResettingPassword, t(Translation.Navigation.ForgotPassword.Inputs.RepeatPassword.Label)),\n                                    validate: {\n                                        isSame: isPasswordMatch(t)(watch('password')),\n                                    },\n                                })}\n                            />\n                        }\n                    />\n                </AutoAutoHeight>\n                <div className=\"u-marg-top\">\n                    <BEButton primary filled wide htmlType=\"submit\" isLoading={cognitoLoading || isLoading}>\n                        {t(Translation.Navigation.ForgotPassword.Inputs.SubmitButton.Label)}\n                    </BEButton>\n                </div>\n                <div className=\"u-marg-top u-align-center\">\n                    <BEButton isText onClick={onCancelPressed} size=\"small\">\n                        {t(Translation.Navigation.ForgotPassword.Inputs.CancelButton.Label)}\n                    </BEButton>\n                </div>\n            </form>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"ForgotPasswordForm.js","sourceRoot":"/","sources":["src/components/User/Forms/ForgotPasswordForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AuthenticationContext, CognitoLoginState } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { FieldError, useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport AutoAutoHeight from '@/animations/AutoAutoHeight';\nimport BEButton from '@/components/generic/BEButton';\nimport Headline from '@/components/generic/Headline';\nimport Text, { TextType } from '@/components/generic/Text';\nimport TextBox from '@/components/generic/TextBox';\nimport { Color } from '@/util/Color';\n\nimport { isPasswordMatch, makeEmailPatternRule, makePasswordPatternRule, makeRequiredRule } from '../../../util/Validation';\nimport { PasswordBox } from '../../generic/PasswordBox/PasswordBox';\n\ntype ForgotPasswordFormProps = {\n    onPasswordReset?: () => void;\n    onCancelled?: () => void;\n    onDone?: () => void;\n};\n\ntype ForgotPasswordFormValues = {\n    email: string;\n    code: number;\n    password: string;\n    confirmPassword: string;\n};\n\ntype LabelAndInputGroupProps = {\n    component: React.ReactNode;\n    label: string;\n\n    error?: FieldError;\n};\n\nconst LabelAndInputGroup = (props: LabelAndInputGroupProps) => {\n    const { label, component, error } = props;\n\n    return (\n        <div className=\"u-marg-bottom--light\">\n            <div className=\"u-marg-bottom--light\">\n                <Text type={TextType.Label} color={Color.Navy} bold>\n                    {label}\n                </Text>\n            </div>\n            {component}\n            {!!error && (\n                <p className=\"text-small\" style={{ color: '#ED4362' }}>\n                    {error.message}\n                </p>\n            )}\n        </div>\n    );\n};\n\nexport const ForgotPasswordForm = (props: ForgotPasswordFormProps) => {\n    const { t } = useTranslation();\n\n    const { cognitoLoginState, loading: cognitoLoading, forgotPassword, resetPassword, reset } = useContext(AuthenticationContext);\n    const { hotel } = useCurrentHotel();\n\n    const { register, trigger, formState, handleSubmit, watch, setError } = useForm<ForgotPasswordFormValues>({\n        mode: 'onSubmit',\n    });\n\n    const passwordWatch = watch('password');\n\n    useEffect(() => {\n        trigger('confirmPassword');\n    }, [passwordWatch, trigger]);\n\n    const [isLoading, setIsLoading] = useState(false);\n\n    const getValidationClass = (name: keyof ForgotPasswordFormValues) => {\n        if (formState.errors) {\n            if (formState.errors[name]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        }\n    };\n\n    const forgotPasswordStates: CognitoLoginState[] = [CognitoLoginState.ForgotPassword, CognitoLoginState.CodeMismatch];\n\n    const areResettingPassword = forgotPasswordStates.includes(cognitoLoginState as CognitoLoginState);\n\n    const onSubmit = async (values: any) => {\n        setIsLoading(true);\n\n        try {\n            if (areResettingPassword) {\n                const state = await resetPassword(values.email, values.code, values.password, { hotel });\n                if (state === CognitoLoginState.CodeMismatch)\n                    setError('code', {\n                        message: t(Translation.Navigation.ForgotPassword.Inputs.Code.Validation.InvalidCode),\n                    });\n                else props.onDone?.();\n            } else {\n                const state = await forgotPassword(values.email, { hotel });\n                if (state === CognitoLoginState.UserNotFound) {\n                    setError('email', {\n                        message: t(Translation.Navigation.ForgotPassword.Inputs.Email.Validation.UserNotFound),\n                    });\n                }\n            }\n        } catch (ex) {\n            console.error(ex);\n        } finally {\n            setIsLoading(false);\n        }\n    };\n\n    const onCancelPressed = () => {\n        reset();\n        props.onCancelled?.();\n    };\n\n    return (\n        <div>\n            <div className=\"u-marg-bottom--heavy\">\n                <Headline color={Color.Navy} bold className=\"u-marg-bottom--light\">\n                    {t(Translation.Navigation.ForgotPassword.Title)}\n                </Headline>\n                {areResettingPassword && (\n                    <Text type={TextType.Small} color={Color.Success}>\n                        {t(Translation.Navigation.ForgotPassword.CodeSent)}\n                    </Text>\n                )}\n            </div>\n\n            <form onSubmit={handleSubmit(onSubmit)}>\n                <LabelAndInputGroup\n                    label={t(Translation.Navigation.ForgotPassword.Inputs.Email.Label)}\n                    error={formState.errors.email}\n                    component={\n                        <TextBox\n                            placeholder={t(Translation.Navigation.ForgotPassword.Inputs.Email.Placeholder)}\n                            required\n                            validationStatus={getValidationClass('email')}\n                            inputProps={{ disabled: areResettingPassword || isLoading || cognitoLoading }}\n                            {...register('email', {\n                                required: true,\n                                pattern: makeEmailPatternRule(t),\n                            })}\n                        />\n                    }\n                />\n\n                <AutoAutoHeight open={areResettingPassword}>\n                    <LabelAndInputGroup\n                        label={t(Translation.Navigation.ForgotPassword.Inputs.Code.Label)}\n                        error={formState.errors.code}\n                        component={\n                            <TextBox\n                                placeholder={t(Translation.Navigation.ForgotPassword.Inputs.Code.Placeholder)}\n                                validationStatus={getValidationClass('code')}\n                                inputProps={{ disabled: isLoading || cognitoLoading }}\n                                {...register('code', {\n                                    required: makeRequiredRule(t)(areResettingPassword, t(Translation.Navigation.ForgotPassword.Inputs.Code.Label)),\n                                })}\n                            />\n                        }\n                    />\n                    <LabelAndInputGroup\n                        label={t(Translation.Navigation.ForgotPassword.Inputs.Password.Label)}\n                        error={formState.errors.password}\n                        component={\n                            <PasswordBox\n                                placeholder={t(Translation.Navigation.ForgotPassword.Inputs.Password.Placeholder)}\n                                validationStatus={getValidationClass('password')}\n                                inputProps={{ disabled: isLoading || cognitoLoading }}\n                                {...register('password', {\n                                    required: makeRequiredRule(t)(areResettingPassword, t(Translation.Navigation.ForgotPassword.Inputs.Password.Label)),\n                                    pattern: makePasswordPatternRule(t),\n                                })}\n                            />\n                        }\n                    />\n                    <LabelAndInputGroup\n                        label={t(Translation.Navigation.ForgotPassword.Inputs.RepeatPassword.Label)}\n                        error={formState.errors.confirmPassword}\n                        component={\n                            <PasswordBox\n                                placeholder={t(Translation.Navigation.ForgotPassword.Inputs.RepeatPassword.Placeholder)}\n                                validationStatus={getValidationClass('confirmPassword')}\n                                inputProps={{ disabled: isLoading || cognitoLoading }}\n                                {...register('confirmPassword', {\n                                    required: makeRequiredRule(t)(areResettingPassword, t(Translation.Navigation.ForgotPassword.Inputs.RepeatPassword.Label)),\n                                    validate: {\n                                        isSame: isPasswordMatch(t)(passwordWatch),\n                                    },\n                                })}\n                            />\n                        }\n                    />\n                </AutoAutoHeight>\n                <div className=\"u-marg-top\">\n                    <BEButton primary filled wide htmlType=\"submit\" isLoading={cognitoLoading || isLoading}>\n                        {t(Translation.Navigation.ForgotPassword.Inputs.SubmitButton.Label)}\n                    </BEButton>\n                </div>\n                <div className=\"u-marg-top u-align-center\">\n                    <BEButton isText onClick={onCancelPressed} size=\"small\">\n                        {t(Translation.Navigation.ForgotPassword.Inputs.CancelButton.Label)}\n                    </BEButton>\n                </div>\n            </form>\n        </div>\n    );\n};\n"]}

package/dist/src/components/generic/InputGroup/InputGroup.js

@@ -20,6 +20,12 @@ function InputGroup(props) {
                 (childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray[0]) && react_1.default.createElement("div", null, childrenArray[0]),
                 (childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray[1]) && react_1.default.createElement("div", { className: ((_b = (_a = childrenArray[1]) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.name) === InputGroup.name ? 'no-marg' : '' }, childrenArray[1])));
             break;
+        case '1/2/2':
+            innerLayout = (react_1.default.createElement(react_1.default.Fragment, null,
+                (childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray[0]) && react_1.default.createElement("div", null, childrenArray[0]),
+                (childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray[1]) && react_1.default.createElement("div", null, childrenArray[1]),
+                (childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray[2]) && react_1.default.createElement("div", null, childrenArray[2])));
+            break;
         case '1':
         default:
             innerLayout = props.children;

package/dist/src/components/generic/InputGroup/InputGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.js","sourceRoot":"/","sources":["src/components/generic/InputGroup/InputGroup.tsx"],"names":[],"mappings":";;;;;AAAA,4DAAoC;AACpC,kDAAyC;AAUzC,SAAwB,UAAU,CAAC,KAAsB;;IACrD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,eAAe,EAAE;QACxC,CAAC,KAAK,KAAK,CAAC,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU;KAChD,CAAC,CAAC;IAEH,IAAI,WAAW,CAAC;IAEhB,MAAM,aAAa,GAAU,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACpE,QAAQ,KAAK,CAAC,UAAU,EAAE;QACtB,KAAK,KAAK,CAAC;QACX,KAAK,KAAK,CAAC;QACX,KAAK,KAAK;YACN,WAAW,GAAG,CACV;gBACK,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,KAAI,2CAAM,aAAa,CAAC,CAAC,CAAC,CAAO;gBACnD,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,KAAI,uCAAK,SAAS,EAAE,CAAA,MAAA,MAAA,aAAa,CAAC,CAAC,CAAC,0CAAE,IAAI,0CAAE,IAAI,MAAK,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,IAAG,aAAa,CAAC,CAAC,CAAC,CAAO,CACnI,CACN,CAAC;YAEF,MAAM;QACV,KAAK,GAAG,CAAC;QACT;YACI,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC;YAC7B,MAAM;KACb;IAED,OAAO,uCAAK,SAAS,EAAE,OAAO,IAAG,WAAW,CAAO,CAAC;AACxD,CAAC;AA3BD,6BA2BC","sourcesContent":["import classNames from 'classnames';\nimport React, { ReactNode } from 'react';\n\nimport { InputGroupDimensions } from '@/components/generic/InputGroup/InputGroup.types';\n\nexport interface InputGroupProps {\n    children: ReactNode | ReactNode[];\n\n    dimensions?: InputGroupDimensions;\n}\n\nexport default function InputGroup(props: InputGroupProps) {\n    const classes = classNames('be-form-group', {\n        [`s-${props.dimensions}`]: !!props.dimensions,\n    });\n\n    let innerLayout;\n\n    const childrenArray: any[] = React.Children.toArray(props.children);\n    switch (props.dimensions) {\n        case '1/3':\n        case '3/1':\n        case '2/2':\n            innerLayout = (\n                <>\n                    {childrenArray?.[0] && <div>{childrenArray[0]}</div>}\n                    {childrenArray?.[1] && <div className={childrenArray[1]?.type?.name === InputGroup.name ? 'no-marg' : ''}>{childrenArray[1]}</div>}\n                </>\n            );\n\n            break;\n        case '1':\n        default:\n            innerLayout = props.children;\n            break;\n    }\n\n    return <div className={classes}>{innerLayout}</div>;\n}\n"]}
+{"version":3,"file":"InputGroup.js","sourceRoot":"/","sources":["src/components/generic/InputGroup/InputGroup.tsx"],"names":[],"mappings":";;;;;AAAA,4DAAoC;AACpC,kDAAyC;AAUzC,SAAwB,UAAU,CAAC,KAAsB;;IACrD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,eAAe,EAAE;QACxC,CAAC,KAAK,KAAK,CAAC,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU;KAChD,CAAC,CAAC;IAEH,IAAI,WAAW,CAAC;IAEhB,MAAM,aAAa,GAAU,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACpE,QAAQ,KAAK,CAAC,UAAU,EAAE;QACtB,KAAK,KAAK,CAAC;QACX,KAAK,KAAK,CAAC;QACX,KAAK,KAAK;YACN,WAAW,GAAG,CACV;gBACK,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,KAAI,2CAAM,aAAa,CAAC,CAAC,CAAC,CAAO;gBACnD,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,KAAI,uCAAK,SAAS,EAAE,CAAA,MAAA,MAAA,aAAa,CAAC,CAAC,CAAC,0CAAE,IAAI,0CAAE,IAAI,MAAK,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,IAAG,aAAa,CAAC,CAAC,CAAC,CAAO,CACnI,CACN,CAAC;YAEF,MAAM;QACV,KAAK,OAAO;YACR,WAAW,GAAG,CACV;gBACK,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,KAAI,2CAAM,aAAa,CAAC,CAAC,CAAC,CAAO;gBACnD,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,KAAI,2CAAM,aAAa,CAAC,CAAC,CAAC,CAAO;gBACnD,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,KAAI,2CAAM,aAAa,CAAC,CAAC,CAAC,CAAO,CACrD,CACN,CAAC;YAEF,MAAM;QACV,KAAK,GAAG,CAAC;QACT;YACI,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC;YAC7B,MAAM;KACb;IAED,OAAO,uCAAK,SAAS,EAAE,OAAO,IAAG,WAAW,CAAO,CAAC;AACxD,CAAC;AArCD,6BAqCC","sourcesContent":["import classNames from 'classnames';\nimport React, { ReactNode } from 'react';\n\nimport { InputGroupDimensions } from '@/components/generic/InputGroup/InputGroup.types';\n\nexport interface InputGroupProps {\n    children: ReactNode | ReactNode[];\n\n    dimensions?: InputGroupDimensions;\n}\n\nexport default function InputGroup(props: InputGroupProps) {\n    const classes = classNames('be-form-group', {\n        [`s-${props.dimensions}`]: !!props.dimensions,\n    });\n\n    let innerLayout;\n\n    const childrenArray: any[] = React.Children.toArray(props.children);\n    switch (props.dimensions) {\n        case '1/3':\n        case '3/1':\n        case '2/2':\n            innerLayout = (\n                <>\n                    {childrenArray?.[0] && <div>{childrenArray[0]}</div>}\n                    {childrenArray?.[1] && <div className={childrenArray[1]?.type?.name === InputGroup.name ? 'no-marg' : ''}>{childrenArray[1]}</div>}\n                </>\n            );\n\n            break;\n        case '1/2/2':\n            innerLayout = (\n                <>\n                    {childrenArray?.[0] && <div>{childrenArray[0]}</div>}\n                    {childrenArray?.[1] && <div>{childrenArray[1]}</div>}\n                    {childrenArray?.[2] && <div>{childrenArray[2]}</div>}\n                </>\n            );\n\n            break;\n        case '1':\n        default:\n            innerLayout = props.children;\n            break;\n    }\n\n    return <div className={classes}>{innerLayout}</div>;\n}\n"]}

package/dist/src/components/generic/InputGroup/InputGroup.types.d.ts

@@ -1 +1 @@
-export type InputGroupDimensions = '1' | '2/2' | '3/1' | '1/3';
+export type InputGroupDimensions = '1' | '2/2' | '3/1' | '1/3' | '1/2/2';

package/dist/src/components/generic/InputGroup/InputGroup.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.types.js","sourceRoot":"/","sources":["src/components/generic/InputGroup/InputGroup.types.ts"],"names":[],"mappings":"","sourcesContent":["export type InputGroupDimensions = '1' | '2/2' | '3/1' | '1/3';\n"]}
+{"version":3,"file":"InputGroup.types.js","sourceRoot":"/","sources":["src/components/generic/InputGroup/InputGroup.types.ts"],"names":[],"mappings":"","sourcesContent":["export type InputGroupDimensions = '1' | '2/2' | '3/1' | '1/3' | '1/2/2';\n"]}

package/dist/src/components/generic/Select/InputSelect.js

@@ -46,7 +46,7 @@ function InputSelect({ value, onChange, options, keyName, labelName, label, plac
         react_1.default.createElement(TextBox_1.default, { label: label, inputProps: {
                 onClick: onTriggerClicked,
                 autoComplete: 'off',
-            }, value: ((_a = getOption(value)) === null || _a === void 0 ? void 0 : _a[labelName]) || '', ref: innerRef, placeholder: placeholder, required: required, validationStatus: validationStatus, className: InputSelect_module_scss_1.default['text-input'], icon: Icon_1.IconType.ArrowDown2, iconPosition: "right" }),
+            }, value: ((_a = getOption(value)) === null || _a === void 0 ? void 0 : _a[labelName]) || '', ref: innerRef, placeholder: placeholder, required: required, validationStatus: validationStatus, className: InputSelect_module_scss_1.default['text-input'], icon: Icon_1.IconType.Dropdown, iconProps: { size: '18px' }, iconPosition: "right" }),
         react_1.default.createElement("div", { ref: setContainer, style: { width: '100%', display: 'block' } }),
         react_1.default.createElement(Select_1.Select, { keyName: keyName, labelName: labelName, options: options, target: container, onClose: onDropdownClosed, onChange: (value) => {
                 onItemSelected();

package/dist/src/components/generic/Select/InputSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputSelect.js","sourceRoot":"/","sources":["src/components/generic/Select/InputSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8D;AAE9D,+DAAiF;AACjF,2EAAqE;AACrE,iEAAiE;AAEjE,uCAAwC;AACxC,wFAA+C;AAO/C,SAAwB,WAAW,CAA0D,EACzF,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,gBAAgB,GACkB;;IAClC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAwB,IAAI,CAAC,CAAC;IACxE,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAEhD,MAAM,SAAS,GAAG,CAAC,GAAsB,EAAuB,EAAE;QAC9D,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC;IAC7D,CAAC,CAAC;IAEF,MAAM,EAAE,gBAAgB,EAAE,cAAc,EAAE,gBAAgB,EAAE,cAAc,EAAE,GAAG,IAAA,wCAAoB,EAAC;QAChG,GAAG,EAAE,QAAQ,CAAC,OAAO;KACxB,CAAC,CAAC;IAEH,OAAO,CACH;QACI,8BAAC,iBAAO,IACJ,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE;gBACR,OAAO,EAAE,gBAAgB;gBACzB,YAAY,EAAE,KAAK;aACtB,EACD,KAAK,EAAE,CAAA,MAAA,SAAS,CAAC,KAAK,CAAC,0CAAG,SAAS,CAAC,KAAI,EAAE,EAC1C,GAAG,EAAE,QAAQ,EACb,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,iCAAM,CAAC,YAAY,CAAC,EAC/B,IAAI,EAAE,eAAQ,CAAC,UAAU,EACzB,YAAY,EAAC,OAAO,GACtB;QACF,uCAAK,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAI;QACtE,8BAAC,eAAM,IACH,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAChB,cAAc,EAAE,CAAC;gBACjB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAC;YACtB,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,cAAc,GACtB,CACH,CACN,CAAC;AACN,CAAC;AAvDD,8BAuDC","sourcesContent":["import React, { ReactElement, useRef, useState } from 'react';\n\nimport { Option, Select, SelectProps } from '@/components/generic/Select/Select';\nimport TextBox, { TextBoxProps } from '@/components/generic/TextBox';\nimport { useAutoFocusOnSelect } from '@/hooks/AutoFocusOnSelect';\n\nimport { IconType } from '../Icon/Icon';\nimport styles from './InputSelect.module.scss';\n\ntype IInputSelectProps<TOption extends Option<KeyName>, KeyName extends string> = Pick<SelectProps<TOption, KeyName>, 'value' | 'onChange' | 'keyName' | 'labelName'> &\n    Pick<TextBoxProps, 'label' | 'placeholder' | 'required' | 'validationStatus'> & {\n        options: TOption[];\n    };\n\nexport default function InputSelect<TOption extends Option<KeyName>, KeyName extends string>({\n    value,\n    onChange,\n    options,\n    keyName,\n    labelName,\n    label,\n    placeholder,\n    required,\n    validationStatus,\n}: IInputSelectProps<TOption, KeyName>): ReactElement | null {\n    const [container, setContainer] = useState<HTMLDivElement | null>(null);\n    const innerRef = useRef<HTMLInputElement>(null);\n\n    const getOption = (key?: TOption[KeyName]): TOption | undefined => {\n        return options.find((option) => option[keyName] === key);\n    };\n\n    const { onDropdownClosed, onItemSelected, onTriggerClicked, isDropdownOpen } = useAutoFocusOnSelect({\n        ref: innerRef.current,\n    });\n\n    return (\n        <>\n            <TextBox\n                label={label}\n                inputProps={{\n                    onClick: onTriggerClicked,\n                    autoComplete: 'off',\n                }}\n                value={getOption(value)?.[labelName] || ''}\n                ref={innerRef}\n                placeholder={placeholder}\n                required={required}\n                validationStatus={validationStatus}\n                className={styles['text-input']}\n                icon={IconType.ArrowDown2}\n                iconPosition=\"right\"\n            />\n            <div ref={setContainer} style={{ width: '100%', display: 'block' }} />\n            <Select<TOption, KeyName>\n                keyName={keyName}\n                labelName={labelName}\n                options={options}\n                target={container}\n                onClose={onDropdownClosed}\n                onChange={(value) => {\n                    onItemSelected();\n                    onChange?.(value);\n                }}\n                value={value}\n                open={isDropdownOpen}\n            />\n        </>\n    );\n}\n"]}
+{"version":3,"file":"InputSelect.js","sourceRoot":"/","sources":["src/components/generic/Select/InputSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8D;AAE9D,+DAAiF;AACjF,2EAAqE;AACrE,iEAAiE;AAEjE,uCAAwC;AACxC,wFAA+C;AAO/C,SAAwB,WAAW,CAA0D,EACzF,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,gBAAgB,GACkB;;IAClC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAwB,IAAI,CAAC,CAAC;IACxE,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAEhD,MAAM,SAAS,GAAG,CAAC,GAAsB,EAAuB,EAAE;QAC9D,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC;IAC7D,CAAC,CAAC;IAEF,MAAM,EAAE,gBAAgB,EAAE,cAAc,EAAE,gBAAgB,EAAE,cAAc,EAAE,GAAG,IAAA,wCAAoB,EAAC;QAChG,GAAG,EAAE,QAAQ,CAAC,OAAO;KACxB,CAAC,CAAC;IAEH,OAAO,CACH;QACI,8BAAC,iBAAO,IACJ,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE;gBACR,OAAO,EAAE,gBAAgB;gBACzB,YAAY,EAAE,KAAK;aACtB,EACD,KAAK,EAAE,CAAA,MAAA,SAAS,CAAC,KAAK,CAAC,0CAAG,SAAS,CAAC,KAAI,EAAE,EAC1C,GAAG,EAAE,QAAQ,EACb,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,iCAAM,CAAC,YAAY,CAAC,EAC/B,IAAI,EAAE,eAAQ,CAAC,QAAQ,EACvB,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAC3B,YAAY,EAAC,OAAO,GACtB;QACF,uCAAK,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAI;QACtE,8BAAC,eAAM,IACH,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAChB,cAAc,EAAE,CAAC;gBACjB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAC;YACtB,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,cAAc,GACtB,CACH,CACN,CAAC;AACN,CAAC;AAxDD,8BAwDC","sourcesContent":["import React, { ReactElement, useRef, useState } from 'react';\n\nimport { Option, Select, SelectProps } from '@/components/generic/Select/Select';\nimport TextBox, { TextBoxProps } from '@/components/generic/TextBox';\nimport { useAutoFocusOnSelect } from '@/hooks/AutoFocusOnSelect';\n\nimport { IconType } from '../Icon/Icon';\nimport styles from './InputSelect.module.scss';\n\ntype IInputSelectProps<TOption extends Option<KeyName>, KeyName extends string> = Pick<SelectProps<TOption, KeyName>, 'value' | 'onChange' | 'keyName' | 'labelName'> &\n    Pick<TextBoxProps, 'label' | 'placeholder' | 'required' | 'validationStatus'> & {\n        options: TOption[];\n    };\n\nexport default function InputSelect<TOption extends Option<KeyName>, KeyName extends string>({\n    value,\n    onChange,\n    options,\n    keyName,\n    labelName,\n    label,\n    placeholder,\n    required,\n    validationStatus,\n}: IInputSelectProps<TOption, KeyName>): ReactElement | null {\n    const [container, setContainer] = useState<HTMLDivElement | null>(null);\n    const innerRef = useRef<HTMLInputElement>(null);\n\n    const getOption = (key?: TOption[KeyName]): TOption | undefined => {\n        return options.find((option) => option[keyName] === key);\n    };\n\n    const { onDropdownClosed, onItemSelected, onTriggerClicked, isDropdownOpen } = useAutoFocusOnSelect({\n        ref: innerRef.current,\n    });\n\n    return (\n        <>\n            <TextBox\n                label={label}\n                inputProps={{\n                    onClick: onTriggerClicked,\n                    autoComplete: 'off',\n                }}\n                value={getOption(value)?.[labelName] || ''}\n                ref={innerRef}\n                placeholder={placeholder}\n                required={required}\n                validationStatus={validationStatus}\n                className={styles['text-input']}\n                icon={IconType.Dropdown}\n                iconProps={{ size: '18px' }}\n                iconPosition=\"right\"\n            />\n            <div ref={setContainer} style={{ width: '100%', display: 'block' }} />\n            <Select<TOption, KeyName>\n                keyName={keyName}\n                labelName={labelName}\n                options={options}\n                target={container}\n                onClose={onDropdownClosed}\n                onChange={(value) => {\n                    onItemSelected();\n                    onChange?.(value);\n                }}\n                value={value}\n                open={isDropdownOpen}\n            />\n        </>\n    );\n}\n"]}

package/dist/src/components/members/EditMyProfile.js

@@ -111,13 +111,13 @@ const EditMyProfile = () => {
                     react_1.default.createElement(TextBox_1.default, Object.assign({ inputProps: { className: '' } }, register('address.zip'), { label: t(Translation_1.Translation.UserPortal.ProfileScreen.Field.Zip) })),
                     react_1.default.createElement(ForwardedSelect_1.default, Object.assign({}, register('address.country'), { options: countriesOptions, label: t(Translation_1.Translation.UserPortal.ProfileScreen.Field.Country) })))),
             react_1.default.createElement(InputGroup_1.default, null,
-                react_1.default.createElement(PasswordBox_1.PasswordBox, Object.assign({}, register('currentPassword'), { label: t(Translation_1.Translation.UserPortal.ProfileScreen.Field.CurrentPassword) })),
+                react_1.default.createElement(PasswordBox_1.PasswordBox, Object.assign({}, register('currentPassword'), { label: t(Translation_1.Translation.UserPortal.ChangePassword.Field.CurrentPassword) })),
                 react_1.default.createElement(PasswordBox_1.PasswordBox, Object.assign({}, register('newPassword', {
                     pattern: (0, Validation_1.makePasswordPatternRule)(t),
-                }), { label: t(Translation_1.Translation.UserPortal.ProfileScreen.Field.NewPassword) })),
+                }), { label: t(Translation_1.Translation.UserPortal.ChangePassword.Field.NewPassword) })),
                 react_1.default.createElement(PasswordBox_1.PasswordBox, Object.assign({}, register('confirmPassword', {
                     pattern: (0, Validation_1.makePasswordPatternRule)(t),
-                }), { label: t(Translation_1.Translation.UserPortal.ProfileScreen.Field.ConfirmPassword) })),
+                }), { label: t(Translation_1.Translation.UserPortal.ChangePassword.Field.ConfirmPassword) })),
                 cognitoError && (react_1.default.createElement("p", { className: "text-small", style: { color: '#ED4362' } }, cognitoError === null || cognitoError === void 0 ? void 0 : cognitoError.message))),
             react_1.default.createElement("button", { type: "submit", disabled: loading, color: "primary" }, t(Translation_1.Translation.Misc.SaveAllChanges))))) : (react_1.default.createElement(LargeLoader_1.default, null))));
 };

package/dist/src/components/members/EditMyProfile.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditMyProfile.js","sourceRoot":"/","sources":["src/components/members/EditMyProfile.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AuthenticationContext, IChangePassword, RoomstayMemberContext } from '@frontend/contexts';\nimport { IRoomstayMember } from '@roomstay/core';\nimport React, { useContext, useEffect, useMemo } from 'react';\nimport { Controller, useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport EnhancedPhoneNumberField from '@/components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField';\nimport ForwardedSelect, { SelectOption } from '@/components/generic/ForwardedSelect';\nimport InputGroup from '@/components/generic/InputGroup/InputGroup';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport TextBox from '@/components/generic/TextBox';\nimport { ListOfCountriesAndCodes } from '@/models/CountryCodesAndNumbers';\nimport { Translation } from '@/translations/Translation';\nimport { makePasswordPatternRule } from '@/util/Validation';\n\nimport { PasswordBox } from '../generic/PasswordBox/PasswordBox';\n\nconst EditMyProfile: React.FC = () => {\n    const { roomstayMember, loading, updateMemberDetails } = useContext(RoomstayMemberContext);\n    const { error: cognitoError } = useContext(AuthenticationContext);\n\n    const { handleSubmit, register, reset, control, formState, setError } = useForm<IRoomstayMember & IChangePassword>({\n        defaultValues: useMemo(() => roomstayMember, [roomstayMember]),\n    });\n    const { t } = useTranslation();\n\n    useEffect(() => {\n        reset(roomstayMember);\n    }, [roomstayMember, reset]);\n\n    const onSubmit = async (data: IRoomstayMember & IChangePassword) => {\n        if (data?.currentPassword || data?.newPassword || data?.confirmPassword) {\n            if (data.newPassword !== data.confirmPassword) {\n                setError('confirmPassword', { message: t(Translation.UserPortal.ProfileScreen.Validation.Password.DoesNotMatch) });\n                return;\n            }\n        }\n        await updateMemberDetails?.(data);\n        reset({ ...roomstayMember, currentPassword: '', newPassword: '', confirmPassword: '' });\n    };\n\n    const countriesOptions: SelectOption[] = useMemo(() => {\n        const countries = ListOfCountriesAndCodes.map(({ label }) => ({ label, value: label }));\n        countries.unshift({ label: '', value: '' });\n        return countries;\n    }, []);\n\n    const getValidationClass = (field: keyof (IRoomstayMember & IChangePassword)) => {\n        if (formState.errors && formState.touchedFields[field]) {\n            if (formState.errors[field]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        } else {\n            return null;\n        }\n    };\n\n    return (\n        <>\n            {roomstayMember ? (\n                <div>\n                    <form onSubmit={handleSubmit(onSubmit)}>\n                        <InputGroup>\n                            <>\n                                <input className=\"c-input textbox\" disabled value={roomstayMember?.email} />\n                            </>\n                            <TextBox {...register('forename')} label={t(Translation.UserPortal.ProfileScreen.Field.Forename)} />\n                            <TextBox {...register('surname')} label={t(Translation.UserPortal.ProfileScreen.Field.Surname)} />\n                            <>\n                                <Controller\n                                    control={control}\n                                    name=\"phoneNumber\"\n                                    rules={{\n                                        maxLength: {\n                                            value: 17,\n                                            message: t(Translation.UserPortal.ProfileScreen.Validation.Phone.IsTooLong),\n                                        },\n                                        pattern: {\n                                            value: /^\\+[1-9]( |\\d){1,15}$/g,\n                                            message: t(Translation.UserPortal.ProfileScreen.Validation.Phone.IsNotValid),\n                                        },\n                                    }}\n                                    render={({ field }) => <EnhancedPhoneNumberField {...field} onChange={field.onChange} validationStatus={getValidationClass('phoneNumber')} />}\n                                />\n                            </>\n                        </InputGroup>\n\n                        <InputGroup>\n                            <TextBox {...register('address.address')} label={t(Translation.UserPortal.ProfileScreen.Field.Address)} />\n                            <TextBox {...register('address.city')} label={t(Translation.UserPortal.ProfileScreen.Field.City)} />\n                            <InputGroup dimensions=\"2/2\">\n                                <TextBox inputProps={{ className: '' }} {...register('address.zip')} label={t(Translation.UserPortal.ProfileScreen.Field.Zip)} />\n                                <ForwardedSelect {...register('address.country')} options={countriesOptions} label={t(Translation.UserPortal.ProfileScreen.Field.Country)} />\n                            </InputGroup>\n                        </InputGroup>\n\n                        <InputGroup>\n                            <PasswordBox {...register('currentPassword')} label={t(Translation.UserPortal.ProfileScreen.Field.CurrentPassword)} />\n                            <PasswordBox\n                                {...register('newPassword', {\n                                    pattern: makePasswordPatternRule(t),\n                                })}\n                                label={t(Translation.UserPortal.ProfileScreen.Field.NewPassword)}\n                            />\n                            <PasswordBox\n                                {...register('confirmPassword', {\n                                    pattern: makePasswordPatternRule(t),\n                                })}\n                                label={t(Translation.UserPortal.ProfileScreen.Field.ConfirmPassword)}\n                            />\n                            {cognitoError && (\n                                <p className=\"text-small\" style={{ color: '#ED4362' }}>\n                                    {cognitoError?.message}\n                                </p>\n                            )}\n                        </InputGroup>\n\n                        <button type=\"submit\" disabled={loading} color=\"primary\">\n                            {t(Translation.Misc.SaveAllChanges)}\n                        </button>\n                    </form>\n                    {/* <Backdrop open={loading} style={{ zIndex: 1234 }}>\n                        <LargeLoader />\n                    </Backdrop> */}\n                </div>\n            ) : (\n                <LargeLoader />\n            )}\n        </>\n    );\n};\n\nexport default EditMyProfile;\n"]}
+{"version":3,"file":"EditMyProfile.js","sourceRoot":"/","sources":["src/components/members/EditMyProfile.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AuthenticationContext, IChangePassword, RoomstayMemberContext } from '@frontend/contexts';\nimport { IRoomstayMember } from '@roomstay/core';\nimport React, { useContext, useEffect, useMemo } from 'react';\nimport { Controller, useForm } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport EnhancedPhoneNumberField from '@/components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField';\nimport ForwardedSelect, { SelectOption } from '@/components/generic/ForwardedSelect';\nimport InputGroup from '@/components/generic/InputGroup/InputGroup';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport TextBox from '@/components/generic/TextBox';\nimport { ListOfCountriesAndCodes } from '@/models/CountryCodesAndNumbers';\nimport { Translation } from '@/translations/Translation';\nimport { makePasswordPatternRule } from '@/util/Validation';\n\nimport { PasswordBox } from '../generic/PasswordBox/PasswordBox';\n\nconst EditMyProfile: React.FC = () => {\n    const { roomstayMember, loading, updateMemberDetails } = useContext(RoomstayMemberContext);\n    const { error: cognitoError } = useContext(AuthenticationContext);\n\n    const { handleSubmit, register, reset, control, formState, setError } = useForm<IRoomstayMember & IChangePassword>({\n        defaultValues: useMemo(() => roomstayMember, [roomstayMember]),\n    });\n    const { t } = useTranslation();\n\n    useEffect(() => {\n        reset(roomstayMember);\n    }, [roomstayMember, reset]);\n\n    const onSubmit = async (data: IRoomstayMember & IChangePassword) => {\n        if (data?.currentPassword || data?.newPassword || data?.confirmPassword) {\n            if (data.newPassword !== data.confirmPassword) {\n                setError('confirmPassword', { message: t(Translation.UserPortal.ProfileScreen.Validation.Password.DoesNotMatch) });\n                return;\n            }\n        }\n        await updateMemberDetails?.(data);\n        reset({ ...roomstayMember, currentPassword: '', newPassword: '', confirmPassword: '' });\n    };\n\n    const countriesOptions: SelectOption[] = useMemo(() => {\n        const countries = ListOfCountriesAndCodes.map(({ label }) => ({ label, value: label }));\n        countries.unshift({ label: '', value: '' });\n        return countries;\n    }, []);\n\n    const getValidationClass = (field: keyof (IRoomstayMember & IChangePassword)) => {\n        if (formState.errors && formState.touchedFields[field]) {\n            if (formState.errors[field]) {\n                return 'error';\n            } else {\n                return 'success';\n            }\n        } else {\n            return null;\n        }\n    };\n\n    return (\n        <>\n            {roomstayMember ? (\n                <div>\n                    <form onSubmit={handleSubmit(onSubmit)}>\n                        <InputGroup>\n                            <>\n                                <input className=\"c-input textbox\" disabled value={roomstayMember?.email} />\n                            </>\n                            <TextBox {...register('forename')} label={t(Translation.UserPortal.ProfileScreen.Field.Forename)} />\n                            <TextBox {...register('surname')} label={t(Translation.UserPortal.ProfileScreen.Field.Surname)} />\n                            <>\n                                <Controller\n                                    control={control}\n                                    name=\"phoneNumber\"\n                                    rules={{\n                                        maxLength: {\n                                            value: 17,\n                                            message: t(Translation.UserPortal.ProfileScreen.Validation.Phone.IsTooLong),\n                                        },\n                                        pattern: {\n                                            value: /^\\+[1-9]( |\\d){1,15}$/g,\n                                            message: t(Translation.UserPortal.ProfileScreen.Validation.Phone.IsNotValid),\n                                        },\n                                    }}\n                                    render={({ field }) => <EnhancedPhoneNumberField {...field} onChange={field.onChange} validationStatus={getValidationClass('phoneNumber')} />}\n                                />\n                            </>\n                        </InputGroup>\n\n                        <InputGroup>\n                            <TextBox {...register('address.address')} label={t(Translation.UserPortal.ProfileScreen.Field.Address)} />\n                            <TextBox {...register('address.city')} label={t(Translation.UserPortal.ProfileScreen.Field.City)} />\n                            <InputGroup dimensions=\"2/2\">\n                                <TextBox inputProps={{ className: '' }} {...register('address.zip')} label={t(Translation.UserPortal.ProfileScreen.Field.Zip)} />\n                                <ForwardedSelect {...register('address.country')} options={countriesOptions} label={t(Translation.UserPortal.ProfileScreen.Field.Country)} />\n                            </InputGroup>\n                        </InputGroup>\n\n                        <InputGroup>\n                            <PasswordBox {...register('currentPassword')} label={t(Translation.UserPortal.ChangePassword.Field.CurrentPassword)} />\n                            <PasswordBox\n                                {...register('newPassword', {\n                                    pattern: makePasswordPatternRule(t),\n                                })}\n                                label={t(Translation.UserPortal.ChangePassword.Field.NewPassword)}\n                            />\n                            <PasswordBox\n                                {...register('confirmPassword', {\n                                    pattern: makePasswordPatternRule(t),\n                                })}\n                                label={t(Translation.UserPortal.ChangePassword.Field.ConfirmPassword)}\n                            />\n                            {cognitoError && (\n                                <p className=\"text-small\" style={{ color: '#ED4362' }}>\n                                    {cognitoError?.message}\n                                </p>\n                            )}\n                        </InputGroup>\n\n                        <button type=\"submit\" disabled={loading} color=\"primary\">\n                            {t(Translation.Misc.SaveAllChanges)}\n                        </button>\n                    </form>\n                    {/* <Backdrop open={loading} style={{ zIndex: 1234 }}>\n                        <LargeLoader />\n                    </Backdrop> */}\n                </div>\n            ) : (\n                <LargeLoader />\n            )}\n        </>\n    );\n};\n\nexport default EditMyProfile;\n"]}

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

@@ -33,7 +33,7 @@ const BookingAPI_1 = __importDefault(require("../../../api/BookingAPI"));
 const StepLayout_1 = require("../../generic/Layout/StepLayout");
 const LargeLoader_1 = __importDefault(require("../../generic/loader/LargeLoader"));
 const AddonCard_1 = __importDefault(require("./AddonCard"));
-const AddonsNotFound_1 = __importDefault(require("./AddonsNotFound"));
+const AddonsNotFoundBlock_1 = __importDefault(require("./AddonsNotFoundBlock"));
 const StepRoomSummaryAndButton_1 = __importDefault(require("../room/StepRoomSummaryAndButton"));
 const AddonList = () => {
     const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
@@ -53,7 +53,7 @@ const AddonList = () => {
         react_1.default.createElement(StepLayout_1.StepLayoutContainer, null,
             react_1.default.createElement(StepLayout_1.StepLayoutLeftContent, null, !isLoading ? ((addons === null || addons === void 0 ? void 0 : addons.length) ? (addons.map((addon, index) => {
                 return react_1.default.createElement(AddonCard_1.default, { key: index, className: "u-marg-bottom", addon: addon });
-            })) : (react_1.default.createElement(AddonsNotFound_1.default, null))) : (react_1.default.createElement(LargeLoader_1.default, null))),
+            })) : (react_1.default.createElement(AddonsNotFoundBlock_1.default, null))) : (react_1.default.createElement(LargeLoader_1.default, null))),
             react_1.default.createElement(StepLayout_1.StepLayoutRightContent, null,
                 react_1.default.createElement(StepRoomSummaryAndButton_1.default, null)))));
 };

package/dist/src/components/steps/addons/AddonList.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddonList.js","sourceRoot":"/","sources":["src/components/steps/addons/AddonList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAmE;AACnE,2CAAkD;AAClD,+CAAoD;AAEpD,kEAAmC;AACnC,uEAA4H;AAC5H,0FAAkE;AAClE,oFAA4D;AAC5D,8FAAsE;AACtE,gHAAwF;AAGxF,MAAM,SAAS,GAAG,GAAG,EAAE;IACnB,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IAEvC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,IAAI,GAAG,aAAa,CAAC,eAAe,EAAE,CAAC;IAC7C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAiB,IAAI,CAAC,CAAC;IAC3D,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhD,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,oBAAG,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAiB,CAAC,CAAC,IAAI,CAAC,CAAC,aAAa,EAAE,EAAE;YACzE,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,SAAS,CAAC,aAAa,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC,CAAC;IAE1B,OAAO,CACH,uCAAK,SAAS,EAAC,QAAQ;QACnB,8BAAC,gCAAmB;YAChB,8BAAC,kCAAqB,QACjB,CAAC,SAAS,CAAC,CAAC,CAAC,CACV,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAC,CAAC,CAAC,CACb,MAAM,CAAC,GAAG,CAAC,CAAC,KAAY,EAAE,KAAa,EAAE,EAAE;gBACvC,OAAO,8BAAC,mBAAS,IAAC,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC;YAC7E,CAAC,CAAC,CACL,CAAC,CAAC,CAAC,CACA,8BAAC,wBAAc,OAAG,CACrB,CACJ,CAAC,CAAC,CAAC,CACA,8BAAC,qBAAW,OAAG,CAClB,CACmB;YAExB,8BAAC,mCAAsB;gBACnB,8BAAC,kCAAwB,OAAG,CACP,CACP,CACpB,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import { BasketContext, CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext, useState } from 'react';\n\nimport API from '@/api/BookingAPI';\nimport { StepLayoutContainer, StepLayoutLeftContent, StepLayoutRightContent } from '@/components/generic/Layout/StepLayout';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport AddonCard from '@/components/steps/addons/AddonCard';\nimport AddonsNotFound from '@/components/steps/addons/AddonsNotFound';\nimport StepRoomSummaryAndButton from '@/components/steps/room/StepRoomSummaryAndButton';\nimport { Addon } from '@/models/Addon/Addon';\n\nconst AddonList = () => {\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n\n    const { hotel } = useCurrentHotel();\n\n    const rows = basketContext.getAllValidRows();\n    const [addons, setAddons] = useState<Addon[] | null>(null);\n    const [isLoading, setLoading] = useState(false);\n\n    React.useEffect(() => {\n        setLoading(true);\n        API.Addons.findAddons(rows, hotel?.hotelID as string).then((foundedAddons) => {\n            setLoading(false);\n            setAddons(foundedAddons);\n        });\n    }, [ccx.currentLanguage]);\n\n    return (\n        <div className=\"u-flex\">\n            <StepLayoutContainer>\n                <StepLayoutLeftContent>\n                    {!isLoading ? (\n                        addons?.length ? (\n                            addons.map((addon: Addon, index: number) => {\n                                return <AddonCard key={index} className=\"u-marg-bottom\" addon={addon} />;\n                            })\n                        ) : (\n                            <AddonsNotFound />\n                        )\n                    ) : (\n                        <LargeLoader />\n                    )}\n                </StepLayoutLeftContent>\n\n                <StepLayoutRightContent>\n                    <StepRoomSummaryAndButton />\n                </StepLayoutRightContent>\n            </StepLayoutContainer>\n        </div>\n    );\n};\n\nexport default AddonList;\n"]}
+{"version":3,"file":"AddonList.js","sourceRoot":"/","sources":["src/components/steps/addons/AddonList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAmE;AACnE,2CAAkD;AAClD,+CAAoD;AAEpD,kEAAmC;AACnC,uEAA4H;AAC5H,0FAAkE;AAClE,oFAA4D;AAC5D,wGAAgF;AAChF,gHAAwF;AAGxF,MAAM,SAAS,GAAG,GAAG,EAAE;IACnB,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAChD,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAC;IAEvC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,MAAM,IAAI,GAAG,aAAa,CAAC,eAAe,EAAE,CAAC;IAC7C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAiB,IAAI,CAAC,CAAC;IAC3D,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhD,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,oBAAG,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAiB,CAAC,CAAC,IAAI,CAAC,CAAC,aAAa,EAAE,EAAE;YACzE,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,SAAS,CAAC,aAAa,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC,CAAC;IAE1B,OAAO,CACH,uCAAK,SAAS,EAAC,QAAQ;QACnB,8BAAC,gCAAmB;YAChB,8BAAC,kCAAqB,QACjB,CAAC,SAAS,CAAC,CAAC,CAAC,CACV,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAC,CAAC,CAAC,CACb,MAAM,CAAC,GAAG,CAAC,CAAC,KAAY,EAAE,KAAa,EAAE,EAAE;gBACvC,OAAO,8BAAC,mBAAS,IAAC,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC;YAC7E,CAAC,CAAC,CACL,CAAC,CAAC,CAAC,CACA,8BAAC,6BAAmB,OAAG,CAC1B,CACJ,CAAC,CAAC,CAAC,CACA,8BAAC,qBAAW,OAAG,CAClB,CACmB;YAExB,8BAAC,mCAAsB;gBACnB,8BAAC,kCAAwB,OAAG,CACP,CACP,CACpB,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import { BasketContext, CompanyContext } from '@frontend/contexts';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport React, { useContext, useState } from 'react';\n\nimport API from '@/api/BookingAPI';\nimport { StepLayoutContainer, StepLayoutLeftContent, StepLayoutRightContent } from '@/components/generic/Layout/StepLayout';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport AddonCard from '@/components/steps/addons/AddonCard';\nimport AddonsNotFoundBlock from '@/components/steps/addons/AddonsNotFoundBlock';\nimport StepRoomSummaryAndButton from '@/components/steps/room/StepRoomSummaryAndButton';\nimport { Addon } from '@/models/Addon/Addon';\n\nconst AddonList = () => {\n    const basketContext = useContext(BasketContext);\n    const ccx = useContext(CompanyContext);\n\n    const { hotel } = useCurrentHotel();\n\n    const rows = basketContext.getAllValidRows();\n    const [addons, setAddons] = useState<Addon[] | null>(null);\n    const [isLoading, setLoading] = useState(false);\n\n    React.useEffect(() => {\n        setLoading(true);\n        API.Addons.findAddons(rows, hotel?.hotelID as string).then((foundedAddons) => {\n            setLoading(false);\n            setAddons(foundedAddons);\n        });\n    }, [ccx.currentLanguage]);\n\n    return (\n        <div className=\"u-flex\">\n            <StepLayoutContainer>\n                <StepLayoutLeftContent>\n                    {!isLoading ? (\n                        addons?.length ? (\n                            addons.map((addon: Addon, index: number) => {\n                                return <AddonCard key={index} className=\"u-marg-bottom\" addon={addon} />;\n                            })\n                        ) : (\n                            <AddonsNotFoundBlock />\n                        )\n                    ) : (\n                        <LargeLoader />\n                    )}\n                </StepLayoutLeftContent>\n\n                <StepLayoutRightContent>\n                    <StepRoomSummaryAndButton />\n                </StepLayoutRightContent>\n            </StepLayoutContainer>\n        </div>\n    );\n};\n\nexport default AddonList;\n"]}

package/dist/src/components/steps/addons/AddonsNotFoundBlock.d.ts

@@ -0,0 +1,2 @@
+export declare const BE_NO_ADDONS_FOUND_BLOCK = "BENoAddonsFoundBlock";
+export default function AddonsNotFoundBlock(): JSX.Element;

package/dist/src/components/steps/addons/{AddonsNotFound.js → AddonsNotFoundBlock.js}

@@ -3,14 +3,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.BE_NO_ADDONS_FOUND_BLOCK = void 0;
 const react_1 = __importDefault(require("react"));
 const react_i18next_1 = require("react-i18next");
 const Translation_1 = require("translations/Translation");
 const Headline_1 = __importDefault(require("../../generic/Headline"));
 const Text_1 = __importDefault(require("../../generic/Text"));
+const DIProvider_1 = require("../../../providers/DIProvider");
 const Color_1 = require("../../../util/Color");
 const TravelerNotfound_1 = __importDefault(require("../../graphics/TravelerNotfound"));
-function AddonsNotFound() {
+function OriginalAddonsNotFoundBlock() {
     const { t } = (0, react_i18next_1.useTranslation)();
     return (react_1.default.createElement("div", { className: "u-align-center" },
         react_1.default.createElement("div", { className: "u-marg-bottom--heavy" },
@@ -19,5 +21,9 @@ function AddonsNotFound() {
             react_1.default.createElement(Headline_1.default, { size: "large", bold: true }, t(Translation_1.Translation.Step.Addon.NotFound.Title))),
         react_1.default.createElement(Text_1.default, { color: Color_1.Color.DarkGrey }, t(Translation_1.Translation.Step.Addon.NotFound.Message))));
 }
-exports.default = AddonsNotFound;
-//# sourceMappingURL=AddonsNotFound.js.map
+exports.BE_NO_ADDONS_FOUND_BLOCK = 'BENoAddonsFoundBlock';
+function AddonsNotFoundBlock() {
+    return (0, DIProvider_1.withDI)(exports.BE_NO_ADDONS_FOUND_BLOCK, OriginalAddonsNotFoundBlock, null);
+}
+exports.default = AddonsNotFoundBlock;
+//# sourceMappingURL=AddonsNotFoundBlock.js.map

package/dist/src/components/steps/addons/AddonsNotFoundBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddonsNotFoundBlock.js","sourceRoot":"/","sources":["src/components/steps/addons/AddonsNotFoundBlock.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,iDAA+C;AAC/C,0DAAuD;AAEvD,6EAAqD;AACrD,qEAA6C;AAC7C,uDAAgD;AAChD,wCAAqC;AAErC,uFAA+D;AAE/D,SAAS,2BAA2B;IAChC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,OAAO,CACH,uCAAK,SAAS,EAAC,gBAAgB;QAC3B,uCAAK,SAAS,EAAC,sBAAsB;YAEjC,8BAAC,0BAAgB,OAAG,CAClB;QACN,uCAAK,SAAS,EAAC,eAAe;YAC1B,8BAAC,kBAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,UACtB,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAClC,CACT;QACN,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ,IAAG,CAAC,CAAC,yBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAQ,CAC9E,CACT,CAAC;AACN,CAAC;AACY,QAAA,wBAAwB,GAAG,sBAAsB,CAAC;AAE/D,SAAwB,mBAAmB;IACvC,OAAO,IAAA,mBAAM,EAAC,gCAAwB,EAAE,2BAA2B,EAAE,IAAI,CAAC,CAAC;AAC/E,CAAC;AAFD,sCAEC","sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Translation } from 'translations/Translation';\n\nimport Headline from '@/components/generic/Headline';\nimport Text from '@/components/generic/Text';\nimport { withDI } from '@/providers/DIProvider';\nimport { Color } from '@/util/Color';\n\nimport TravelerNotfound from '../../graphics/TravelerNotfound';\n\nfunction OriginalAddonsNotFoundBlock() {\n    const { t } = useTranslation();\n    return (\n        <div className=\"u-align-center\">\n            <div className=\"u-marg-bottom--heavy\">\n                {/*BLANK SLATE IMAGE*/}\n                <TravelerNotfound />\n            </div>\n            <div className=\"u-marg-bottom\">\n                <Headline size=\"large\" bold>\n                    {t(Translation.Step.Addon.NotFound.Title)}\n                </Headline>\n            </div>\n            <Text color={Color.DarkGrey}>{t(Translation.Step.Addon.NotFound.Message)}</Text>\n        </div>\n    );\n}\nexport const BE_NO_ADDONS_FOUND_BLOCK = 'BENoAddonsFoundBlock';\n\nexport default function AddonsNotFoundBlock() {\n    return withDI(BE_NO_ADDONS_FOUND_BLOCK, OriginalAddonsNotFoundBlock, null);\n}\n"]}

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

@@ -59,6 +59,7 @@ const StepConfirmationCountrySelector_1 = __importDefault(require("./StepConfirm
 const useSearchScopeHook_1 = require("../../../hooks/useSearchScopeHook");
 const Confirmation_1 = require("../../../models/Confirmation");
 const E164PhoneNumberFieldFeature_1 = __importDefault(require("../../../providers/feature/E164PhoneNumberFieldFeature"));
+const GuestTitleFieldFeature_1 = __importDefault(require("../../../providers/feature/GuestTitleFieldFeature"));
 const Color_1 = require("../../../util/Color");
 const DataLayer_1 = __importStar(require("../../../util/DataLayer"));
 const StringHelper_1 = __importDefault(require("../../../util/StringHelper"));
@@ -95,19 +96,23 @@ const RoomContactDetails = () => {
         const getDefaultValue = (index, potentialDefaultValue = '') => {
             return index === 0 ? potentialDefaultValue : '';
         };
-        const userProfiles = basketRows.map((basketRows, index) => {
-            var _a, _b, _c, _d;
+        const userProfiles = basketRows.map((basketRow, index) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+            const defaults = basketRow.checkoutDefaults;
+            const addr = defaults === null || defaults === void 0 ? void 0 : defaults.Address;
             return {
-                [Confirmation_1.EUserProfileFormKey.Forename]: getDefaultValue(index, member === null || member === void 0 ? void 0 : member.forename),
-                [Confirmation_1.EUserProfileFormKey.Surname]: getDefaultValue(index, member === null || member === void 0 ? void 0 : member.surname),
-                [Confirmation_1.EUserProfileFormKey.Email]: getDefaultValue(index, member === null || member === void 0 ? void 0 : member.email),
-                [Confirmation_1.EUserProfileFormKey.Phone]: getDefaultValue(index, member === null || member === void 0 ? void 0 : member.phoneNumber),
-                [Confirmation_1.EUserProfileFormKey.Address]: getDefaultValue(index, (_a = member === null || member === void 0 ? void 0 : member.address) === null || _a === void 0 ? void 0 : _a.address),
-                [Confirmation_1.EUserProfileFormKey.City]: getDefaultValue(index, (_b = member === null || member === void 0 ? void 0 : member.address) === null || _b === void 0 ? void 0 : _b.city),
-                [Confirmation_1.EUserProfileFormKey.PostCode]: getDefaultValue(index, (_c = member === null || member === void 0 ? void 0 : member.address) === null || _c === void 0 ? void 0 : _c.zip),
-                [Confirmation_1.EUserProfileFormKey.Country]: getDefaultValue(index, (_d = member === null || member === void 0 ? void 0 : member.address) === null || _d === void 0 ? void 0 : _d.country),
-                [Confirmation_1.EUserProfileFormKey.CountryId]: '',
-                [Confirmation_1.EUserProfileFormKey.CountryCode]: '',
+                [Confirmation_1.EUserProfileFormKey.Title]: '',
+                [Confirmation_1.EUserProfileFormKey.Forename]: getDefaultValue(index, (_a = defaults === null || defaults === void 0 ? void 0 : defaults.FirstName) !== null && _a !== void 0 ? _a : member === null || member === void 0 ? void 0 : member.forename),
+                [Confirmation_1.EUserProfileFormKey.Surname]: getDefaultValue(index, (_b = defaults === null || defaults === void 0 ? void 0 : defaults.LastName) !== null && _b !== void 0 ? _b : member === null || member === void 0 ? void 0 : member.surname),
+                [Confirmation_1.EUserProfileFormKey.Email]: getDefaultValue(index, (_c = defaults === null || defaults === void 0 ? void 0 : defaults.Email) !== null && _c !== void 0 ? _c : member === null || member === void 0 ? void 0 : member.email),
+                [Confirmation_1.EUserProfileFormKey.Phone]: getDefaultValue(index, (_d = defaults === null || defaults === void 0 ? void 0 : defaults.Phone) !== null && _d !== void 0 ? _d : member === null || member === void 0 ? void 0 : member.phoneNumber),
+                [Confirmation_1.EUserProfileFormKey.Address]: getDefaultValue(index, (_e = addr === null || addr === void 0 ? void 0 : addr.Line1) !== null && _e !== void 0 ? _e : (_f = member === null || member === void 0 ? void 0 : member.address) === null || _f === void 0 ? void 0 : _f.address),
+                [Confirmation_1.EUserProfileFormKey.City]: getDefaultValue(index, (_g = addr === null || addr === void 0 ? void 0 : addr.City) !== null && _g !== void 0 ? _g : (_h = member === null || member === void 0 ? void 0 : member.address) === null || _h === void 0 ? void 0 : _h.city),
+                [Confirmation_1.EUserProfileFormKey.PostCode]: getDefaultValue(index, (_j = addr === null || addr === void 0 ? void 0 : addr.PostalCode) !== null && _j !== void 0 ? _j : (_k = member === null || member === void 0 ? void 0 : member.address) === null || _k === void 0 ? void 0 : _k.zip),
+                [Confirmation_1.EUserProfileFormKey.State]: getDefaultValue(index, (_l = addr === null || addr === void 0 ? void 0 : addr.State) !== null && _l !== void 0 ? _l : (_m = member === null || member === void 0 ? void 0 : member.address) === null || _m === void 0 ? void 0 : _m.state),
+                [Confirmation_1.EUserProfileFormKey.Country]: getDefaultValue(index, (_o = addr === null || addr === void 0 ? void 0 : addr.Country) !== null && _o !== void 0 ? _o : (_p = member === null || member === void 0 ? void 0 : member.address) === null || _p === void 0 ? void 0 : _p.country),
+                [Confirmation_1.EUserProfileFormKey.CountryId]: getDefaultValue(index, (_q = addr === null || addr === void 0 ? void 0 : addr.CountryId) === null || _q === void 0 ? void 0 : _q.toString()),
+                [Confirmation_1.EUserProfileFormKey.CountryCode]: getDefaultValue(index, addr === null || addr === void 0 ? void 0 : addr.CountryCode),
             };
         });
         setValue('userProfiles', userProfiles);
@@ -186,6 +191,8 @@ const RoomContactDetails = () => {
         const currentRoom = basketRow.getRoom();
         const isDisabled = (copyCheckBox && index >= 1) || paymentMethod === core_1.EBookingPaymentMethod.Planpay;
         const roomGroup = (_a = hotel === null || hotel === void 0 ? void 0 : hotel.roomGroups) === null || _a === void 0 ? void 0 : _a.find(({ id }) => id === currentRoom.roomGroupId);
+        const includeStateField = (hotel === null || hotel === void 0 ? void 0 : hotel.stateFieldConfiguration) === core_1.EHotelStateFieldConfiguration.Optional || (hotel === null || hotel === void 0 ? void 0 : hotel.stateFieldConfiguration) === core_1.EHotelStateFieldConfiguration.Required;
+        const stateFieldRequired = (hotel === null || hotel === void 0 ? void 0 : hotel.stateFieldConfiguration) === core_1.EHotelStateFieldConfiguration.Required;
         const requiredInputs = [];
         for (const inputKey of Object.keys((_b = roomGroup === null || roomGroup === void 0 ? void 0 : roomGroup.filters) !== null && _b !== void 0 ? _b : {})) {
             const input = roomGroup === null || roomGroup === void 0 ? void 0 : roomGroup.filters[inputKey];
@@ -193,6 +200,23 @@ const RoomContactDetails = () => {
                 requiredInputs.push({ id: `AuxInputs.${inputKey}`, name: input.name, label: input.name, options: input.options });
             }
         }
+        // The Country input field will be included in different places, depending on whether the State field is enabled or not.
+        const countryInputField = (react_1.default.createElement(react_hook_form_1.Controller, { control: control, name: padInputName(Confirmation_1.EUserProfileFormKey.Country), rules: {
+                required: {
+                    value: true,
+                    message: t(Translation_1.Translation.Step.Confirmation.Inputs.Required, { field: t(Translation_1.Translation.Step.Confirmation.Inputs.Country) }),
+                },
+            }, render: ({ field }) => {
+                const { ref, onChange } = field, rest = __rest(field, ["ref", "onChange"]);
+                return (react_1.default.createElement(StepConfirmationCountrySelector_1.default, Object.assign({ disabled: isDisabled, validationStatus: getValidationClass(Confirmation_1.EUserProfileFormKey.Country), onChange: (e) => {
+                        onChange(e);
+                        onInputChange(padInputName(Confirmation_1.EUserProfileFormKey.Country), 'Country - Address')(e);
+                    }, onChangeId: (id) => {
+                        setValue(padInputName(Confirmation_1.EUserProfileFormKey.CountryId), id); // Hack to make CountryID be set...
+                    }, onChangeCode: (code) => {
+                        setValue(padInputName(Confirmation_1.EUserProfileFormKey.CountryCode), code); // Hack to make CountryID be set...
+                    } }, rest)));
+            } }));
         return (react_1.default.createElement("div", { key: field.id },
             react_1.default.createElement("div", { className: index === 0 ? '' : 'u-marg-bottom--heavy' },
                 react_1.default.createElement("div", { className: "u-marg-bottom", onClick: openExpandable },
@@ -226,7 +250,11 @@ const RoomContactDetails = () => {
                         react_1.default.createElement("div", { className: "u-marg-bottom--light" },
                             react_1.default.createElement(Text_1.default, { type: Text_1.TextType.Small },
                                 react_1.default.createElement("strong", null, t(Translation_1.Translation.Step.Confirmation.ContactInfo)))),
-                        react_1.default.createElement(InputGroup_1.default, { dimensions: "2/2" },
+                        react_1.default.createElement(InputGroup_1.default, { dimensions: GuestTitleFieldFeature_1.default.isActive() ? '1/2/2' : '2/2' },
+                            GuestTitleFieldFeature_1.default.isActive() && (react_1.default.createElement(react_hook_form_1.Controller, { control: control, name: padInputName(Confirmation_1.EUserProfileFormKey.Title), rules: { required: true }, render: ({ field }) => {
+                                    const { ref } = field, rest = __rest(field, ["ref"]);
+                                    return (react_1.default.createElement(Select_1.InputSelect, Object.assign({ keyName: "value", labelName: "label", options: GuestTitleFieldFeature_1.default.getTitleOptions(), placeholder: t(Translation_1.Translation.Step.Confirmation.Inputs.Title) + ' *', required: true, validationStatus: getValidationClass(Confirmation_1.EUserProfileFormKey.Title) }, rest)));
+                                } })),
                             react_1.default.createElement(TextBox_1.default, Object.assign({ inputProps: {
                                     disabled: isDisabled,
                                 }, placeholder: t(Translation_1.Translation.Step.Confirmation.Inputs.Forename) + ' *', wide: true, required: true, validationStatus: getValidationClass(Confirmation_1.EUserProfileFormKey.Forename) }, register(padInputName(Confirmation_1.EUserProfileFormKey.Forename), {
@@ -323,22 +351,18 @@ const RoomContactDetails = () => {
                                     message: t(Translation_1.Translation.Step.Confirmation.Inputs.Required, { field: t(Translation_1.Translation.Step.Confirmation.Inputs.PostCode) }),
                                 },
                             }))),
-                            react_1.default.createElement(react_hook_form_1.Controller, { control: control, name: padInputName(Confirmation_1.EUserProfileFormKey.Country), rules: {
-                                    required: {
-                                        value: true,
-                                        message: t(Translation_1.Translation.Step.Confirmation.Inputs.Required, { field: t(Translation_1.Translation.Step.Confirmation.Inputs.Country) }),
-                                    },
-                                }, render: ({ field }) => {
-                                    const { ref, onChange } = field, rest = __rest(field, ["ref", "onChange"]);
-                                    return (react_1.default.createElement(StepConfirmationCountrySelector_1.default, Object.assign({ disabled: isDisabled, validationStatus: getValidationClass(Confirmation_1.EUserProfileFormKey.Country), onChange: (e) => {
-                                            onChange(e);
-                                            onInputChange(padInputName(Confirmation_1.EUserProfileFormKey.Country), 'Country - Address')(e);
-                                        }, onChangeId: (id) => {
-                                            setValue(padInputName(Confirmation_1.EUserProfileFormKey.CountryId), id); // Hack to make CountryID be set...
-                                        }, onChangeCode: (code) => {
-                                            setValue(padInputName(Confirmation_1.EUserProfileFormKey.CountryCode), code); // Hack to make CountryID be set...
-                                        } }, rest)));
-                                } })))),
+                            includeStateField ? (
+                            // Render the State field here if it's required, otherwise render the Country field
+                            react_1.default.createElement(TextBox_1.default, Object.assign({ inputProps: {
+                                    disabled: isDisabled,
+                                }, placeholder: t(Translation_1.Translation.Step.Confirmation.Inputs.State) + (stateFieldRequired ? ' *' : ''), wide: true, required: stateFieldRequired, validationStatus: getValidationClass(Confirmation_1.EUserProfileFormKey.State) }, register(padInputName(Confirmation_1.EUserProfileFormKey.State), {
+                                onChange: onInputChange(padInputName(Confirmation_1.EUserProfileFormKey.State), 'State - Address'),
+                                required: {
+                                    value: stateFieldRequired,
+                                    message: t(Translation_1.Translation.Step.Confirmation.Inputs.Required, { field: t(Translation_1.Translation.Step.Confirmation.Inputs.State) }),
+                                },
+                            })))) : (countryInputField)),
+                        includeStateField && react_1.default.createElement(InputGroup_1.default, { dimensions: "1" }, countryInputField))),
                 requiredInputs.length > 0 && (react_1.default.createElement("div", { className: "u-marg-top" },
                     react_1.default.createElement("div", { className: "u-marg-top" },
                         react_1.default.createElement(InputGroup_1.default, { dimensions: "2/2" }, requiredInputs.map((input) => {