chordia-ui 3.4.2 → 3.4.4

package/dist/index.es2.js

@@ -222,10 +222,10 @@ var Fr = ((e) => (t) => {
     a !== null && (v.credentials = a || "include");
     const S = await d(Mn({ path: h, baseUrl: l, queryParams: U, projectId: t }), v);
     if (i != null && i.afterRequest && await i.afterRequest(p, S == null ? void 0 : S.clone()), i == null ? void 0 : i.transformResponse) {
-      const F = await S.json(), K = (((f = S.headers) === null || f === void 0 ? void 0 : f.get("set-cookie")) || "").split(";").reduce((ee, H) => {
+      const F = await S.json(), V = (((f = S.headers) === null || f === void 0 ? void 0 : f.get("set-cookie")) || "").split(";").reduce((ee, H) => {
         const [Y, X] = H.split("=");
         return Object.assign(Object.assign({}, ee), { [Y.trim()]: X });
-      }, {}), $ = Object.assign(Object.assign({}, S), { json: () => Promise.resolve(F), cookies: K });
+      }, {}), $ = Object.assign(Object.assign({}, S), { json: () => Promise.resolve(F), cookies: V });
       return $.clone = () => $, i.transformResponse($);
     }
     return S;
@@ -1152,9 +1152,9 @@ const Ko = (e, t) => new Promise((n, o) => {
           return new Date(1e3 * F);
         M("Could not extract expiration time from session token, trying to decode the token");
         try {
-          const K = Zt(S);
-          if (K.exp)
-            return new Date(1e3 * K.exp);
+          const V = Zt(S);
+          if (V.exp)
+            return new Date(1e3 * V.exp);
         } catch {
           return null;
         }
@@ -1215,20 +1215,20 @@ const Ko = (e, t) => new Promise((n, o) => {
       b.cookieName ? ge(`${i || ""}${pt}`, b.cookieName) : b.refreshJwt && ie(`${i || ""}${pt}`);
       const h = ((y = {}, w = !1, U = "", A = !1) => {
         var P, j, v, S;
-        const { sessionJwt: F, refreshJwt: K, trustedDeviceJwt: $ } = y;
+        const { sessionJwt: F, refreshJwt: V, trustedDeviceJwt: $ } = y;
         let ee;
-        if (K)
+        if (V)
           if (A) {
             ie(`${U}${Ze}`);
             const H = A.sameSite || "Strict", Y = (P = A.secure) === null || P === void 0 || P, X = (j = A.domain) !== null && j !== void 0 ? j : y.cookieDomain, he = ht(A);
             Y && window.location.protocol !== "https:" && at("Refresh token cookie is configured with secure=true but the page is not using HTTPS. The cookie will not be set. To fix this, pass refreshTokenViaCookie: { secure: process.env['NODE_ENV'] !== 'development' }");
             const B = Object.assign(Object.assign({}, y), { cookieSameSite: H, cookieSecure: Y, cookieDomain: X });
-            Qn(he, K, B);
+            Qn(he, V, B);
             const oe = Vt(X);
             ee = Object.assign(Object.assign({}, ee), { refresh: { path: B.cookiePath, domain: oe ? X : void 0 } });
           } else {
             const H = ht(A);
-            Le.remove(H), ge(`${U}${Ze}`, K);
+            Le.remove(H), ge(`${U}${Ze}`, V);
           }
         if (F)
           if (w) {
@@ -1309,7 +1309,7 @@ var Ua = ({ projectId: e, baseUrl: t, persistTokens: n, autoRefresh: o, sessionT
     return Vo({ projectId: e, baseUrl: t, sessionTokenViaCookie: r, refreshTokenViaCookie: i, baseHeaders: ct, persistTokens: n, autoRefresh: o, refreshCookieName: a, oidcConfig: c, storeLastAuthenticatedUser: l, keepLastAuthenticatedUserAfterLogout: d, hooks: p, getExternalToken: u, customStorage: f });
 }, [e, t, JSON.stringify(r), JSON.stringify(i), u, f]);
 const Ta = ({ projectId: e, baseUrl: t = "", baseStaticUrl: n = "", baseCdnUrl: o = "", sessionTokenViaCookie: r = !1, refreshTokenViaCookie: i = !1, hooks: a, persistTokens: c = !0, autoRefresh: l = !0, oidcConfig: d, storeLastAuthenticatedUser: u = !0, keepLastAuthenticatedUserAfterLogout: p = !1, refreshCookieName: f = "", getExternalToken: b, customStorage: h, children: y }) => {
-  const [w, U] = I(), [A, P] = I(), [j, v] = I(), [S, F] = I(!1), [K, $] = I(!1), [ee, H] = I(!1), [Y, X] = I(!!d), he = Ce(!1), B = Ua({ projectId: e, baseUrl: t, persistTokens: c, autoRefresh: l, sessionTokenViaCookie: r, refreshTokenViaCookie: i, hooks: a, oidcConfig: d, storeLastAuthenticatedUser: u, keepLastAuthenticatedUserAfterLogout: p, refreshCookieName: f, getExternalToken: b, customStorage: h });
+  const [w, U] = I(), [A, P] = I(), [j, v] = I(), [S, F] = I(!1), [V, $] = I(!1), [ee, H] = I(!1), [Y, X] = I(!!d), he = Ce(!1), B = Ua({ projectId: e, baseUrl: t, persistTokens: c, autoRefresh: l, sessionTokenViaCookie: r, refreshTokenViaCookie: i, hooks: a, oidcConfig: d, storeLastAuthenticatedUser: u, keepLastAuthenticatedUserAfterLogout: p, refreshCookieName: f, getExternalToken: b, customStorage: h });
   ce(() => {
     if (B) {
       const De = B.onSessionTokenChange(P), ae = B.onUserChange(U), R = B.onIsAuthenticatedChange(F), He = B.onClaimsChange(v);
@@ -1324,15 +1324,15 @@ const Ta = ({ projectId: e, baseUrl: t = "", baseStaticUrl: n = "", baseCdnUrl:
       X(!1), oe.current = !0;
     }));
   }, []);
-  const V = dt(() => {
+  const J = dt(() => {
     kr() || oe.current || (oe.current = !0, H(!0), Fn(B == null ? void 0 : B.refresh)(void 0, !0).then(() => {
       H(!1);
     }));
-  }, [B]), J = dt(() => {
+  }, [B]), K = dt(() => {
     ve.current || (ve.current = !0, $(!0), Fn(B.me)().then(() => {
       $(!1);
     }));
-  }, [B]), re = gt(() => ({ fetchUser: J, user: w, isUserLoading: K, isUserFetched: ve.current, fetchSession: V, session: A, isAuthenticated: S, isSessionLoading: ee, isOidcLoading: Y, isSessionFetched: oe.current, projectId: e, baseUrl: t, baseStaticUrl: n, baseCdnUrl: o, storeLastAuthenticatedUser: u, keepLastAuthenticatedUserAfterLogout: p, refreshCookieName: f, customStorage: h, setUser: U, setSession: P, setIsAuthenticated: F, claims: j, sdk: B }), [J, w, K, ve.current, V, A, S, ee, Y, oe.current, e, t, n, o, p, f, h, U, P, F, j, B]);
+  }, [B]), re = gt(() => ({ fetchUser: K, user: w, isUserLoading: V, isUserFetched: ve.current, fetchSession: J, session: A, isAuthenticated: S, isSessionLoading: ee, isOidcLoading: Y, isSessionFetched: oe.current, projectId: e, baseUrl: t, baseStaticUrl: n, baseCdnUrl: o, storeLastAuthenticatedUser: u, keepLastAuthenticatedUserAfterLogout: p, refreshCookieName: f, customStorage: h, setUser: U, setSession: P, setIsAuthenticated: F, claims: j, sdk: B }), [K, w, V, ve.current, J, A, S, ee, Y, oe.current, e, t, n, o, p, f, h, U, P, F, j, B]);
   return ue.createElement(yo.Provider, { value: re }, y);
 };
 function Ga(...e) {
@@ -1376,10 +1376,10 @@ const Za = (...e) => e.join("/").replace(/\/+/g, "/"), ro = (e) => e.replace(/([
     var r, i;
     r = "x-external-rid", (i = n) ? ct[r] = i : delete ct[r];
   }, [n]), ue.createElement("descope-wc", Object.assign({ ref: t }, o));
-})) })), Ra = ue.forwardRef(({ flowId: e, onSuccess: t, onError: n, onReady: o, logger: r, tenant: i, theme: a, nonce: c, locale: l, debug: d, client: u, form: p, telemetryKey: f, redirectUrl: b, autoFocus: h, validateOnBlur: y, restartOnError: w, errorTransformer: U, styleId: A, onScreenUpdate: P, dismissScreenErrorOnInput: j, outboundAppId: v, outboundAppScopes: S, popupOrigin: F, children: K, externalRequestId: $ }, ee) => {
+})) })), Ra = ue.forwardRef(({ flowId: e, onSuccess: t, onError: n, onReady: o, logger: r, tenant: i, theme: a, nonce: c, locale: l, debug: d, client: u, form: p, telemetryKey: f, redirectUrl: b, autoFocus: h, validateOnBlur: y, restartOnError: w, errorTransformer: U, styleId: A, onScreenUpdate: P, dismissScreenErrorOnInput: j, outboundAppId: v, outboundAppScopes: S, popupOrigin: F, children: V, externalRequestId: $ }, ee) => {
   const [H, Y] = I(null);
   uo(ee, () => H);
-  const { projectId: X, baseUrl: he, baseStaticUrl: B, baseCdnUrl: oe, storeLastAuthenticatedUser: ve, keepLastAuthenticatedUserAfterLogout: V, refreshCookieName: J, customStorage: re, sdk: De } = ue.useContext(yo), ae = dt(async (R) => {
+  const { projectId: X, baseUrl: he, baseStaticUrl: B, baseCdnUrl: oe, storeLastAuthenticatedUser: ve, keepLastAuthenticatedUserAfterLogout: J, refreshCookieName: K, customStorage: re, sdk: De } = ue.useContext(yo), ae = dt(async (R) => {
     await De.httpClient.hooks.afterRequest({}, new Response(JSON.stringify(R.detail))), t && t(R);
   }, [t]);
   return ce(() => {
@@ -1402,7 +1402,7 @@ const Za = (...e) => e.join("/").replace(/\/+/g, "/"), ro = (e) => e.replace(/([
     return o && (R == null || R.addEventListener("ready", o)), () => {
       o && (R == null || R.removeEventListener("error", o));
     };
-  }, [H, o]), ue.createElement("form", null, ue.createElement(xr, { fallback: null }, ue.createElement(Pa, { projectId: X, flowId: e, baseUrl: he, baseStaticUrl: B, baseCdnUrl: oe, ref: Y, telemetryKey: f, redirectUrl: b, autoFocus: h, styleId: A, validateOnBlur: y, restartOnError: w, keepLastAuthenticatedUserAfterLogout: V, tenant: i, externalRequestId: $, customStorage: re, "theme.attr": a, "nonce.attr": c, "locale.attr": l, "form.attr": p, "client.attr": u, "debug.attr": d, "outbound-app-id.attr": v, "outbound-app-scopes.attr": S, "popup-origin.attr": F, "store-last-authenticated-user.attr": ve, "refreshCookieName.attr": J, "dismiss-screen-error-on-input.attr": j, "errorTransformer.prop": U, "logger.prop": r, "onScreenUpdate.prop": P, "customStorage.prop": re }, K)));
+  }, [H, o]), ue.createElement("form", null, ue.createElement(xr, { fallback: null }, ue.createElement(Pa, { projectId: X, flowId: e, baseUrl: he, baseStaticUrl: B, baseCdnUrl: oe, ref: Y, telemetryKey: f, redirectUrl: b, autoFocus: h, styleId: A, validateOnBlur: y, restartOnError: w, keepLastAuthenticatedUserAfterLogout: J, tenant: i, externalRequestId: $, customStorage: re, "theme.attr": a, "nonce.attr": c, "locale.attr": l, "form.attr": p, "client.attr": u, "debug.attr": d, "outbound-app-id.attr": v, "outbound-app-scopes.attr": S, "popup-origin.attr": F, "store-last-authenticated-user.attr": ve, "refreshCookieName.attr": K, "dismiss-screen-error-on-input.attr": j, "errorTransformer.prop": U, "logger.prop": r, "onScreenUpdate.prop": P, "customStorage.prop": re }, V)));
 }), $o = "data:image/png;base64,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", Xe = "var(--color-green)", T = "var(--font-sans)", Q = {
   width: "100%",
   height: 40,
@@ -1824,7 +1824,7 @@ function es({
   signupMode: P = "signup"
 }) {
   var Rn, Nn;
-  const [j, v] = I(""), [S, F] = I(""), [K, $] = I(!1), [ee, H] = I(!1), [Y, X] = I(!1), [he, B] = I(!1), [oe, ve] = I(null), [V, J] = I(A), [re, De] = I(""), [ae, R] = I(""), [He, pn] = I(""), [me, _e] = I(["", "", "", "", "", ""]), We = Ce([]), [bt, Yo] = I(""), [xt, Qo] = I(""), [qe, Xo] = I(""), [et, Go] = I(""), [kt, Zo] = I(""), [It, _o] = I(!1), [St, er] = I(!1), [hn, Pe] = I(""), [Ct, tr] = I(""), [gn, fn] = I(0), vn = 3, [mn, nr] = I(""), [yn, or] = I(""), [wn, rr] = I(""), [bn, ir] = I(""), [Ot, ar] = I(""), [xn, sr] = I([]), [kn, lr] = I([]), [At, cr] = I(""), [Ut, dr] = I(""), [In, be] = I(""), [Sn, Cn] = I(!1), [ur, pr] = I(!1), [hr, gr] = I(1267), [Me, fr] = I("");
+  const [j, v] = I(""), [S, F] = I(""), [V, $] = I(!1), [ee, H] = I(!1), [Y, X] = I(!1), [he, B] = I(!1), [oe, ve] = I(null), [J, K] = I(A), [re, De] = I(""), [ae, R] = I(""), [He, pn] = I(""), [me, _e] = I(["", "", "", "", "", ""]), We = Ce([]), [bt, Yo] = I(""), [xt, Qo] = I(""), [qe, Xo] = I(""), [et, Go] = I(""), [kt, Zo] = I(""), [It, _o] = I(!1), [St, er] = I(!1), [hn, Pe] = I(""), [Ct, tr] = I(""), [gn, fn] = I(0), vn = 3, [mn, nr] = I(""), [yn, or] = I(""), [wn, rr] = I(""), [bn, ir] = I(""), [Ot, ar] = I(""), [xn, sr] = I([]), [kn, lr] = I([]), [At, cr] = I(""), [Ut, dr] = I(""), [In, be] = I(""), [Sn, Cn] = I(!1), [ur, pr] = I(!1), [hr, gr] = I(1267), [Me, fr] = I("");
   ce(() => {
     const g = setInterval(() => fn((O) => (O + 1) % vn), 4e3);
     return () => clearInterval(g);
@@ -1868,9 +1868,9 @@ function es({
       clearInterval(E), window.removeEventListener("focus", O), document.removeEventListener("visibilitychange", O);
     };
   }, [j, S]), ce(() => {
-    U && V === "verifycode" && (_e(["", "", "", "", "", ""]), J("getcodewithname"));
+    U && J === "verifycode" && (_e(["", "", "", "", "", ""]), K("getcodewithname"));
   }, [U]);
-  const On = y ?? he, xe = w ?? oe, vr = (j || ((Rn = Ue.current) == null ? void 0 : Rn.value) || "").trim(), mr = S || ((Nn = Te.current) == null ? void 0 : Nn.value) || "", An = !!(!!(vr || K) && !!(mr || ee) && !On), tt = V === "verifycode" || V === "getcodewithname" ? xe : null, Un = (g) => {
+  const On = y ?? he, xe = w ?? oe, vr = (j || ((Rn = Ue.current) == null ? void 0 : Rn.value) || "").trim(), mr = S || ((Nn = Te.current) == null ? void 0 : Nn.value) || "", An = !!(!!(vr || V) && !!(mr || ee) && !On), tt = J === "verifycode" || J === "getcodewithname" ? xe : null, Un = (g) => {
     g.target.style.borderColor = xe ? "var(--color-text)" : "var(--color-green)", g.target.style.boxShadow = xe ? "none" : "0 0 0 3px var(--color-green-ring)";
   }, Tn = (g) => {
     g.target.style.borderColor = xe ? "var(--color-text)" : "var(--color-input-border)", g.target.style.boxShadow = "none";
@@ -2069,651 +2069,660 @@ function es({
         )) })
       ] })
     ] }),
-    /* @__PURE__ */ s("div", { style: {
+    /* @__PURE__ */ m("div", { style: {
       flex: 1,
       minWidth: 0,
       display: "flex",
       flexDirection: "column",
-      justifyContent: "center",
       alignItems: "center",
-      padding: V === "waitlist" ? "20px 48px" : "32px 72px",
+      padding: J === "waitlist" ? "20px 48px" : "32px 72px 40px",
       position: "relative",
       background: "white",
       overflowY: "auto",
-      minHeight: 0
-    }, children: /* @__PURE__ */ s("div", { style: {
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "flex-start",
-      width: "100%",
-      maxWidth: V === "waitlist" ? 430 : 360,
-      gap: V === "waitlist" ? 22 : 28
-    }, children: V === "waitlist" ? (
-      /* ── Join Waitlist (matches Sign Up panel styling) ── */
-      /* @__PURE__ */ s(ye, { children: ur ? /* @__PURE__ */ m("div", { style: { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", textAlign: "center", gap: 24 }, children: [
-        /* @__PURE__ */ s("h2", { style: { fontFamily: T, fontWeight: 700, fontSize: "32px", lineHeight: "44px", color: "var(--color-text)", margin: 0 }, children: "Chordia" }),
-        /* @__PURE__ */ s("h3", { style: { fontFamily: T, fontWeight: 700, fontSize: "32px", lineHeight: "52px", color: "var(--color-text)", margin: 0 }, children: "You're on the list!" }),
-        /* @__PURE__ */ m("p", { style: { fontFamily: T, fontWeight: 700, fontSize: "56px", lineHeight: "68px", color: "var(--color-green)", margin: 0 }, children: [
-          "#",
-          hr.toLocaleString()
-        ] }),
-        /* @__PURE__ */ s("p", { style: { fontFamily: T, fontWeight: 400, fontSize: 18, lineHeight: "26px", color: "var(--color-text-secondary)", margin: 0, maxWidth: 470 }, children: "We’re working hard to increase capacity and will notify you very quickly. Check your email for confirmation." }),
-        /* @__PURE__ */ m("div", { style: {
-          width: "100%",
-          borderRadius: 12,
-          border: "1px solid var(--color-input-border)",
-          background: "white",
-          boxShadow: "0 1px 6px rgba(0,0,0,0.06)",
-          padding: "24px 20px",
-          boxSizing: "border-box",
-          display: "flex",
-          flexDirection: "column",
-          alignItems: "center",
-          gap: 14
-        }, children: [
-          /* @__PURE__ */ s("p", { style: { margin: 0, fontFamily: T, fontSize: "24px", lineHeight: "40px", fontWeight: 700, color: "var(--color-text)" }, children: "Want to skip the line?" }),
-          /* @__PURE__ */ s("p", { style: { margin: 0, fontFamily: T, fontSize: "18px", lineHeight: "24px", fontWeight: 400, color: "var(--color-text-secondary)" }, children: "Schedule a demo with our CEO and get immediate access." }),
-          /* @__PURE__ */ s(
-            "button",
-            {
-              type: "button",
-              onClick: () => {
-                Me && window.open(Me, "_blank", "noopener,noreferrer");
-              },
-              style: {
-                minWidth: 220,
-                height: 48,
-                padding: "0 20px",
-                borderRadius: 8,
-                border: "2px solid #111111",
-                background: "white",
-                color: "var(--color-text)",
-                fontFamily: T,
-                fontSize: 20,
-                fontWeight: 700,
-                lineHeight: "28px",
-                cursor: Me ? "pointer" : "default",
-                opacity: Me ? 1 : 0.65
-              },
-              disabled: !Me,
-              children: "Schedule a Demo"
-            }
-          )
-        ] })
-      ] }) : /* @__PURE__ */ m(ye, { children: [
-        /* @__PURE__ */ s(Ne, { title: "Join the Waitlist", subtitle: "Get early access to Chordia. We onboard new companies every week." }),
-        /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", width: "100%", gap: 12 }, children: [
-          /* @__PURE__ */ s(q, { label: "Full Name", gap: 8, children: /* @__PURE__ */ s(
-            "input",
-            {
-              type: "text",
-              value: mn,
-              onChange: (g) => {
-                nr(g.target.value), be("");
-              },
-              placeholder: "Your full name",
-              autoFocus: !0,
-              autoComplete: "name",
-              style: Q,
-              onFocus: G,
-              onBlur: Z
-            }
-          ) }),
-          /* @__PURE__ */ m("div", { style: { display: "flex", gap: 16, width: "100%" }, children: [
-            /* @__PURE__ */ s("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ s(q, { label: "Work Email", gap: 8, children: /* @__PURE__ */ s(
-              "input",
+      minHeight: 0,
+      justifyContent: "center"
+    }, children: [
+      /* @__PURE__ */ s("div", { style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "flex-start",
+        width: "100%",
+        maxWidth: J === "waitlist" ? 430 : 360,
+        gap: J === "waitlist" ? 22 : 28
+      }, children: J === "waitlist" ? (
+        /* ── Join Waitlist (matches Sign Up panel styling) ── */
+        /* @__PURE__ */ s(ye, { children: ur ? /* @__PURE__ */ m("div", { style: { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", textAlign: "center", gap: 24 }, children: [
+          /* @__PURE__ */ s("h2", { style: { fontFamily: T, fontWeight: 700, fontSize: "32px", lineHeight: "44px", color: "var(--color-text)", margin: 0 }, children: "Chordia" }),
+          /* @__PURE__ */ s("h3", { style: { fontFamily: T, fontWeight: 700, fontSize: "32px", lineHeight: "52px", color: "var(--color-text)", margin: 0 }, children: "You're on the list!" }),
+          /* @__PURE__ */ m("p", { style: { fontFamily: T, fontWeight: 700, fontSize: "56px", lineHeight: "68px", color: "var(--color-green)", margin: 0 }, children: [
+            "#",
+            hr.toLocaleString()
+          ] }),
+          /* @__PURE__ */ s("p", { style: { fontFamily: T, fontWeight: 400, fontSize: 18, lineHeight: "26px", color: "var(--color-text-secondary)", margin: 0, maxWidth: 470 }, children: "We’re working hard to increase capacity and will notify you very quickly. Check your email for confirmation." }),
+          /* @__PURE__ */ m("div", { style: {
+            width: "100%",
+            borderRadius: 12,
+            border: "1px solid var(--color-input-border)",
+            background: "white",
+            boxShadow: "0 1px 6px rgba(0,0,0,0.06)",
+            padding: "24px 20px",
+            boxSizing: "border-box",
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            gap: 14
+          }, children: [
+            /* @__PURE__ */ s("p", { style: { margin: 0, fontFamily: T, fontSize: "24px", lineHeight: "40px", fontWeight: 700, color: "var(--color-text)" }, children: "Want to skip the line?" }),
+            /* @__PURE__ */ s("p", { style: { margin: 0, fontFamily: T, fontSize: "18px", lineHeight: "24px", fontWeight: 400, color: "var(--color-text-secondary)" }, children: "Schedule a demo with our CEO and get immediate access." }),
+            /* @__PURE__ */ s(
+              "button",
               {
-                type: "email",
-                value: yn,
-                onChange: (g) => {
-                  or(g.target.value), be("");
+                type: "button",
+                onClick: () => {
+                  Me && window.open(Me, "_blank", "noopener,noreferrer");
                 },
-                placeholder: "workemail@example.com",
-                autoComplete: "email",
-                style: Q,
-                onFocus: G,
-                onBlur: Z
+                style: {
+                  minWidth: 220,
+                  height: 48,
+                  padding: "0 20px",
+                  borderRadius: 8,
+                  border: "2px solid #111111",
+                  background: "white",
+                  color: "var(--color-text)",
+                  fontFamily: T,
+                  fontSize: 20,
+                  fontWeight: 700,
+                  lineHeight: "28px",
+                  cursor: Me ? "pointer" : "default",
+                  opacity: Me ? 1 : 0.65
+                },
+                disabled: !Me,
+                children: "Schedule a Demo"
               }
-            ) }) }),
-            /* @__PURE__ */ s("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ s(q, { label: "Company Name", gap: 8, children: /* @__PURE__ */ s(
+            )
+          ] })
+        ] }) : /* @__PURE__ */ m(ye, { children: [
+          /* @__PURE__ */ s(Ne, { title: "Join the Waitlist", subtitle: "Get early access to Chordia. We onboard new companies every week." }),
+          /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", width: "100%", gap: 12 }, children: [
+            /* @__PURE__ */ s(q, { label: "Full Name", gap: 8, children: /* @__PURE__ */ s(
               "input",
               {
                 type: "text",
-                value: wn,
+                value: mn,
                 onChange: (g) => {
-                  rr(g.target.value), be("");
+                  nr(g.target.value), be("");
                 },
-                placeholder: "Your Company",
-                autoComplete: "organization",
+                placeholder: "Your full name",
+                autoFocus: !0,
+                autoComplete: "name",
                 style: Q,
                 onFocus: G,
                 onBlur: Z
               }
-            ) }) })
-          ] }),
-          /* @__PURE__ */ m("div", { style: { display: "flex", gap: 16, width: "100%" }, children: [
-            /* @__PURE__ */ s("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ s(q, { label: "Job Title", gap: 8, children: /* @__PURE__ */ s(
+            ) }),
+            /* @__PURE__ */ m("div", { style: { display: "flex", gap: 16, width: "100%" }, children: [
+              /* @__PURE__ */ s("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ s(q, { label: "Work Email", gap: 8, children: /* @__PURE__ */ s(
+                "input",
+                {
+                  type: "email",
+                  value: yn,
+                  onChange: (g) => {
+                    or(g.target.value), be("");
+                  },
+                  placeholder: "workemail@example.com",
+                  autoComplete: "email",
+                  style: Q,
+                  onFocus: G,
+                  onBlur: Z
+                }
+              ) }) }),
+              /* @__PURE__ */ s("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ s(q, { label: "Company Name", gap: 8, children: /* @__PURE__ */ s(
+                "input",
+                {
+                  type: "text",
+                  value: wn,
+                  onChange: (g) => {
+                    rr(g.target.value), be("");
+                  },
+                  placeholder: "Your Company",
+                  autoComplete: "organization",
+                  style: Q,
+                  onFocus: G,
+                  onBlur: Z
+                }
+              ) }) })
+            ] }),
+            /* @__PURE__ */ m("div", { style: { display: "flex", gap: 16, width: "100%" }, children: [
+              /* @__PURE__ */ s("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ s(q, { label: "Job Title", gap: 8, children: /* @__PURE__ */ s(
+                "input",
+                {
+                  type: "text",
+                  value: bn,
+                  onChange: (g) => ir(g.target.value),
+                  placeholder: "Optional",
+                  autoComplete: "organization-title",
+                  style: Q,
+                  onFocus: G,
+                  onBlur: Z
+                }
+              ) }) }),
+              /* @__PURE__ */ s("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ s(q, { label: "Team Size", gap: 8, children: /* @__PURE__ */ m("div", { style: { position: "relative" }, children: [
+                /* @__PURE__ */ s(
+                  "select",
+                  {
+                    value: Ot,
+                    onChange: (g) => ar(g.target.value),
+                    style: {
+                      ...Q,
+                      appearance: "none",
+                      WebkitAppearance: "none",
+                      paddingRight: 36,
+                      cursor: "pointer",
+                      fontSize: 15,
+                      color: Ot ? "var(--color-text)" : "var(--color-text-secondary)"
+                    },
+                    children: Na.map((g) => /* @__PURE__ */ s("option", { value: g.value, children: g.label }, g.value || "empty"))
+                  }
+                ),
+                /* @__PURE__ */ s(
+                  fo,
+                  {
+                    size: 16,
+                    style: {
+                      position: "absolute",
+                      right: 10,
+                      top: "50%",
+                      transform: "translateY(-50%)",
+                      pointerEvents: "none",
+                      color: "var(--color-text-secondary)"
+                    }
+                  }
+                )
+              ] }) }) })
+            ] }),
+            /* @__PURE__ */ s(q, { label: "Phone systems", gap: 8, children: /* @__PURE__ */ s(
+              io,
+              {
+                compact: !0,
+                options: Fa,
+                value: xn,
+                onChange: sr,
+                otherValue: At,
+                onOtherChange: cr,
+                placeholder: "Select (optional)",
+                otherPlaceholder: "Please specify your phone system"
+              }
+            ) }),
+            /* @__PURE__ */ s(q, { label: "Meeting tools", gap: 8, children: /* @__PURE__ */ s(
+              io,
+              {
+                compact: !0,
+                options: za,
+                value: kn,
+                onChange: lr,
+                otherValue: Ut,
+                onOtherChange: dr,
+                placeholder: "Select (optional)",
+                otherPlaceholder: "Please specify your meeting tool"
+              }
+            ) }),
+            In && /* @__PURE__ */ m("div", { style: {
+              display: "flex",
+              flexDirection: "row",
+              alignItems: "center",
+              padding: 8,
+              gap: 6,
+              width: "100%",
+              boxSizing: "border-box",
+              background: "var(--color-error-bg)",
+              borderRadius: 5,
+              fontSize: 14,
+              fontWeight: 400,
+              lineHeight: "22px",
+              color: "var(--color-text)",
+              fontFamily: T
+            }, children: [
+              /* @__PURE__ */ s("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "var(--color-text)", style: { flexShrink: 0 }, children: /* @__PURE__ */ s("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" }) }),
+              In
+            ] }),
+            /* @__PURE__ */ s(ke, { type: "button", onClick: wr, disabled: Sn, children: Sn ? "Joining..." : "Join Waitlist" }),
+            /* @__PURE__ */ s(Ee, { text: "I am already a member", linkText: "Log In", onClick: () => {
+              K("signin"), h == null || h();
+            } }),
+            /* @__PURE__ */ s(Ie, { onTerms: d, onPrivacyPolicy: u, paddingTop: 16 })
+          ] })
+        ] }) })
+      ) : J === "signup" ? (
+        /* ── Sign Up ── */
+        /* @__PURE__ */ m(ye, { children: [
+          /* @__PURE__ */ s(Ne, { title: "Sign Up", subtitle: "Please enter your basic details to continue" }),
+          /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", width: "100%", gap: 16 }, children: [
+            /* @__PURE__ */ m("div", { style: { display: "flex", gap: 16, width: "100%" }, children: [
+              /* @__PURE__ */ s(q, { label: "First Name", gap: 8, children: /* @__PURE__ */ s(
+                "input",
+                {
+                  type: "text",
+                  value: bt,
+                  onChange: (g) => Yo(g.target.value),
+                  placeholder: "First name",
+                  autoFocus: !0,
+                  autoComplete: "given-name",
+                  style: Q,
+                  onFocus: G,
+                  onBlur: Z
+                }
+              ) }),
+              /* @__PURE__ */ s(q, { label: "Last Name", gap: 8, children: /* @__PURE__ */ s(
+                "input",
+                {
+                  type: "text",
+                  value: xt,
+                  onChange: (g) => Qo(g.target.value),
+                  placeholder: "Last name",
+                  autoComplete: "family-name",
+                  style: Q,
+                  onFocus: G,
+                  onBlur: Z
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ s(q, { label: "Email", gap: 8, children: /* @__PURE__ */ s(
               "input",
               {
                 type: "text",
-                value: bn,
-                onChange: (g) => ir(g.target.value),
-                placeholder: "Optional",
-                autoComplete: "organization-title",
+                value: qe,
+                onChange: (g) => {
+                  Xo(g.target.value), Pe("");
+                },
+                placeholder: "workemail@example.com",
+                autoComplete: "email",
                 style: Q,
                 onFocus: G,
                 onBlur: Z
               }
-            ) }) }),
-            /* @__PURE__ */ s("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ s(q, { label: "Team Size", gap: 8, children: /* @__PURE__ */ m("div", { style: { position: "relative" }, children: [
+            ) }),
+            /* @__PURE__ */ s(q, { label: "Create Password", gap: 8, children: /* @__PURE__ */ m("div", { style: { position: "relative" }, children: [
               /* @__PURE__ */ s(
-                "select",
+                "input",
                 {
-                  value: Ot,
-                  onChange: (g) => ar(g.target.value),
-                  style: {
-                    ...Q,
-                    appearance: "none",
-                    WebkitAppearance: "none",
-                    paddingRight: 36,
-                    cursor: "pointer",
-                    fontSize: 15,
-                    color: Ot ? "var(--color-text)" : "var(--color-text-secondary)"
+                  type: It ? "text" : "password",
+                  value: et,
+                  onChange: (g) => {
+                    Go(g.target.value), Pe("");
                   },
-                  children: Na.map((g) => /* @__PURE__ */ s("option", { value: g.value, children: g.label }, g.value || "empty"))
+                  placeholder: "Enter password",
+                  autoComplete: "new-password",
+                  style: { ...Q, padding: "10px 44px 10px 14px" },
+                  onFocus: G,
+                  onBlur: Z
                 }
               ),
+              /* @__PURE__ */ s(Bt, { show: It, onToggle: () => _o(!It) })
+            ] }) }),
+            /* @__PURE__ */ s(q, { label: "Confirm Password", gap: 8, children: /* @__PURE__ */ m("div", { style: { position: "relative" }, children: [
               /* @__PURE__ */ s(
-                fo,
+                "input",
                 {
-                  size: 16,
-                  style: {
-                    position: "absolute",
-                    right: 10,
-                    top: "50%",
-                    transform: "translateY(-50%)",
-                    pointerEvents: "none",
-                    color: "var(--color-text-secondary)"
-                  }
+                  type: St ? "text" : "password",
+                  value: kt,
+                  onChange: (g) => {
+                    Zo(g.target.value), Pe("");
+                  },
+                  placeholder: "Enter password",
+                  autoComplete: "new-password",
+                  style: { ...Q, padding: "10px 44px 10px 14px" },
+                  onFocus: G,
+                  onBlur: Z
                 }
-              )
-            ] }) }) })
+              ),
+              /* @__PURE__ */ s(Bt, { show: St, onToggle: () => er(!St) })
+            ] }) }),
+            hn && /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "row", alignItems: "center", padding: 8, gap: 6, width: "100%", boxSizing: "border-box", background: "var(--color-error-bg)", borderRadius: 5, fontSize: 14, fontWeight: 400, lineHeight: "22px", color: "var(--color-text)", fontFamily: T }, children: [
+              /* @__PURE__ */ s("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "var(--color-text)", style: { flexShrink: 0 }, children: /* @__PURE__ */ s("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" }) }),
+              hn
+            ] }),
+            (() => /* @__PURE__ */ s(ke, { onClick: () => {
+              if (Pe(""), !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(qe)) {
+                Pe("Please enter a valid email address.");
+                return;
+              }
+              if (et !== kt) {
+                Pe("Password and Confirm Password do not match!");
+                return;
+              }
+              i == null || i({ firstName: bt, lastName: xt, email: qe, password: et }), K("verifyemail");
+            }, disabled: !(bt && xt && qe && et && kt), children: "Create Account" }))(),
+            /* @__PURE__ */ s(Ee, { text: "I am already a member", linkText: "Sign In", onClick: () => {
+              K("signin"), h == null || h();
+            } }),
+            /* @__PURE__ */ s(Ie, { onTerms: d, onPrivacyPolicy: u })
+          ] })
+        ] })
+      ) : J === "verifyemail" ? (
+        /* ── Verify Email ── */
+        /* @__PURE__ */ m(ye, { children: [
+          /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: [
+            /* @__PURE__ */ s("h2", { style: { fontFamily: T, fontWeight: 600, fontSize: "36px", lineHeight: "52px", color: "var(--color-text)", margin: 0 }, children: "Verify Email" }),
+            /* @__PURE__ */ s("p", { style: { fontFamily: T, fontSize: 18, fontWeight: 400, lineHeight: "26px", color: "var(--color-text-secondary)", margin: 0 }, children: "Verify your email to continue the signup process." })
           ] }),
-          /* @__PURE__ */ s(q, { label: "Phone systems", gap: 8, children: /* @__PURE__ */ s(
-            io,
-            {
-              compact: !0,
-              options: Fa,
-              value: xn,
-              onChange: sr,
-              otherValue: At,
-              onOtherChange: cr,
-              placeholder: "Select (optional)",
-              otherPlaceholder: "Please specify your phone system"
-            }
-          ) }),
-          /* @__PURE__ */ s(q, { label: "Meeting tools", gap: 8, children: /* @__PURE__ */ s(
-            io,
-            {
-              compact: !0,
-              options: za,
-              value: kn,
-              onChange: lr,
-              otherValue: Ut,
-              onOtherChange: dr,
-              placeholder: "Select (optional)",
-              otherPlaceholder: "Please specify your meeting tool"
-            }
-          ) }),
-          In && /* @__PURE__ */ m("div", { style: {
-            display: "flex",
-            flexDirection: "row",
-            alignItems: "center",
-            padding: 8,
-            gap: 6,
-            width: "100%",
-            boxSizing: "border-box",
-            background: "var(--color-error-bg)",
-            borderRadius: 5,
-            fontSize: 14,
-            fontWeight: 400,
-            lineHeight: "22px",
-            color: "var(--color-text)",
-            fontFamily: T
-          }, children: [
-            /* @__PURE__ */ s("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "var(--color-text)", style: { flexShrink: 0 }, children: /* @__PURE__ */ s("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" }) }),
-            In
+          /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", width: "100%", gap: 24 }, children: [
+            /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+              /* @__PURE__ */ s("p", { style: { fontFamily: T, fontSize: 18, fontWeight: 400, lineHeight: "24px", color: "var(--color-text-secondary)", margin: 0 }, children: "We have sent a verification link to:" }),
+              /* @__PURE__ */ s("p", { style: { fontFamily: T, fontSize: 18, fontWeight: 600, lineHeight: "24px", color: "var(--color-text)", margin: 0 }, children: qe || "youremail@workemail.com" })
+            ] }),
+            /* @__PURE__ */ s("p", { style: { fontFamily: T, fontSize: 18, fontWeight: 400, lineHeight: "24px", color: "var(--color-text-secondary)", margin: 0 }, children: "Click on the link to complete the verification process. You might need to check your Spam folder" }),
+            /* @__PURE__ */ s(ke, { onClick: () => {
+              K("signin"), h == null || h();
+            }, children: "Go To Login" })
           ] }),
