@solidxai/core-ui 0.1.9-beta.9 → 0.1.9

package/dist/components/auth/SolidOTPVerify.js

@@ -0,0 +1,67 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Form, Formik } from "formik";
+import { signIn } from "next-auth/react";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { Button } from "primereact/button";
+import { InputOtp } from "primereact/inputotp";
+import { Message } from "primereact/message";
+import { Toast } from "primereact/toast";
+import { useRef, useState } from "react";
+import * as Yup from "yup";
+import { useSelector } from "react-redux";
+import Image from "next/image";
+import SolidLogo from '../../resources/images/SolidXLogo.svg';
+import { ERROR_MESSAGES } from "../../constants/error-messages";
+const SolidOTPVerify = () => {
+    // const [trigger, { data: solidSettingsData }] = useLazyGetAuthSettingsQuery();
+    // useEffect(() => {
+    //     trigger("") // Fetch settings on mount
+    // }, [trigger])
+    const solidSettingsData = useSelector((state) => state.settingsState?.solidSettings);
+    const [otp, setOTP] = useState();
+    const toast = useRef(null);
+    const router = useRouter();
+    const [password, setPassword] = useState('');
+    const [checked, setChecked] = useState(false);
+    const validationSchema = Yup.object({
+        email: Yup.string()
+            .email(ERROR_MESSAGES.FIELD_INVALID(' email address'))
+            .required(ERROR_MESSAGES.FIELD_REUQIRED('Email')),
+    });
+    const showToast = (severity, summary, detail) => {
+        toast.current?.show({
+            severity,
+            summary,
+            detail,
+            ...(severity === "error"
+                ? { sticky: true } // stays until user closes
+                : { life: 3000 }),
+        });
+    };
+    const isFormFieldValid = (formik, fieldName) => formik.touched[fieldName] && formik.errors[fieldName];
+    return (_jsxs(_Fragment, { children: [_jsx(Toast, { ref: toast }), _jsxs("div", { className: `auth-container ${solidSettingsData?.authPagesLayout === 'center' ? 'center' : 'side'}`, style: { minWidth: 480 }, children: [solidSettingsData?.authPagesLayout === 'center' &&
+                        _jsx("div", { className: "flex justify-content-center", children: _jsx("div", { className: `solid-logo flex align-items-center ${solidSettingsData?.appLogoPosition}`, children: _jsx(Image, { alt: "solid logo", src: solidSettingsData?.appLogo || SolidLogo, className: "relative", fill: true }) }) }), _jsx("h2", { className: `solid-auth-title ${solidSettingsData?.authPagesLayout === 'center' ? 'text-center' : 'text-left'}`, children: "OTP Verification" }), _jsx("p", { className: "solid-auth-subtitle text-sm", children: "Please enter the OTP sent to your email to complete verification" }), _jsx(_Fragment, { children: _jsx(Formik, { initialValues: {
+                                email: "",
+                                password: "",
+                            }, validationSchema: validationSchema, onSubmit: async (values) => {
+                                // Handle form submission
+                                const email = values.email;
+                                const password = values.password;
+                                const response = await signIn("credentials", {
+                                    redirect: false,
+                                    email,
+                                    password,
+                                });
+                                if (response?.error) {
+                                    showToast("error", ERROR_MESSAGES.LOGIN_ERROR, response.error);
+                                }
+                                else {
+                                    showToast("success", ERROR_MESSAGES.LOGIN_SUCCESS, ERROR_MESSAGES.DASHBOARD_REDIRECTING);
+                                    router.push(`${process.env.NEXT_PUBLIC_LOGIN_REDIRECT_URL}`);
+                                }
+                            }, children: (formik) => (_jsxs(Form, { children: [_jsxs("div", { className: "flex flex-column gap-2 px-3", children: [_jsx("label", { htmlFor: "email", className: "solid-auth-input-label", children: "Enter OTP" }), _jsx(InputOtp, { value: otp, onChange: (e) => setOTP(e.value), length: 6, style: { width: '100%' } }), isFormFieldValid(formik, "email") && _jsx(Message, { className: "text-red-500 text-sm", severity: "error", text: formik?.errors?.email?.toString() }), _jsxs("div", { className: "flex align-items-center justify-content-between", children: [_jsx(Button, { type: "button", icon: 'pi pi-refresh', iconPos: "left", link: true, label: "Resend Code", className: "px-0 text-sm font-normal" }), _jsx("p", { className: "m-0 text-sm text-color", children: "Time left: 00:28" })] })] }), _jsx("div", { className: "mt-4", children: _jsx(Button, { type: "submit", className: "w-full font-light auth-submit-button", label: "Verify", disabled: formik.isSubmitting, loading: formik.isSubmitting }) })] })) }) })] }), _jsx("div", { className: "text-center mt-5", children: _jsxs("div", { className: "text-sm text-400 secondary-dark-color", children: ['<', " Back to ", _jsx(Link, { className: "font-bold", href: "/auth/login", children: "Sign In" })] }) })] }));
+};
+export default SolidOTPVerify;
+//# sourceMappingURL=SolidOTPVerify.js.map

package/dist/components/auth/SolidOTPVerify.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidOTPVerify.js","sourceRoot":"./","sources":["components/auth/SolidOTPVerify.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport { Form, Formik } from \"formik\";\nimport { signIn } from \"next-auth/react\";\nimport Link from \"next/link\";\nimport { useRouter } from \"next/navigation\";\nimport { Button } from \"primereact/button\";\nimport { InputOtp } from \"primereact/inputotp\";\nimport { Message } from \"primereact/message\";\nimport { Toast } from \"primereact/toast\";\nimport { useRef, useState } from \"react\";\nimport * as Yup from \"yup\";\nimport { useSelector } from \"react-redux\";\nimport Image from \"next/image\";\nimport SolidLogo from '../../resources/images/SolidXLogo.svg'\nimport { ERROR_MESSAGES } from \"../../constants/error-messages\";\n\nconst SolidOTPVerify = () => {\n\n    // const [trigger, { data: solidSettingsData }] = useLazyGetAuthSettingsQuery();\n    // useEffect(() => {\n    //     trigger(\"\") // Fetch settings on mount\n    // }, [trigger])\n\n    const solidSettingsData = useSelector((state: any) => state.settingsState?.solidSettings);\n\n    const [otp, setOTP] = useState<number | any>();\n\n    const toast = useRef<Toast>(null);\n    const router = useRouter();\n\n    const [password, setPassword] = useState('');\n    const [checked, setChecked] = useState<boolean>(false);\n\n    const validationSchema = Yup.object({\n        email: Yup.string()\n            .email(ERROR_MESSAGES.FIELD_INVALID(' email address'))\n            .required(ERROR_MESSAGES.FIELD_REUQIRED('Email')),\n    });\n\n    const showToast = (severity: \"success\" | \"error\", summary: string, detail: string) => {\n        toast.current?.show({\n            severity,\n            summary,\n            detail,\n            ...(severity === \"error\"\n                ? { sticky: true }            // stays until user closes\n                : { life: 3000 }),\n        });\n    };\n\n    const isFormFieldValid = (formik: any, fieldName: string) =>\n        formik.touched[fieldName] && formik.errors[fieldName];\n\n    return (\n        <>\n            <Toast ref={toast} />\n            <div className={`auth-container ${solidSettingsData?.authPagesLayout === 'center' ? 'center' : 'side'}`} style={{ minWidth: 480 }}>\n                {solidSettingsData?.authPagesLayout === 'center' &&\n                    <div className=\"flex justify-content-center\">\n                        <div className={`solid-logo flex align-items-center ${solidSettingsData?.appLogoPosition}`}>\n                            <Image\n                                alt=\"solid logo\"\n                                src={solidSettingsData?.appLogo || SolidLogo}\n                                className=\"relative\"\n                                fill\n                            />\n                        </div>\n                    </div>\n                }\n                <h2 className={`solid-auth-title ${solidSettingsData?.authPagesLayout === 'center' ? 'text-center' : 'text-left'}`}>OTP Verification</h2>\n                <p className=\"solid-auth-subtitle text-sm\">\n                    Please enter the OTP sent to your email to complete verification\n                </p>\n                <>\n                    <Formik\n                        initialValues={{\n                            email: \"\",\n                            password: \"\",\n                        }}\n                        validationSchema={validationSchema}\n                        onSubmit={async (values) => {\n                            // Handle form submission\n                            const email = values.email;\n                            const password = values.password;\n\n                            const response = await signIn(\"credentials\", {\n                                redirect: false,\n                                email,\n                                password,\n                            });\n                            if (response?.error) {\n                                showToast(\"error\", ERROR_MESSAGES.LOGIN_ERROR, response.error);\n                            } else {\n                                showToast(\"success\", ERROR_MESSAGES.LOGIN_SUCCESS, ERROR_MESSAGES.DASHBOARD_REDIRECTING);\n                                router.push(`${process.env.NEXT_PUBLIC_LOGIN_REDIRECT_URL}`);\n                            }\n\n                        }}\n                    >\n                        {(formik) => (\n                            <Form>\n                                <div className=\"flex flex-column gap-2 px-3\">\n                                    <label htmlFor=\"email\" className=\"solid-auth-input-label\">Enter OTP</label>\n                                    <InputOtp value={otp} onChange={(e) => setOTP(e.value)} length={6} style={{ width: '100%' }} />\n                                    {isFormFieldValid(formik, \"email\") && <Message\n                                        className=\"text-red-500 text-sm\"\n                                        severity=\"error\"\n                                        text={formik?.errors?.email?.toString()}\n                                    />}\n                                    <div className=\"flex align-items-center justify-content-between\">\n                                        <Button type=\"button\" icon='pi pi-refresh' iconPos=\"left\" link label=\"Resend Code\" className=\"px-0 text-sm font-normal\" />\n                                        <p className=\"m-0 text-sm text-color\">\n                                            Time left: 00:28\n                                        </p>\n                                    </div>\n                                </div>\n                                <div className=\"mt-4\">\n                                    <Button type=\"submit\" className=\"w-full font-light auth-submit-button\" label=\"Verify\" disabled={formik.isSubmitting} loading={formik.isSubmitting} />\n                                </div>\n                            </Form>\n                        )}\n                    </Formik>\n                </>\n            </div>\n            <div className=\"text-center mt-5\">\n                <div className=\"text-sm text-400 secondary-dark-color\">\n                    {'<'} Back to <Link className=\"font-bold\" href=\"/auth/login\">Sign In</Link>\n                </div>\n            </div>\n        </>\n    );\n};\n\nexport default SolidOTPVerify;"]}

package/dist/components/auth/SolidOTPVerify.tsx

