@levo-so/studio 0.1.102 → 0.1.104

package/{LoginForm-CEUbBeE3.js → LoginForm-BdsPVHdO.js}

@@ -1,10 +1,10 @@
 "use client";
-import { t as e } from "./useLogin-D2VCOHYI.js";
-import { c as t, t as n } from "./authentication-fXmNYss1.js";
-import { useEffect as r, useMemo as i, useRef as a, useState as o } from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { getLevoError as u } from "@levo-so/core";
-import { LevoOAuth as d, errorHandler as f, successToast as p, useLevo as m } from "@levo-so/react";
+import { t as e } from "./useLogin-B2qE8710.js";
+import { c as t, t as n } from "./authentication-hnV1BI8s.js";
+import { LevoOAuth as r, errorHandler as i, successToast as a, useLevo as o } from "@levo-so/react";
+import { useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { getLevoError as m } from "@levo-so/core";
 import { ChevronDown as h } from "lucide-react";
 import { Popover as g } from "radix-ui";
 import * as _ from "yup";
@@ -35,10 +35,10 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 	iconEnter: "_iconEnter_1je4h_103",
 	iconScale: "_iconScale_1je4h_1",
 	text: "_text_1je4h_119"
-}, P = ({ className: e, children: t, isLoading: n = !1, isError: i = !1, loadingText: a = "Loading...", successText: s = "Success!", errorText: u = "Error!", variant: d = "default", size: f = "default", disabled: p, ...m }) => {
-	let [h, g] = o(!1), [_, v] = o(!1), [y, b] = o(n);
-	r(() => {
-		if (y && !n) if (i) {
+}, P = ({ className: e, children: t, isLoading: n = !1, isError: r = !1, loadingText: i = "Loading...", successText: a = "Success!", errorText: o = "Error!", variant: c = "default", size: l = "default", disabled: d, ...m }) => {
+	let [h, g] = u(!1), [_, v] = u(!1), [y, b] = u(n);
+	s(() => {
+		if (y && !n) if (r) {
 			v(!0);
 			let e = setTimeout(() => {
 				v(!1);
@@ -55,14 +55,14 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 	}, [
 		n,
 		y,
-		i
+		r
 	]);
-	let x = () => n ? a : h ? s : _ ? u : t, S = () => _ ? "destructive" : h ? "success" : d, C = () => n ? /* @__PURE__ */ c("div", {
+	let x = () => n ? i : h ? a : _ ? o : t, S = () => _ ? "destructive" : h ? "success" : c, C = () => n ? /* @__PURE__ */ f("div", {
 		className: `${N.icon} ${N.iconEnter}`,
-		children: /* @__PURE__ */ c("svg", {
+		children: /* @__PURE__ */ f("svg", {
 			className: N.spinner,
 			viewBox: "0 0 24 24",
-			children: /* @__PURE__ */ c("circle", {
+			children: /* @__PURE__ */ f("circle", {
 				cx: "12",
 				cy: "12",
 				r: "10",
@@ -73,16 +73,16 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 				strokeDashoffset: "32"
 			})
 		})
-	}) : h && !n ? /* @__PURE__ */ c("div", {
+	}) : h && !n ? /* @__PURE__ */ f("div", {
 		className: `${N.icon} ${N.iconEnter}`,
-		children: /* @__PURE__ */ l("svg", {
+		children: /* @__PURE__ */ p("svg", {
 			viewBox: "0 0 24 24",
-			children: [/* @__PURE__ */ c("circle", {
+			children: [/* @__PURE__ */ f("circle", {
 				cx: "12",
 				cy: "12",
 				r: "10",
 				fill: "currentColor"
-			}), /* @__PURE__ */ c("path", {
+			}), /* @__PURE__ */ f("path", {
 				d: "m9 12 2 2 4-4",
 				stroke: "white",
 				strokeWidth: "2",
@@ -91,9 +91,9 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 				strokeLinejoin: "round"
 			})]
 		})
-	}) : _ && !n ? /* @__PURE__ */ c("div", {
+	}) : _ && !n ? /* @__PURE__ */ f("div", {
 		className: `${N.icon} ${N.iconEnter}`,
-		children: /* @__PURE__ */ l("svg", {
+		children: /* @__PURE__ */ p("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: "24",
 			height: "24",
@@ -104,25 +104,25 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			children: [
-				/* @__PURE__ */ c("circle", {
+				/* @__PURE__ */ f("circle", {
 					cx: "12",
 					cy: "12",
 					r: "10"
 				}),
-				/* @__PURE__ */ c("path", { d: "m15 9-6 6" }),
-				/* @__PURE__ */ c("path", { d: "m9 9 6 6" })
+				/* @__PURE__ */ f("path", { d: "m15 9-6 6" }),
+				/* @__PURE__ */ f("path", { d: "m9 9 6 6" })
 			]
 		})
 	}) : null;
-	return /* @__PURE__ */ c("button", {
+	return /* @__PURE__ */ f("button", {
 		className: `${N.button} ${e || ""}`,
 		"data-variant": S(),
-		"data-size": f,
-		disabled: p || n,
+		"data-size": l,
+		disabled: d || n,
 		...m,
-		children: /* @__PURE__ */ l("div", {
+		children: /* @__PURE__ */ p("div", {
 			className: N.content,
-			children: [C(), /* @__PURE__ */ c("span", {
+			children: [C(), /* @__PURE__ */ f("span", {
 				className: N.text,
 				children: x()
 			})]
@@ -134,15 +134,15 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 	inputWrapper: "_inputWrapper_wx5fd_13",
 	input: "_input_wx5fd_13",
 	editButton: "_editButton_wx5fd_38"
-}, I = ({ email: e, setEmail: t, otpSent: n, handleReset: r }) => /* @__PURE__ */ l("div", {
+}, I = ({ email: e, setEmail: t, otpSent: n, handleReset: r }) => /* @__PURE__ */ p("div", {
 	className: F.container,
-	children: [/* @__PURE__ */ c("label", {
+	children: [/* @__PURE__ */ f("label", {
 		htmlFor: "email",
 		className: F.label,
 		children: "Email"
-	}), /* @__PURE__ */ l("div", {
+	}), /* @__PURE__ */ p("div", {
 		className: F.inputWrapper,
-		children: [/* @__PURE__ */ c("input", {
+		children: [/* @__PURE__ */ f("input", {
 			id: "email",
 			type: "email",
 			value: e,
@@ -150,7 +150,7 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 			className: F.input,
 			placeholder: "Enter your email",
 			disabled: n
-		}), n && /* @__PURE__ */ c(P, {
+		}), n && /* @__PURE__ */ f(P, {
 			type: "button",
 			variant: "outline",
 			onClick: () => r(),
@@ -168,17 +168,17 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 	submessage: "_submessage_x1dec_49",
 	actions: "_actions_x1dec_55",
 	resetButton: "_resetButton_x1dec_59"
-}, R = ({ email: e, onReset: t }) => /* @__PURE__ */ l("div", {
+}, R = ({ email: e, onReset: t }) => /* @__PURE__ */ p("div", {
 	className: L.container,
 	children: [
-		/* @__PURE__ */ c("div", {
+		/* @__PURE__ */ f("div", {
 			className: L.iconWrapper,
-			children: /* @__PURE__ */ c("svg", {
+			children: /* @__PURE__ */ f("svg", {
 				className: L.icon,
 				fill: "none",
 				viewBox: "0 0 24 24",
 				stroke: "currentColor",
-				children: /* @__PURE__ */ c("path", {
+				children: /* @__PURE__ */ f("path", {
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
 					strokeWidth: 2,
@@ -186,26 +186,26 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 				})
 			})
 		}),
-		/* @__PURE__ */ l("div", {
+		/* @__PURE__ */ p("div", {
 			className: L.content,
 			children: [
-				/* @__PURE__ */ c("h3", {
+				/* @__PURE__ */ f("h3", {
 					className: L.title,
 					children: "Check your email"
 				}),
-				/* @__PURE__ */ l("p", {
+				/* @__PURE__ */ p("p", {
 					className: L.message,
-					children: ["We've sent a magic link to ", /* @__PURE__ */ c("strong", { children: e })]
+					children: ["We've sent a magic link to ", /* @__PURE__ */ f("strong", { children: e })]
 				}),
-				/* @__PURE__ */ c("p", {
+				/* @__PURE__ */ f("p", {
 					className: L.submessage,
 					children: "Click the link in your email to sign in. The link will expire in 15 minutes."
 				})
 			]
 		}),
-		/* @__PURE__ */ c("div", {
+		/* @__PURE__ */ f("div", {
 			className: L.actions,
-			children: /* @__PURE__ */ c(P, {
+			children: /* @__PURE__ */ f(P, {
 				variant: "outline",
 				onClick: t,
 				className: L.resetButton,
@@ -231,88 +231,88 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 	errorTitle: "_errorTitle_1mfd3_112",
 	errorMessage: "_errorMessage_1mfd3_119",
 	errorDismiss: "_errorDismiss_1mfd3_125"
-}, B = ({ error: e, onDismiss: t }) => /* @__PURE__ */ c("div", {
+}, B = ({ error: e, onDismiss: t }) => /* @__PURE__ */ f("div", {
 	className: z.errorContainer,
-	children: /* @__PURE__ */ l("div", {
+	children: /* @__PURE__ */ p("div", {
 		className: z.errorContent,
-		children: [/* @__PURE__ */ l("div", {
+		children: [/* @__PURE__ */ p("div", {
 			className: z.errorText,
-			children: [e.title && /* @__PURE__ */ c("div", {
+			children: [e.title && /* @__PURE__ */ f("div", {
 				className: z.errorTitle,
 				children: e.title
-			}), /* @__PURE__ */ c("div", {
+			}), /* @__PURE__ */ f("div", {
 				className: z.errorMessage,
 				children: e.message || "An unexpected error occurred"
 			})]
-		}), t && /* @__PURE__ */ c("button", {
+		}), t && /* @__PURE__ */ f("button", {
 			onClick: t,
 			className: z.errorDismiss,
 			"aria-label": "Dismiss error",
 			children: "×"
 		})]
 	})
-}), V = ({ onMagicLinkSent: n, onPendingApproval: i }) => {
-	let { sendMagicLink: a } = e(), [s, d] = o(!1), [f, p] = o(null);
-	r(() => {
-		n?.(s);
-	}, [s, n]);
-	let m = v({
+}), V = ({ onMagicLinkSent: n, onPendingApproval: r }) => {
+	let { sendMagicLink: i } = e(), [a, o] = u(!1), [c, l] = u(null);
+	s(() => {
+		n?.(a);
+	}, [a, n]);
+	let d = v({
 		initialValues: { email: "" },
 		validationSchema: M,
 		validateOnChange: !1,
 		validateOnBlur: !1,
-		onSubmit: async (e, { setSubmitting: n, setFieldError: r }) => {
+		onSubmit: async (e, { setSubmitting: n, setFieldError: a }) => {
 			try {
-				p(null), await a(e.email), d(!0);
+				l(null), await i(e.email), o(!0);
 			} catch (e) {
-				let n = u(e);
+				let n = m(e);
 				if (t(n.code)) {
-					i?.();
+					r?.();
 					return;
 				}
 				n.hasFieldErrors ? n.fieldErrors.forEach((e) => {
-					r(e.param, e.message);
-				}) : p(n);
+					a(e.param, e.message);
+				}) : l(n);
 			} finally {
 				n(!1);
 			}
 		}
 	}), h = () => {
-		d(!1), m.resetForm(), p(null);
+		o(!1), d.resetForm(), l(null);
 	};
-	return s ? /* @__PURE__ */ c(R, {
-		email: m.values.email,
+	return a ? /* @__PURE__ */ f(R, {
+		email: d.values.email,
 		onReset: h
-	}) : /* @__PURE__ */ l("form", {
-		onSubmit: m.handleSubmit,
+	}) : /* @__PURE__ */ p("form", {
+		onSubmit: d.handleSubmit,
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: "1rem"
 		},
 		children: [
-			/* @__PURE__ */ c(I, {
-				email: m.values.email,
-				setEmail: (e) => m.setFieldValue("email", e),
+			/* @__PURE__ */ f(I, {
+				email: d.values.email,
+				setEmail: (e) => d.setFieldValue("email", e),
 				otpSent: !1,
 				handleReset: h
 			}),
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ f("div", {
 				className: z.buttonWrapper,
-				children: /* @__PURE__ */ c(P, {
+				children: /* @__PURE__ */ f(P, {
 					type: "submit",
-					isLoading: m.isSubmitting,
-					isError: !!f,
-					disabled: m.isSubmitting,
+					isLoading: d.isSubmitting,
+					isError: !!c,
+					disabled: d.isSubmitting,
 					className: z.fullWidthButton,
 					loadingText: "Sending Magic Link...",
 					errorText: "Failed to Send",
 					children: "Send Magic Link"
 				})
 			}),
-			f && /* @__PURE__ */ c(B, {
-				error: f,
-				onDismiss: () => p(null)
+			c && /* @__PURE__ */ f(B, {
+				error: c,
+				onDismiss: () => l(null)
 			})
 		]
 	});
@@ -323,36 +323,36 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 	input: "_input_1c9qn_13",
 	resendButton: "_resendButton_1c9qn_36"
 }, U = ({ otpSent: e, isResendingOtp: t, otp: n, resendOTP: r, setOtp: i }) => {
-	let [a, s] = o(0);
-	return e ? /* @__PURE__ */ l("div", {
+	let [a, o] = u(0);
+	return e ? /* @__PURE__ */ p("div", {
 		className: H.container,
 		children: [
-			/* @__PURE__ */ c("label", {
+			/* @__PURE__ */ f("label", {
 				className: H.label,
 				children: "Verification Code"
 			}),
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ f("div", {
 				className: H.inputGroup,
-				children: /* @__PURE__ */ c(b, {
+				children: /* @__PURE__ */ f(b, {
 					value: n,
 					onChange: i,
 					numInputs: 4,
 					inputStyle: { marginRight: "12px" },
 					inputType: "tel",
 					skipDefaultStyles: !0,
-					renderInput: ({ className: e, ...t }) => /* @__PURE__ */ c("input", {
+					renderInput: ({ className: e, ...t }) => /* @__PURE__ */ f("input", {
 						className: `${H.input} ${e}`,
 						...t
 					})
 				})
 			}),
-			/* @__PURE__ */ c("button", {
+			/* @__PURE__ */ f("button", {
 				type: "button",
 				onClick: () => {
 					r(() => {
-						s(30);
+						o(30);
 						let e = setInterval(() => {
-							s((t) => t <= 1 ? (clearInterval(e), 0) : t - 1);
+							o((t) => t <= 1 ? (clearInterval(e), 0) : t - 1);
 						}, 1e3);
 					});
 				},
@@ -363,32 +363,32 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 		]
 	}) : null;
 }, W = ({ onPendingApproval: n }) => {
-	let { sendOTP: r, verifyOTP: i, resendOTP: a } = e(), [s, d] = o(!1), [f, p] = o(null), [m, h] = o(!1), g = v({
+	let { sendOTP: r, verifyOTP: i, resendOTP: a } = e(), [o, s] = u(!1), [c, l] = u(null), [d, h] = u(!1), g = v({
 		initialValues: {
 			email: "",
 			otp: ""
 		},
-		validationSchema: s ? k : O,
+		validationSchema: o ? k : O,
 		validateOnChange: !1,
 		validateOnBlur: !1,
-		onSubmit: async (e, { setSubmitting: a, setFieldError: o }) => {
+		onSubmit: async (e, { setSubmitting: a, setFieldError: c }) => {
 			try {
-				p(null), s ? await i(e.email, e.otp) : (await r({ email: e.email }), d(!0));
+				l(null), o ? await i(e.email, e.otp) : (await r({ email: e.email }), s(!0));
 			} catch (e) {
-				let r = u(e);
+				let r = m(e);
 				if (t(r.code)) {
 					n?.();
 					return;
 				}
 				r.hasFieldErrors ? r.fieldErrors.forEach((e) => {
-					o(e.param, e.message);
-				}) : p(r);
+					c(e.param, e.message);
+				}) : l(r);
 			} finally {
 				a(!1);
 			}
 		}
 	});
-	return /* @__PURE__ */ l("form", {
+	return /* @__PURE__ */ p("form", {
 		onSubmit: g.handleSubmit,
 		style: {
 			display: "flex",
@@ -396,44 +396,44 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 			gap: "1rem"
 		},
 		children: [
-			/* @__PURE__ */ c(I, {
+			/* @__PURE__ */ f(I, {
 				email: g.values.email,
 				setEmail: (e) => g.setFieldValue("email", e),
-				otpSent: s,
+				otpSent: o,
 				handleReset: () => {
-					d(!1), g.resetForm(), p(null);
+					s(!1), g.resetForm(), l(null);
 				}
 			}),
-			/* @__PURE__ */ c(U, {
-				otpSent: s,
+			/* @__PURE__ */ f(U, {
+				otpSent: o,
 				otp: g.values.otp,
 				setOtp: (e) => g.setFieldValue("otp", e),
-				isResendingOtp: m,
+				isResendingOtp: d,
 				resendOTP: async () => {
 					try {
-						h(!0), p(null), await a({ email: g.values.email });
+						h(!0), l(null), await a({ email: g.values.email });
 					} catch (e) {
-						p(u(e));
+						l(m(e));
 					} finally {
 						h(!1);
 					}
 				}
 			}),
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ f("div", {
 				className: z.buttonWrapper,
-				children: s ? /* @__PURE__ */ c(P, {
+				children: o ? /* @__PURE__ */ f(P, {
 					type: "submit",
 					isLoading: g.isSubmitting,
-					isError: !!f,
+					isError: !!c,
 					disabled: g.isSubmitting || !g.values.otp,
 					className: z.fullWidthButton,
 					loadingText: "Verifying...",
 					errorText: "Verification Failed",
 					children: "Verify & Sign In"
-				}) : /* @__PURE__ */ c(P, {
+				}) : /* @__PURE__ */ f(P, {
 					type: "submit",
 					isLoading: g.isSubmitting,
-					isError: !!f,
+					isError: !!c,
 					disabled: g.isSubmitting,
 					className: z.fullWidthButton,
 					loadingText: "Sending Code...",
@@ -441,9 +441,9 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 					children: "Send Code"
 				})
 			}),
-			f && /* @__PURE__ */ c(B, {
-				error: f,
-				onDismiss: () => p(null)
+			c && /* @__PURE__ */ f(B, {
+				error: c,
+				onDismiss: () => l(null)
 			})
 		]
 	});
@@ -460,7 +460,7 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 	countryName: "_countryName_1fvbo_118",
 	dialCode: "_dialCode_1fvbo_125"
 }, K = ({ phone: e, setPhone: t, otpSent: n, handleReset: r }) => {
-	let [i, s] = o(!1), [u, d] = o(""), f = a(null), p = a(null), { inputValue: m, handlePhoneValueChange: _, inputRef: v, country: y, setCountry: b } = w({
+	let [i, a] = u(!1), [o, s] = u(""), c = l(null), d = l(null), { inputValue: m, handlePhoneValueChange: _, inputRef: v, country: y, setCountry: b } = w({
 		defaultCountry: "in",
 		value: e,
 		countries: S,
@@ -471,32 +471,32 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 		forceDialCode: !0
 	}), T = S.filter((e) => {
 		let t = C(e);
-		return t.name.toLowerCase().includes(u.toLowerCase()) || t.dialCode.includes(u);
+		return t.name.toLowerCase().includes(o.toLowerCase()) || t.dialCode.includes(o);
 	});
-	return /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+	return /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 		className: G.label,
 		children: "Phone Number"
-	}), /* @__PURE__ */ l("div", {
+	}), /* @__PURE__ */ p("div", {
 		className: G.inputWrapper,
-		children: [/* @__PURE__ */ l("div", {
+		children: [/* @__PURE__ */ p("div", {
 			className: G.phoneInputWrapper,
-			children: [/* @__PURE__ */ l(g.Root, {
+			children: [/* @__PURE__ */ p(g.Root, {
 				open: i,
-				onOpenChange: s,
-				children: [/* @__PURE__ */ c(g.Trigger, {
+				onOpenChange: a,
+				children: [/* @__PURE__ */ f(g.Trigger, {
 					asChild: !0,
 					disabled: n,
-					children: /* @__PURE__ */ l("button", {
+					children: /* @__PURE__ */ p("button", {
 						type: "button",
 						className: G.selector,
 						disabled: n,
-						children: [/* @__PURE__ */ c(x, {
+						children: [/* @__PURE__ */ f(x, {
 							iso2: y.iso2,
 							style: {
 								width: "24px",
 								height: "16px"
 							}
-						}), /* @__PURE__ */ c(h, {
+						}), /* @__PURE__ */ f(h, {
 							size: 16,
 							style: {
 								marginLeft: "4px",
@@ -504,24 +504,24 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 							}
 						})]
 					})
-				}), /* @__PURE__ */ c(g.Portal, { children: /* @__PURE__ */ l(g.Content, {
+				}), /* @__PURE__ */ f(g.Portal, { children: /* @__PURE__ */ p(g.Content, {
 					className: G.dropdownContent,
 					align: "start",
 					side: "bottom",
 					sideOffset: 4,
 					onOpenAutoFocus: (e) => {
-						e.preventDefault(), p.current?.focus();
+						e.preventDefault(), d.current?.focus();
 					},
-					children: [/* @__PURE__ */ c("div", {
+					children: [/* @__PURE__ */ f("div", {
 						style: { padding: "0.5rem" },
-						children: /* @__PURE__ */ c("input", {
-							ref: p,
+						children: /* @__PURE__ */ f("input", {
+							ref: d,
 							type: "text",
 							placeholder: "Search country...",
-							value: u,
-							onChange: (e) => d(e.target.value),
+							value: o,
+							onChange: (e) => s(e.target.value),
 							onKeyDown: (e) => {
-								e.key === "ArrowDown" && (e.preventDefault(), (f.current?.firstElementChild)?.focus());
+								e.key === "ArrowDown" && (e.preventDefault(), (c.current?.firstElementChild)?.focus());
 							},
 							className: G.input,
 							style: {
@@ -529,45 +529,45 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 								borderLeft: "1px solid #d1d5db"
 							}
 						})
-					}), /* @__PURE__ */ l("div", {
-						ref: f,
+					}), /* @__PURE__ */ p("div", {
+						ref: c,
 						style: {
 							overflowY: "auto",
 							flex: 1
 						},
 						children: [T.map((e) => {
 							let t = C(e), n = t.iso2 === y.iso2;
-							return /* @__PURE__ */ l("button", {
+							return /* @__PURE__ */ p("button", {
 								type: "button",
 								className: G.countryItem,
 								"data-selected": n,
 								onClick: () => {
-									b(t.iso2), s(!1), d("");
+									b(t.iso2), a(!1), s("");
 								},
 								onKeyDown: (e) => {
 									if (e.key === "ArrowDown") e.preventDefault(), e.currentTarget.nextElementSibling?.focus();
 									else if (e.key === "ArrowUp") {
 										e.preventDefault();
 										let t = e.currentTarget.previousElementSibling;
-										t ? t.focus() : p.current?.focus();
+										t ? t.focus() : d.current?.focus();
 									}
 								},
 								children: [
-									/* @__PURE__ */ c(x, {
+									/* @__PURE__ */ f(x, {
 										iso2: t.iso2,
 										className: G.flag
 									}),
-									/* @__PURE__ */ c("span", {
+									/* @__PURE__ */ f("span", {
 										className: G.countryName,
 										children: t.name
 									}),
-									/* @__PURE__ */ l("span", {
+									/* @__PURE__ */ p("span", {
 										className: G.dialCode,
 										children: ["+", t.dialCode]
 									})
 								]
 							}, t.iso2);
-						}), T.length === 0 && /* @__PURE__ */ c("div", {
+						}), T.length === 0 && /* @__PURE__ */ f("div", {
 							style: {
 								padding: "1rem",
 								textAlign: "center",
@@ -578,7 +578,7 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 						})]
 					})]
 				}) })]
-			}), /* @__PURE__ */ c("input", {
+			}), /* @__PURE__ */ f("input", {
 				ref: v,
 				type: "tel",
 				value: m,
@@ -586,7 +586,7 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 				className: G.input,
 				disabled: n
 			})]
-		}), n && /* @__PURE__ */ c(P, {
+		}), n && /* @__PURE__ */ f(P, {
 			variant: "outline",
 			onClick: () => r(),
 			className: G.editButton,
@@ -594,35 +594,35 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 		})]
 	})] });
 }, q = ({ onPendingApproval: n }) => {
-	let { sendOTP: r, verifyOTP: i, resendOTP: a } = e(), [s, d] = o(!1), [f, p] = o(null), [m, h] = o(!1), g = v({
+	let { sendOTP: r, verifyOTP: i, resendOTP: a } = e(), [o, s] = u(!1), [c, l] = u(null), [d, h] = u(!1), g = v({
 		initialValues: {
 			phone: "",
 			otp: ""
 		},
-		validationSchema: s ? j : A,
+		validationSchema: o ? j : A,
 		validateOnChange: !1,
 		validateOnBlur: !1,
-		onSubmit: async (e, { setSubmitting: a, setFieldError: o }) => {
+		onSubmit: async (e, { setSubmitting: a, setFieldError: c }) => {
 			try {
-				p(null), s ? await i(e.phone, e.otp) : (await r({
+				l(null), o ? await i(e.phone, e.otp) : (await r({
 					phone: e.phone,
 					medium: "whatsapp"
-				}), d(!0));
+				}), s(!0));
 			} catch (e) {
-				let r = u(e);
+				let r = m(e);
 				if (t(r.code)) {
 					n?.();
 					return;
 				}
 				r.hasFieldErrors ? r.fieldErrors.forEach((e) => {
-					o(e.param, e.message);
-				}) : p(r);
+					c(e.param, e.message);
+				}) : l(r);
 			} finally {
 				a(!1);
 			}
 		}
 	});
-	return /* @__PURE__ */ l("form", {
+	return /* @__PURE__ */ p("form", {
 		onSubmit: g.handleSubmit,
 		style: {
 			display: "flex",
@@ -630,47 +630,47 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 			gap: "1rem"
 		},
 		children: [
-			/* @__PURE__ */ c(K, {
+			/* @__PURE__ */ f(K, {
 				phone: g.values.phone,
 				setPhone: (e) => g.setFieldValue("phone", e),
-				otpSent: s,
+				otpSent: o,
 				handleReset: () => {
-					d(!1), g.resetForm(), p(null);
+					s(!1), g.resetForm(), l(null);
 				}
 			}),
-			/* @__PURE__ */ c(U, {
-				otpSent: s,
+			/* @__PURE__ */ f(U, {
+				otpSent: o,
 				otp: g.values.otp,
 				setOtp: (e) => g.setFieldValue("otp", e),
-				isResendingOtp: m,
+				isResendingOtp: d,
 				resendOTP: async () => {
 					try {
-						h(!0), p(null), await a({
+						h(!0), l(null), await a({
 							phone: g.values.phone,
 							medium: "whatsapp"
 						});
 					} catch (e) {
-						p(u(e));
+						l(m(e));
 					} finally {
 						h(!1);
 					}
 				}
 			}),
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ f("div", {
 				className: z.buttonWrapper,
-				children: s ? /* @__PURE__ */ c(P, {
+				children: o ? /* @__PURE__ */ f(P, {
 					type: "submit",
 					isLoading: g.isSubmitting,
-					isError: !!f,
+					isError: !!c,
 					disabled: g.isSubmitting,
 					className: z.fullWidthButton,
 					loadingText: "Verifying...",
 					errorText: "Verification Failed",
 					children: "Verify & Sign In"
-				}) : /* @__PURE__ */ c(P, {
+				}) : /* @__PURE__ */ f(P, {
 					type: "submit",
 					isLoading: g.isSubmitting,
-					isError: !!f,
+					isError: !!c,
 					disabled: g.isSubmitting,
 					className: z.fullWidthButton,
 					loadingText: "Sending Code...",
@@ -678,14 +678,14 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 					children: "Send Code"
 				})
 			}),
-			f && /* @__PURE__ */ c(B, { error: f })
+			c && /* @__PURE__ */ f(B, { error: c })
 		]
 	});
 }, J = ({ method: e, onMagicLinkSent: t, onPendingApproval: n }) => {
 	switch (e) {
-		case "otp": return /* @__PURE__ */ c(W, { onPendingApproval: n });
-		case "whatsapp": return /* @__PURE__ */ c(q, { onPendingApproval: n });
-		case "magiclink": return /* @__PURE__ */ c(V, {
+		case "otp": return /* @__PURE__ */ f(W, { onPendingApproval: n });
+		case "whatsapp": return /* @__PURE__ */ f(q, { onPendingApproval: n });
+		case "magiclink": return /* @__PURE__ */ f(V, {
 			onMagicLinkSent: t,
 			onPendingApproval: n
 		});
@@ -693,78 +693,78 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 	}
 }, Y = ({ method: e }) => {
 	switch (e) {
-		case "google": return /* @__PURE__ */ c(d.Button, {
+		case "google": return /* @__PURE__ */ f(r.Button, {
 			provider: "google",
-			children: /* @__PURE__ */ l("button", {
+			children: /* @__PURE__ */ p("button", {
 				type: "button",
 				className: z.googleButton,
-				children: [/* @__PURE__ */ c("img", {
+				children: [/* @__PURE__ */ f("img", {
 					className: z.googleIcon,
 					src: "https://static.levocdn.com/png/google.png"
 				}), "Continue with Google"]
 			})
 		});
-		case "microsoft": return /* @__PURE__ */ c(d.Button, {
+		case "microsoft": return /* @__PURE__ */ f(r.Button, {
 			provider: "microsoft",
-			children: /* @__PURE__ */ l("button", {
+			children: /* @__PURE__ */ p("button", {
 				type: "button",
 				className: z.googleButton,
-				children: [/* @__PURE__ */ c("img", {
+				children: [/* @__PURE__ */ f("img", {
 					className: z.googleIcon,
 					src: "https://static.levocdn.com/png/microsoft.png"
 				}), "Continue with Microsoft"]
 			})
 		});
-		case "linkedin": return /* @__PURE__ */ c(d.Button, {
+		case "linkedin": return /* @__PURE__ */ f(r.Button, {
 			provider: "linkedin",
-			children: /* @__PURE__ */ l("button", {
+			children: /* @__PURE__ */ p("button", {
 				type: "button",
 				className: z.googleButton,
-				children: [/* @__PURE__ */ c("img", {
+				children: [/* @__PURE__ */ f("img", {
 					className: z.googleIcon,
 					src: "https://static.levocdn.com/png/linkedin.png"
 				}), "Continue with LinkedIn"]
 			})
 		});
-		default: return /* @__PURE__ */ c(s, {});
+		default: return /* @__PURE__ */ f(d, {});
 	}
-}, X = ({ otpSent: e, oAuthTitle: t, onOAuthSuccess: n, onOAuthError: r, oAuthMethods: i }) => {
-	let { logger: a } = m();
-	return /* @__PURE__ */ c("div", {
+}, X = ({ otpSent: e, oAuthTitle: t, onOAuthSuccess: n, onOAuthError: i, oAuthMethods: s }) => {
+	let { logger: c } = o();
+	return /* @__PURE__ */ f("div", {
 		className: z.oauthContainer,
-		children: !e && /* @__PURE__ */ c(d.Container, {
+		children: !e && /* @__PURE__ */ f(r.Container, {
 			title: t,
 			onSuccess: () => {
-				p("You are logged in successfully", "Login Successful", { position: "top-right" }), n && n();
+				a("You are logged in successfully", "Login Successful", { position: "top-right" }), n && n();
 			},
 			onError: (e) => {
-				let t = u(e);
-				a?.error("OAuth login failed", { exception: t }), r && r(t);
+				let t = m(e);
+				c?.error("OAuth login failed", { exception: t }), i && i(t);
 			},
-			children: i?.map((e) => /* @__PURE__ */ c(Y, { method: e }, e))
+			children: s?.map((e) => /* @__PURE__ */ f(Y, { method: e }, e))
 		})
 	});
-}, Z = ({ oAuthMethods: e, oAuthTitle: t = "Studio", showDivider: n, dividerText: r, onOAuthSuccess: i, onOAuthError: a }) => /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(X, {
+}, Z = ({ oAuthMethods: e, oAuthTitle: t = "Studio", showDivider: n, dividerText: r, onOAuthSuccess: i, onOAuthError: a }) => /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(X, {
 	otpSent: !n,
 	oAuthTitle: t,
 	onOAuthSuccess: i,
 	onOAuthError: a,
 	oAuthMethods: e
-}), n && /* @__PURE__ */ l("div", {
+}), n && /* @__PURE__ */ p("div", {
 	className: z.divider,
 	children: [
-		/* @__PURE__ */ c("div", { className: z.dividerLine }),
-		/* @__PURE__ */ c("div", {
+		/* @__PURE__ */ f("div", { className: z.dividerLine }),
+		/* @__PURE__ */ f("div", {
 			className: z.dividerText,
 			children: r
 		}),
-		/* @__PURE__ */ c("div", { className: z.dividerLine })
+		/* @__PURE__ */ f("div", { className: z.dividerLine })
 	]
-})] }), Q = ({ className: r, oAuthTitle: a = "Studio", page: o, magicLinkSent: s, setMagicLinkSent: u, oAuthMethods: d, onPendingApproval: p }) => {
-	let { refetchLoginStatus: m } = e(), h = i(() => o?.access?.[0]?.kind === "authentication" && o?.access?.[0]?.options?.primary_method || "otp", [o?.access]), g = i(() => d || o?.access?.[0]?.kind === "authentication" && o?.access?.[0]?.options?.methods?.filter((e) => n.includes(e)) || [], [o?.access, d]);
-	return /* @__PURE__ */ l("div", {
+})] }), Q = ({ className: r, oAuthTitle: a = "Studio", page: o, magicLinkSent: s, setMagicLinkSent: l, oAuthMethods: u, onPendingApproval: d }) => {
+	let { refetchLoginStatus: m } = e(), h = c(() => o?.access?.[0]?.kind === "authentication" && o?.access?.[0]?.options?.primary_method || "otp", [o?.access]), g = c(() => u || o?.access?.[0]?.kind === "authentication" && o?.access?.[0]?.options?.methods?.filter((e) => n.includes(e)) || [], [o?.access, u]);
+	return /* @__PURE__ */ p("div", {
 		className: `${z.container} ${r || ""}`,
-		children: [g.length > 0 && !s && /* @__PURE__ */ c(Z, {
+		children: [g.length > 0 && !s && /* @__PURE__ */ f(Z, {
 			oAuthMethods: g,
 			oAuthTitle: a,
 			showDivider: !0,
@@ -779,17 +779,17 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 			},
 			onOAuthError: (e) => {
 				if (t(e?.code)) {
-					p?.();
+					d?.();
 					return;
 				}
-				f(e);
+				i(e);
 			}
-		}), /* @__PURE__ */ c("div", {
+		}), /* @__PURE__ */ f("div", {
 			className: z.formSection,
-			children: /* @__PURE__ */ c(J, {
+			children: /* @__PURE__ */ f(J, {
 				method: h,
-				onMagicLinkSent: u,
-				onPendingApproval: p
+				onMagicLinkSent: l,
+				onPendingApproval: d
 			})
 		})]
 	});