-          /* @__PURE__ */ s(ke, { type: "button", onClick: wr, disabled: Sn, children: Sn ? "Joining..." : "Join Waitlist" }),
-          /* @__PURE__ */ s(Ee, { text: "I am already a member", linkText: "Log In", onClick: () => {
-            J("signin"), h == null || h();
-          } }),
-          /* @__PURE__ */ s(Ie, { onTerms: d, onPrivacyPolicy: u, paddingTop: 16 })
+          /* @__PURE__ */ s(Ie, { onTerms: d, onPrivacyPolicy: u, paddingTop: 40 })
         ] })
-      ] }) })
-    ) : V === "signup" ? (
-      /* ── Sign Up ── */
-      /* @__PURE__ */ m(ye, { children: [
-        /* @__PURE__ */ s(Ne, { title: "Sign Up", subtitle: "Please enter your basic details to continue" }),
-        /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", width: "100%", gap: 16 }, children: [
-          /* @__PURE__ */ m("div", { style: { display: "flex", gap: 16, width: "100%" }, children: [
-            /* @__PURE__ */ s(q, { label: "First Name", gap: 8, children: /* @__PURE__ */ s(
+      ) : J === "verifycode" ? (
+        /* ── Verify Code ── */
+        /* @__PURE__ */ m(ye, { children: [
+          /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+            /* @__PURE__ */ s("h2", { style: { fontFamily: T, fontWeight: 600, fontSize: "36px", lineHeight: "52px", color: "var(--color-text)", margin: 0 }, children: "Sign In with code" }),
+            /* @__PURE__ */ m("p", { style: { fontFamily: T, fontSize: 18, fontWeight: 400, lineHeight: "26px", color: "var(--color-text-secondary)", margin: 0 }, children: [
+              "We have sent a one-time code to your email:",
+              " ",
+              /* @__PURE__ */ s("span", { style: { color: "var(--color-text)" }, children: He || "workemail@example.com" }),
+              " ",
+              /* @__PURE__ */ s(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => K("getcode"),
+                  style: { background: "none", border: "none", padding: 0, fontSize: 18, fontWeight: 400, color: Xe, cursor: "pointer", fontFamily: T, textDecoration: "underline" },
+                  children: "Change email"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", width: "100%", gap: 16 }, children: [
+            /* @__PURE__ */ s(q, { label: "Enter one-time code", gap: 12, children: /* @__PURE__ */ s("div", { style: { display: "flex", gap: 8 }, children: me.map((g, O) => /* @__PURE__ */ s(
               "input",
               {
+                ref: (E) => {
+                  We.current[O] = E;
+                },
                 type: "text",
-                value: bt,
-                onChange: (g) => Yo(g.target.value),
-                placeholder: "First name",
+                inputMode: "numeric",
+                maxLength: 1,
+                value: g,
+                onChange: (E) => jn(O, E.target.value),
+                onKeyDown: (E) => Dn(O, E),
+                onPaste: (E) => Pn(O, E),
+                autoFocus: O === 0,
+                style: {
+                  flex: 1,
+                  minWidth: 0,
+                  height: 40,
+                  textAlign: "center",
+                  fontSize: 16,
+                  fontWeight: 600,
+                  fontFamily: T,
+                  color: "var(--color-text)",
+                  border: "1px solid var(--color-input-border)",
+                  borderRadius: 4,
+                  outline: "none",
+                  background: "white",
+                  boxSizing: "border-box",
+                  transition: "border-color 0.15s, box-shadow 0.15s",
+                  caretColor: Xe
+                },
+                onFocus: G,
+                onBlur: Z
+              },
+              O
+            )) }) }),
+            /* @__PURE__ */ s(ke, { onClick: () => o == null ? void 0 : o(He, me.join("")), disabled: me.some((g) => !g), children: "Verify Code" }),
+            tt && /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "row", alignItems: "center", padding: 8, gap: 6, width: "100%", boxSizing: "border-box", background: "var(--color-error-bg)", borderRadius: 5, fontSize: 15, fontWeight: 400, lineHeight: "22px", color: "var(--color-text)", fontFamily: T }, children: [
+              /* @__PURE__ */ s("svg", { width: "17", height: "17", viewBox: "0 0 24 24", fill: "var(--color-text)", style: { flexShrink: 0 }, children: /* @__PURE__ */ s("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" }) }),
+              tt
+            ] }),
+            /* @__PURE__ */ s($e, {}),
+            /* @__PURE__ */ s(Ee, { text: "Not received yet?", linkText: "Resend", onClick: () => r == null ? void 0 : r(He) }),
+            /* @__PURE__ */ s(Ie, { onTerms: d, onPrivacyPolicy: u, paddingTop: 24 })
+          ] })
+        ] })
+      ) : J === "getcode" ? (
+        /* ── Get Code (original — email only) ── */
+        /* @__PURE__ */ m(ye, { children: [
+          /* @__PURE__ */ s(Ne, { title: "Get code", subtitle: "We'll send a one time pass-code to your email" }),
+          /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", width: "100%", gap: 16 }, children: [
+            /* @__PURE__ */ s(q, { label: "Email", gap: 12, children: /* @__PURE__ */ s(
+              "input",
+              {
+                type: "email",
+                value: re,
+                onChange: (g) => De(g.target.value),
+                placeholder: "workemail@example.com",
                 autoFocus: !0,
-                autoComplete: "given-name",
+                autoComplete: "email",
                 style: Q,
                 onFocus: G,
                 onBlur: Z
               }
             ) }),
-            /* @__PURE__ */ s(q, { label: "Last Name", gap: 8, children: /* @__PURE__ */ s(
+            /* @__PURE__ */ s(ke, { onClick: () => {
+              pn(re), _e(["", "", "", "", "", ""]), K("verifycode"), n == null || n(re);
+            }, disabled: !re, children: "Send One-time Code" }),
+            /* @__PURE__ */ s($e, {}),
+            /* @__PURE__ */ s(Ee, { text: "I have my password", linkText: "Back to Sign in", onClick: () => {
+              K("signin"), h == null || h();
+            } }),
+            /* @__PURE__ */ s(Ie, { onTerms: d, onPrivacyPolicy: u, paddingTop: 40 })
+          ] })
+        ] })
+      ) : J === "getcodewithname" ? (
+        /* ── Get Code with Full Name (unregistered email) ── */
+        /* @__PURE__ */ m(ye, { children: [
+          /* @__PURE__ */ s(Ne, { title: "Complete your sign in", subtitle: "We’ve sent a one-time code to your email. Please enter the code and your full name to sign in" }),
+          /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", width: "100%", gap: 16 }, children: [
+            /* @__PURE__ */ s(q, { label: "Email", gap: 12, children: /* @__PURE__ */ s(
               "input",
               {
-                type: "text",
-                value: xt,
-                onChange: (g) => Qo(g.target.value),
-                placeholder: "Last name",
-                autoComplete: "family-name",
+                type: "email",
+                value: re,
+                onChange: (g) => De(g.target.value),
+                placeholder: "workemail@example.com",
+                autoComplete: "email",
                 style: Q,
                 onFocus: G,
                 onBlur: Z
               }
-            ) })
-          ] }),
-          /* @__PURE__ */ s(q, { label: "Email", gap: 8, children: /* @__PURE__ */ s(
-            "input",
-            {
-              type: "text",
-              value: qe,
-              onChange: (g) => {
-                Xo(g.target.value), Pe("");
-              },
-              placeholder: "workemail@example.com",
-              autoComplete: "email",
-              style: Q,
-              onFocus: G,
-              onBlur: Z
-            }
-          ) }),
-          /* @__PURE__ */ s(q, { label: "Create Password", gap: 8, children: /* @__PURE__ */ m("div", { style: { position: "relative" }, children: [
-            /* @__PURE__ */ s(
+            ) }),
+            /* @__PURE__ */ s(q, { label: "Full Name", gap: 12, children: /* @__PURE__ */ s(
               "input",
               {
-                type: It ? "text" : "password",
-                value: et,
-                onChange: (g) => {
-                  Go(g.target.value), Pe("");
-                },
-                placeholder: "Enter password",
-                autoComplete: "new-password",
-                style: { ...Q, padding: "10px 44px 10px 14px" },
+                type: "text",
+                value: ae,
+                onChange: (g) => R(g.target.value),
+                placeholder: "Enter your full name",
+                autoComplete: "name",
+                style: Q,
                 onFocus: G,
                 onBlur: Z
               }
-            ),
-            /* @__PURE__ */ s(Bt, { show: It, onToggle: () => _o(!It) })
-          ] }) }),
-          /* @__PURE__ */ s(q, { label: "Confirm Password", gap: 8, children: /* @__PURE__ */ m("div", { style: { position: "relative" }, children: [
-            /* @__PURE__ */ s(
+            ) }),
+            /* @__PURE__ */ s(q, { label: "Enter one-time code", gap: 12, children: /* @__PURE__ */ s("div", { style: { display: "flex", gap: 8 }, children: me.map((g, O) => /* @__PURE__ */ s(
               "input",
               {
-                type: St ? "text" : "password",
-                value: kt,
-                onChange: (g) => {
-                  Zo(g.target.value), Pe("");
+                ref: (E) => {
+                  We.current[O] = E;
+                },
+                type: "text",
+                inputMode: "numeric",
+                maxLength: 1,
+                value: g,
+                onChange: (E) => jn(O, E.target.value),
+                onKeyDown: (E) => Dn(O, E),
+                onPaste: (E) => Pn(O, E),
+                autoFocus: O === 0,
+                style: {
+                  flex: 1,
+                  minWidth: 0,
+                  height: 40,
+                  textAlign: "center",
+                  fontSize: 16,
+                  fontWeight: 600,
+                  fontFamily: T,
+                  color: "var(--color-text)",
+                  border: "1px solid var(--color-input-border)",
+                  borderRadius: 4,
+                  outline: "none",
+                  background: "white",
+                  boxSizing: "border-box",
+                  transition: "border-color 0.15s, box-shadow 0.15s",
+                  caretColor: Xe
                 },
-                placeholder: "Enter password",
-                autoComplete: "new-password",
-                style: { ...Q, padding: "10px 44px 10px 14px" },
                 onFocus: G,
                 onBlur: Z
-              }
-            ),
-            /* @__PURE__ */ s(Bt, { show: St, onToggle: () => er(!St) })
-          ] }) }),
-          hn && /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "row", alignItems: "center", padding: 8, gap: 6, width: "100%", boxSizing: "border-box", background: "var(--color-error-bg)", borderRadius: 5, fontSize: 14, fontWeight: 400, lineHeight: "22px", color: "var(--color-text)", fontFamily: T }, children: [
-            /* @__PURE__ */ s("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "var(--color-text)", style: { flexShrink: 0 }, children: /* @__PURE__ */ s("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" }) }),
-            hn
-          ] }),
-          (() => /* @__PURE__ */ s(ke, { onClick: () => {
-            if (Pe(""), !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(qe)) {
-              Pe("Please enter a valid email address.");
-              return;
-            }
-            if (et !== kt) {
-              Pe("Password and Confirm Password do not match!");
-              return;
-            }
-            i == null || i({ firstName: bt, lastName: xt, email: qe, password: et }), J("verifyemail");
-          }, disabled: !(bt && xt && qe && et && kt), children: "Create Account" }))(),
-          /* @__PURE__ */ s(Ee, { text: "I am already a member", linkText: "Sign In", onClick: () => {
-            J("signin"), h == null || h();
-          } }),
-          /* @__PURE__ */ s(Ie, { onTerms: d, onPrivacyPolicy: u })
+              },
+              O
+            )) }) }),
+            /* @__PURE__ */ s(ke, { onClick: () => {
+              pn(re), n == null || n(re, ae, me.join(""));
+            }, disabled: !re || !ae || me.some((g) => !g), children: "Verify & Sign In" }),
+            tt && /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "row", alignItems: "center", padding: 8, gap: 6, width: "100%", boxSizing: "border-box", background: "var(--color-error-bg)", borderRadius: 5, fontSize: 15, fontWeight: 400, lineHeight: "22px", color: "var(--color-text)", fontFamily: T }, children: [
+              /* @__PURE__ */ s("svg", { width: "17", height: "17", viewBox: "0 0 24 24", fill: "var(--color-text)", style: { flexShrink: 0 }, children: /* @__PURE__ */ s("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" }) }),
+              tt
+            ] }),
+            /* @__PURE__ */ s($e, {}),
+            /* @__PURE__ */ s(Ee, { text: "I have my password", linkText: "Back to Sign in", onClick: () => {
+              K("signin"), h == null || h();
+            } }),
+            /* @__PURE__ */ s(Ie, { onTerms: d, onPrivacyPolicy: u, paddingTop: 40 })
+          ] })
         ] })
