@licklist/design 0.66.12-dev.2 → 0.66.12

package/dist/auth/Register/RegisterFormComponent.js

@@ -1,687 +1 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useEffect, useState, useCallback } from 'react';
-import { Form, Row, Col, InputGroup, Button } from 'react-bootstrap';
-import { useForm, Controller } from 'react-hook-form';
-import { useTranslation, Trans } from 'react-i18next';
-import { isPossiblePhoneNumber } from 'react-phone-number-input';
-import Input from 'react-phone-number-input/input';
-import { Link } from 'react-router-dom';
-import HookFormService from '@licklist/plugins/dist/services/Form/HookFormService';
-import emailRule from '@licklist/plugins/dist/validation/Rules/emailRule';
-import postCodeRule from '@licklist/plugins/dist/validation/Rules/postCodeRule';
-import * as Config from '@licklist/core/dist/Config';
-import FormErrorService from '@licklist/plugins/dist/services/Form/FormErrorService';
-import { BirthDateFormComponent } from './BirthDateFormComponent.js';
-import CountrySelect from '../../static/CountrySelect.js';
-
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-    try {
-        var info = gen[key](arg);
-        var value = info.value;
-    } catch (error) {
-        reject(error);
-        return;
-    }
-    if (info.done) {
-        resolve(value);
-    } else {
-        Promise.resolve(value).then(_next, _throw);
-    }
-}
-function _async_to_generator(fn) {
-    return function() {
-        var self = this, args = arguments;
-        return new Promise(function(resolve, reject) {
-            var gen = fn.apply(self, args);
-            function _next(value) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-            }
-            function _throw(err) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-            }
-            _next(undefined);
-        });
-    };
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-function _ts_generator(thisArg, body) {
-    var f, y, t, g, _ = {
-        label: 0,
-        sent: function() {
-            if (t[0] & 1) throw t[1];
-            return t[1];
-        },
-        trys: [],
-        ops: []
-    };
-    return g = {
-        next: verb(0),
-        "throw": verb(1),
-        "return": verb(2)
-    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-        return this;
-    }), g;
-    function verb(n) {
-        return function(v) {
-            return step([
-                n,
-                v
-            ]);
-        };
-    }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while(_)try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [
-                op[0] & 2,
-                t.value
-            ];
-            switch(op[0]){
-                case 0:
-                case 1:
-                    t = op;
-                    break;
-                case 4:
-                    _.label++;
-                    return {
-                        value: op[1],
-                        done: false
-                    };
-                case 5:
-                    _.label++;
-                    y = op[1];
-                    op = [
-                        0
-                    ];
-                    continue;
-                case 7:
-                    op = _.ops.pop();
-                    _.trys.pop();
-                    continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                        _ = 0;
-                        continue;
-                    }
-                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-                        _.label = op[1];
-                        break;
-                    }
-                    if (op[0] === 6 && _.label < t[1]) {
-                        _.label = t[1];
-                        t = op;
-                        break;
-                    }
-                    if (t && _.label < t[2]) {
-                        _.label = t[2];
-                        _.ops.push(op);
-                        break;
-                    }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop();
-                    continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) {
-            op = [
-                6,
-                e
-            ];
-            y = 0;
-        } finally{
-            f = t = 0;
-        }
-        if (op[0] & 5) throw op[1];
-        return {
-            value: op[0] ? op[1] : void 0,
-            done: true
-        };
-    }
-}
-function RegisterFormComponent(param) {
-    var isLoading = param.isLoading, setIsLoading = param.setIsLoading, invitation = param.invitation, onSubmit = param.onSubmit, serverErrors = param.serverErrors;
-    var _errors_email;
-    var t = useTranslation([
-        "Validation",
-        "User"
-    ]).t;
-    var defaultValues = function() {
-        if (!invitation) {
-            return {};
-        }
-        var email = invitation.email, invitation_hash = invitation.invitation_hash;
-        return {
-            email: email,
-            invitation_hash: invitation_hash
-        };
-    };
-    var _useForm = useForm({
-        mode: "onChange",
-        defaultValues: defaultValues()
-    }), register = _useForm.register, handleSubmit = _useForm.handleSubmit, errors = _useForm.formState.errors, setError = _useForm.setError, formState = _useForm.formState, setValue = _useForm.setValue, getValues = _useForm.getValues, control = _useForm.control, watch = _useForm.watch;
-    useEffect(function() {
-        FormErrorService.handleServerErrors(serverErrors, setError);
-    }, [
-        serverErrors,
-        setError
-    ]);
-    var _useState = _sliced_to_array(useState(Config.Country.GB), 2), country = _useState[0], setCountry = _useState[1];
-    var _useState1 = _sliced_to_array(useState(), 2), phoneCode = _useState1[0], setPhoneCode = _useState1[1];
-    var _useState2 = _sliced_to_array(useState(true), 2), isPhoneValid = _useState2[0], setIsPhoneValid = _useState2[1];
-    var phoneNumberValue = watch("phone");
-    var onFormSubmit = function() {
-        var _ref = _async_to_generator(function(credentialsNext) {
-            return _ts_generator(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        setIsLoading(true);
-                        if (!onSubmit) return [
-                            3,
-                            2
-                        ];
-                        return [
-                            4,
-                            onSubmit(credentialsNext)
-                        ];
-                    case 1:
-                        _state.sent();
-                        _state.label = 2;
-                    case 2:
-                        setIsLoading(false);
-                        return [
-                            2
-                        ];
-                }
-            });
-        });
-        return function onFormSubmit(credentialsNext) {
-            return _ref.apply(this, arguments);
-        };
-    }();
-    var handleChange = function(e) {
-        setValue(e.target.name, e.target.value);
-    };
-    var handlePhoneCountry = function(phoneCountry, code) {
-        setCountry(function() {
-            return phoneCountry;
-        });
-        setPhoneCode(function() {
-            return code;
-        });
-        setValue("phone", "");
-    };
-    var isFieldValid = useCallback(function(field) {
-        return HookFormService.isFieldValid(formState, errors, field);
-    }, [
-        formState,
-        errors
-    ]);
-    useEffect(function() {
-        var isPhoneNumberValid = isPossiblePhoneNumber(phoneNumberValue !== null && phoneNumberValue !== void 0 ? phoneNumberValue : "");
-        setIsPhoneValid(isPhoneNumberValid);
-    }, [
-        phoneNumberValue
-    ]);
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: /*#__PURE__*/ jsxs(Form, {
-            onSubmit: handleSubmit(onFormSubmit),
-            noValidate: true,
-            children: [
-                /*#__PURE__*/ jsxs(Row, {
-                    children: [
-                        /*#__PURE__*/ jsx(Col, {
-                            xs: 12,
-                            sm: 6,
-                            className: "pr-sm-1",
-                            children: /*#__PURE__*/ jsxs(Form.Group, {
-                                controlId: "formGroupFirstName",
-                                children: [
-                                    /*#__PURE__*/ jsx(Form.Control, _object_spread_props(_object_spread({
-                                        type: "input",
-                                        name: "first_name",
-                                        placeholder: t("User:firstName"),
-                                        isValid: isFieldValid("first_name"),
-                                        isInvalid: !!errors.first_name
-                                    }, register("first_name", {
-                                        required: true,
-                                        maxLength: 100
-                                    })), {
-                                        disabled: isLoading
-                                    })),
-                                    /*#__PURE__*/ jsxs(Form.Control.Feedback, {
-                                        type: "invalid",
-                                        children: [
-                                            HookFormService.hasError(errors.first_name, "required") && t("Validation:fieldRequired", {
-                                                attribute: t("User:firstName")
-                                            }),
-                                            HookFormService.hasError(errors.first_name, "maxLength") && t("Validation:fieldMaxLength", {
-                                                attribute: t("User:firstName"),
-                                                max: 100
-                                            })
-                                        ]
-                                    })
-                                ]
-                            })
-                        }),
-                        /*#__PURE__*/ jsx(Col, {
-                            xs: 12,
-                            sm: 6,
-                            className: "pl-sm-1",
-                            children: /*#__PURE__*/ jsxs(Form.Group, {
-                                controlId: "formGroupLastName",
-                                children: [
-                                    /*#__PURE__*/ jsx(Form.Control, _object_spread_props(_object_spread({
-                                        type: "input",
-                                        name: "last_name",
-                                        placeholder: t("User:lastName"),
-                                        isValid: isFieldValid("last_name"),
-                                        isInvalid: !!errors.last_name
-                                    }, register("last_name", {
-                                        required: true,
-                                        maxLength: 100
-                                    })), {
-                                        disabled: isLoading
-                                    })),
-                                    /*#__PURE__*/ jsxs(Form.Control.Feedback, {
-                                        type: "invalid",
-                                        children: [
-                                            HookFormService.hasError(errors.last_name, "required") && t("Validation:fieldRequired", {
-                                                attribute: t("User:lastName")
-                                            }),
-                                            HookFormService.hasError(errors.last_name, "maxLength") && t("Validation:fieldMaxLength", {
-                                                attribute: t("User:lastName"),
-                                                max: 100
-                                            })
-                                        ]
-                                    })
-                                ]
-                            })
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ jsxs(Form.Group, {
-                    controlId: "formGroupEmail",
-                    children: [
-                        /*#__PURE__*/ jsx(Form.Control, _object_spread_props(_object_spread({
-                            type: "email",
-                            name: "email",
-                            placeholder: t("User:email"),
-                            isValid: isFieldValid("email"),
-                            isInvalid: Boolean(errors.email)
-                        }, register("email", {
-                            required: true,
-                            pattern: emailRule,
-                            maxLength: 100
-                        })), {
-                            disabled: isLoading || Boolean(defaultValues().email)
-                        })),
-                        /*#__PURE__*/ jsxs(Form.Control.Feedback, {
-                            type: "invalid",
-                            children: [
-                                HookFormService.hasError(errors.email, "required") && t("Validation:fieldRequired", {
-                                    attribute: t("User:email")
-                                }),
-                                HookFormService.hasError(errors.email, "pattern") && t("Validation:fieldValidEmail", {
-                                    attribute: t("User:email")
-                                }),
-                                HookFormService.hasError(errors.email, "maxLength") && t("Validation:fieldMaxLength", {
-                                    attribute: t("User:email"),
-                                    max: 100
-                                }),
-                                (_errors_email = errors.email) === null || _errors_email === void 0 ? void 0 : _errors_email.message
-                            ]
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ jsxs(Form.Group, {
-                    controlId: "formGroupPassword",
-                    children: [
-                        /*#__PURE__*/ jsx(Form.Control, _object_spread_props(_object_spread({
-                            type: "password",
-                            name: "password",
-                            placeholder: t("User:password"),
-                            isValid: isFieldValid("password"),
-                            isInvalid: !!errors.password
-                        }, register("password", {
-                            required: true,
-                            minLength: 10,
-                            maxLength: 100
-                        })), {
-                            disabled: isLoading
-                        })),
-                        /*#__PURE__*/ jsxs(Form.Control.Feedback, {
-                            type: "invalid",
-                            children: [
-                                HookFormService.hasError(errors.password, "required") && t("Validation:fieldRequired", {
-                                    attribute: t("User:password")
-                                }),
-                                HookFormService.hasError(errors.password, "minLength") && t("Validation:fieldMinLength", {
-                                    attribute: t("User:password"),
-                                    min: 10
-                                }),
-                                HookFormService.hasError(errors.password, "maxLength") && t("Validation:fieldMaxLength", {
-                                    attribute: t("User:password"),
-                                    max: 100
-                                })
-                            ]
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ jsx(Form.Group, {
-                    controlId: "formGroupPhone",
-                    children: /*#__PURE__*/ jsxs(InputGroup, {
-                        className: "mb-3",
-                        children: [
-                            /*#__PURE__*/ jsxs(InputGroup.Prepend, {
-                                children: [
-                                    /*#__PURE__*/ jsx(InputGroup.Text, {
-                                        children: /*#__PURE__*/ jsx(CountrySelect, {
-                                            defaultCountry: Config.Country.GB,
-                                            className: "w-25",
-                                            onChange: handlePhoneCountry
-                                        })
-                                    }),
-                                    /*#__PURE__*/ jsxs(InputGroup.Text, {
-                                        children: [
-                                            "+",
-                                            phoneCode
-                                        ]
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ jsx(Controller, {
-                                render: function() {
-                                    return /*#__PURE__*/ jsx(Input, {
-                                        placeholder: t("User:phoneNumber"),
-                                        defaultCountry: country,
-                                        disabled: isLoading,
-                                        className: [
-                                            "form-control",
-                                            isPhoneValid && getValues("phone") && "is-valid",
-                                            !isPhoneValid && getValues("phone") && "is-invalid"
-                                        ].join(" "),
-                                        onChange: function(value) {
-                                            return setValue("phone", value);
-                                        }
-                                    });
-                                },
-                                control: control,
-                                name: "phone",
-                                defaultValue: ""
-                            }),
-                            /*#__PURE__*/ jsx(Form.Control.Feedback, {
-                                type: "invalid",
-                                children: !isPhoneValid && t("Validation:fieldValidPhone", {
-                                    attribute: t("User:phoneNumber")
-                                })
-                            })
-                        ]
-                    })
-                }),
-                /*#__PURE__*/ jsx(BirthDateFormComponent, {
-                    formState: formState,
-                    register: register,
-                    errors: errors,
-                    getValues: getValues,
-                    setValue: setValue,
-                    watch: watch,
-                    disabled: isLoading
-                }),
-                /*#__PURE__*/ jsxs(Row, {
-                    children: [
-                        /*#__PURE__*/ jsx(Col, {
-                            xs: 12,
-                            sm: 6,
-                            className: "pr-sm-1",
-                            children: /*#__PURE__*/ jsxs(Form.Group, {
-                                controlId: "formGroupPostCode",
-                                children: [
-                                    /*#__PURE__*/ jsx(Form.Control, _object_spread_props(_object_spread({
-                                        type: "input",
-                                        name: "post_code",
-                                        placeholder: t("User:postCode"),
-                                        onChange: handleChange,
-                                        isValid: isFieldValid("post_code") && !!getValues("post_code"),
-                                        isInvalid: !!errors.post_code
-                                    }, register("post_code", {
-                                        pattern: postCodeRule
-                                    })), {
-                                        disabled: isLoading
-                                    })),
-                                    /*#__PURE__*/ jsx(Form.Control.Feedback, {
-                                        type: "invalid",
-                                        children: HookFormService.hasError(errors.post_code, "pattern") && t("Validation:fieldValidPostCode", {
-                                            attribute: t("User:postCode")
-                                        })
-                                    })
-                                ]
-                            })
-                        }),
-                        /*#__PURE__*/ jsxs(Col, {
-                            xs: 12,
-                            sm: 6,
-                            className: "pr-sm-2",
-                            children: [
-                                /*#__PURE__*/ jsx("strong", {
-                                    children: "Gender"
-                                }),
-                                /*#__PURE__*/ jsxs("div", {
-                                    children: [
-                                        /*#__PURE__*/ jsx(Form.Check, _object_spread_props(_object_spread({
-                                            type: "radio",
-                                            name: "gender",
-                                            value: "male",
-                                            id: "genderMale",
-                                            label: t("User:male")
-                                        }, register("gender")), {
-                                            disabled: isLoading,
-                                            inline: true
-                                        })),
-                                        /*#__PURE__*/ jsx(Form.Check, _object_spread_props(_object_spread({
-                                            type: "radio",
-                                            name: "gender",
-                                            value: "female",
-                                            id: "genderFemale",
-                                            label: t("User:female")
-                                        }, register("gender")), {
-                                            disabled: isLoading,
-                                            inline: true
-                                        }))
-                                    ]
-                                })
-                            ]
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ jsxs("div", {
-                    className: "text-left mb-4 mt-1",
-                    children: [
-                        /*#__PURE__*/ jsx(Form.Check, _object_spread_props(_object_spread({
-                            type: "checkbox",
-                            name: "receive_promo",
-                            className: "mb-1",
-                            id: "noPromoFromUs"
-                        }, register("receive_promo")), {
-                            label: /*#__PURE__*/ jsxs(Trans, {
-                                t: t,
-                                i18nKey: "User:noPromoFromUs",
-                                children: [
-                                    "I'd prefer to receive promotions and exclusive information from ",
-                                    {
-                                        name: t("User:bookedit")
-                                    }
-                                ]
-                            }),
-                            disabled: isLoading
-                        })),
-                        /*#__PURE__*/ jsx(Form.Check, _object_spread_props(_object_spread({
-                            type: "checkbox",
-                            id: "noPromoFromPartners"
-                        }, register("receive_partner_promo")), {
-                            name: "receive_partner_promo",
-                            label: /*#__PURE__*/ jsxs(Trans, {
-                                t: t,
-                                i18nKey: "User:noPromoFromPartners",
-                                children: [
-                                    "I'd prefer to receive promotions and exclusive information from ",
-                                    {
-                                        name: t("User:bookedit")
-                                    },
-                                    " Partners"
-                                ]
-                            }),
-                            disabled: isLoading
-                        }))
-                    ]
-                }),
-                /*#__PURE__*/ jsx(Form.Control, _object_spread_props(_object_spread({
-                    hidden: true,
-                    name: "invitation_hash"
-                }, register("invitation_hash")), {
-                    disabled: true
-                })),
-                /*#__PURE__*/ jsx(Button, {
-                    variant: "primary",
-                    type: "submit",
-                    className: "rounded-pill text-uppercase",
-                    block: true,
-                    disabled: isLoading,
-                    children: t("register")
-                }),
-                /*#__PURE__*/ jsx("p", {
-                    className: "text-center mb-0 mt-3",
-                    children: /*#__PURE__*/ jsxs(Trans, {
-                        t: t,
-                        i18nKey: "User:agreementsPromo",
-                        children: [
-                            "By creating an account, I agree to ",
-                            {
-                                name: t("User:bookedit")
-                            },
-                            "'s",
-                            " ",
-                            /*#__PURE__*/ jsx(Link, {
-                                to: "/terms",
-                                className: [
-                                    isLoading && "disabled"
-                                ].join(" "),
-                                children: "terms of service"
-                            }),
-                            " ",
-                            "and",
-                            " ",
-                            /*#__PURE__*/ jsx(Link, {
-                                to: "/privacy",
-                                className: [
-                                    isLoading && "disabled"
-                                ].join(" "),
-                                children: "privacy policy"
-                            }),
-                            "."
-                        ]
-                    })
-                })
-            ]
-        })
-    });
-}
-
-export { RegisterFormComponent };
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("tslib"),t=require("react"),a=e(t),n=require("react-router-dom"),o=require("@licklist/core/dist/Config"),i=require("react-i18next"),l=require("react-bootstrap"),s=require("react-hook-form"),m=e(require("@licklist/plugins/dist/services/Form/HookFormService")),d=e(require("@licklist/plugins/dist/validation/Rules/emailRule")),c=require("react-phone-number-input"),u=e(require("react-phone-number-input/input")),p=e(require("@licklist/plugins/dist/validation/Rules/postCodeRule")),h=e(require("@licklist/plugins/dist/services/Form/FormErrorService")),f=require("./BirthDateFormComponent.js"),E=require("../../static/CountrySelect.js");exports.RegisterFormComponent=function(e){var b,_=this,g=e.isLoading,v=e.setIsLoading,F=e.invitation,C=e.onSubmit,x=e.serverErrors,y=i.useTranslation(["Validation","User"]).t,U=function(){return F?{email:F.email,invitation_hash:F.invitation_hash}:{}},V=s.useForm({mode:"onChange",defaultValues:U()}),q=V.register,k=V.handleSubmit,N=V.formState.errors,w=V.setError,L=V.formState,G=V.setValue,I=V.getValues,P=V.control,S=V.watch;t.useEffect((function(){h.handleServerErrors(x,w)}),[x,w]);var R=r.__read(t.useState(o.Country.GB),2),B=R[0],j=R[1],M=r.__read(t.useState(),2),T=M[0],K=M[1],D=r.__read(t.useState(!0),2),H=D[0],O=D[1],z=S("phone"),A=t.useCallback((function(e){return m.isFieldValid(L,N,e)}),[L,N]);return t.useEffect((function(){var e=c.isPossiblePhoneNumber(null!=z?z:"");O(e)}),[z]),a.createElement(a.Fragment,null,a.createElement(l.Form,{onSubmit:k((function(e){return r.__awaiter(_,void 0,void 0,(function(){return r.__generator(this,(function(r){switch(r.label){case 0:return v(!0),C?[4,C(e)]:[3,2];case 1:r.sent(),r.label=2;case 2:return v(!1),[2]}}))}))})),noValidate:!0},a.createElement(l.Row,null,a.createElement(l.Col,{xs:12,sm:6,className:"pr-sm-1"},a.createElement(l.Form.Group,{controlId:"formGroupFirstName"},a.createElement(l.Form.Control,r.__assign({type:"input",name:"first_name",placeholder:y("User:firstName"),isValid:A("first_name"),isInvalid:!!N.first_name},q("first_name",{required:!0,maxLength:100}),{disabled:g})),a.createElement(l.Form.Control.Feedback,{type:"invalid"},m.hasError(N.first_name,"required")&&y("Validation:fieldRequired",{attribute:y("User:firstName")}),m.hasError(N.first_name,"maxLength")&&y("Validation:fieldMaxLength",{attribute:y("User:firstName"),max:100})))),a.createElement(l.Col,{xs:12,sm:6,className:"pl-sm-1"},a.createElement(l.Form.Group,{controlId:"formGroupLastName"},a.createElement(l.Form.Control,r.__assign({type:"input",name:"last_name",placeholder:y("User:lastName"),isValid:A("last_name"),isInvalid:!!N.last_name},q("last_name",{required:!0,maxLength:100}),{disabled:g})),a.createElement(l.Form.Control.Feedback,{type:"invalid"},m.hasError(N.last_name,"required")&&y("Validation:fieldRequired",{attribute:y("User:lastName")}),m.hasError(N.last_name,"maxLength")&&y("Validation:fieldMaxLength",{attribute:y("User:lastName"),max:100}))))),a.createElement(l.Form.Group,{controlId:"formGroupEmail"},a.createElement(l.Form.Control,r.__assign({type:"email",name:"email",placeholder:y("User:email"),isValid:A("email"),isInvalid:Boolean(N.email)},q("email",{required:!0,pattern:d,maxLength:100}),{disabled:g||Boolean(U().email)})),a.createElement(l.Form.Control.Feedback,{type:"invalid"},m.hasError(N.email,"required")&&y("Validation:fieldRequired",{attribute:y("User:email")}),m.hasError(N.email,"pattern")&&y("Validation:fieldValidEmail",{attribute:y("User:email")}),m.hasError(N.email,"maxLength")&&y("Validation:fieldMaxLength",{attribute:y("User:email"),max:100}),null===(b=N.email)||void 0===b?void 0:b.message)),a.createElement(l.Form.Group,{controlId:"formGroupPassword"},a.createElement(l.Form.Control,r.__assign({type:"password",name:"password",placeholder:y("User:password"),isValid:A("password"),isInvalid:!!N.password},q("password",{required:!0,minLength:10,maxLength:100}),{disabled:g})),a.createElement(l.Form.Control.Feedback,{type:"invalid"},m.hasError(N.password,"required")&&y("Validation:fieldRequired",{attribute:y("User:password")}),m.hasError(N.password,"minLength")&&y("Validation:fieldMinLength",{attribute:y("User:password"),min:10}),m.hasError(N.password,"maxLength")&&y("Validation:fieldMaxLength",{attribute:y("User:password"),max:100}))),a.createElement(l.Form.Group,{controlId:"formGroupPhone"},a.createElement(l.InputGroup,{className:"mb-3"},a.createElement(l.InputGroup.Prepend,null,a.createElement(l.InputGroup.Text,null,a.createElement(E.default,{defaultCountry:o.Country.GB,className:"w-25",onChange:function(e,r){j((function(){return e})),K((function(){return r})),G("phone","")}})),a.createElement(l.InputGroup.Text,null,"+",T)),a.createElement(s.Controller,{render:function(){return a.createElement(u,{placeholder:y("User:phoneNumber"),defaultCountry:B,disabled:g,className:["form-control",H&&I("phone")&&"is-valid",!H&&I("phone")&&"is-invalid"].join(" "),onChange:function(e){return G("phone",e)}})},control:P,name:"phone",defaultValue:""}),a.createElement(l.Form.Control.Feedback,{type:"invalid"},!H&&y("Validation:fieldValidPhone",{attribute:y("User:phoneNumber")})))),a.createElement(f.BirthDateFormComponent,{formState:L,register:q,errors:N,getValues:I,setValue:G,watch:S,disabled:g}),a.createElement(l.Row,null,a.createElement(l.Col,{xs:12,sm:6,className:"pr-sm-1"},a.createElement(l.Form.Group,{controlId:"formGroupPostCode"},a.createElement(l.Form.Control,r.__assign({type:"input",name:"post_code",placeholder:y("User:postCode"),onChange:function(e){G(e.target.name,e.target.value)},isValid:A("post_code")&&!!I("post_code"),isInvalid:!!N.post_code},q("post_code",{pattern:p}),{disabled:g})),a.createElement(l.Form.Control.Feedback,{type:"invalid"},m.hasError(N.post_code,"pattern")&&y("Validation:fieldValidPostCode",{attribute:y("User:postCode")})))),a.createElement(l.Col,{xs:12,sm:6,className:"pr-sm-2"},a.createElement("strong",null,"Gender"),a.createElement("div",null,a.createElement(l.Form.Check,r.__assign({type:"radio",name:"gender",value:"male",id:"genderMale",label:y("User:male")},q("gender"),{disabled:g,inline:!0})),a.createElement(l.Form.Check,r.__assign({type:"radio",name:"gender",value:"female",id:"genderFemale",label:y("User:female")},q("gender"),{disabled:g,inline:!0}))))),a.createElement("div",{className:"text-left mb-4 mt-1"},a.createElement(l.Form.Check,r.__assign({type:"checkbox",name:"receive_promo",className:"mb-1",id:"noPromoFromUs"},q("receive_promo"),{label:a.createElement(i.Trans,{t:y,i18nKey:"User:noPromoFromUs"},"I'd prefer to receive promotions and exclusive information from ",{name:y("User:bookedit")}),disabled:g})),a.createElement(l.Form.Check,r.__assign({type:"checkbox",id:"noPromoFromPartners"},q("receive_partner_promo"),{name:"receive_partner_promo",label:a.createElement(i.Trans,{t:y,i18nKey:"User:noPromoFromPartners"},"I'd prefer to receive promotions and exclusive information from ",{name:y("User:bookedit")}," Partners"),disabled:g}))),a.createElement(l.Form.Control,r.__assign({hidden:!0,name:"invitation_hash"},q("invitation_hash"),{disabled:!0})),a.createElement(l.Button,{variant:"primary",type:"submit",className:"rounded-pill text-uppercase",block:!0,disabled:g},y("register")),a.createElement("p",{className:"text-center mb-0 mt-3"},a.createElement(i.Trans,{t:y,i18nKey:"User:agreementsPromo"},"By creating an account, I agree to ",{name:y("User:bookedit")},"'s"," ",a.createElement(n.Link,{to:"/terms",className:[g&&"disabled"].join(" ")},"terms of service")," ","and"," ",a.createElement(n.Link,{to:"/privacy",className:[g&&"disabled"].join(" ")},"privacy policy"),"."))))};