@neuctra/authix 1.0.14 → 1.0.16

package/dist/neuctra-authix.es.js

@@ -336,10 +336,10 @@ function Be(e, t, r) {
       if (p.endsWith(b, "{}"))
         b = s ? b : b.slice(0, -2), d = JSON.stringify(d);
       else if (p.isArray(d) && Xr(d) || (p.isFileList(d) || p.endsWith(b, "[]")) && (L = p.toArray(d)))
-        return b = qt(b), L.forEach(function(A, C) {
+        return b = qt(b), L.forEach(function(A, k) {
           !(p.isUndefined(A) || A === null) && t.append(
             // eslint-disable-next-line no-nested-ternary
-            a === !0 ? pt([b], C, i) : a === null ? b : b + "[]",
+            a === !0 ? pt([b], k, i) : a === null ? b : b + "[]",
             c(A)
           );
         }), !1;
@@ -1054,20 +1054,20 @@ const Zt = (e) => {
       !g || g.readyState !== 4 || g.status === 0 && !(g.responseURL && g.responseURL.indexOf("file:") === 0) || setTimeout(L);
     }, g.onabort = function() {
       g && (s(new U("Request aborted", U.ECONNABORTED, e, g)), g = null);
-    }, g.onerror = function(C) {
-      const M = C && C.message ? C.message : "Network Error", m = new U(M, U.ERR_NETWORK, e, g);
-      m.event = C || null, s(m), g = null;
+    }, g.onerror = function(k) {
+      const M = k && k.message ? k.message : "Network Error", m = new U(M, U.ERR_NETWORK, e, g);
+      m.event = k || null, s(m), g = null;
     }, g.ontimeout = function() {
-      let C = o.timeout ? "timeout of " + o.timeout + "ms exceeded" : "timeout exceeded";
+      let k = o.timeout ? "timeout of " + o.timeout + "ms exceeded" : "timeout exceeded";
       const M = o.transitional || Yt;
-      o.timeoutErrorMessage && (C = o.timeoutErrorMessage), s(new U(
-        C,
+      o.timeoutErrorMessage && (k = o.timeoutErrorMessage), s(new U(
+        k,
         M.clarifyTimeoutError ? U.ETIMEDOUT : U.ECONNABORTED,
         e,
         g
       )), g = null;
-    }, i === void 0 && a.setContentType(null), "setRequestHeader" in g && p.forEach(a.toJSON(), function(C, M) {
-      g.setRequestHeader(M, C);
+    }, i === void 0 && a.setContentType(null), "setRequestHeader" in g && p.forEach(a.toJSON(), function(k, M) {
+      g.setRequestHeader(M, k);
     }), p.isUndefined(o.withCredentials) || (g.withCredentials = !!o.withCredentials), l && l !== "json" && (g.responseType = o.responseType), c && ([T, d] = De(c, !0), g.addEventListener("progress", T)), h && g.upload && ([y, S] = De(h), g.upload.addEventListener("progress", y), g.upload.addEventListener("loadend", S)), (o.cancelToken || o.signal) && (u = (A) => {
       g && (s(!A || A.type ? new je(null, e, g) : A), g.abort(), g = null);
     }, o.cancelToken && o.cancelToken.subscribe(u), o.signal && (o.signal.aborted ? u() : o.signal.addEventListener("abort", u)));
@@ -1223,7 +1223,7 @@ const Zt = (e) => {
       data: L,
       signal: $,
       cancelToken: A,
-      timeout: C,
+      timeout: k,
       onDownloadProgress: M,
       onUploadProgress: m,
       responseType: N,
@@ -1232,24 +1232,24 @@ const Zt = (e) => {
       fetchOptions: K
     } = Zt(d), F = t || fetch;
     N = N ? (N + "").toLowerCase() : "text";
-    let V = Tn([$, A && A.toAbortSignal()], C), Z = null;
-    const k = V && V.unsubscribe && (() => {
+    let V = Tn([$, A && A.toAbortSignal()], k), Z = null;
+    const E = V && V.unsubscribe && (() => {
       V.unsubscribe();
     });
     let J;
     try {
       if (m && c && g !== "get" && g !== "head" && (J = await S(w, L)) !== 0) {
-        let E = new r(b, {
+        let C = new r(b, {
           method: "POST",
           body: L,
           duplex: "half"
         }), _;
-        if (p.isFormData(L) && (_ = E.headers.get("content-type")) && w.setContentType(_), E.body) {
+        if (p.isFormData(L) && (_ = C.headers.get("content-type")) && w.setContentType(_), C.body) {
           const [P, x] = gt(
             J,
             De(mt(m))
           );
-          L = bt(E.body, wt, P, x);
+          L = bt(C.body, wt, P, x);
         }
       }
       p.isString(D) || (D = D ? "include" : "omit");
@@ -1265,10 +1265,10 @@ const Zt = (e) => {
       Z = i && new r(b, z);
       let R = await (i ? F(Z, K) : F(b, z));
       const Y = u && (N === "stream" || N === "response");
-      if (u && (M || Y && k)) {
-        const E = {};
+      if (u && (M || Y && E)) {
+        const C = {};
         ["status", "statusText", "headers"].forEach((j) => {
-          E[j] = R[j];
+          C[j] = R[j];
         });
         const _ = p.toFiniteNumber(R.headers.get("content-length")), [P, x] = M && gt(
           _,
@@ -1276,15 +1276,15 @@ const Zt = (e) => {
         ) || [];
         R = new s(
           bt(R.body, wt, P, () => {
-            x && x(), k && k();
+            x && x(), E && E();
           }),
-          E
+          C
         );
       }
       N = N || "text";
       let f = await y[p.findKey(y, N) || "text"](R, d);
-      return !Y && k && k(), await new Promise((E, _) => {
-        Xt(E, _, {
+      return !Y && E && E(), await new Promise((C, _) => {
+        Xt(C, _, {
           data: f,
           headers: re.from(R.headers),
           status: R.status,
@@ -1294,7 +1294,7 @@ const Zt = (e) => {
         });
       });
     } catch (q) {
-      throw k && k(), q && q.name === "TypeError" && /Load failed|fetch/i.test(q.message) ? Object.assign(
+      throw E && E(), q && q.name === "TypeError" && /Load failed|fetch/i.test(q.message) ? Object.assign(
         new U("Network Error", U.ERR_NETWORK, d, Z),
         {
           cause: q.cause || q
@@ -2069,15 +2069,15 @@ function Ln() {
             return (f.displayName || "Context") + ".Provider";
           case $:
             return (f._context.displayName || "Context") + ".Consumer";
-          case C:
-            var E = f.render;
-            return f = f.displayName, f || (f = E.displayName || E.name || "", f = f !== "" ? "ForwardRef(" + f + ")" : "ForwardRef"), f;
+          case k:
+            var C = f.render;
+            return f = f.displayName, f || (f = C.displayName || C.name || "", f = f !== "" ? "ForwardRef(" + f + ")" : "ForwardRef"), f;
           case N:
-            return E = f.displayName || null, E !== null ? E : e(f.type) || "Memo";
+            return C = f.displayName || null, C !== null ? C : e(f.type) || "Memo";
           case w:
-            E = f._payload, f = f._init;
+            C = f._payload, f = f._init;
             try {
-              return e(f(E));
+              return e(f(C));
             } catch {
             }
         }
@@ -2089,15 +2089,15 @@ function Ln() {
     function r(f) {
       try {
         t(f);
-        var E = !1;
+        var C = !1;
       } catch {
-        E = !0;
+        C = !0;
       }
-      if (E) {
-        E = console;
-        var _ = E.error, P = typeof Symbol == "function" && Symbol.toStringTag && f[Symbol.toStringTag] || f.constructor.name || "Object";
+      if (C) {
+        C = console;
+        var _ = C.error, P = typeof Symbol == "function" && Symbol.toStringTag && f[Symbol.toStringTag] || f.constructor.name || "Object";
         return _.call(
-          E,
+          C,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           P
         ), t(f);
@@ -2108,8 +2108,8 @@ function Ln() {
       if (typeof f == "object" && f !== null && f.$$typeof === w)
         return "<...>";
       try {
-        var E = e(f);
-        return E ? "<" + E + ">" : "<...>";
+        var C = e(f);
+        return C ? "<" + C + ">" : "<...>";
       } catch {
         return "<...>";
       }
@@ -2123,16 +2123,16 @@ function Ln() {
     }
     function a(f) {
       if (V.call(f, "key")) {
-        var E = Object.getOwnPropertyDescriptor(f, "key").get;
-        if (E && E.isReactWarning) return !1;
+        var C = Object.getOwnPropertyDescriptor(f, "key").get;
+        if (C && C.isReactWarning) return !1;
       }
       return f.key !== void 0;
     }
-    function l(f, E) {
+    function l(f, C) {
       function _() {
         J || (J = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          E
+          C
         ));
       }
       _.isReactWarning = !0, Object.defineProperty(f, "key", {
@@ -2146,11 +2146,11 @@ function Ln() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), f = this.props.ref, f !== void 0 ? f : null;
     }
-    function c(f, E, _, P, x, j, X, ne) {
+    function c(f, C, _, P, x, j, X, ne) {
       return _ = j.ref, f = {
         $$typeof: S,
         type: f,
-        key: E,
+        key: C,
         props: j,
         _owner: x
       }, (_ !== void 0 ? _ : null) !== null ? Object.defineProperty(f, "ref", {
@@ -2178,8 +2178,8 @@ function Ln() {
         value: ne
       }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
     }
-    function u(f, E, _, P, x, j, X, ne) {
-      var G = E.children;
+    function u(f, C, _, P, x, j, X, ne) {
+      var G = C.children;
       if (G !== void 0)
         if (P)
           if (Z(G)) {
@@ -2191,9 +2191,9 @@ function Ln() {
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
         else y(G);
-      if (V.call(E, "key")) {
+      if (V.call(C, "key")) {
         G = e(f);
-        var se = Object.keys(E).filter(function(I) {
+        var se = Object.keys(C).filter(function(I) {
           return I !== "key";
         });
         P = 0 < se.length ? "{key: someKey, " + se.join(": ..., ") + ": ...}" : "{key: someKey}", Y[G + P] || (se = 0 < se.length ? "{" + se.join(": ..., ") + ": ...}" : "{}", console.error(
@@ -2209,11 +2209,11 @@ React keys must be passed directly to JSX without using spread:
           G
         ), Y[G + P] = !0);
       }
-      if (G = null, _ !== void 0 && (r(_), G = "" + _), a(E) && (r(E.key), G = "" + E.key), "key" in E) {
+      if (G = null, _ !== void 0 && (r(_), G = "" + _), a(C) && (r(C.key), G = "" + C.key), "key" in C) {
         _ = {};
-        for (var le in E)
-          le !== "key" && (_[le] = E[le]);
-      } else _ = E;
+        for (var le in C)
+          le !== "key" && (_[le] = C[le]);
+      } else _ = C;
       return G && l(
         _,
         typeof f == "function" ? f.displayName || f.name || "Unknown" : f
@@ -2231,7 +2231,7 @@ React keys must be passed directly to JSX without using spread:
     function y(f) {
       typeof f == "object" && f !== null && f.$$typeof === S && f._store && (f._store.validated = 1);
     }
-    var T = At, S = Symbol.for("react.transitional.element"), d = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), L = Symbol.for("react.profiler"), $ = Symbol.for("react.consumer"), A = Symbol.for("react.context"), C = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), D = Symbol.for("react.activity"), K = Symbol.for("react.client.reference"), F = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, Z = Array.isArray, k = console.createTask ? console.createTask : function() {
+    var T = At, S = Symbol.for("react.transitional.element"), d = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), L = Symbol.for("react.profiler"), $ = Symbol.for("react.consumer"), A = Symbol.for("react.context"), k = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), D = Symbol.for("react.activity"), K = Symbol.for("react.client.reference"), F = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, Z = Array.isArray, E = console.createTask ? console.createTask : function() {
       return null;
     };
     T = {
@@ -2242,30 +2242,30 @@ React keys must be passed directly to JSX without using spread:
     var J, q = {}, z = T.react_stack_bottom_frame.bind(
       T,
       i
-    )(), R = k(s(i)), Y = {};
-    Ee.Fragment = b, Ee.jsx = function(f, E, _, P, x) {
+    )(), R = E(s(i)), Y = {};
+    Ee.Fragment = b, Ee.jsx = function(f, C, _, P, x) {
       var j = 1e4 > F.recentlyCreatedOwnerStacks++;
       return u(
         f,
-        E,
+        C,
         _,
         !1,
         P,
         x,
         j ? Error("react-stack-top-frame") : z,
-        j ? k(s(f)) : R
+        j ? E(s(f)) : R
       );
-    }, Ee.jsxs = function(f, E, _, P, x) {
+    }, Ee.jsxs = function(f, C, _, P, x) {
       var j = 1e4 > F.recentlyCreatedOwnerStacks++;
       return u(
         f,
-        E,
+        C,
         _,
         !0,
         P,
         x,
         j ? Error("react-stack-top-frame") : z,
-        j ? k(s(f)) : R
+        j ? E(s(f)) : R
       );
     };
   })()), Ee;
@@ -2855,9 +2855,9 @@ const $s = [
     email: "",
     password: "",
     ...h && { avatarUrl: "" }
-  }, [g, L] = O(b), [$, A] = O(!1), [C, M] = O(!1), [m, N] = O(null), [w, D] = O({}), K = typeof window < "u" ? window.innerWidth < 768 : !1, F = l ? "#ffffff" : "#111827", V = l ? "#a1a1aa" : "#6b7280", Z = l ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.02)", k = l ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.1)", J = (Y) => {
-    const { name: f, value: E } = Y.target;
-    L((_) => ({ ..._, [f]: E })), w[f] && D((_) => ({ ..._, [f]: void 0 }));
+  }, [g, L] = O(b), [$, A] = O(!1), [k, M] = O(!1), [m, N] = O(null), [w, D] = O({}), K = typeof window < "u" ? window.innerWidth < 768 : !1, F = l ? "#ffffff" : "#111827", V = l ? "#a1a1aa" : "#6b7280", Z = l ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.02)", E = l ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.1)", J = (Y) => {
+    const { name: f, value: C } = Y.target;
+    L((_) => ({ ..._, [f]: C })), w[f] && D((_) => ({ ..._, [f]: void 0 }));
   }, q = () => {
     const Y = {};
     return g.name.trim() || (Y.name = "Name is required"), g.email.trim() ? /\S+@\S+\.\S+/.test(g.email) || (Y.email = "Invalid email address") : Y.email = "Email is required", g.password ? g.password.length < 6 && (Y.password = "Password must be at least 6 characters") : Y.password = "Password is required", D(Y), Object.keys(Y).length === 0;
@@ -2868,11 +2868,11 @@ const $s = [
         const f = {
           ...g,
           appId: d
-        }, E = await Bn(f, { baseUrl: T, apiKey: S });
-        N({ type: "success", text: "Account created successfully!" }), u && u(E);
+        }, C = await Bn(f, { baseUrl: T, apiKey: S });
+        N({ type: "success", text: "Account created successfully!" }), u && u(C);
       } catch (f) {
-        const E = f.message || "Signup failed. Please try again.";
-        N({ type: "error", text: E }), y && y(f);
+        const C = f.message || "Signup failed. Please try again.";
+        N({ type: "error", text: C }), y && y(f);
       } finally {
         M(!1);
       }
@@ -2881,7 +2881,7 @@ const $s = [
     width: "100%",
     padding: K ? "10px 14px 10px 44px" : "10px 16px 10px 44px",
     backgroundColor: Z,
-    border: `1px solid ${k}`,
+    border: `1px solid ${E}`,
     borderRadius: "10px",
     color: F,
     fontSize: "15px",
@@ -3035,7 +3035,7 @@ const $s = [
                             onChange: J,
                             style: {
                               ...R,
-                              borderColor: w.name ? "#ef4444" : k
+                              borderColor: w.name ? "#ef4444" : E
                             }
                           }
                         )
@@ -3090,7 +3090,7 @@ const $s = [
                             onChange: J,
                             style: {
                               ...R,
-                              borderColor: w.email ? "#ef4444" : k
+                              borderColor: w.email ? "#ef4444" : E
                             }
                           }
                         )
@@ -3145,7 +3145,7 @@ const $s = [
                             onChange: J,
                             style: {
                               ...R,
-                              borderColor: w.password ? "#ef4444" : k
+                              borderColor: w.password ? "#ef4444" : E
                             }
                           }
                         ),
@@ -3274,7 +3274,7 @@ const $s = [
                       "button",
                       {
                         type: "submit",
-                        disabled: C,
+                        disabled: k,
                         style: {
                           padding: "12px",
                           background: a,
@@ -3283,14 +3283,14 @@ const $s = [
                           borderRadius: "10px",
                           fontSize: "14px",
                           fontWeight: 600,
-                          cursor: C ? "not-allowed" : "pointer",
-                          opacity: C ? 0.7 : 1,
+                          cursor: k ? "not-allowed" : "pointer",
+                          opacity: k ? 0.7 : 1,
                           display: "flex",
                           alignItems: "center",
                           justifyContent: "center",
                           gap: "8px"
                         },
-                        children: C ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+                        children: k ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
                           /* @__PURE__ */ n.jsx(
                             hs,
                             {
@@ -3371,12 +3371,12 @@ const $s = [
   onSuccess: c,
   onError: u
 }) => {
-  const { baseUrl: y, apiKey: T, appId: S } = ve(), [d, b] = O("login"), [g, L] = O(1), [$, A] = O(!1), [C, M] = O(!1), [m, N] = O(null), [w, D] = O(""), [K, F] = O(""), [V, Z] = O({
+  const { baseUrl: y, apiKey: T, appId: S } = ve(), [d, b] = O("login"), [g, L] = O(1), [$, A] = O(!1), [k, M] = O(!1), [m, N] = O(null), [w, D] = O(""), [K, F] = O(""), [V, Z] = O({
     email: "",
     otp: "",
     newPassword: "",
     appId: S
-  }), k = window.innerWidth < 768, J = l ? "#ffffff" : "#111827", q = l ? "#a1a1aa" : "#6b7280", z = l ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.02)", R = l ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.1)", Y = async (x) => {
+  }), E = window.innerWidth < 768, J = l ? "#ffffff" : "#111827", q = l ? "#a1a1aa" : "#6b7280", z = l ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.02)", R = l ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.1)", Y = async (x) => {
     x.preventDefault(), M(!0), N(null);
     try {
       const j = await Us(
@@ -3392,7 +3392,7 @@ const $s = [
     }
   }, f = (x) => {
     Z({ ...V, [x.target.name]: x.target.value });
-  }, E = async (x) => {
+  }, C = async (x) => {
     x.preventDefault(), M(!0), N(null);
     try {
       const j = await B.post(
@@ -3434,7 +3434,7 @@ const $s = [
     }
   }, P = {
     width: "100%",
-    padding: k ? "10px 14px 10px 44px" : "10px 16px 10px 44px",
+    padding: E ? "10px 14px 10px 44px" : "10px 16px 10px 44px",
     backgroundColor: z,
     border: `1px solid ${R}`,
     borderRadius: "10px",
@@ -3455,15 +3455,15 @@ const $s = [
         "div",
         {
           style: {
-            minWidth: k ? "320px" : "380px",
-            maxWidth: k ? "340px" : "390px",
+            minWidth: E ? "320px" : "380px",
+            maxWidth: E ? "340px" : "390px",
             width: "100%",
             display: "flex",
             flexDirection: "column",
             borderRadius: "10px",
             fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
             backgroundColor: l ? "#000000" : "#ffffff",
-            padding: k ? "30px 24px" : "18px 28px"
+            padding: E ? "30px 24px" : "18px 28px"
           },
           children: [
             /* @__PURE__ */ n.jsxs(
@@ -3676,7 +3676,7 @@ const $s = [
                     "button",
                     {
                       type: "submit",
-                      disabled: C,
+                      disabled: k,
                       style: {
                         padding: "12px",
                         background: a,
@@ -3686,7 +3686,7 @@ const $s = [
                         fontSize: "14px",
                         fontWeight: 600
                       },
-                      children: C ? "Signing In..." : "Sign In"
+                      children: k ? "Signing In..." : "Sign In"
                     }
                   )
                 ]
@@ -3695,7 +3695,7 @@ const $s = [
             d === "forgot" && /* @__PURE__ */ n.jsxs(
               "form",
               {
-                onSubmit: g === 1 ? E : _,
+                onSubmit: g === 1 ? C : _,
                 style: { display: "flex", flexDirection: "column", gap: "14px" },
                 children: [
                   g === 1 ? /* @__PURE__ */ n.jsxs(
@@ -3852,7 +3852,7 @@ const $s = [
                     "button",
                     {
                       type: "submit",
-                      disabled: C,
+                      disabled: k,
                       style: {
                         padding: "12px",
                         background: a,
@@ -3862,7 +3862,7 @@ const $s = [
                         borderRadius: "10px",
                         fontWeight: 600
                       },
-                      children: C ? "Please wait..." : g === 1 ? "Send Reset OTP" : "Reset Password"
+                      children: k ? "Please wait..." : g === 1 ? "Send Reset OTP" : "Reset Password"
                     }
                   ),
                   /* @__PURE__ */ n.jsx(
@@ -4006,7 +4006,7 @@ const $s = [
     } finally {
       y(!1);
     }
-  }, A = T.toLowerCase() === "delete my account", C = (m) => {
+  }, A = T.toLowerCase() === "delete my account", k = (m) => {
     m.target === m.currentTarget && d !== "processing" && d !== "success" && t();
   }, M = () => {
     switch (d) {
@@ -4750,7 +4750,7 @@ const $s = [
         zIndex: 1e4,
         animation: "fadeIn 0.3s ease-out"
       },
-      onClick: C,
+      onClick: k,
       children: [
         /* @__PURE__ */ n.jsx(
           "div",
@@ -5304,7 +5304,7 @@ const $s = [
   const A = (w) => {
     const { name: D, value: K } = w.target;
     u((F) => ({ ...F, [D]: K })), y[D] && T((F) => ({ ...F, [D]: "" }));
-  }, C = (w) => {
+  }, k = (w) => {
     g((D) => ({ ...D, [w]: !D[w] }));
   }, M = () => {
     const w = {};
@@ -5541,7 +5541,7 @@ const $s = [
                         "button",
                         {
                           type: "button",
-                          onClick: () => C(w),
+                          onClick: () => k(w),
                           style: {
                             position: "absolute",
                             right: "14px",
@@ -6013,12 +6013,12 @@ const $s = [
   onLogout: o,
   primaryColor: i = "#00C212"
 }) => {
-  const { baseUrl: a, apiKey: l, appId: h } = ve(), [c, u] = O(t), [y, T] = O(!0), [S, d] = O(!1), [b, g] = O(!1), [L, $] = O(!1), [A, C] = O(!1), [M, m] = O(!1), [N, w] = O(!1), [D, K] = O(!1), [F, V] = O(!1), [Z, k] = O(null), [J, q] = O(!1), [z, R] = O({
+  const { baseUrl: a, apiKey: l, appId: h } = ve(), [c, u] = O(t), [y, T] = O(!0), [S, d] = O(!1), [b, g] = O(!1), [L, $] = O(!1), [A, k] = O(!1), [M, m] = O(!1), [N, w] = O(!1), [D, K] = O(!1), [F, V] = O(!1), [Z, E] = O(null), [J, q] = O(!1), [z, R] = O({
     email: "",
     otp: "",
     appId: h
-  }), [Y, f] = O(!1), [E, _] = O(!1), P = (v, H) => {
-    k({ type: v, message: H }), setTimeout(() => k(null), 3e3);
+  }), [Y, f] = O(!1), [C, _] = O(!1), P = (v, H) => {
+    E({ type: v, message: H }), setTimeout(() => E(null), 3e3);
   }, x = () => {
     V(!0);
     const v = setTimeout(() => {
@@ -6336,7 +6336,6 @@ const $s = [
             style: {
               maxWidth: "1200px",
               margin: "0 auto",
-              padding: "16px",
               width: "100%",
               boxSizing: "border-box"
             },
@@ -6669,7 +6668,7 @@ const $s = [
                                         "button",
                                         {
                                           onClick: () => {
-                                            C(!0), x();
+                                            k(!0), x();
                                           },
                                           style: {
                                             width: "100%",
@@ -7086,7 +7085,7 @@ const $s = [
             appId: h,
             userId: c.id,
             isOpen: A,
-            onClose: () => C(!1),
+            onClose: () => k(!1),
             onSuccess: (v) => P("success", v),
             onError: (v) => P("error", v),
             colors: I
@@ -7119,7 +7118,7 @@ const $s = [
             verifyFormData: z,
             setVerifyFormData: R,
             otpSent: Y,
-            verifying: E,
+            verifying: C,
             user: c,
             colors: I,
             darkMode: r
@@ -7237,7 +7236,7 @@ const $s = [
   viewProfileLabel: S = "View Profile",
   logoutLabel: d = "Sign Out"
 }) => {
-  const { baseUrl: b, apiKey: g, appId: L } = ve(), [$, A] = O(!1), [C, M] = O(null), [m, N] = O(!0), [w, D] = O(null), K = dt(null), F = dt(null), [V, Z] = O(!1), [k, J] = O(!1);
+  const { baseUrl: b, apiKey: g, appId: L } = ve(), [$, A] = O(!1), [k, M] = O(null), [m, N] = O(!0), [w, D] = O(null), K = dt(null), F = dt(null), [V, Z] = O(!1), [E, J] = O(!1);
   ie(() => {
     const x = () => {
       J(window.innerWidth < 768);
@@ -7340,19 +7339,19 @@ const $s = [
     avatarButton: {
       display: "flex",
       alignItems: "center",
-      gap: k ? "6px" : "8px",
-      padding: k ? "6px 10px 6px 6px" : "8px 12px 8px 8px",
+      gap: E ? "6px" : "8px",
+      padding: E ? "6px 10px 6px 6px" : "8px 12px 8px 8px",
       borderRadius: "24px",
       backgroundColor: z.surface,
       cursor: "pointer",
       transition: "all 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
-      minWidth: k ? "auto" : "140px",
-      maxWidth: k ? "200px" : "none",
+      minWidth: E ? "auto" : "140px",
+      maxWidth: E ? "200px" : "none",
       outline: "none"
     },
     avatarImage: {
-      width: k ? "28px" : "32px",
-      height: k ? "28px" : "32px",
+      width: E ? "28px" : "32px",
+      height: E ? "28px" : "32px",
       borderRadius: "50%",
       objectFit: "cover",
       border: `2px solid ${z.borderLight}`,
@@ -7367,23 +7366,23 @@ const $s = [
       overflow: "hidden"
     },
     userName: {
-      fontSize: k ? "13px" : "14px",
+      fontSize: E ? "13px" : "14px",
       fontWeight: 600,
       color: z.textPrimary,
       lineHeight: "1.2",
       whiteSpace: "nowrap",
       overflow: "hidden",
       textOverflow: "ellipsis",
-      maxWidth: k ? "80px" : "120px"
+      maxWidth: E ? "80px" : "120px"
     },
     userEmail: {
-      fontSize: k ? "11px" : "12px",
+      fontSize: E ? "11px" : "12px",
       color: z.textTertiary,
       lineHeight: "1.2",
       whiteSpace: "nowrap",
       overflow: "hidden",
       textOverflow: "ellipsis",
-      maxWidth: k ? "80px" : "120px"
+      maxWidth: E ? "80px" : "120px"
     },
     chevron: {
       transition: "transform 0.2s ease",
@@ -7412,7 +7411,7 @@ const $s = [
       overflow: "hidden"
     },
     dropdownSection: {
-      padding: k ? "10px 12px" : "0px 16px",
+      padding: E ? "10px 12px" : "0px 16px",
       "&:last-child": {
         borderBottom: "none"
       }
@@ -7420,12 +7419,12 @@ const $s = [
     userSection: {
       display: "flex",
       alignItems: "center",
-      gap: k ? "10px" : "12px",
-      padding: k ? "14px" : "16px"
+      gap: E ? "10px" : "12px",
+      padding: E ? "14px" : "16px"
     },
     dropdownAvatar: {
-      width: k ? "40px" : "48px",
-      height: k ? "40px" : "48px",
+      width: E ? "40px" : "48px",
+      height: E ? "40px" : "48px",
       borderRadius: "50%",
       objectFit: "cover",
       border: `2px solid ${z.borderLight}`,
@@ -7438,7 +7437,7 @@ const $s = [
       minWidth: 0
     },
     dropdownUserName: {
-      fontSize: k ? "15px" : "16px",
+      fontSize: E ? "15px" : "16px",
       fontWeight: 600,
       color: z.textPrimary,
       lineHeight: "1.2",
@@ -7447,7 +7446,7 @@ const $s = [
       textOverflow: "ellipsis"
     },
     dropdownUserEmail: {
-      fontSize: k ? "13px" : "14px",
+      fontSize: E ? "13px" : "14px",
       color: z.textSecondary,
       lineHeight: "1.2",
       overflow: "hidden",
@@ -7456,8 +7455,8 @@ const $s = [
     menuItem: {
       display: "flex",
       alignItems: "center",
-      gap: k ? "10px" : "12px",
-      padding: k ? "10px 12px" : "12px 16px",
+      gap: E ? "10px" : "12px",
+      padding: E ? "10px 12px" : "12px 16px",
       borderRadius: "8px",
       cursor: "pointer",
       transition: "all 0.15s ease",
@@ -7466,7 +7465,7 @@ const $s = [
       border: "none",
       background: "none",
       width: "100%",
-      fontSize: k ? "13px" : "14px",
+      fontSize: E ? "13px" : "14px",
       textAlign: "left",
       outline: "none"
     },
@@ -7474,38 +7473,38 @@ const $s = [
       flex: 1
     },
     icon: {
-      width: k ? "16px" : "18px",
-      height: k ? "16px" : "18px",
+      width: E ? "16px" : "18px",
+      height: E ? "16px" : "18px",
       color: z.textSecondary,
       flexShrink: 0
     },
     logoutButton: {
       display: "flex",
       alignItems: "center",
-      gap: k ? "10px" : "12px",
-      padding: k ? "10px 12px" : "12px 16px",
+      gap: E ? "10px" : "12px",
+      padding: E ? "10px 12px" : "12px 16px",
       borderRadius: "8px",
       cursor: "pointer",
       transition: "all 0.15s ease",
       background: "none",
       border: "none",
       width: "100%",
-      fontSize: k ? "13px" : "14px",
+      fontSize: E ? "13px" : "14px",
       color: z.error,
       textAlign: "left",
       outline: "none"
     },
     loadingText: {
-      padding: k ? "16px 12px" : "20px 16px",
+      padding: E ? "16px 12px" : "20px 16px",
       textAlign: "center",
       color: z.textSecondary,
-      fontSize: k ? "13px" : "14px"
+      fontSize: E ? "13px" : "14px"
     },
     errorState: {
-      padding: k ? "16px 12px" : "20px 16px",
+      padding: E ? "16px 12px" : "20px 16px",
       textAlign: "center",
       color: z.textSecondary,
-      fontSize: k ? "13px" : "14px",
+      fontSize: E ? "13px" : "14px",
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
@@ -7537,8 +7536,8 @@ const $s = [
     N(!1);
   }, f = (x, j) => {
     (x.key === "Enter" || x.key === " ") && (x.preventDefault(), j());
-  }, E = () => a || C?.profileUrl, _ = () => {
-    const x = E();
+  }, C = () => a || k?.profileUrl, _ = () => {
+    const x = C();
     x && window.open(x, "_self", "noopener,noreferrer");
   }, P = () => {
     l && window.open(l, "_self", "noopener,noreferrer");
@@ -7563,14 +7562,14 @@ const $s = [
             "aria-haspopup": "true",
             "aria-expanded": $,
             "aria-label": "Toggle user menu",
-            children: C?.avatarUrl ? /* @__PURE__ */ n.jsx(
+            children: k?.avatarUrl ? /* @__PURE__ */ n.jsx(
               "img",
               {
-                src: C.avatarUrl,
-                alt: `${C.name}'s avatar`,
+                src: k.avatarUrl,
+                alt: `${k?.name || "User"}'s avatar`,
                 style: {
-                  width: k ? "34px" : "40px",
-                  height: k ? "34px" : "40px",
+                  width: E ? "34px" : "40px",
+                  height: E ? "34px" : "40px",
                   borderRadius: "50%",
                   objectFit: "cover",
                   border: `2px solid ${z.borderLight}`,
@@ -7579,17 +7578,21 @@ const $s = [
                 loading: "lazy",
                 onError: (x) => {
                   const j = x.target;
-                  j.src = "https://api.dicebear.com/9.x/glass/svg?seed=Kingston";
+                  j.onerror = null, j.src = `https://api.dicebear.com/9.x/initials/svg?seed=${encodeURIComponent(
+                    k?.name || "User"
+                  )}`;
                 }
               }
             ) : /* @__PURE__ */ n.jsx(
               "img",
               {
-                src: "https://api.dicebear.com/9.x/glass/svg?seed=Kingston",
+                src: `https://api.dicebear.com/9.x/initials/svg?seed=${encodeURIComponent(
+                  k?.name || "User"
+                )}`,
                 alt: "Default user avatar",
                 style: {
-                  width: k ? "34px" : "40px",
-                  height: k ? "34px" : "40px",
+                  width: E ? "34px" : "40px",
+                  height: E ? "34px" : "40px",
                   borderRadius: "50%",
                   objectFit: "cover",
                   border: `2px solid ${z.borderLight}`,
@@ -7621,11 +7624,11 @@ const $s = [
               x.currentTarget.style.outline = "none";
             },
             children: [
-              C?.avatarUrl ? /* @__PURE__ */ n.jsx(
+              k?.avatarUrl ? /* @__PURE__ */ n.jsx(
                 "img",
                 {
-                  src: C.avatarUrl,
-                  alt: `${C.name}'s avatar`,
+                  src: k.avatarUrl,
+                  alt: `${k.name}'s avatar`,
                   style: R.avatarImage,
                   loading: "lazy",
                   onError: (x) => {
@@ -7642,14 +7645,14 @@ const $s = [
                   loading: "lazy"
                 }
               ),
-              !k && /* @__PURE__ */ n.jsxs("div", { style: R.userInfo, children: [
-                /* @__PURE__ */ n.jsx("div", { style: R.userName, title: C?.name, children: C?.name || "Guest" }),
-                C?.email && /* @__PURE__ */ n.jsx("div", { style: R.userEmail, title: C.email, children: C.email })
+              !E && /* @__PURE__ */ n.jsxs("div", { style: R.userInfo, children: [
+                /* @__PURE__ */ n.jsx("div", { style: R.userName, title: k?.name, children: k?.name || "Guest" }),
+                k?.email && /* @__PURE__ */ n.jsx("div", { style: R.userEmail, title: k.email, children: k.email })
               ] }),
               /* @__PURE__ */ n.jsx(
                 Xn,
                 {
-                  size: k ? 14 : 16,
+                  size: E ? 14 : 16,
                   style: R.chevron,
                   "aria-hidden": "true"
                 }
@@ -7657,36 +7660,36 @@ const $s = [
             ]
           }
         ),
-        $ && /* @__PURE__ */ n.jsx("div", { style: R.dropdown, role: "menu", "aria-label": "User options", children: m ? /* @__PURE__ */ n.jsx("div", { style: R.loadingText, role: "status", "aria-live": "polite", children: "Loading user information..." }) : C ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+        $ && /* @__PURE__ */ n.jsx("div", { style: R.dropdown, role: "menu", "aria-label": "User options", children: m ? /* @__PURE__ */ n.jsx("div", { style: R.loadingText, role: "status", "aria-live": "polite", children: "Loading user information..." }) : k ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
           /* @__PURE__ */ n.jsxs("div", { style: R.userSection, children: [
-            C?.avatarUrl ? /* @__PURE__ */ n.jsx(
+            k?.avatarUrl ? /* @__PURE__ */ n.jsx(
               "img",
               {
-                src: C.avatarUrl,
-                alt: `${C.name}'s profile picture`,
+                src: k.avatarUrl,
+                alt: `${k.name}'s profile picture`,
                 style: R.dropdownAvatar,
                 loading: "lazy",
                 onError: (x) => {
                   const j = x.target;
-                  j.src = `https://api.dicebear.com/9.x/initials/svg?seed=${C.name}`;
+                  j.src = `https://api.dicebear.com/9.x/initials/svg?seed=${k.name}`;
                 }
               }
             ) : /* @__PURE__ */ n.jsx(
               "img",
               {
-                src: `https://api.dicebear.com/9.x/initials/svg?seed=${C.name}`,
-                alt: `${C.name}'s default avatar`,
+                src: `https://api.dicebear.com/9.x/initials/svg?seed=${k.name}`,
+                alt: `${k.name}'s default avatar`,
                 style: R.dropdownAvatar,
                 loading: "lazy"
               }
             ),
             /* @__PURE__ */ n.jsxs("div", { style: R.dropdownUserInfo, children: [
-              /* @__PURE__ */ n.jsx("div", { style: R.dropdownUserName, title: C.name, children: C.name }),
-              /* @__PURE__ */ n.jsx("div", { style: R.dropdownUserEmail, title: C.email, children: C.email })
+              /* @__PURE__ */ n.jsx("div", { style: R.dropdownUserName, title: k.name, children: k.name }),
+              /* @__PURE__ */ n.jsx("div", { style: R.dropdownUserEmail, title: k.email, children: k.email })
             ] })
           ] }),
           /* @__PURE__ */ n.jsxs("div", { style: R.dropdownSection, children: [
-            h && E() && /* @__PURE__ */ n.jsxs(
+            h && C() && /* @__PURE__ */ n.jsxs(
               "button",
               {
                 style: R.menuItem,
@@ -7726,10 +7729,10 @@ const $s = [
                 ]
               }
             ),
-            u && C.profileUrl && /* @__PURE__ */ n.jsxs(
+            u && k.profileUrl && /* @__PURE__ */ n.jsxs(
               "a",
               {
-                href: C.profileUrl,
+                href: k.profileUrl,
                 target: "_self",
                 rel: "noopener noreferrer",
                 style: R.menuItem,