-      ] })
-    ) : V === "verifyemail" ? (
-      /* ── Verify Email ── */
-      /* @__PURE__ */ m(ye, { children: [
-        /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: [
-          /* @__PURE__ */ s("h2", { style: { fontFamily: T, fontWeight: 600, fontSize: "36px", lineHeight: "52px", color: "var(--color-text)", margin: 0 }, children: "Verify Email" }),
-          /* @__PURE__ */ s("p", { style: { fontFamily: T, fontSize: 18, fontWeight: 400, lineHeight: "26px", color: "var(--color-text-secondary)", margin: 0 }, children: "Verify your email to continue the signup process." })
-        ] }),
-        /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", width: "100%", gap: 24 }, children: [
-          /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-            /* @__PURE__ */ s("p", { style: { fontFamily: T, fontSize: 18, fontWeight: 400, lineHeight: "24px", color: "var(--color-text-secondary)", margin: 0 }, children: "We have sent a verification link to:" }),
-            /* @__PURE__ */ s("p", { style: { fontFamily: T, fontSize: 18, fontWeight: 600, lineHeight: "24px", color: "var(--color-text)", margin: 0 }, children: qe || "youremail@workemail.com" })
-          ] }),
-          /* @__PURE__ */ s("p", { style: { fontFamily: T, fontSize: 18, fontWeight: 400, lineHeight: "24px", color: "var(--color-text-secondary)", margin: 0 }, children: "Click on the link to complete the verification process. You might need to check your Spam folder" }),
-          /* @__PURE__ */ s(ke, { onClick: () => {
-            J("signin"), h == null || h();
-          }, children: "Go To Login" })
-        ] }),
-        /* @__PURE__ */ s(Ie, { onTerms: d, onPrivacyPolicy: u, paddingTop: 40 })
-      ] })
-    ) : V === "verifycode" ? (
-      /* ── Verify Code ── */
-      /* @__PURE__ */ m(ye, { children: [
-        /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-          /* @__PURE__ */ s("h2", { style: { fontFamily: T, fontWeight: 600, fontSize: "36px", lineHeight: "52px", color: "var(--color-text)", margin: 0 }, children: "Sign In with code" }),
-          /* @__PURE__ */ m("p", { style: { fontFamily: T, fontSize: 18, fontWeight: 400, lineHeight: "26px", color: "var(--color-text-secondary)", margin: 0 }, children: [
-            "We have sent a one-time code to your email:",
-            " ",
-            /* @__PURE__ */ s("span", { style: { color: "var(--color-text)" }, children: He || "workemail@example.com" }),
-            " ",
-            /* @__PURE__ */ s(
-              "button",
+      ) : J === "resetpassword" ? (
+        /* ── Reset Password ── */
+        /* @__PURE__ */ m(ye, { children: [
+          /* @__PURE__ */ s(Ne, { title: "Reset Password", subtitle: "We'll send an email to reset your password" }),
+          /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", width: "100%", gap: 16 }, children: [
+            /* @__PURE__ */ s(q, { label: "Email", gap: 12, children: /* @__PURE__ */ s(
+              "input",
               {
-                type: "button",
-                onClick: () => J("getcode"),
-                style: { background: "none", border: "none", padding: 0, fontSize: 18, fontWeight: 400, color: Xe, cursor: "pointer", fontFamily: T, textDecoration: "underline" },
-                children: "Change email"
+                type: "email",
+                value: Ct,
+                onChange: (g) => tr(g.target.value),
+                placeholder: "workemail@example.com",
+                autoFocus: !0,
+                autoComplete: "email",
+                style: Q,
+                onFocus: G,
+                onBlur: Z
               }
-            )
+            ) }),
+            /* @__PURE__ */ s(ke, { onClick: () => l == null ? void 0 : l(Ct), disabled: !Ct, children: "Send Reset Link" }),
+            /* @__PURE__ */ s($e, {}),
+            /* @__PURE__ */ s(Ee, { text: "I have my password", linkText: "Back to Sign in", onClick: () => {
+              K("signin"), h == null || h();
+            } }),
+            /* @__PURE__ */ s(Ie, { onTerms: d, onPrivacyPolicy: u, paddingTop: 40 })
           ] })
-        ] }),
-        /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", width: "100%", gap: 16 }, children: [
-          /* @__PURE__ */ s(q, { label: "Enter one-time code", gap: 12, children: /* @__PURE__ */ s("div", { style: { display: "flex", gap: 8 }, children: me.map((g, O) => /* @__PURE__ */ s(
-            "input",
-            {
-              ref: (E) => {
-                We.current[O] = E;
-              },
-              type: "text",
-              inputMode: "numeric",
-              maxLength: 1,
-              value: g,
-              onChange: (E) => jn(O, E.target.value),
-              onKeyDown: (E) => Dn(O, E),
-              onPaste: (E) => Pn(O, E),
-              autoFocus: O === 0,
-              style: {
-                flex: 1,
-                minWidth: 0,
-                height: 40,
-                textAlign: "center",
-                fontSize: 16,
-                fontWeight: 600,
-                fontFamily: T,
-                color: "var(--color-text)",
-                border: "1px solid var(--color-input-border)",
-                borderRadius: 4,
-                outline: "none",
-                background: "white",
-                boxSizing: "border-box",
-                transition: "border-color 0.15s, box-shadow 0.15s",
-                caretColor: Xe
-              },
-              onFocus: G,
-              onBlur: Z
-            },
-            O
-          )) }) }),
-          /* @__PURE__ */ s(ke, { onClick: () => o == null ? void 0 : o(He, me.join("")), disabled: me.some((g) => !g), children: "Verify Code" }),
-          tt && /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "row", alignItems: "center", padding: 8, gap: 6, width: "100%", boxSizing: "border-box", background: "var(--color-error-bg)", borderRadius: 5, fontSize: 15, fontWeight: 400, lineHeight: "22px", color: "var(--color-text)", fontFamily: T }, children: [
-            /* @__PURE__ */ s("svg", { width: "17", height: "17", viewBox: "0 0 24 24", fill: "var(--color-text)", style: { flexShrink: 0 }, children: /* @__PURE__ */ s("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" }) }),
-            tt
-          ] }),
-          /* @__PURE__ */ s($e, {}),
-          /* @__PURE__ */ s(Ee, { text: "Not received yet?", linkText: "Resend", onClick: () => r == null ? void 0 : r(He) }),
-          /* @__PURE__ */ s(Ie, { onTerms: d, onPrivacyPolicy: u, paddingTop: 24 })
         ] })
