@orangecheck/auth-client 2.9.0 → 2.10.0

package/dist/index.mjs

@@ -1070,40 +1070,24 @@ function LinkPromptStep({
   authOrigin,
   onResolved
 }) {
-  const [stage, setStage] = React3.useState("offer");
-  if (stage === "linking") {
-    return method === "btc" ? /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs("div", { "data-oc-linkprompt": method, children: [
+    /* @__PURE__ */ jsxs("div", { style: { ...panelStyle("success"), marginBottom: 16 }, children: [
+      /* @__PURE__ */ jsx(SectionLabel, { tone: "success", children: "\xA7 signed in" }),
+      /* @__PURE__ */ jsxs("p", { style: { ...bodyStyle, margin: 0 }, children: [
+        "You asked to also link ",
+        method === "btc" ? "a Bitcoin address" : "an email",
+        " \u2014 here it is. Finish below, or cancel to head straight on."
+      ] })
+    ] }),
+    method === "btc" ? /* @__PURE__ */ jsx(
       BtcLinkForm,
       {
         authOrigin,
         didOc,
         onDone: onResolved,
-        onCancel: () => setStage("offer")
-      }
-    ) : /* @__PURE__ */ jsx(
-      EmailLinkForm,
-      {
-        authOrigin,
-        onDone: onResolved,
-        onCancel: () => setStage("offer")
+        onCancel: onResolved
       }
-    );
-  }
-  return /* @__PURE__ */ jsxs("div", { style: panelStyle("accent"), "data-oc-linkprompt": method, children: [
-    /* @__PURE__ */ jsx(SectionLabel, { tone: "success", children: "\xA7 signed in" }),
-    /* @__PURE__ */ jsx("p", { style: bodyStyle, children: method === "btc" ? "You're in. Link a Bitcoin address now \u2014 a second way to sign in, and it unlocks your on-chain footprint. You prove it with one wallet signature, right here \u2014 no separate trip to your account page." : "You're in. Add your email now \u2014 a backup way to sign in if you ever lose your wallet. You prove it with a one-time code, right here \u2014 no separate trip to your account page." }),
-    /* @__PURE__ */ jsxs(FormButtons, { children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => setStage("linking"),
-          style: primaryBtnStyle(false),
-          children: method === "btc" ? "link a Bitcoin address" : "link an email"
-        }
-      ),
-      /* @__PURE__ */ jsx("button", { type: "button", onClick: onResolved, style: ghostBtnStyle(false), children: "skip" })
-    ] })
+    ) : /* @__PURE__ */ jsx(EmailLinkForm, { authOrigin, onDone: onResolved, onCancel: onResolved })
   ] });
 }
 function EmailLinkForm({
@@ -1625,6 +1609,7 @@ function OcSignIn({
   const safeReturn = safeReturnTo(returnTo);
   const [path, setPath] = React3.useState(initialPath);
   const [signedIn, setSignedIn] = React3.useState(null);
+  const [linkAlso, setLinkAlso] = React3.useState(false);
   const navigate = React3.useCallback(
     async (account) => {
       if (resolveReturnTo) {
@@ -1644,7 +1629,7 @@ function OcSignIn({
         if (onSuccess) onSuccess(account, token);
         else void navigate(account);
       };
-      if (!linkPrompt) {
+      if (!linkPrompt || !linkAlso) {
         proceed();
         return;
       }
@@ -1654,19 +1639,20 @@ function OcSignIn({
           headers: { Accept: "application/json" }
         });
         const me = meRes.ok ? await meRes.json() : null;
-        const acct = me?.account;
-        const didOc = acct?.did_oc;
-        const complementary = via === "email" ? "btc" : "email";
-        const alreadyLinked = complementary === "btc" ? Boolean(acct?.primary_btc) : Boolean(acct?.has_email);
-        if (didOc && !alreadyLinked) {
-          setSignedIn({ method: complementary, didOc, proceed });
+        const didOc = me?.account?.did_oc;
+        if (didOc) {
+          setSignedIn({
+            method: via === "email" ? "btc" : "email",
+            didOc,
+            proceed
+          });
           return;
         }
       } catch {
       }
       proceed();
     },
-    [onSuccess, linkPrompt, navigate, authOrigin]
+    [onSuccess, linkPrompt, linkAlso, navigate, authOrigin]
   );
   if (!walletEnabled && !emailEnabled) {
     return /* @__PURE__ */ jsxs(
@@ -1707,6 +1693,7 @@ function OcSignIn({
   const showWallet = walletEnabled && (path === "wallet" || !emailEnabled);
   const showEmail = emailEnabled && (path === "email" || !walletEnabled);
   const bothEnabled = walletEnabled && emailEnabled;
+  const activeMethod = !emailEnabled ? "wallet" : !walletEnabled ? "email" : path;
   return /* @__PURE__ */ jsxs("div", { className, "data-oc-signin": "", children: [
     bothEnabled && /* @__PURE__ */ jsxs(
       "div",
@@ -1749,6 +1736,24 @@ function OcSignIn({
           onSuccess: (a, t) => void handleSuccess(a, t, "email")
         }
       )
+    ] }),
+    linkPrompt && /* @__PURE__ */ jsxs("label", { "data-oc-signin-linkalso": "", style: linkAlsoStyle, children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: linkAlso,
+          onChange: (e) => setLinkAlso(e.target.checked),
+          style: { marginTop: 2, accentColor: "var(--primary, #f97316)" }
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { children: [
+        "After signing in, also link",
+        " ",
+        activeMethod === "email" ? "a Bitcoin wallet" : "an email",
+        " ",
+        /* @__PURE__ */ jsx("span", { style: { opacity: 0.65 }, children: "\u2014 optional, one more signature." })
+      ] })
     ] })
   ] });
 }
@@ -2100,6 +2105,19 @@ var inputStyle2 = {
   fontSize: 16,
   outline: "none"
 };
+var linkAlsoStyle = {
+  display: "flex",
+  alignItems: "flex-start",
+  gap: 8,
+  marginTop: 16,
+  paddingTop: 14,
+  borderTop: "1px solid var(--border, #27272a)",
+  color: "var(--muted-foreground, #a1a1aa)",
+  fontFamily: "ui-monospace, SFMono-Regular, monospace",
+  fontSize: 12,
+  lineHeight: 1.5,
+  cursor: "pointer"
+};
 function submitStyle(disabled) {
   return {
     marginTop: 12,