@@ -0,0 +1,133 @@
+"use client";
+
+import { Form, Formik } from "formik";
+import { signIn } from "next-auth/react";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { Button } from "primereact/button";
+import { InputOtp } from "primereact/inputotp";
+import { Message } from "primereact/message";
+import { Toast } from "primereact/toast";
+import { useEffect, useRef, useState } from "react";
+import * as Yup from "yup";
+import Image from "next/image";
+import SolidLogo from '../../resources/images/SolidXLogo.svg'
+import { ERROR_MESSAGES } from "../../constants/error-messages";
+import { useLazyGetAuthSettingsQuery } from "../../redux/api/solidSettingsApi";
+
+const SolidOTPVerify = () => {
+
+    const [trigger, { data: solidSettingsData }] = useLazyGetAuthSettingsQuery();
+    useEffect(() => {
+        trigger("") // Fetch settings on mount
+    }, [trigger])
+
+    const [otp, setOTP] = useState<number | any>();
+
+    const toast = useRef<Toast>(null);
+    const router = useRouter();
+
+    const [password, setPassword] = useState('');
+    const [checked, setChecked] = useState<boolean>(false);
+
+    const validationSchema = Yup.object({
+        email: Yup.string()
+            .email(ERROR_MESSAGES.FIELD_INVALID(' email address'))
+            .required(ERROR_MESSAGES.FIELD_REUQIRED('Email')),
+    });
+
+    const showToast = (severity: "success" | "error", summary: string, detail: string) => {
+        toast.current?.show({
+            severity,
+            summary,
+            detail,
+            ...(severity === "error"
+                ? { sticky: true }            // stays until user closes
+                : { life: 3000 }),
+        });
+    };
+
+    const isFormFieldValid = (formik: any, fieldName: string) =>
+        formik.touched[fieldName] && formik.errors[fieldName];
+
+    return (
+        <>
+            <Toast ref={toast} />
+            <div className={`auth-container ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'center' : 'side'}`} style={{ minWidth: 480 }}>
+                {solidSettingsData?.data?.authPagesLayout === 'center' &&
+                    <div className="flex justify-content-center">
+                        <div className={`solid-logo flex align-items-center ${solidSettingsData?.data?.appLogoPosition}`}>
+                            <Image
+                                alt="solid logo"
+                                src={solidSettingsData?.data?.appLogo || SolidLogo}
+                                className="relative"
+                                fill
+                            />
+                        </div>
+                    </div>
+                }
+                <h2 className={`solid-auth-title ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'text-center' : 'text-left'}`}>OTP Verification</h2>
+                <p className="solid-auth-subtitle text-sm">
+                    Please enter the OTP sent to your email to complete verification
+                </p>
+                <>
+                    <Formik
+                        initialValues={{
+                            email: "",
+                            password: "",
+                        }}
+                        validationSchema={validationSchema}
+                        onSubmit={async (values) => {
+                            // Handle form submission
+                            const email = values.email;
+                            const password = values.password;
+
+                            const response = await signIn("credentials", {
+                                redirect: false,
+                                email,
+                                password,
+                            });
+                            if (response?.error) {
+                                showToast("error", ERROR_MESSAGES.LOGIN_ERROR, response.error);
+                            } else {
+                                showToast("success", ERROR_MESSAGES.LOGIN_SUCCESS, ERROR_MESSAGES.DASHBOARD_REDIRECTING);
+                                router.push(`${process.env.NEXT_PUBLIC_LOGIN_REDIRECT_URL}`);
+                            }
+
+                        }}
+                    >
+                        {(formik) => (
+                            <Form>
+                                <div className="flex flex-column gap-2 px-3">
+                                    <label htmlFor="email" className="solid-auth-input-label">Enter OTP</label>
+                                    <InputOtp value={otp} onChange={(e) => setOTP(e.value)} length={6} style={{ width: '100%' }} />
+                                    {isFormFieldValid(formik, "email") && <Message
+                                        className="text-red-500 text-sm"
+                                        severity="error"
+                                        text={formik?.errors?.email?.toString()}
+                                    />}
+                                    <div className="flex align-items-center justify-content-between">
+                                        <Button type="button" icon='pi pi-refresh' iconPos="left" link label="Resend Code" className="px-0 text-sm font-normal" />
+                                        <p className="m-0 text-sm text-color">
+                                            Time left: 00:28
+                                        </p>
+                                    </div>
+                                </div>
+                                <div className="mt-4">
+                                    <Button type="submit" className="w-full font-light auth-submit-button" label="Verify" disabled={formik.isSubmitting} loading={formik.isSubmitting} />
+                                </div>
+                            </Form>
+                        )}
+                    </Formik>
+                </>
+            </div>
+            <div className="text-center mt-5">
+                <div className="text-sm text-400 secondary-dark-color">
+                    {'<'} Back to <Link className="font-bold" href="/auth/login">Sign In</Link>
+                </div>
+            </div>
+        </>
+    );
+};
+
+export default SolidOTPVerify;

package/dist/components/auth/SolidRegister.js