-      ] })
-    ) : V === "getcode" ? (
-      /* ── Get Code (original — email only) ── */
-      /* @__PURE__ */ m(ye, { children: [
-        /* @__PURE__ */ s(Ne, { title: "Get code", subtitle: "We'll send a one time pass-code to your email" }),
-        /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", width: "100%", gap: 16 }, children: [
-          /* @__PURE__ */ s(q, { label: "Email", gap: 12, children: /* @__PURE__ */ s(
-            "input",
-            {
-              type: "email",
-              value: re,
-              onChange: (g) => De(g.target.value),
-              placeholder: "workemail@example.com",
-              autoFocus: !0,
-              autoComplete: "email",
-              style: Q,
-              onFocus: G,
-              onBlur: Z
-            }
-          ) }),
-          /* @__PURE__ */ s(ke, { onClick: () => {
-            pn(re), _e(["", "", "", "", "", ""]), J("verifycode"), n == null || n(re);
-          }, disabled: !re, children: "Send One-time Code" }),
-          /* @__PURE__ */ s($e, {}),
-          /* @__PURE__ */ s(Ee, { text: "I have my password", linkText: "Back to Sign in", onClick: () => {
-            J("signin"), h == null || h();
-          } }),
-          /* @__PURE__ */ s(Ie, { onTerms: d, onPrivacyPolicy: u, paddingTop: 40 })
-        ] })
-      ] })
-    ) : V === "getcodewithname" ? (
-      /* ── Get Code with Full Name (unregistered email) ── */
-      /* @__PURE__ */ m(ye, { children: [
-        /* @__PURE__ */ s(Ne, { title: "Complete your sign in", subtitle: "We’ve sent a one-time code to your email. Please enter the code and your full name to sign in" }),
-        /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", width: "100%", gap: 16 }, children: [
-          /* @__PURE__ */ s(q, { label: "Email", gap: 12, children: /* @__PURE__ */ s(
-            "input",
-            {
-              type: "email",
-              value: re,
-              onChange: (g) => De(g.target.value),
-              placeholder: "workemail@example.com",
-              autoComplete: "email",
-              style: Q,
-              onFocus: G,
-              onBlur: Z
-            }
-          ) }),
-          /* @__PURE__ */ s(q, { label: "Full Name", gap: 12, children: /* @__PURE__ */ s(
-            "input",
-            {
-              type: "text",
-              value: ae,
-              onChange: (g) => R(g.target.value),
-              placeholder: "Enter your full name",
-              autoComplete: "name",
-              style: Q,
-              onFocus: G,
-              onBlur: Z
-            }
-          ) }),
-          /* @__PURE__ */ s(q, { label: "Enter one-time code", gap: 12, children: /* @__PURE__ */ s("div", { style: { display: "flex", gap: 8 }, children: me.map((g, O) => /* @__PURE__ */ s(
-            "input",
-            {
-              ref: (E) => {
-                We.current[O] = E;
-              },
-              type: "text",
-              inputMode: "numeric",
-              maxLength: 1,
-              value: g,
-              onChange: (E) => jn(O, E.target.value),
-              onKeyDown: (E) => Dn(O, E),
-              onPaste: (E) => Pn(O, E),
-              autoFocus: O === 0,
-              style: {
-                flex: 1,
-                minWidth: 0,
-                height: 40,
-                textAlign: "center",
-                fontSize: 16,
-                fontWeight: 600,
-                fontFamily: T,
-                color: "var(--color-text)",
-                border: "1px solid var(--color-input-border)",
-                borderRadius: 4,
-                outline: "none",
-                background: "white",
-                boxSizing: "border-box",
-                transition: "border-color 0.15s, box-shadow 0.15s",
-                caretColor: Xe
-              },
-              onFocus: G,
-              onBlur: Z
-            },
-            O
-          )) }) }),
-          /* @__PURE__ */ s(ke, { onClick: () => {
-            pn(re), n == null || n(re, ae, me.join(""));
-          }, disabled: !re || !ae || me.some((g) => !g), children: "Verify & Sign In" }),
-          tt && /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "row", alignItems: "center", padding: 8, gap: 6, width: "100%", boxSizing: "border-box", background: "var(--color-error-bg)", borderRadius: 5, fontSize: 15, fontWeight: 400, lineHeight: "22px", color: "var(--color-text)", fontFamily: T }, children: [
-            /* @__PURE__ */ s("svg", { width: "17", height: "17", viewBox: "0 0 24 24", fill: "var(--color-text)", style: { flexShrink: 0 }, children: /* @__PURE__ */ s("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" }) }),
-            tt
-          ] }),
-          /* @__PURE__ */ s($e, {}),
-          /* @__PURE__ */ s(Ee, { text: "I have my password", linkText: "Back to Sign in", onClick: () => {
-            J("signin"), h == null || h();
-          } }),
-          /* @__PURE__ */ s(Ie, { onTerms: d, onPrivacyPolicy: u, paddingTop: 40 })
-        ] })
-      ] })
-    ) : V === "resetpassword" ? (
-      /* ── Reset Password ── */
-      /* @__PURE__ */ m(ye, { children: [
-        /* @__PURE__ */ s(Ne, { title: "Reset Password", subtitle: "We'll send an email to reset your password" }),
-        /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", width: "100%", gap: 16 }, children: [
-          /* @__PURE__ */ s(q, { label: "Email", gap: 12, children: /* @__PURE__ */ s(
-            "input",
-            {
-              type: "email",
-              value: Ct,
-              onChange: (g) => tr(g.target.value),
-              placeholder: "workemail@example.com",
-              autoFocus: !0,
-              autoComplete: "email",
-              style: Q,
-              onFocus: G,
-              onBlur: Z
-            }
-          ) }),
-          /* @__PURE__ */ s(ke, { onClick: () => l == null ? void 0 : l(Ct), disabled: !Ct, children: "Send Reset Link" }),
-          /* @__PURE__ */ s($e, {}),
-          /* @__PURE__ */ s(Ee, { text: "I have my password", linkText: "Back to Sign in", onClick: () => {
-            J("signin"), h == null || h();
-          } }),
-          /* @__PURE__ */ s(Ie, { onTerms: d, onPrivacyPolicy: u, paddingTop: 40 })
-        ] })
-      ] })
-    ) : (
-      /* ── Sign In ── */
-      /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", alignItems: "flex-start", width: "100%", gap: 48 }, children: [
-        /* @__PURE__ */ s(Ne, { title: "Sign in", subtitle: "Enter your email & password to continue" }),
-        /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", alignItems: "flex-start", width: "100%", gap: 8 }, children: [
-          /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", alignItems: "flex-start", width: "100%", gap: 16 }, children: [
-            /* @__PURE__ */ m("form", { onSubmit: yr, style: { width: "100%", display: "flex", flexDirection: "column", gap: 16 }, children: [
-              /* @__PURE__ */ s(q, { label: "Email", gap: 12, children: /* @__PURE__ */ s(
-                "input",
-                {
-                  ref: Ue,
-                  type: "email",
-                  value: j,
-                  onChange: (g) => v(g.target.value),
-                  placeholder: "workemail@example.com",
-                  required: !0,
-                  autoComplete: "email",
-                  style: { ...Q, border: `1px solid ${xe ? "var(--color-text)" : "var(--color-input-border)"}` },
-                  onFocus: Un,
-                  onBlur: Tn
-                }
-              ) }),
-              /* @__PURE__ */ s(q, { label: "Password", gap: 12, children: /* @__PURE__ */ m("div", { style: { position: "relative" }, children: [
-                /* @__PURE__ */ s(
+      ) : (
+        /* ── Sign In ── */
+        /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", alignItems: "flex-start", width: "100%", gap: 48 }, children: [
+          /* @__PURE__ */ s(Ne, { title: "Sign in", subtitle: "Enter your email & password to continue" }),
+          /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", alignItems: "flex-start", width: "100%", gap: 8 }, children: [
+            /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", alignItems: "flex-start", width: "100%", gap: 16 }, children: [
+              /* @__PURE__ */ m("form", { onSubmit: yr, style: { width: "100%", display: "flex", flexDirection: "column", gap: 16 }, children: [
+                /* @__PURE__ */ s(q, { label: "Email", gap: 12, children: /* @__PURE__ */ s(
                   "input",
                   {
-                    ref: Te,
-                    type: Y ? "text" : "password",
-                    value: S,
-                    onChange: (g) => F(g.target.value),
-                    placeholder: "Enter password",
+                    ref: Ue,
+                    type: "email",
+                    value: j,
+                    onChange: (g) => v(g.target.value),
+                    placeholder: "workemail@example.com",
                     required: !0,
-                    autoComplete: "current-password",
-                    style: { ...Q, padding: "10px 44px 10px 16px", border: `1px solid ${xe ? "var(--color-text)" : "var(--color-input-border)"}` },
+                    autoComplete: "email",
+                    style: { ...Q, border: `1px solid ${xe ? "var(--color-text)" : "var(--color-input-border)"}` },
                     onFocus: Un,
                     onBlur: Tn
                   }
+                ) }),
+                /* @__PURE__ */ s(q, { label: "Password", gap: 12, children: /* @__PURE__ */ m("div", { style: { position: "relative" }, children: [
+                  /* @__PURE__ */ s(
+                    "input",
+                    {
+                      ref: Te,
+                      type: Y ? "text" : "password",
+                      value: S,
+                      onChange: (g) => F(g.target.value),
+                      placeholder: "Enter password",
+                      required: !0,
+                      autoComplete: "current-password",
+                      style: { ...Q, padding: "10px 44px 10px 16px", border: `1px solid ${xe ? "var(--color-text)" : "var(--color-input-border)"}` },
+                      onFocus: Un,
+                      onBlur: Tn
+                    }
+                  ),
+                  /* @__PURE__ */ s(Bt, { show: Y, onToggle: () => X(!Y) })
+                ] }) }),
+                /* @__PURE__ */ s(ke, { type: "submit", disabled: !An, children: On ? "Signing in…" : "Sign In" })
+              ] }),
+              xe && /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "row", alignItems: "center", padding: 8, gap: 6, width: "100%", boxSizing: "border-box", background: "var(--color-error-bg)", borderRadius: 5, fontSize: 15, fontWeight: 400, lineHeight: "22px", color: "var(--color-text)", fontFamily: T }, children: [
+                /* @__PURE__ */ s("svg", { width: "17", height: "17", viewBox: "0 0 24 24", fill: "var(--color-text)", style: { flexShrink: 0 }, children: /* @__PURE__ */ s("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" }) }),
+                xe
+              ] }),
+              /* @__PURE__ */ m("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", width: "100%" }, children: [
+                /* @__PURE__ */ s(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => {
+                      K("resetpassword"), t == null || t();
+                    },
+                    style: { background: "none", border: "none", padding: 0, fontSize: 15, fontWeight: 400, lineHeight: "100%", color: "var(--color-text)", cursor: "pointer", fontFamily: T, textDecoration: "underline" },
+                    children: "Forgot Password?"
+                  }
                 ),
-                /* @__PURE__ */ s(Bt, { show: Y, onToggle: () => X(!Y) })
-              ] }) }),
-              /* @__PURE__ */ s(ke, { type: "submit", disabled: !An, children: On ? "Signing in…" : "Sign In" })
-            ] }),
-            xe && /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "row", alignItems: "center", padding: 8, gap: 6, width: "100%", boxSizing: "border-box", background: "var(--color-error-bg)", borderRadius: 5, fontSize: 15, fontWeight: 400, lineHeight: "22px", color: "var(--color-text)", fontFamily: T }, children: [
-              /* @__PURE__ */ s("svg", { width: "17", height: "17", viewBox: "0 0 24 24", fill: "var(--color-text)", style: { flexShrink: 0 }, children: /* @__PURE__ */ s("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" }) }),
-              xe
-            ] }),
-            /* @__PURE__ */ m("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", width: "100%" }, children: [
-              /* @__PURE__ */ s(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => {
-                    J("resetpassword"), t == null || t();
-                  },
-                  style: { background: "none", border: "none", padding: 0, fontSize: 15, fontWeight: 400, lineHeight: "100%", color: "var(--color-text)", cursor: "pointer", fontFamily: T, textDecoration: "underline" },
-                  children: "Forgot Password?"
-                }
-              ),
-              /* @__PURE__ */ s(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => {
-                    J("getcode"), n == null || n();
-                  },
-                  style: { background: "none", border: "none", padding: 0, fontSize: 15, fontWeight: 600, lineHeight: "100%", color: Xe, cursor: "pointer", fontFamily: T, textDecoration: "underline solid", textUnderlineOffset: 0, textDecorationSkipInk: "none" },
-                  children: "Sign in with one-time code"
-                }
-              )
+                /* @__PURE__ */ s(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => {
+                      K("getcode"), n == null || n();
+                    },
+                    style: { background: "none", border: "none", padding: 0, fontSize: 15, fontWeight: 600, lineHeight: "100%", color: Xe, cursor: "pointer", fontFamily: T, textDecoration: "underline solid", textUnderlineOffset: 0, textDecorationSkipInk: "none" },
+                    children: "Sign in with one-time code"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", width: "100%", gap: 2 }, children: [
+                /* @__PURE__ */ s($e, {}),
+                /* @__PURE__ */ s(La, { projectId: b, onSuccess: p, onError: f })
+              ] })
             ] }),
