@orangecheck/auth-client 2.9.1 → 2.11.0

package/dist/index.js

@@ -771,7 +771,6 @@ var OcAddressInput = React3__namespace.forwardRef(
   }
 );
 var DEFAULT_AUTH_ORIGIN = "https://ochk.io";
-var LINK_PROMPT_DISMISS_KEY = "oc:linkprompt-dismissed";
 function OcLinkedIdentities({
   authOrigin = DEFAULT_AUTH_ORIGIN,
   className,
@@ -1093,47 +1092,43 @@ function LinkPromptStep({
   authOrigin,
   onResolved
 }) {
-  const [stage, setStage] = React3__namespace.useState("offer");
-  function decline() {
-    try {
-      window.localStorage.setItem(LINK_PROMPT_DISMISS_KEY, String(Date.now()));
-    } catch {
-    }
-    onResolved();
-  }
-  if (stage === "linking") {
-    return method === "btc" ? /* @__PURE__ */ jsxRuntime.jsx(
+  const what = method === "btc" ? "a Bitcoin address" : "an email";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-oc-linkprompt": method, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { ...panelStyle("success"), marginBottom: 16 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SectionLabel, { tone: "success", children: "\xA7 signed in" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { style: { ...bodyStyle, margin: 0 }, children: [
+        "You chose to also link ",
+        what,
+        ". Complete it below \u2014 or skip for now; it is entirely optional and changes nothing about the sign-in you just completed."
+      ] })
+    ] }),
+    method === "btc" ? /* @__PURE__ */ jsxRuntime.jsx(
       BtcLinkForm,
       {
         authOrigin,
         didOc,
         onDone: onResolved,
-        onCancel: () => setStage("offer")
+        onCancel: onResolved
       }
-    ) : /* @__PURE__ */ jsxRuntime.jsx(
-      EmailLinkForm,
+    ) : /* @__PURE__ */ jsxRuntime.jsx(EmailLinkForm, { authOrigin, onDone: onResolved, onCancel: onResolved }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
       {
-        authOrigin,
-        onDone: onResolved,
-        onCancel: () => setStage("offer")
+        "data-oc-linkprompt-skip": "",
+        style: { marginTop: 14, paddingTop: 14, borderTop: `1px solid ${V.border}` },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: onResolved, style: ghostBtnStyle(false), children: "skip \u2014 I'll do this later" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { style: { ...hintStyle, marginTop: 8 }, children: [
+            "> ",
+            "Changed your mind? Skipping continues you straight on \u2014 your sign-in is unaffected. You can link ",
+            what,
+            " anytime later from your identity page,",
+            " ",
+            "me.ochk.io/me/identity."
+          ] })
+        ]
       }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: panelStyle("accent"), "data-oc-linkprompt": method, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(SectionLabel, { tone: "success", children: "\xA7 you're signed in" }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { style: bodyStyle, children: method === "btc" ? "Optional \u2014 link a Bitcoin address and it becomes a second way to sign in, and unlocks your on-chain footprint. One wallet signature, right here. No pressure: you can always do this later from your account page." : "Optional \u2014 add your email as a backup way to sign in if you ever lose your wallet. One six-digit code, right here. No pressure: you can always do this later from your account page." }),
-    /* @__PURE__ */ jsxRuntime.jsxs(FormButtons, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => setStage("linking"),
-          style: primaryBtnStyle(false),
-          children: method === "btc" ? "link a Bitcoin address" : "link an email"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: decline, style: ghostBtnStyle(false), children: "not now" })
-    ] })
+    )
   ] });
 }
 function EmailLinkForm({
@@ -1655,6 +1650,7 @@ function OcSignIn({
   const safeReturn = safeReturnTo(returnTo);
   const [path, setPath] = React3__namespace.useState(initialPath);
   const [signedIn, setSignedIn] = React3__namespace.useState(null);
+  const [linkAlso, setLinkAlso] = React3__namespace.useState(false);
   const navigate = React3__namespace.useCallback(
     async (account) => {
       if (resolveReturnTo) {
@@ -1674,12 +1670,7 @@ function OcSignIn({
         if (onSuccess) onSuccess(account, token);
         else void navigate(account);
       };
-      let declined = false;
-      try {
-        declined = Boolean(window.localStorage.getItem(LINK_PROMPT_DISMISS_KEY));
-      } catch {
-      }
-      if (!linkPrompt || declined) {
+      if (!linkPrompt || !linkAlso) {
         proceed();
         return;
       }
@@ -1689,19 +1680,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__ */ jsxRuntime.jsxs(
@@ -1742,6 +1734,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__ */ jsxRuntime.jsxs("div", { className, "data-oc-signin": "", children: [
     bothEnabled && /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -1784,6 +1777,24 @@ function OcSignIn({
           onSuccess: (a, t) => void handleSuccess(a, t, "email")
         }
       )
+    ] }),
+    linkPrompt && /* @__PURE__ */ jsxRuntime.jsxs("label", { "data-oc-signin-linkalso": "", style: linkAlsoStyle, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: linkAlso,
+          onChange: (e) => setLinkAlso(e.target.checked),
+          style: { marginTop: 2, accentColor: "var(--primary, #f97316)" }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        "After signing in, also link",
+        " ",
+        activeMethod === "email" ? "a Bitcoin wallet" : "an email",
+        " ",
+        /* @__PURE__ */ jsxRuntime.jsx("span", { style: { opacity: 0.65 }, children: "\u2014 optional, one more signature." })
+      ] })
     ] })
   ] });
 }
@@ -2135,6 +2146,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,