@@ -187,10 +187,10 @@ var SolidRegister = function () {
                 });
             }, children: function (formik) {
                 var _a, _b, _c, _d, _e;
-                return (_jsxs(Form, { children: [showNameFieldsForRegistration ? (_jsx(_Fragment, { children: _jsxs("div", { className: "flex gap-2 mt-3", children: [_jsxs("div", { className: "flex flex-column w-full gap-2", children: [_jsx("label", { className: "solid-auth-input-label", children: "First Name" }), _jsx(SolidInput, { id: "firstName", name: "firstName", placeholder: "First Name", onChange: formik.handleChange, value: formik.values.firstName, "aria-invalid": !!formik.errors.firstName, autoComplete: "off" }), isFormFieldValid(formik, "firstName") && (_jsx(SolidMessage, { severity: "error", text: (_a = formik.errors.firstName) === null || _a === void 0 ? void 0 : _a.toString() }))] }), _jsxs("div", { className: "flex flex-column w-full gap-2", children: [_jsx("label", { className: "solid-auth-input-label", children: "Last Name" }), _jsx(SolidInput, { id: "lastName", name: "lastName", placeholder: "Last Name", onChange: formik.handleChange, value: formik.values.lastName, "aria-invalid": !!formik.errors.lastName, autoComplete: "off" }), isFormFieldValid(formik, "lastName") && (_jsx(SolidMessage, { severity: "error", text: (_b = formik.errors.lastName) === null || _b === void 0 ? void 0 : _b.toString() }))] })] }) })) : (_jsx(_Fragment, { children: _jsxs("div", { children: [_jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { className: "solid-auth-input-label", children: "Username" }), _jsx(SolidInput, { id: "username", name: "username", placeholder: "username", onChange: formik.handleChange, value: formik.values.username, "aria-invalid": !!formik.errors.username, autoComplete: "off" })] }), isFormFieldValid(formik, "username") &&
-                                        _jsx(SolidMessage, { severity: "error", text: (_c = formik.errors.username) === null || _c === void 0 ? void 0 : _c.toString() })] }) })), _jsxs("div", { children: [_jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { className: "solid-auth-input-label", children: "Email" }), _jsx(SolidInput, { id: "email", name: "email", placeholder: "Yourgmail@123.com", onChange: formik.handleChange, value: formik.values.email, "aria-invalid": !!formik.errors.email, autoComplete: "off" })] }), isFormFieldValid(formik, "email") &&
-                                    _jsx(SolidMessage, { severity: "error", text: (_d = formik.errors.email) === null || _d === void 0 ? void 0 : _d.toString() })] }), _jsxs("div", { children: [_jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { className: "solid-auth-input-label", children: "Password" }), _jsx(SolidPasswordInput, { id: "password", name: "password", value: formik.values.password, onChange: formik.handleChange, toggle: true, className: "w-full", "aria-invalid": !!formik.errors.password, autoComplete: "off" })] }), isFormFieldValid(formik, "password") &&
-                                    _jsx(SolidMessage, { severity: "error", text: (_e = formik.errors.password) === null || _e === void 0 ? void 0 : _e.toString() })] }), _jsx("div", { className: "mt-4", children: _jsx(SolidButton, { className: "w-full font-light auth-submit-button", label: "Sign Up", disabled: formik.isSubmitting, loading: formik.isSubmitting, type: "submit" }) })] }));
+                return (_jsxs(Form, { children: [showNameFieldsForRegistration ? (_jsx(_Fragment, { children: _jsxs("div", { className: "flex gap-2 mt-4", children: [_jsxs("div", { className: "flex flex-col w-full gap-2", children: [_jsx("label", { className: "solid-auth-input-label", children: "First Name" }), _jsx(SolidInput, { id: "firstName", name: "firstName", placeholder: "First Name", onChange: formik.handleChange, value: formik.values.firstName, "aria-invalid": !!formik.errors.firstName, autoComplete: "off" }), isFormFieldValid(formik, "firstName") && (_jsx(SolidMessage, { severity: "error", text: (_a = formik.errors.firstName) === null || _a === void 0 ? void 0 : _a.toString() }))] }), _jsxs("div", { className: "flex flex-col w-full gap-2", children: [_jsx("label", { className: "solid-auth-input-label", children: "Last Name" }), _jsx(SolidInput, { id: "lastName", name: "lastName", placeholder: "Last Name", onChange: formik.handleChange, value: formik.values.lastName, "aria-invalid": !!formik.errors.lastName, autoComplete: "off" }), isFormFieldValid(formik, "lastName") && (_jsx(SolidMessage, { severity: "error", text: (_b = formik.errors.lastName) === null || _b === void 0 ? void 0 : _b.toString() }))] })] }) })) : (_jsx(_Fragment, { children: _jsxs("div", { children: [_jsxs("div", { className: "flex flex-col gap-2 mt-4", children: [_jsx("label", { className: "solid-auth-input-label", children: "Username" }), _jsx(SolidInput, { id: "username", name: "username", placeholder: "username", onChange: formik.handleChange, value: formik.values.username, "aria-invalid": !!formik.errors.username, autoComplete: "off" })] }), isFormFieldValid(formik, "username") &&
+                                        _jsx(SolidMessage, { severity: "error", text: (_c = formik.errors.username) === null || _c === void 0 ? void 0 : _c.toString() })] }) })), _jsxs("div", { children: [_jsxs("div", { className: "flex flex-col gap-2 mt-4", children: [_jsx("label", { className: "solid-auth-input-label", children: "Email" }), _jsx(SolidInput, { id: "email", name: "email", placeholder: "Yourgmail@123.com", onChange: formik.handleChange, value: formik.values.email, "aria-invalid": !!formik.errors.email, autoComplete: "off" })] }), isFormFieldValid(formik, "email") &&
+                                    _jsx(SolidMessage, { severity: "error", text: (_d = formik.errors.email) === null || _d === void 0 ? void 0 : _d.toString() })] }), _jsxs("div", { children: [_jsxs("div", { className: "flex flex-col gap-2 mt-4", children: [_jsx("label", { className: "solid-auth-input-label", children: "Password" }), _jsx(SolidPasswordInput, { id: "password", name: "password", value: formik.values.password, onChange: formik.handleChange, toggle: true, className: "w-full", "aria-invalid": !!formik.errors.password, autoComplete: "off" })] }), isFormFieldValid(formik, "password") &&
+                                    _jsx(SolidMessage, { severity: "error", text: (_e = formik.errors.password) === null || _e === void 0 ? void 0 : _e.toString() })] }), _jsx("div", { className: "mt-6", children: _jsx(SolidButton, { className: "w-full font-light auth-submit-button", label: "Sign Up", disabled: formik.isSubmitting, loading: formik.isSubmitting, type: "submit" }) })] }));
             } }));
     };
     var PasswordLessSignup = function () {
@@ -285,7 +285,7 @@ var SolidRegister = function () {
                 });
             }, children: function (formik) {
                 var _a, _b, _c, _d, _e, _f;
-                return (_jsxs(Form, { children: [_jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "username", className: "solid-auth-input-label", children: "Username" }), _jsx(SolidInput, { id: "username", name: "username", placeholder: "username", onChange: formik.handleChange, value: formik.values.username, "aria-invalid": !!formik.errors.username, autoComplete: "off" }), isFormFieldValid(formik, "username") && _jsx(SolidMessage, { className: "text-red-500 text-sm", severity: "error", text: (_b = (_a = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _a === void 0 ? void 0 : _a.username) === null || _b === void 0 ? void 0 : _b.toString() })] }), isMobile ? (_jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "mobile", className: "solid-auth-input-label", children: "Mobile" }), _jsx(SolidInput, { id: "mobile", name: "mobile", placeholder: "+1 555 123 4567", onChange: formik.handleChange, value: formik.values.mobile, "aria-invalid": !!formik.errors.mobile, autoComplete: "off" }), isFormFieldValid(formik, "mobile") && _jsx(SolidMessage, { className: "text-red-500 text-sm", severity: "error", text: (_d = (_c = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _c === void 0 ? void 0 : _c.mobile) === null || _d === void 0 ? void 0 : _d.toString() })] })) : (_jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "email", className: "solid-auth-input-label", children: "Email" }), _jsx(SolidInput, { id: "email", name: "email", placeholder: "Yourgmail@123.com", onChange: formik.handleChange, value: formik.values.email, "aria-invalid": !!formik.errors.email, autoComplete: "off" }), isFormFieldValid(formik, "email") && _jsx(SolidMessage, { className: "text-red-500 text-sm", severity: "error", text: (_f = (_e = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _e === void 0 ? void 0 : _e.email) === null || _f === void 0 ? void 0 : _f.toString() })] })), _jsx("div", { className: "mt-4", children: _jsx(SolidButton, { className: "w-full font-light auth-submit-button", label: "Sign Up", disabled: formik.isSubmitting, loading: formik.isSubmitting, type: "submit" }) })] }));
+                return (_jsxs(Form, { children: [_jsxs("div", { className: "flex flex-col gap-2 mt-4", children: [_jsx("label", { htmlFor: "username", className: "solid-auth-input-label", children: "Username" }), _jsx(SolidInput, { id: "username", name: "username", placeholder: "username", onChange: formik.handleChange, value: formik.values.username, "aria-invalid": !!formik.errors.username, autoComplete: "off" }), isFormFieldValid(formik, "username") && _jsx(SolidMessage, { className: "text-red-500 text-sm", severity: "error", text: (_b = (_a = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _a === void 0 ? void 0 : _a.username) === null || _b === void 0 ? void 0 : _b.toString() })] }), isMobile ? (_jsxs("div", { className: "flex flex-col gap-2 mt-4", children: [_jsx("label", { htmlFor: "mobile", className: "solid-auth-input-label", children: "Mobile" }), _jsx(SolidInput, { id: "mobile", name: "mobile", placeholder: "+1 555 123 4567", onChange: formik.handleChange, value: formik.values.mobile, "aria-invalid": !!formik.errors.mobile, autoComplete: "off" }), isFormFieldValid(formik, "mobile") && _jsx(SolidMessage, { className: "text-red-500 text-sm", severity: "error", text: (_d = (_c = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _c === void 0 ? void 0 : _c.mobile) === null || _d === void 0 ? void 0 : _d.toString() })] })) : (_jsxs("div", { className: "flex flex-col gap-2 mt-4", children: [_jsx("label", { htmlFor: "email", className: "solid-auth-input-label", children: "Email" }), _jsx(SolidInput, { id: "email", name: "email", placeholder: "Yourgmail@123.com", onChange: formik.handleChange, value: formik.values.email, "aria-invalid": !!formik.errors.email, autoComplete: "off" }), isFormFieldValid(formik, "email") && _jsx(SolidMessage, { className: "text-red-500 text-sm", severity: "error", text: (_f = (_e = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _e === void 0 ? void 0 : _e.email) === null || _f === void 0 ? void 0 : _f.toString() })] })), _jsx("div", { className: "mt-6", children: _jsx(SolidButton, { className: "w-full font-light auth-submit-button", label: "Sign Up", disabled: formik.isSubmitting, loading: formik.isSubmitting, type: "submit" }) })] }));
             } }));
     };
     var RenderAuthModes = function (_a) {
@@ -314,7 +314,7 @@ var SolidRegister = function () {
         ((_b = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _b === void 0 ? void 0 : _b.iamFacebookOAuthEnabled) ||
         ((_c = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _c === void 0 ? void 0 : _c.iamAppleOAuthEnabled) ||
         ((_d = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _d === void 0 ? void 0 : _d.iamMicrosoftOAuthEnabled));
-    return (_jsxs("div", { className: "", children: [_jsxs("div", { className: "auth-container position-relative ".concat(((_e = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _e === void 0 ? void 0 : _e.authPagesLayout) === 'center' ? 'center' : 'side'), children: [showOverlay && (_jsx("div", { className: "absolute top-0 left-0 w-full h-full flex align-items-center justify-content-center register-success-popup", children: _jsxs("div", { className: "register-success-card", children: [_jsx("div", { className: "register-success-badge", children: "Account created" }), _jsx(SolidSpinner, { className: "auth-success-spinner", size: 32 }), _jsxs("div", { className: "register-success-copy", children: [_jsx("h3", { className: "register-success-title", children: "Preparing your sign-in" }), _jsx("p", { className: "register-success-text", children: "Your profile has been created successfully. We're taking you to the login screen now." })] }), _jsx("div", { className: "register-success-progress", "aria-hidden": "true", children: _jsx("span", { className: "register-success-progress-bar" }) })] }) })), _jsx("h2", { className: "solid-auth-title", children: "Create your account" }), _jsx("p", { className: "solid-auth-helper", children: "Enter your details below to create your account" }), _jsx(RenderAuthModes, { passwordBasedAuth: (_f = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _f === void 0 ? void 0 : _f.passwordBasedAuth, passwordLessAuth: (_g = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _g === void 0 ? void 0 : _g.passwordLessAuth, showNameFieldsForRegistration: (_h = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _h === void 0 ? void 0 : _h.showNameFieldsForRegistration }), isAnyOAuthEnabled && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "solid-auth-divider flex align-items-center gap-2 my-4", children: [_jsx(SolidDivider, { className: "flex-1" }), _jsx("span", { className: "text-sm text-500", children: "Or continue with" }), _jsx(SolidDivider, { className: "flex-1" })] }), _jsx(SocialMediaLogin, { googleEnabled: (_j = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _j === void 0 ? void 0 : _j.iamGoogleOAuthEnabled, facebookEnabled: (_k = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _k === void 0 ? void 0 : _k.iamFacebookOAuthEnabled, appleEnabled: (_l = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _l === void 0 ? void 0 : _l.iamAppleOAuthEnabled, microsoftEnabled: (_m = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _m === void 0 ? void 0 : _m.iamMicrosoftOAuthEnabled })] }))] }), _jsx("div", { className: "text-center mt-3 md:mt-4", children: _jsxs("div", { className: "text-sm text-400 secondary-dark-color", children: ["Already have an account? ", _jsx(Link, { className: "font-bold", href: "/auth/login", children: "Sign In" })] }) })] }));
+    return (_jsxs("div", { className: "", children: [_jsxs("div", { className: "auth-container position-relative ".concat(((_e = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _e === void 0 ? void 0 : _e.authPagesLayout) === 'center' ? 'center' : 'side'), children: [showOverlay && (_jsx("div", { className: "absolute top-0 left-0 w-full h-full flex items-center justify-center register-success-popup", children: _jsxs("div", { className: "register-success-card", children: [_jsx("div", { className: "register-success-badge", children: "Account created" }), _jsx(SolidSpinner, { className: "auth-success-spinner", size: 32 }), _jsxs("div", { className: "register-success-copy", children: [_jsx("h3", { className: "register-success-title", children: "Preparing your sign-in" }), _jsx("p", { className: "register-success-text", children: "Your profile has been created successfully. We're taking you to the login screen now." })] }), _jsx("div", { className: "register-success-progress", "aria-hidden": "true", children: _jsx("span", { className: "register-success-progress-bar" }) })] }) })), _jsx("h2", { className: "solid-auth-title", children: "Create your account" }), _jsx("p", { className: "solid-auth-helper", children: "Enter your details below to create your account" }), _jsx(RenderAuthModes, { passwordBasedAuth: (_f = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _f === void 0 ? void 0 : _f.passwordBasedAuth, passwordLessAuth: (_g = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _g === void 0 ? void 0 : _g.passwordLessAuth, showNameFieldsForRegistration: (_h = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _h === void 0 ? void 0 : _h.showNameFieldsForRegistration }), isAnyOAuthEnabled && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "solid-auth-divider flex items-center gap-2 my-6", children: [_jsx(SolidDivider, { className: "flex-1" }), _jsx("span", { className: "text-sm text-500", children: "Or continue with" }), _jsx(SolidDivider, { className: "flex-1" })] }), _jsx(SocialMediaLogin, { googleEnabled: (_j = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _j === void 0 ? void 0 : _j.iamGoogleOAuthEnabled, facebookEnabled: (_k = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _k === void 0 ? void 0 : _k.iamFacebookOAuthEnabled, appleEnabled: (_l = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _l === void 0 ? void 0 : _l.iamAppleOAuthEnabled, microsoftEnabled: (_m = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _m === void 0 ? void 0 : _m.iamMicrosoftOAuthEnabled })] }))] }), _jsx("div", { className: "text-center mt-4 md:mt-6", children: _jsxs("div", { className: "text-sm text-400 secondary-dark-color", children: ["Already have an account? ", _jsx(Link, { className: "font-bold", href: "/auth/login", tabIndex: -1, children: "Sign In" })] }) })] }));
 };
 export default SolidRegister;
 //# sourceMappingURL=SolidRegister.js.map

package/dist/components/auth/SolidRegister.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidRegister.js","sourceRoot":"","sources":["../../../src/components/auth/SolidRegister.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,0BAA0B,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE1F,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACtH,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAQxD,IAAM,aAAa,GAAG;;IAClB,IAAM,qBAAqB,GAAG,GAAG,CAAC,sCAAsC,CAAC,CAAC;IACpE,IAAA,KAAgC,QAAQ,CAAC,CAAC,CAAC,EAA1C,WAAW,QAAA,EAAE,cAAc,QAAe,CAAC;IAC1C,IAAA,iBAAiB,GAAK,eAAe,EAAE,kBAAtB,CAAuB;IAE1C,IAAA,KAAgC,QAAQ,CAAC,KAAK,CAAC,EAA9C,WAAW,QAAA,EAAE,cAAc,QAAmB,CAAC;IAEtD,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,IAAM,gBAAgB,GAAG,UAAC,MAAW,EAAE,SAAiB;QACpD,OAAA,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;IAArD,CAAqD,CAAC;IAEpD,IAAA,KAAoD,mBAAmB,EAAE,EAAxE,QAAQ,QAAA,EAAE,UAAqC,EAAnC,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,IAAI,UAA2B,CAAC;IAEzE,IAAA,gBAAgB,GAAI,0BAA0B,EAAE,GAAhC,CAAiC;IAExD,IAAM,SAAS,GAAG;;QACd,IAAI,KAAK,EAAE;YACP,IAAI,MAAM,IAAI,KAAK,EAAE;gBACjB,IAAM,QAAQ,GAAG,KAA4B,CAAC;gBAC9C,aAAa;gBACb,IAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,MAAA,QAAQ,CAAC,IAAI,0CAAE,OAAO,CAAC,CAAC,CAAC,CAAC,MAAA,QAAQ,CAAC,IAAI,0CAAE,OAAO,CAAC,CAAC,CAAC,CAAC,MAAA,QAAQ,CAAC,IAAI,0CAAE,OAAO,CAAC,CAAC;gBAChH,QAAQ,CAAC,SAAS,CAAC;oBACf,QAAQ,EAAE,OAAO;oBACjB,OAAO,EAAE,cAAc,CAAC,KAAK;oBAC7B,MAAM,EAAE,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;oBAChC,IAAI,EAAE,KAAK;iBACd,CAAC,CAAC,CAAC;aACP;iBAAM;gBACH,IAAM,eAAe,GAAG,KAAc,CAAC;gBACvC,QAAQ,CAAC,SAAS,CAAC;oBACf,QAAQ,EAAE,OAAO;oBACjB,OAAO,EAAE,cAAc,CAAC,KAAK;oBAC7B,MAAM,EAAE,eAAe,CAAC,OAAO,IAAI,cAAc,CAAC,aAAa;oBAC/D,IAAI,EAAE,KAAK;iBACd,CAAC,CAAC,CAAC;aACP;SACJ;IACL,CAAC,CAAC;IAEF,SAAS,CAAC;QACN,IAAI,KAAK,EAAE;YACP,SAAS,EAAE,CAAC;SACf;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,oBAAoB;IACpB,uBAAuB;IACvB,6CAA6C;IAC7C,QAAQ;IACR,kBAAkB;IAElB,IAAM,cAAc,GAAG,UAAC,EAA8E;YAA5E,6BAA6B,mCAAA;QACnD,OAAO,CAAC,GAAG,CAAC,+BAA+B,EAAE,6BAA6B,CAAC,CAAC;QAC5E,OAAO,CACH,KAAC,MAAM,IACH,aAAa,EAAE;gBACX,QAAQ,EAAE,EAAE;gBACZ,KAAK,EAAE,EAAE;gBACT,QAAQ,EAAE,EAAE;gBACZ,SAAS,EAAE,EAAE;gBACb,QAAQ,EAAE,EAAE;aACf,EAED,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC;gBACzB,QAAQ,EAAE,6BAA6B;oBACnC,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,WAAW,EAAE;oBAC5B,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;gBAEvE,SAAS,EAAE,6BAA6B;oBACpC,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;oBACpE,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,WAAW,EAAE;gBAEhC,QAAQ,EAAE,6BAA6B;oBACnC,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;oBACpE,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,WAAW,EAAE;gBAEhC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE;qBACd,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;qBACpD,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;gBACrD,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE;qBACjB,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;qBACnD,GAAG,CAAC,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;qBAC5C,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC;qBAC9D,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC;qBAC9D,OAAO,CAAC,IAAI,EAAE,cAAc,CAAC,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;qBAC/D,OAAO,CAAC,sCAAsC,EAAE,cAAc,CAAC,gBAAgB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;aAChH,CAAC,EAEF,QAAQ,EAAE,UAAO,MAAM,EAAE,EAAiB;oBAAf,aAAa,mBAAA;;;;;;;;gCAE5B,QAAQ,GAAQ;oCAChB,KAAK,EAAE,MAAM,CAAC,KAAK;oCACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;iCAC5B,CAAC;gCACF,IAAI,6BAA6B,EAAE;oCACzB,QAAQ,GAAG,UAAG,MAAM,CAAC,SAAS,IAAI,EAAE,cAAI,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAE,CAAC,IAAI,EAAE,CAAC;oCACvE,QAAQ,GAAG,UAAG,MAAM,CAAC,SAAS,IAAI,EAAE,SAAG,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAE,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;oCAC1F,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;oCACtD,QAAQ,yBACD,QAAQ,KACX,QAAQ,UAAA,EACR,QAAQ,UAAA,GACX,CAAC;iCACL;qCAAM;oCACH,QAAQ,yBACD,QAAQ,KACX,QAAQ,EAAE,MAAM,CAAC,QAAQ,GAC5B,CAAC;iCACL;gCACgB,qBAAM,QAAQ,CAAC,QAAQ,CAAC,CAAC,MAAM,EAAE,EAAA;;gCAA5C,QAAQ,GAAG,SAAiC;gCAElD,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,UAAU,MAAK,GAAG,EAAE;oCAC9B,wHAAwH;oCACxH,cAAc,CAAC,IAAI,CAAC,CAAC;oCACrB,UAAU,CAAC;wCACP,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;oCAC/B,CAAC,EAAE,IAAI,CAAC,CAAC;iCACZ;qCAAM;oCACH,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;iCAC3G;;;;gCAED,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,CAAC,mBAAmB,EAAE,MAAM,EAAE,CAAA,KAAG,aAAH,KAAG,uBAAH,KAAG,CAAE,IAAI,EAAC,CAAC,CAAC,MAAA,KAAG,aAAH,KAAG,uBAAH,KAAG,CAAE,IAAI,0CAAE,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC;;;gCAEjK,aAAa,CAAC,KAAK,CAAC,CAAC;;;;;;aAE5B,YAEA,UAAC,MAAM;;gBAAK,OAAA,CACT,MAAC,IAAI,eACA,6BAA6B,CAAC,CAAC,CAAC,CAC7B,4BAEI,eAAK,SAAS,EAAC,iBAAiB,aAC5B,eAAK,SAAS,EAAC,+BAA+B,aAC1C,gBAAO,SAAS,EAAC,wBAAwB,2BAAmB,EAC5D,KAAC,UAAU,IACP,EAAE,EAAC,WAAW,EACd,IAAI,EAAC,WAAW,EAChB,WAAW,EAAC,YAAY,EACxB,QAAQ,EAAE,MAAM,CAAC,YAAY,EAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS,kBAChB,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,EACvC,YAAY,EAAC,KAAK,GACpB,EACD,gBAAgB,CAAC,MAAM,EAAE,WAAW,CAAC,IAAI,CACtC,KAAC,YAAY,IAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAE,MAAA,MAAM,CAAC,MAAM,CAAC,SAAS,0CAAE,QAAQ,EAAE,GAAI,CAC/E,IACC,EAEN,eAAK,SAAS,EAAC,+BAA+B,aAC1C,gBAAO,SAAS,EAAC,wBAAwB,0BAAkB,EAC3D,KAAC,UAAU,IACP,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,UAAU,EACf,WAAW,EAAC,WAAW,EACvB,QAAQ,EAAE,MAAM,CAAC,YAAY,EAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,QAAQ,kBACf,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,EACtC,YAAY,EAAC,KAAK,GACpB,EACD,gBAAgB,CAAC,MAAM,EAAE,UAAU,CAAC,IAAI,CACrC,KAAC,YAAY,IAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAE,MAAA,MAAM,CAAC,MAAM,CAAC,QAAQ,0CAAE,QAAQ,EAAE,GAAI,CAC9E,IACC,IACJ,GACP,CACN,CAAC,CAAC,CAAC,CACA,4BAEI,0BACI,eAAK,SAAS,EAAC,6BAA6B,aACxC,gBAAO,SAAS,EAAC,wBAAwB,yBAAiB,EAC1D,KAAC,UAAU,IACP,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,UAAU,EACf,WAAW,EAAC,UAAU,EACtB,QAAQ,EAAE,MAAM,CAAC,YAAY,EAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,QAAQ,kBACf,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,EACtC,YAAY,EAAC,KAAK,GACpB,IACA,EACL,gBAAgB,CAAC,MAAM,EAAE,UAAU,CAAC;wCACjC,KAAC,YAAY,IAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAE,MAAA,MAAM,CAAC,MAAM,CAAC,QAAQ,0CAAE,QAAQ,EAAE,GAAI,IAC7E,GACP,CACN,EAGD,0BACI,eAAK,SAAS,EAAC,6BAA6B,aACxC,gBAAO,SAAS,EAAC,wBAAwB,sBAAc,EACvD,KAAC,UAAU,IACP,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,OAAO,EACZ,WAAW,EAAC,mBAAmB,EAC/B,QAAQ,EAAE,MAAM,CAAC,YAAY,EAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,kBACZ,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EACnC,YAAY,EAAC,KAAK,GACpB,IACA,EACL,gBAAgB,CAAC,MAAM,EAAE,OAAO,CAAC;oCAC9B,KAAC,YAAY,IAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAE,MAAA,MAAM,CAAC,MAAM,CAAC,KAAK,0CAAE,QAAQ,EAAE,GAAI,IAC1E,EAGN,0BACI,eAAK,SAAS,EAAC,6BAA6B,aACxC,gBAAO,SAAS,EAAC,wBAAwB,yBAAiB,EAC1D,KAAC,kBAAkB,IACf,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,QAAQ,EAC7B,QAAQ,EAAE,MAAM,CAAC,YAAY,EAC7B,MAAM,QACN,SAAS,EAAC,QAAQ,kBACJ,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,EACtC,YAAY,EAAC,KAAK,GACpB,IACA,EACL,gBAAgB,CAAC,MAAM,EAAE,UAAU,CAAC;oCACjC,KAAC,YAAY,IAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAE,MAAA,MAAM,CAAC,MAAM,CAAC,QAAQ,0CAAE,QAAQ,EAAE,GAAI,IAC7E,EAEN,cAAK,SAAS,EAAC,MAAM,YACjB,KAAC,WAAW,IAAC,SAAS,EAAC,sCAAsC,EAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAE,MAAM,CAAC,YAAY,EAAE,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,IAAI,EAAC,QAAQ,GAAG,GACzJ,IACH,CACV,CAAA;aAAA,GACI,CACZ,CAAA;IACL,CAAC,CAAA;IAED,IAAM,kBAAkB,GAAG;;QACvB,IAAM,4BAA4B,GAC9B,CAAA,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,0CAAE,oCAAoC,MAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;QACpG,IAAM,QAAQ,GAAG,4BAA4B,KAAK,QAAQ,CAAC;QAE3D,OAAO,CACH,KAAC,MAAM,IACH,aAAa,EAAE;gBACX,QAAQ,EAAE,EAAE;gBACZ,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;aACb,EACD,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC;gBACzB,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;gBAC3E,KAAK,EAAE,QAAQ;oBACX,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,WAAW,EAAE;oBAC5B,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE;yBACT,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;yBACpD,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;gBACzD,MAAM,EAAE,QAAQ;oBACZ,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE;yBACT,OAAO,CAAC,sBAAsB,EAAE,cAAc,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;yBAC9E,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;oBACtD,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,WAAW,EAAE;aACnC,CAAC,EACF,QAAQ,EAAE,UAAO,MAAM,EAAE,EAAiB;oBAAf,aAAa,mBAAA;;;;;;;;gCAE1B,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;gCACrD,cAAc,GAAG,4BAAqB,UAAU,CAAE,CAAC;gCACnD,oBAAoB,GAAG,UAAU,CAAC,GAAG,CAAC,8BAA8B,CAAC,IAAI,KAAK,CAAC,CAAC;gCAChF,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,GAAG,EAAE,CAAC,CAAC;gCACzD,OAAO,GAAwB;oCACjC,QAAQ,EAAE,MAAM,CAAC,QAAQ;oCACzB,iBAAiB,EAAE,CAAC,4BAA4B,CAAC;iCACpD,CAAC;gCACF,IAAI,QAAQ,EAAE;oCACV,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;iCAClC;qCAAM;oCACH,OAAO,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;iCAChC;gCACK,aAAa,GAAG,YAAY,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;gCACrD,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;gCACvB,IAAI,aAAa,EAAE;oCACT,QAAQ,GAAG,QAAQ,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;oCACvC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;oCAC9C,SAAS,GAAG,gBAAgB,GAAG,OAAO,CAAC;oCAE7C,IAAI,SAAS,GAAG,CAAC,EAAE;wCACT,SAAS,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;wCAC5C,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,CAAC,WAAW,EAAE,MAAM,EAAE,cAAc,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC;wCAC9H,aAAa,CAAC,KAAK,CAAC,CAAC;wCACrB,sBAAO,CAAC,mBAAmB;qCAC9B;iCACJ;gCACgB,qBAAM,gBAAgB,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAA;;gCAAnD,QAAQ,GAAG,SAAwC;gCAEzD,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,UAAU,MAAK,GAAG,EAAE;oCAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,OAAO,EAAE,CAAC,CAAC,CAAC;oCAChH,YAAY,CAAC,OAAO,CAAC,4BAAqB,UAAU,CAAE,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;oCACzE,MAAM,GAAG,IAAI,eAAe,CAAC;wCAC/B,QAAQ,EAAE,MAAM,CAAC,QAAQ;wCACzB,IAAI,EAAE,4BAA4B;wCAClC,UAAU,YAAA;qCACb,CAAC,CAAC;oCACH,IAAI,QAAQ,EAAE;wCACV,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;qCACvC;yCAAM;wCACH,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;qCACrC;oCACD,MAAM,CAAC,IAAI,CAAC,kCAA2B,MAAM,CAAC,QAAQ,EAAE,CAAE,CAAC,CAAC;iCAC/D;qCAAM;oCACH,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;iCAC3G;;;;gCAED,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,CAAC,WAAW,EAAE,MAAM,EAAE,CAAA,KAAG,aAAH,KAAG,uBAAH,KAAG,CAAE,IAAI,EAAC,CAAC,CAAC,MAAA,KAAG,aAAH,KAAG,uBAAH,KAAG,CAAE,IAAI,0CAAE,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC;;;gCAEzJ,aAAa,CAAC,KAAK,CAAC,CAAC;;;;;;aAE5B,YAEA,UAAC,MAAM;;gBAAK,OAAA,CACT,MAAC,IAAI,eACD,eAAK,SAAS,EAAC,6BAA6B,aACxC,gBAAO,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,wBAAwB,yBAAiB,EAC7E,KAAC,UAAU,IACP,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,UAAU,EACf,WAAW,EAAC,UAAU,EACtB,QAAQ,EAAE,MAAM,CAAC,YAAY,EAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,QAAQ,kBACf,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,EACtC,YAAY,EAAC,KAAK,GACpB,EACD,gBAAgB,CAAC,MAAM,EAAE,UAAU,CAAC,IAAI,KAAC,YAAY,IAClD,SAAS,EAAC,sBAAsB,EAChC,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAE,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,0CAAE,QAAQ,0CAAE,QAAQ,EAAE,GAC5C,IACA,EACL,QAAQ,CAAC,CAAC,CAAC,CACR,eAAK,SAAS,EAAC,6BAA6B,aACxC,gBAAO,OAAO,EAAC,QAAQ,EAAC,SAAS,EAAC,wBAAwB,uBAAe,EACzE,KAAC,UAAU,IACP,EAAE,EAAC,QAAQ,EACX,IAAI,EAAC,QAAQ,EACb,WAAW,EAAC,iBAAiB,EAC7B,QAAQ,EAAE,MAAM,CAAC,YAAY,EAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,kBACb,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,EACpC,YAAY,EAAC,KAAK,GACpB,EACD,gBAAgB,CAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,KAAC,YAAY,IAChD,SAAS,EAAC,sBAAsB,EAChC,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAE,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,0CAAE,MAAM,0CAAE,QAAQ,EAAE,GAC1C,IACA,CACT,CAAC,CAAC,CAAC,CACA,eAAK,SAAS,EAAC,6BAA6B,aACxC,gBAAO,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,wBAAwB,sBAAc,EACvE,KAAC,UAAU,IACP,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,OAAO,EACZ,WAAW,EAAC,mBAAmB,EAC/B,QAAQ,EAAE,MAAM,CAAC,YAAY,EAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,kBACZ,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EACnC,YAAY,EAAC,KAAK,GACpB,EACD,gBAAgB,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,KAAC,YAAY,IAC/C,SAAS,EAAC,sBAAsB,EAChC,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAE,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,0CAAE,KAAK,0CAAE,QAAQ,EAAE,GACzC,IACA,CACT,EACD,cAAK,SAAS,EAAC,MAAM,YACjB,KAAC,WAAW,IAAC,SAAS,EAAC,sCAAsC,EAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAE,MAAM,CAAC,YAAY,EAAE,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,IAAI,EAAC,QAAQ,GAAG,GACzJ,IACH,CACV,CAAA;aAAA,GACI,CACZ,CAAA;IACL,CAAC,CAAA;IAED,IAAM,eAAe,GAA6B,UAAC,EAAsE;YAApE,iBAAiB,uBAAA,EAAE,gBAAgB,sBAAA,EAAE,6BAA6B,mCAAA;QACnH,IAAI,iBAAiB,IAAI,gBAAgB,EAAE;YACvC,OAAO,CACH,KAAC,QAAQ,IACL,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE;oBACF;wBACI,GAAG,EAAE,eAAe;wBACpB,KAAK,EAAE,eAAe;wBACtB,OAAO,EAAE,KAAC,cAAc,IAAC,6BAA6B,EAAE,6BAA6B,GAAI;qBAC5F;oBACD,EAAE,GAAG,EAAE,kBAAkB,EAAE,KAAK,EAAE,kBAAkB,EAAE,OAAO,EAAE,KAAC,kBAAkB,KAAG,EAAE;iBAC1F,GACH,CACL,CAAC;SACL;aAAM,IAAI,iBAAiB,EAAE;YAC1B,OAAO,KAAC,cAAc,IAAC,6BAA6B,EAAE,6BAA6B,GAAI,CAAC;SAC3F;aAAM,IAAI,gBAAgB,EAAE;YACzB,OAAO,KAAC,kBAAkB,KAAG,CAAC;SACjC;aAAM;YACH,OAAO,6DAAyC,CAAC;SACpD;IACL,CAAC,CAAC;IACF,IAAM,iBAAiB,GAAG,CAAC,CAAC,CACxB,CAAA,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,0CAAE,qBAAqB;SAC9C,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,0CAAE,uBAAuB,CAAA;SAChD,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,0CAAE,oBAAoB,CAAA;SAC7C,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,0CAAE,wBAAwB,CAAA,CACpD,CAAC;IACF,OAAO,CACH,eAAK,SAAS,EAAC,EAAE,aAEb,eAAK,SAAS,EAAE,2CAAoC,CAAA,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,0CAAE,eAAe,MAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAE,aAC1H,WAAW,IAAI,CACZ,cAAK,SAAS,EAAC,2GAA2G,YACtH,eAAK,SAAS,EAAC,uBAAuB,aAClC,cAAK,SAAS,EAAC,wBAAwB,gCAAsB,EAC7D,KAAC,YAAY,IAAC,SAAS,EAAC,sBAAsB,EAAC,IAAI,EAAE,EAAE,GAAI,EAC3D,eAAK,SAAS,EAAC,uBAAuB,aAClC,aAAI,SAAS,EAAC,wBAAwB,uCAA4B,EAClE,YAAG,SAAS,EAAC,uBAAuB,sGAEhC,IACF,EACN,cAAK,SAAS,EAAC,2BAA2B,iBAAa,MAAM,YACzD,eAAM,SAAS,EAAC,+BAA+B,GAAG,GAChD,IACJ,GACJ,CACT,EACD,aAAI,SAAS,EAAC,kBAAkB,oCAAyB,EACzD,YAAG,SAAS,EAAC,mBAAmB,gEAAoD,EAEpF,KAAC,eAAe,IAAC,iBAAiB,EAAE,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,0CAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,0CAAE,gBAAgB,EAAE,6BAA6B,EAAE,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,0CAAE,6BAA6B,GAAI,EACrO,iBAAiB,IAAI,CAClB,8BACI,eAAK,SAAS,EAAC,uDAAuD,aAClE,KAAC,YAAY,IAAC,SAAS,EAAC,QAAQ,GAAG,EACnC,eAAM,SAAS,EAAC,kBAAkB,iCAAwB,EAC1D,KAAC,YAAY,IAAC,SAAS,EAAC,QAAQ,GAAG,IACjC,EACN,KAAC,gBAAgB,IACb,aAAa,EAAE,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,0CAAE,qBAAqB,EAC7D,eAAe,EAAE,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,0CAAE,uBAAuB,EACjE,YAAY,EAAE,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,0CAAE,oBAAoB,EAC3D,gBAAgB,EAAE,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,0CAAE,wBAAwB,GACrE,IACH,CACN,IACC,EACN,cAAK,SAAS,EAAC,0BAA0B,YACrC,eAAK,SAAS,EAAC,uCAAuC,0CACzB,KAAC,IAAI,IAAC,SAAS,EAAC,WAAW,EAAC,IAAI,EAAC,aAAa,wBAAe,IACpF,GACJ,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { useInitateRegisterMutation, useRegisterMutation } from \"../../redux/api/authApi\";\nimport { FetchBaseQueryError } from \"@reduxjs/toolkit/query/react\";\nimport { Form, Formik } from \"formik\";\nimport Link from \"../common/Link\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { useEffect, useState } from \"react\";\nimport * as Yup from \"yup\";\nimport { SocialMediaLogin } from \"../common/SocialMediaLogin\";\nimport { formatTimeLeft } from \"../../helpers/resendOtpHelper\";\nimport { ERROR_MESSAGES } from \"../../constants/error-messages\";\nimport { env } from \"../../adapters/env\";\nimport { showToast } from \"../../redux/features/toastSlice\";\nimport { AuthTabs } from \"./AuthTabs\";\nimport { useDispatch } from \"react-redux\";\nimport { SolidButton, SolidDivider, SolidInput, SolidMessage, SolidPasswordInput, SolidSpinner } from \"../shad-cn-ui\";\nimport { useAuthSettings } from \"./AuthSettingsContext\";\n\ninterface AuthModesProps {\n    passwordBasedAuth: boolean;\n    passwordLessAuth: boolean;\n    showNameFieldsForRegistration?: boolean;\n}\n\nconst SolidRegister = () => {\n    const envPasswordHelperText = env(\"NEXT_PUBLIC_PASSWORD_COMPLEXITY_DESC\");\n    const [activeIndex, setActiveIndex] = useState(0);\n    const { solidSettingsData } = useAuthSettings();\n\n    const [showOverlay, setShowOverlay] = useState(false);\n\n    const dispatch = useDispatch();\n\n    const router = useRouter();\n\n    const isFormFieldValid = (formik: any, fieldName: string) =>\n        formik.touched[fieldName] && formik.errors[fieldName];\n\n    const [register, { isLoading, error, isSuccess, data }] = useRegisterMutation();\n\n    const [initiateRegister] = useInitateRegisterMutation();\n\n    const showError = () => {\n        if (error) {\n            if (\"data\" in error) {\n                const apiError = error as FetchBaseQueryError;\n                // @ts-ignore\n                const errorMessages = Array.isArray(apiError.data?.message) ? apiError.data?.message : [apiError.data?.message];\n                dispatch(showToast({\n                    severity: \"error\",\n                    summary: ERROR_MESSAGES.ERROR,\n                    detail: errorMessages.join(\", \"),\n                    life: 10000\n                }));\n            } else {\n                const serializedError = error as Error;\n                dispatch(showToast({\n                    severity: \"error\",\n                    summary: ERROR_MESSAGES.ERROR,\n                    detail: serializedError.message || ERROR_MESSAGES.ERROR_OCCURED,\n                    life: 10000\n                }));\n            }\n        }\n    };\n\n    useEffect(() => {\n        if (error) {\n            showError();\n        }\n    }, [error]);\n\n    // useEffect(() => {\n    //     if (isSuccess) {\n    //             router.replace(\"/auth/login\");\n    //     }\n    // }, [isSuccess])\n\n    const PasswordSignup = ({ showNameFieldsForRegistration }: { showNameFieldsForRegistration?: boolean }) => {\n        console.log(\"showNameFieldsForRegistration\", showNameFieldsForRegistration);\n        return (\n            <Formik\n                initialValues={{\n                    username: \"\",\n                    email: \"\",\n                    password: \"\",\n                    firstName: \"\",\n                    lastName: \"\"\n                }}\n\n                validationSchema={Yup.object({\n                    username: showNameFieldsForRegistration\n                        ? Yup.string().notRequired()\n                        : Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('User Name')),\n\n                    firstName: showNameFieldsForRegistration\n                        ? Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('First Name'))\n                        : Yup.string().notRequired(),\n\n                    lastName: showNameFieldsForRegistration\n                        ? Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Last Name '))\n                        : Yup.string().notRequired(),\n\n                    email: Yup.string()\n                        .email(ERROR_MESSAGES.FIELD_INVALID('email address'))\n                        .required(ERROR_MESSAGES.FIELD_REUQIRED('Email')),\n                    password: Yup.string()\n                        .required(ERROR_MESSAGES.FIELD_REUQIRED('Password'))\n                        .min(8, ERROR_MESSAGES.PASSWORD_CHARACTER(8))\n                        .matches(/[a-z]/, ERROR_MESSAGES.PASSWORD_CONTAIN('lowercase'))\n                        .matches(/[A-Z]/, ERROR_MESSAGES.PASSWORD_CONTAIN('uppercase'))\n                        .matches(/\\d/, ERROR_MESSAGES.PASSWORD_CONTAIN('one', 'number'))\n                        .matches(/[@$!%*?&#^(){}[\\]|\\\\/~`+=<>:;'\"_,.-]/, ERROR_MESSAGES.PASSWORD_CONTAIN('special', 'character')),\n                })}\n\n                onSubmit={async (values, { setSubmitting }) => {\n                    try {\n                        let userData: any = {\n                            email: values.email,\n                            password: values.password,\n                        };\n                        if (showNameFieldsForRegistration) {\n                            const fullName = `${values.firstName || \"\"} ${values.lastName || \"\"}`.trim();\n                            const username = `${values.firstName || \"\"}${values.lastName || \"\"}`.trim().toLowerCase();\n                            console.log(\"fullName, username\", fullName, username);\n                            userData = {\n                                ...userData,\n                                fullName,\n                                username\n                            };\n                        } else {\n                            userData = {\n                                ...userData,\n                                username: values.username,\n                            };\n                        }\n                        const response = await register(userData).unwrap();\n\n                        if (response?.statusCode === 200) {\n                            // dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.USER_REGISTER, detail: response?.data?.message }));\n                            setShowOverlay(true);\n                            setTimeout(() => {\n                                router.push(`/auth/login`);\n                            }, 3000);\n                        } else {\n                            dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: response.error }));\n                        }\n                    } catch (err: any) {\n                        dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.EMAIL_ALREADY_TAKEN, detail: err?.data ? err?.data?.message : ERROR_MESSAGES.SOMETHING_WRONG }));\n                    } finally {\n                        setSubmitting(false);\n                    }\n                }}\n            >\n                {(formik) => (\n                    <Form>\n                        {showNameFieldsForRegistration ? (\n                            <>\n                                {/* first + last name inline */}\n                                <div className=\"flex gap-2 mt-3\">\n                                    <div className=\"flex flex-column w-full gap-2\">\n                                        <label className=\"solid-auth-input-label\">First Name</label>\n                                        <SolidInput\n                                            id=\"firstName\"\n                                            name=\"firstName\"\n                                            placeholder=\"First Name\"\n                                            onChange={formik.handleChange}\n                                            value={formik.values.firstName}\n                                            aria-invalid={!!formik.errors.firstName}\n                                            autoComplete=\"off\"\n                                        />\n                                        {isFormFieldValid(formik, \"firstName\") && (\n                                            <SolidMessage severity=\"error\" text={formik.errors.firstName?.toString()} />\n                                        )}\n                                    </div>\n\n                                    <div className=\"flex flex-column w-full gap-2\">\n                                        <label className=\"solid-auth-input-label\">Last Name</label>\n                                        <SolidInput\n                                            id=\"lastName\"\n                                            name=\"lastName\"\n                                            placeholder=\"Last Name\"\n                                            onChange={formik.handleChange}\n                                            value={formik.values.lastName}\n                                            aria-invalid={!!formik.errors.lastName}\n                                            autoComplete=\"off\"\n                                        />\n                                        {isFormFieldValid(formik, \"lastName\") && (\n                                            <SolidMessage severity=\"error\" text={formik.errors.lastName?.toString()} />\n                                        )}\n                                    </div>\n                                </div>\n                            </>\n                        ) : (\n                            <>\n                                {/* username (only if name fields not shown) */}\n                                <div>\n                                    <div className=\"flex flex-column gap-2 mt-3\">\n                                        <label className=\"solid-auth-input-label\">Username</label>\n                                        <SolidInput\n                                            id=\"username\"\n                                            name=\"username\"\n                                            placeholder=\"username\"\n                                            onChange={formik.handleChange}\n                                            value={formik.values.username}\n                                            aria-invalid={!!formik.errors.username}\n                                            autoComplete=\"off\"\n                                        />\n                                    </div>\n                                    {isFormFieldValid(formik, \"username\") &&\n                                        <SolidMessage severity=\"error\" text={formik.errors.username?.toString()} />}\n                                </div>\n                            </>\n                        )}\n\n                        {/* Email */}\n                        <div>\n                            <div className=\"flex flex-column gap-2 mt-3\">\n                                <label className=\"solid-auth-input-label\">Email</label>\n                                <SolidInput\n                                    id=\"email\"\n                                    name=\"email\"\n                                    placeholder=\"Yourgmail@123.com\"\n                                    onChange={formik.handleChange}\n                                    value={formik.values.email}\n                                    aria-invalid={!!formik.errors.email}\n                                    autoComplete=\"off\"\n                                />\n                            </div>\n                            {isFormFieldValid(formik, \"email\") &&\n                                <SolidMessage severity=\"error\" text={formik.errors.email?.toString()} />}\n                        </div>\n\n                        {/* Password */}\n                        <div>\n                            <div className=\"flex flex-column gap-2 mt-3\">\n                                <label className=\"solid-auth-input-label\">Password</label>\n                                <SolidPasswordInput\n                                    id=\"password\"\n                                    name=\"password\"\n                                    value={formik.values.password}\n                                    onChange={formik.handleChange}\n                                    toggle\n                                    className=\"w-full\"\n                                    aria-invalid={!!formik.errors.password}\n                                    autoComplete=\"off\"\n                                />\n                            </div>\n                            {isFormFieldValid(formik, \"password\") &&\n                                <SolidMessage severity=\"error\" text={formik.errors.password?.toString()} />}\n                        </div>\n                        {/* <SolidPasswordHelperText text={solidSettingsData?.data?.authenticationPasswordComplexityDescription} /> */}\n                        <div className=\"mt-4\">\n                            <SolidButton className=\"w-full font-light auth-submit-button\" label=\"Sign Up\" disabled={formik.isSubmitting} loading={formik.isSubmitting} type=\"submit\" />\n                        </div>\n                    </Form>\n                )}\n            </Formik>\n        )\n    }\n\n    const PasswordLessSignup = () => {\n        const registrationValidationSource: \"email\" | \"mobile\" =\n            solidSettingsData?.data?.passwordlessRegistrationValidateWhat === \"mobile\" ? \"mobile\" : \"email\";\n        const isMobile = registrationValidationSource === \"mobile\";\n\n        return (\n            <Formik\n                initialValues={{\n                    username: \"\",\n                    email: \"\",\n                    mobile: \"\",\n                }}\n                validationSchema={Yup.object({\n                    username: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('User Name')),\n                    email: isMobile\n                        ? Yup.string().notRequired()\n                        : Yup.string()\n                            .email(ERROR_MESSAGES.FIELD_INVALID('email address'))\n                            .required(ERROR_MESSAGES.FIELD_REUQIRED('Email')),\n                    mobile: isMobile\n                        ? Yup.string()\n                            .matches(/^[+0-9][0-9\\s-]{6,}$/, ERROR_MESSAGES.FIELD_INVALID('mobile number'))\n                            .required(ERROR_MESSAGES.FIELD_REUQIRED('Mobile'))\n                        : Yup.string().notRequired(),\n                })}\n                onSubmit={async (values, { setSubmitting }) => {\n                    try {\n                        const identifier = isMobile ? values.mobile : values.email;\n                        const RESEND_OTP_KEY = `resendOtpRegister_${identifier}`;\n                        const RESEND_OTP_TIMER_MIN = parseFloat(env(\"NEXT_PUBLIC_RESEND_OTP_TIMER\") || '0.5');\n                        const RESEND_OTP_TIMER = Math.round(RESEND_OTP_TIMER_MIN * 60);\n                        const payload: Record<string, any> = {\n                            username: values.username,\n                            validationSources: [registrationValidationSource],\n                        };\n                        if (isMobile) {\n                            payload.mobile = values.mobile;\n                        } else {\n                            payload.email = values.email;\n                        }\n                        const storedTimeStr = localStorage.getItem(RESEND_OTP_KEY);\n                        const now = Date.now();\n                        if (storedTimeStr) {\n                            const lastSent = parseInt(storedTimeStr, 10);\n                            const elapsed = Math.floor((now - lastSent) / 1000);\n                            const remaining = RESEND_OTP_TIMER - elapsed;\n\n                            if (remaining > 0) {\n                                const formatted = formatTimeLeft(remaining);\n                                dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.PLEASE_WAIT, detail: ERROR_MESSAGES.OPT_FORMAT(formatted) }));\n                                setSubmitting(false);\n                                return; //  Prevent request\n                            }\n                        }\n                        const response = await initiateRegister(payload).unwrap(); // Call mutation trigger\n\n                        if (response?.statusCode === 200) {\n                            dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.OPT_SEND, detail: response?.data?.message }));\n                            localStorage.setItem(`resendOtpRegister_${identifier}`, Date.now().toString());\n                            const params = new URLSearchParams({\n                                username: values.username,\n                                type: registrationValidationSource,\n                                identifier,\n                            });\n                            if (isMobile) {\n                                params.set(\"mobile\", values.mobile);\n                            } else {\n                                params.set(\"email\", values.email);\n                            }\n                            router.push(`/auth/initiate-register?${params.toString()}`);\n                        } else {\n                            dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: response.error }));\n                        }\n                    } catch (err: any) {\n                        dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: err?.data ? err?.data?.message : ERROR_MESSAGES.SOMETHING_WRONG }));\n                    } finally {\n                        setSubmitting(false);\n                    }\n                }}\n            >\n                {(formik) => (\n                    <Form>\n                        <div className=\"flex flex-column gap-2 mt-3\">\n                            <label htmlFor=\"username\" className=\"solid-auth-input-label\">Username</label>\n                            <SolidInput\n                                id=\"username\"\n                                name=\"username\"\n                                placeholder=\"username\"\n                                onChange={formik.handleChange}\n                                value={formik.values.username}\n                                aria-invalid={!!formik.errors.username}\n                                autoComplete=\"off\"\n                            />\n                            {isFormFieldValid(formik, \"username\") && <SolidMessage\n                                className=\"text-red-500 text-sm\"\n                                severity=\"error\"\n                                text={formik?.errors?.username?.toString()}\n                            />}\n                        </div>\n                        {isMobile ? (\n                            <div className=\"flex flex-column gap-2 mt-3\">\n                                <label htmlFor=\"mobile\" className=\"solid-auth-input-label\">Mobile</label>\n                                <SolidInput\n                                    id=\"mobile\"\n                                    name=\"mobile\"\n                                    placeholder=\"+1 555 123 4567\"\n                                    onChange={formik.handleChange}\n                                    value={formik.values.mobile}\n                                    aria-invalid={!!formik.errors.mobile}\n                                    autoComplete=\"off\"\n                                />\n                                {isFormFieldValid(formik, \"mobile\") && <SolidMessage\n                                    className=\"text-red-500 text-sm\"\n                                    severity=\"error\"\n                                    text={formik?.errors?.mobile?.toString()}\n                                />}\n                            </div>\n                        ) : (\n                            <div className=\"flex flex-column gap-2 mt-3\">\n                                <label htmlFor=\"email\" className=\"solid-auth-input-label\">Email</label>\n                                <SolidInput\n                                    id=\"email\"\n                                    name=\"email\"\n                                    placeholder=\"Yourgmail@123.com\"\n                                    onChange={formik.handleChange}\n                                    value={formik.values.email}\n                                    aria-invalid={!!formik.errors.email}\n                                    autoComplete=\"off\"\n                                />\n                                {isFormFieldValid(formik, \"email\") && <SolidMessage\n                                    className=\"text-red-500 text-sm\"\n                                    severity=\"error\"\n                                    text={formik?.errors?.email?.toString()}\n                                />}\n                            </div>\n                        )}\n                        <div className=\"mt-4\">\n                            <SolidButton className=\"w-full font-light auth-submit-button\" label=\"Sign Up\" disabled={formik.isSubmitting} loading={formik.isSubmitting} type=\"submit\" />\n                        </div>\n                    </Form>\n                )}\n            </Formik>\n        )\n    }\n\n    const RenderAuthModes: React.FC<AuthModesProps> = ({ passwordBasedAuth, passwordLessAuth, showNameFieldsForRegistration }) => {\n        if (passwordBasedAuth && passwordLessAuth) {\n            return (\n                <AuthTabs\n                    activeIndex={activeIndex}\n                    onChange={setActiveIndex}\n                    tabs={[\n                        {\n                            key: \"with-password\",\n                            label: \"With Password\",\n                            content: <PasswordSignup showNameFieldsForRegistration={showNameFieldsForRegistration} />,\n                        },\n                        { key: \"without-password\", label: \"Without Password\", content: <PasswordLessSignup /> },\n                    ]}\n                />\n            );\n        } else if (passwordBasedAuth) {\n            return <PasswordSignup showNameFieldsForRegistration={showNameFieldsForRegistration} />;\n        } else if (passwordLessAuth) {\n            return <PasswordLessSignup />;\n        } else {\n            return <p>No authentication method available</p>;\n        }\n    };\n    const isAnyOAuthEnabled = !!(\n        solidSettingsData?.data?.iamGoogleOAuthEnabled ||\n        solidSettingsData?.data?.iamFacebookOAuthEnabled ||\n        solidSettingsData?.data?.iamAppleOAuthEnabled ||\n        solidSettingsData?.data?.iamMicrosoftOAuthEnabled\n    );\n    return (\n        <div className=\"\">\n            {/* Overlay UI */}\n            <div className={`auth-container position-relative ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'center' : 'side'}`}>\n                {showOverlay && (\n                    <div className=\"absolute top-0 left-0 w-full h-full flex align-items-center justify-content-center register-success-popup\">\n                        <div className=\"register-success-card\">\n                            <div className=\"register-success-badge\">Account created</div>\n                            <SolidSpinner className=\"auth-success-spinner\" size={32} />\n                            <div className=\"register-success-copy\">\n                                <h3 className=\"register-success-title\">Preparing your sign-in</h3>\n                                <p className=\"register-success-text\">\n                                    Your profile has been created successfully. We&apos;re taking you to the login screen now.\n                                </p>\n                            </div>\n                            <div className=\"register-success-progress\" aria-hidden=\"true\">\n                                <span className=\"register-success-progress-bar\" />\n                            </div>\n                        </div>\n                    </div>\n                )}\n                <h2 className=\"solid-auth-title\">Create your account</h2>\n                <p className=\"solid-auth-helper\">Enter your details below to create your account</p>\n                {/* <p className=\"solid-auth-subtitle text-sm\">By continuing, you agree to the <Link href={'#'}>Terms of Service</Link> and acknowledge you’ve read our  <Link href={'#'}>Privacy Policy.</Link> </p> */}\n                <RenderAuthModes passwordBasedAuth={solidSettingsData?.data?.passwordBasedAuth} passwordLessAuth={solidSettingsData?.data?.passwordLessAuth} showNameFieldsForRegistration={solidSettingsData?.data?.showNameFieldsForRegistration} />\n                {isAnyOAuthEnabled && (\n                    <>\n                        <div className=\"solid-auth-divider flex align-items-center gap-2 my-4\">\n                            <SolidDivider className=\"flex-1\" />\n                            <span className=\"text-sm text-500\">Or continue with</span>\n                            <SolidDivider className=\"flex-1\" />\n                        </div>\n                        <SocialMediaLogin\n                            googleEnabled={solidSettingsData?.data?.iamGoogleOAuthEnabled}\n                            facebookEnabled={solidSettingsData?.data?.iamFacebookOAuthEnabled}\n                            appleEnabled={solidSettingsData?.data?.iamAppleOAuthEnabled}\n                            microsoftEnabled={solidSettingsData?.data?.iamMicrosoftOAuthEnabled}\n                        />\n                    </>\n                )}\n            </div>\n            <div className=\"text-center mt-3 md:mt-4\">\n                <div className=\"text-sm text-400 secondary-dark-color\">\n                    Already have an account? <Link className=\"font-bold\" href=\"/auth/login\">Sign In</Link>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default SolidRegister;\n"]}
+{"version":3,"file":"SolidRegister.js","sourceRoot":"","sources":["../../../src/components/auth/SolidRegister.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useInitateRegisterMutation, useRegisterMutation } from \"../../redux/api/authApi\";\nimport { FetchBaseQueryError } from \"@reduxjs/toolkit/query/react\";\nimport { Form, Formik } from \"formik\";\nimport Link from \"../common/Link\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { useEffect, useState } from \"react\";\nimport * as Yup from \"yup\";\nimport { SocialMediaLogin } from \"../common/SocialMediaLogin\";\nimport { formatTimeLeft } from \"../../helpers/resendOtpHelper\";\nimport { ERROR_MESSAGES } from \"../../constants/error-messages\";\nimport { env } from \"../../adapters/env\";\nimport { showToast } from \"../../redux/features/toastSlice\";\nimport { AuthTabs } from \"./AuthTabs\";\nimport { useDispatch } from \"react-redux\";\nimport { SolidButton, SolidDivider, SolidInput, SolidMessage, SolidPasswordInput, SolidSpinner } from \"../shad-cn-ui\";\nimport { useAuthSettings } from \"./AuthSettingsContext\";\n\ninterface AuthModesProps {\n    passwordBasedAuth: boolean;\n    passwordLessAuth: boolean;\n    showNameFieldsForRegistration?: boolean;\n}\n\nconst SolidRegister = () => {\n    const envPasswordHelperText = env(\"NEXT_PUBLIC_PASSWORD_COMPLEXITY_DESC\");\n    const [activeIndex, setActiveIndex] = useState(0);\n    const { solidSettingsData } = useAuthSettings();\n\n    const [showOverlay, setShowOverlay] = useState(false);\n\n    const dispatch = useDispatch();\n\n    const router = useRouter();\n\n    const isFormFieldValid = (formik: any, fieldName: string) =>\n        formik.touched[fieldName] && formik.errors[fieldName];\n\n    const [register, { isLoading, error, isSuccess, data }] = useRegisterMutation();\n\n    const [initiateRegister] = useInitateRegisterMutation();\n\n    const showError = () => {\n        if (error) {\n            if (\"data\" in error) {\n                const apiError = error as FetchBaseQueryError;\n                // @ts-ignore\n                const errorMessages = Array.isArray(apiError.data?.message) ? apiError.data?.message : [apiError.data?.message];\n                dispatch(showToast({\n                    severity: \"error\",\n                    summary: ERROR_MESSAGES.ERROR,\n                    detail: errorMessages.join(\", \"),\n                    life: 10000\n                }));\n            } else {\n                const serializedError = error as Error;\n                dispatch(showToast({\n                    severity: \"error\",\n                    summary: ERROR_MESSAGES.ERROR,\n                    detail: serializedError.message || ERROR_MESSAGES.ERROR_OCCURED,\n                    life: 10000\n                }));\n            }\n        }\n    };\n\n    useEffect(() => {\n        if (error) {\n            showError();\n        }\n    }, [error]);\n\n    // useEffect(() => {\n    //     if (isSuccess) {\n    //             router.replace(\"/auth/login\");\n    //     }\n    // }, [isSuccess])\n\n    const PasswordSignup = ({ showNameFieldsForRegistration }: { showNameFieldsForRegistration?: boolean }) => {\n        console.log(\"showNameFieldsForRegistration\", showNameFieldsForRegistration);\n        return (\n            <Formik\n                initialValues={{\n                    username: \"\",\n                    email: \"\",\n                    password: \"\",\n                    firstName: \"\",\n                    lastName: \"\"\n                }}\n\n                validationSchema={Yup.object({\n                    username: showNameFieldsForRegistration\n                        ? Yup.string().notRequired()\n                        : Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('User Name')),\n\n                    firstName: showNameFieldsForRegistration\n                        ? Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('First Name'))\n                        : Yup.string().notRequired(),\n\n                    lastName: showNameFieldsForRegistration\n                        ? Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Last Name '))\n                        : Yup.string().notRequired(),\n\n                    email: Yup.string()\n                        .email(ERROR_MESSAGES.FIELD_INVALID('email address'))\n                        .required(ERROR_MESSAGES.FIELD_REUQIRED('Email')),\n                    password: Yup.string()\n                        .required(ERROR_MESSAGES.FIELD_REUQIRED('Password'))\n                        .min(8, ERROR_MESSAGES.PASSWORD_CHARACTER(8))\n                        .matches(/[a-z]/, ERROR_MESSAGES.PASSWORD_CONTAIN('lowercase'))\n                        .matches(/[A-Z]/, ERROR_MESSAGES.PASSWORD_CONTAIN('uppercase'))\n                        .matches(/\\d/, ERROR_MESSAGES.PASSWORD_CONTAIN('one', 'number'))\n                        .matches(/[@$!%*?&#^(){}[\\]|\\\\/~`+=<>:;'\"_,.-]/, ERROR_MESSAGES.PASSWORD_CONTAIN('special', 'character')),\n                })}\n\n                onSubmit={async (values, { setSubmitting }) => {\n                    try {\n                        let userData: any = {\n                            email: values.email,\n                            password: values.password,\n                        };\n                        if (showNameFieldsForRegistration) {\n                            const fullName = `${values.firstName || \"\"} ${values.lastName || \"\"}`.trim();\n                            const username = `${values.firstName || \"\"}${values.lastName || \"\"}`.trim().toLowerCase();\n                            console.log(\"fullName, username\", fullName, username);\n                            userData = {\n                                ...userData,\n                                fullName,\n                                username\n                            };\n                        } else {\n                            userData = {\n                                ...userData,\n                                username: values.username,\n                            };\n                        }\n                        const response = await register(userData).unwrap();\n\n                        if (response?.statusCode === 200) {\n                            // dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.USER_REGISTER, detail: response?.data?.message }));\n                            setShowOverlay(true);\n                            setTimeout(() => {\n                                router.push(`/auth/login`);\n                            }, 3000);\n                        } else {\n                            dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: response.error }));\n                        }\n                    } catch (err: any) {\n                        dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.EMAIL_ALREADY_TAKEN, detail: err?.data ? err?.data?.message : ERROR_MESSAGES.SOMETHING_WRONG }));\n                    } finally {\n                        setSubmitting(false);\n                    }\n                }}\n            >\n                {(formik) => (\n                    <Form>\n                        {showNameFieldsForRegistration ? (\n                            <>\n                                {/* first + last name inline */}\n                                <div className=\"flex gap-2 mt-4\">\n                                    <div className=\"flex flex-col w-full gap-2\">\n                                        <label className=\"solid-auth-input-label\">First Name</label>\n                                        <SolidInput\n                                            id=\"firstName\"\n                                            name=\"firstName\"\n                                            placeholder=\"First Name\"\n                                            onChange={formik.handleChange}\n                                            value={formik.values.firstName}\n                                            aria-invalid={!!formik.errors.firstName}\n                                            autoComplete=\"off\"\n                                        />\n                                        {isFormFieldValid(formik, \"firstName\") && (\n                                            <SolidMessage severity=\"error\" text={formik.errors.firstName?.toString()} />\n                                        )}\n                                    </div>\n\n                                    <div className=\"flex flex-col w-full gap-2\">\n                                        <label className=\"solid-auth-input-label\">Last Name</label>\n                                        <SolidInput\n                                            id=\"lastName\"\n                                            name=\"lastName\"\n                                            placeholder=\"Last Name\"\n                                            onChange={formik.handleChange}\n                                            value={formik.values.lastName}\n                                            aria-invalid={!!formik.errors.lastName}\n                                            autoComplete=\"off\"\n                                        />\n                                        {isFormFieldValid(formik, \"lastName\") && (\n                                            <SolidMessage severity=\"error\" text={formik.errors.lastName?.toString()} />\n                                        )}\n                                    </div>\n                                </div>\n                            </>\n                        ) : (\n                            <>\n                                {/* username (only if name fields not shown) */}\n                                <div>\n                                    <div className=\"flex flex-col gap-2 mt-4\">\n                                        <label className=\"solid-auth-input-label\">Username</label>\n                                        <SolidInput\n                                            id=\"username\"\n                                            name=\"username\"\n                                            placeholder=\"username\"\n                                            onChange={formik.handleChange}\n                                            value={formik.values.username}\n                                            aria-invalid={!!formik.errors.username}\n                                            autoComplete=\"off\"\n                                        />\n                                    </div>\n                                    {isFormFieldValid(formik, \"username\") &&\n                                        <SolidMessage severity=\"error\" text={formik.errors.username?.toString()} />}\n                                </div>\n                            </>\n                        )}\n\n                        {/* Email */}\n                        <div>\n                            <div className=\"flex flex-col gap-2 mt-4\">\n                                <label className=\"solid-auth-input-label\">Email</label>\n                                <SolidInput\n                                    id=\"email\"\n                                    name=\"email\"\n                                    placeholder=\"Yourgmail@123.com\"\n                                    onChange={formik.handleChange}\n                                    value={formik.values.email}\n                                    aria-invalid={!!formik.errors.email}\n                                    autoComplete=\"off\"\n                                />\n                            </div>\n                            {isFormFieldValid(formik, \"email\") &&\n                                <SolidMessage severity=\"error\" text={formik.errors.email?.toString()} />}\n                        </div>\n\n                        {/* Password */}\n                        <div>\n                            <div className=\"flex flex-col gap-2 mt-4\">\n                                <label className=\"solid-auth-input-label\">Password</label>\n                                <SolidPasswordInput\n                                    id=\"password\"\n                                    name=\"password\"\n                                    value={formik.values.password}\n                                    onChange={formik.handleChange}\n                                    toggle\n                                    className=\"w-full\"\n                                    aria-invalid={!!formik.errors.password}\n                                    autoComplete=\"off\"\n                                />\n                            </div>\n                            {isFormFieldValid(formik, \"password\") &&\n                                <SolidMessage severity=\"error\" text={formik.errors.password?.toString()} />}\n                        </div>\n                        {/* <SolidPasswordHelperText text={solidSettingsData?.data?.authenticationPasswordComplexityDescription} /> */}\n                        <div className=\"mt-6\">\n                            <SolidButton className=\"w-full font-light auth-submit-button\" label=\"Sign Up\" disabled={formik.isSubmitting} loading={formik.isSubmitting} type=\"submit\" />\n                        </div>\n                    </Form>\n                )}\n            </Formik>\n        )\n    }\n\n    const PasswordLessSignup = () => {\n        const registrationValidationSource: \"email\" | \"mobile\" =\n            solidSettingsData?.data?.passwordlessRegistrationValidateWhat === \"mobile\" ? \"mobile\" : \"email\";\n        const isMobile = registrationValidationSource === \"mobile\";\n\n        return (\n            <Formik\n                initialValues={{\n                    username: \"\",\n                    email: \"\",\n                    mobile: \"\",\n                }}\n                validationSchema={Yup.object({\n                    username: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('User Name')),\n                    email: isMobile\n                        ? Yup.string().notRequired()\n                        : Yup.string()\n                            .email(ERROR_MESSAGES.FIELD_INVALID('email address'))\n                            .required(ERROR_MESSAGES.FIELD_REUQIRED('Email')),\n                    mobile: isMobile\n                        ? Yup.string()\n                            .matches(/^[+0-9][0-9\\s-]{6,}$/, ERROR_MESSAGES.FIELD_INVALID('mobile number'))\n                            .required(ERROR_MESSAGES.FIELD_REUQIRED('Mobile'))\n                        : Yup.string().notRequired(),\n                })}\n                onSubmit={async (values, { setSubmitting }) => {\n                    try {\n                        const identifier = isMobile ? values.mobile : values.email;\n                        const RESEND_OTP_KEY = `resendOtpRegister_${identifier}`;\n                        const RESEND_OTP_TIMER_MIN = parseFloat(env(\"NEXT_PUBLIC_RESEND_OTP_TIMER\") || '0.5');\n                        const RESEND_OTP_TIMER = Math.round(RESEND_OTP_TIMER_MIN * 60);\n                        const payload: Record<string, any> = {\n                            username: values.username,\n                            validationSources: [registrationValidationSource],\n                        };\n                        if (isMobile) {\n                            payload.mobile = values.mobile;\n                        } else {\n                            payload.email = values.email;\n                        }\n                        const storedTimeStr = localStorage.getItem(RESEND_OTP_KEY);\n                        const now = Date.now();\n                        if (storedTimeStr) {\n                            const lastSent = parseInt(storedTimeStr, 10);\n                            const elapsed = Math.floor((now - lastSent) / 1000);\n                            const remaining = RESEND_OTP_TIMER - elapsed;\n\n                            if (remaining > 0) {\n                                const formatted = formatTimeLeft(remaining);\n                                dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.PLEASE_WAIT, detail: ERROR_MESSAGES.OPT_FORMAT(formatted) }));\n                                setSubmitting(false);\n                                return; //  Prevent request\n                            }\n                        }\n                        const response = await initiateRegister(payload).unwrap(); // Call mutation trigger\n\n                        if (response?.statusCode === 200) {\n                            dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.OPT_SEND, detail: response?.data?.message }));\n                            localStorage.setItem(`resendOtpRegister_${identifier}`, Date.now().toString());\n                            const params = new URLSearchParams({\n                                username: values.username,\n                                type: registrationValidationSource,\n                                identifier,\n                            });\n                            if (isMobile) {\n                                params.set(\"mobile\", values.mobile);\n                            } else {\n                                params.set(\"email\", values.email);\n                            }\n                            router.push(`/auth/initiate-register?${params.toString()}`);\n                        } else {\n                            dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: response.error }));\n                        }\n                    } catch (err: any) {\n                        dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: err?.data ? err?.data?.message : ERROR_MESSAGES.SOMETHING_WRONG }));\n                    } finally {\n                        setSubmitting(false);\n                    }\n                }}\n            >\n                {(formik) => (\n                    <Form>\n                        <div className=\"flex flex-col gap-2 mt-4\">\n                            <label htmlFor=\"username\" className=\"solid-auth-input-label\">Username</label>\n                            <SolidInput\n                                id=\"username\"\n                                name=\"username\"\n                                placeholder=\"username\"\n                                onChange={formik.handleChange}\n                                value={formik.values.username}\n                                aria-invalid={!!formik.errors.username}\n                                autoComplete=\"off\"\n                            />\n                            {isFormFieldValid(formik, \"username\") && <SolidMessage\n                                className=\"text-red-500 text-sm\"\n                                severity=\"error\"\n                                text={formik?.errors?.username?.toString()}\n                            />}\n                        </div>\n                        {isMobile ? (\n                            <div className=\"flex flex-col gap-2 mt-4\">\n                                <label htmlFor=\"mobile\" className=\"solid-auth-input-label\">Mobile</label>\n                                <SolidInput\n                                    id=\"mobile\"\n                                    name=\"mobile\"\n                                    placeholder=\"+1 555 123 4567\"\n                                    onChange={formik.handleChange}\n                                    value={formik.values.mobile}\n                                    aria-invalid={!!formik.errors.mobile}\n                                    autoComplete=\"off\"\n                                />\n                                {isFormFieldValid(formik, \"mobile\") && <SolidMessage\n                                    className=\"text-red-500 text-sm\"\n                                    severity=\"error\"\n                                    text={formik?.errors?.mobile?.toString()}\n                                />}\n                            </div>\n                        ) : (\n                            <div className=\"flex flex-col gap-2 mt-4\">\n                                <label htmlFor=\"email\" className=\"solid-auth-input-label\">Email</label>\n                                <SolidInput\n                                    id=\"email\"\n                                    name=\"email\"\n                                    placeholder=\"Yourgmail@123.com\"\n                                    onChange={formik.handleChange}\n                                    value={formik.values.email}\n                                    aria-invalid={!!formik.errors.email}\n                                    autoComplete=\"off\"\n                                />\n                                {isFormFieldValid(formik, \"email\") && <SolidMessage\n                                    className=\"text-red-500 text-sm\"\n                                    severity=\"error\"\n                                    text={formik?.errors?.email?.toString()}\n                                />}\n                            </div>\n                        )}\n                        <div className=\"mt-6\">\n                            <SolidButton className=\"w-full font-light auth-submit-button\" label=\"Sign Up\" disabled={formik.isSubmitting} loading={formik.isSubmitting} type=\"submit\" />\n                        </div>\n                    </Form>\n                )}\n            </Formik>\n        )\n    }\n\n    const RenderAuthModes: React.FC<AuthModesProps> = ({ passwordBasedAuth, passwordLessAuth, showNameFieldsForRegistration }) => {\n        if (passwordBasedAuth && passwordLessAuth) {\n            return (\n                <AuthTabs\n                    activeIndex={activeIndex}\n                    onChange={setActiveIndex}\n                    tabs={[\n                        {\n                            key: \"with-password\",\n                            label: \"With Password\",\n                            content: <PasswordSignup showNameFieldsForRegistration={showNameFieldsForRegistration} />,\n                        },\n                        { key: \"without-password\", label: \"Without Password\", content: <PasswordLessSignup /> },\n                    ]}\n                />\n            );\n        } else if (passwordBasedAuth) {\n            return <PasswordSignup showNameFieldsForRegistration={showNameFieldsForRegistration} />;\n        } else if (passwordLessAuth) {\n            return <PasswordLessSignup />;\n        } else {\n            return <p>No authentication method available</p>;\n        }\n    };\n    const isAnyOAuthEnabled = !!(\n        solidSettingsData?.data?.iamGoogleOAuthEnabled ||\n        solidSettingsData?.data?.iamFacebookOAuthEnabled ||\n        solidSettingsData?.data?.iamAppleOAuthEnabled ||\n        solidSettingsData?.data?.iamMicrosoftOAuthEnabled\n    );\n    return (\n        <div className=\"\">\n            {/* Overlay UI */}\n            <div className={`auth-container position-relative ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'center' : 'side'}`}>\n                {showOverlay && (\n                    <div className=\"absolute top-0 left-0 w-full h-full flex items-center justify-center register-success-popup\">\n                        <div className=\"register-success-card\">\n                            <div className=\"register-success-badge\">Account created</div>\n                            <SolidSpinner className=\"auth-success-spinner\" size={32} />\n                            <div className=\"register-success-copy\">\n                                <h3 className=\"register-success-title\">Preparing your sign-in</h3>\n                                <p className=\"register-success-text\">\n                                    Your profile has been created successfully. We&apos;re taking you to the login screen now.\n                                </p>\n                            </div>\n                            <div className=\"register-success-progress\" aria-hidden=\"true\">\n                                <span className=\"register-success-progress-bar\" />\n                            </div>\n                        </div>\n                    </div>\n                )}\n                <h2 className=\"solid-auth-title\">Create your account</h2>\n                <p className=\"solid-auth-helper\">Enter your details below to create your account</p>\n                {/* <p className=\"solid-auth-subtitle text-sm\">By continuing, you agree to the <Link href={'#'}>Terms of Service</Link> and acknowledge you’ve read our  <Link href={'#'}>Privacy Policy.</Link> </p> */}\n                <RenderAuthModes passwordBasedAuth={solidSettingsData?.data?.passwordBasedAuth} passwordLessAuth={solidSettingsData?.data?.passwordLessAuth} showNameFieldsForRegistration={solidSettingsData?.data?.showNameFieldsForRegistration} />\n                {isAnyOAuthEnabled && (\n                    <>\n                        <div className=\"solid-auth-divider flex items-center gap-2 my-6\">\n                            <SolidDivider className=\"flex-1\" />\n                            <span className=\"text-sm text-500\">Or continue with</span>\n                            <SolidDivider className=\"flex-1\" />\n                        </div>\n                        <SocialMediaLogin\n                            googleEnabled={solidSettingsData?.data?.iamGoogleOAuthEnabled}\n                            facebookEnabled={solidSettingsData?.data?.iamFacebookOAuthEnabled}\n                            appleEnabled={solidSettingsData?.data?.iamAppleOAuthEnabled}\n                            microsoftEnabled={solidSettingsData?.data?.iamMicrosoftOAuthEnabled}\n                        />\n                    </>\n                )}\n            </div>\n            <div className=\"text-center mt-4 md:mt-6\">\n                <div className=\"text-sm text-400 secondary-dark-color\">\n                    Already have an account? <Link className=\"font-bold\" href=\"/auth/login\" tabIndex={-1}>Sign In</Link>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default SolidRegister;\n"]}