-            /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", width: "100%", gap: 2 }, children: [
-              /* @__PURE__ */ s($e, {}),
-              /* @__PURE__ */ s(La, { projectId: b, onSuccess: p, onError: f })
-            ] })
-          ] }),
-          /* @__PURE__ */ s(
-            Ee,
-            {
-              text: P === "waitlist" ? "Don't have an account yet?" : "Not a member yet?",
-              linkText: P === "waitlist" ? "Join Waitlist" : "Sign Up",
-              onClick: () => {
-                if (P === "waitlist") {
-                  J("waitlist"), a == null || a();
-                  return;
+            /* @__PURE__ */ s(
+              Ee,
+              {
+                text: P === "waitlist" ? "Don't have an account yet?" : "Not a member yet?",
+                linkText: P === "waitlist" ? "Join Waitlist" : "Sign Up",
+                onClick: () => {
+                  if (P === "waitlist") {
+                    K("waitlist"), a == null || a();
+                    return;
+                  }
+                  K("signup"), i == null || i();
                 }
-                J("signup"), i == null || i();
               }
-            }
-          ),
-          /* @__PURE__ */ s(Ie, { onTerms: d, onPrivacyPolicy: u, paddingTop: 16 })
+            )
+          ] })
         ] })
-      ] })
-    ) }) })
+      ) }),
+      J === "signin" && /* @__PURE__ */ s("div", { style: {
+        position: "absolute",
+        bottom: 40,
+        left: 0,
+        right: 0,
+        display: "flex",
+        justifyContent: "center"
+      }, children: /* @__PURE__ */ s("div", { style: { width: "100%", maxWidth: 360 }, children: /* @__PURE__ */ s(Ie, { onTerms: d, onPrivacyPolicy: u, paddingTop: 0 }) }) })
+    ] })
   ] });
 }
 const _ = "var(--font-sans)", ao = 3, Gt = {
@@ -2904,7 +2913,7 @@ function ts({
               title: "Signal Intelligence",
               info: "Identify emerging themes, sentiment shifts, and customer issues hidden inside everyday service conversations."
             }
-          ].map(({ Icon: S, title: F, info: K }, $) => /* @__PURE__ */ m("div", { style: {
+          ].map(({ Icon: S, title: F, info: V }, $) => /* @__PURE__ */ m("div", { style: {
             flexShrink: 0,
             width: 264,
             height: 320,
@@ -2935,7 +2944,7 @@ function ts({
                 fontWeight: 400,
                 lineHeight: "normal",
                 color: "rgba(255,255,255,0.65)"
-              }, children: K })
+              }, children: V })
             ] })
           ] }, $)) }),
           /* @__PURE__ */ s("div", { style: {