@orangecheck/auth-client 2.28.0 → 2.29.0

package/dist/index.js

@@ -1196,6 +1196,7 @@ var signinSize = (px) => `calc(${px}px * var(--oc-signin-scale, 1))`;
 var signinRadius = (px) => `var(--oc-signin-radius, ${px}px)`;
 var SIGNIN_BUTTON_RADIUS = "var(--oc-signin-button-radius, 6px)";
 var SIGNIN_STRONG = "var(--oc-signin-strong, 600)";
+var SIGNIN_ARROW = "var(--oc-signin-arrow, inline)";
 var DEFAULT_AUTH_ORIGIN = "https://ochk.io";
 async function fetchOcLinkedIdentities(opts) {
   const authOrigin = opts?.authOrigin ?? DEFAULT_AUTH_ORIGIN;
@@ -2371,7 +2372,7 @@ function OcSignIn({
             {
               active: path === "email",
               onClick: () => setPath("email"),
-              children: "email"
+              children: "Email"
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -2379,7 +2380,7 @@ function OcSignIn({
             {
               active: path === "wallet",
               onClick: () => setPath("wallet"),
-              children: "bitcoin wallet"
+              children: "Bitcoin wallet"
             }
           )
         ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -2388,7 +2389,7 @@ function OcSignIn({
             {
               active: path === "wallet",
               onClick: () => setPath("wallet"),
-              children: "bitcoin wallet"
+              children: "Bitcoin wallet"
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -2396,7 +2397,7 @@ function OcSignIn({
             {
               active: path === "email",
               onClick: () => setPath("email"),
-              children: "email"
+              children: "Email"
             }
           )
         ] })
@@ -2758,7 +2759,7 @@ function WalletFlow({
         address.trim(),
         ", sign the text below, and paste the signature back here. Nothing is spent."
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: ids.message, children: "message to sign" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: ids.message, children: "Message to sign" }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "textarea",
         {
@@ -2770,10 +2771,10 @@ function WalletFlow({
           style: { ...inputStyle2, resize: "vertical" }
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => void copyMessage(), style: linkButtonStyle, children: copied === "copied" ? "copied" : "copy message" }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => void copyMessage(), style: linkButtonStyle, children: copied === "copied" ? "Copied" : "Copy message" }),
       copied === "failed" && /* @__PURE__ */ jsxRuntime.jsx(Hint, { children: "Couldn't copy here. Select the text above and copy it." }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: 14 }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: ids.signature, children: "signature" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: ids.signature, children: "Signature" }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "textarea",
           {
@@ -2799,7 +2800,7 @@ function WalletFlow({
           type: "submit",
           disabled: submitting || !pasted.trim(),
           style: submitStyle(submitting || !pasted.trim()),
-          children: submitting ? "checking\u2026" : "sign me in \u2192"
+          children: submitting ? "Checking\u2026" : /* @__PURE__ */ jsxRuntime.jsx(Submit, { children: "Sign me in" })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -2813,7 +2814,7 @@ function WalletFlow({
             setCopied("idle");
           },
           style: linkButtonStyle,
-          children: "use a different address"
+          children: "Use a different address"
         }
       )
     ] });
@@ -2821,7 +2822,7 @@ function WalletFlow({
   const noBrowserWallet = wallets !== null && wallets.length === 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: signIn, "data-oc-signin-wallet": "", children: [
     /* @__PURE__ */ jsxRuntime.jsx(FlowHeader, { children: "Your wallet signs a short message to prove you hold the address. Nothing is spent and your key never leaves the wallet. Works with browser wallets, or any wallet that can sign a message, like Sparrow." }),
-    /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: ids.address, children: "bitcoin address" }),
+    /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: ids.address, children: "Bitcoin address" }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "input",
       {
@@ -2842,7 +2843,7 @@ function WalletFlow({
       }
     ),
     wallets && wallets.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: 12 }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: ids.wallet, children: "sign with" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: ids.wallet, children: "Sign with" }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "select",
         {
@@ -2861,7 +2862,7 @@ function WalletFlow({
         type: "submit",
         disabled: submitting || !address.trim(),
         style: submitStyle(submitting || !address.trim()),
-        children: submitting ? "waiting for wallet\u2026" : noBrowserWallet ? "get the message to sign \u2192" : "sign in with wallet \u2192"
+        children: submitting ? "Waiting for wallet\u2026" : noBrowserWallet ? /* @__PURE__ */ jsxRuntime.jsx(Submit, { children: "Get the message to sign" }) : /* @__PURE__ */ jsxRuntime.jsx(Submit, { children: "Sign in with wallet" })
       }
     ),
     noBrowserWallet && /* @__PURE__ */ jsxRuntime.jsx(Hint, { children: "No browser wallet found here. You can sign with any wallet and paste." })
@@ -2959,7 +2960,7 @@ function EmailFlow({ authOrigin, add, credentials, onSuccess }) {
   if (stage === "enter") {
     return /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: start, "data-oc-signin-email": "", children: [
       /* @__PURE__ */ jsxRuntime.jsx(FlowHeader, { children: "We email you a 6-digit code. No password, and no wallet needed to start. Link a Bitcoin address any time \u2014 that is the identity you hold yourself." }),
-      /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: `${uid}-email`, children: "email" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: `${uid}-email`, children: "Email" }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
@@ -2978,7 +2979,7 @@ function EmailFlow({ authOrigin, add, credentials, onSuccess }) {
         }
       ),
       emailError && /* @__PURE__ */ jsxRuntime.jsx(ErrorLine2, { children: emailError }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", disabled: submitting, style: submitStyle(submitting), children: submitting ? "sending\u2026" : "send one-time code \u2192" })
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", disabled: submitting, style: submitStyle(submitting), children: submitting ? "Sending\u2026" : /* @__PURE__ */ jsxRuntime.jsx(Submit, { children: "Send one-time code" }) })
     ] });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: verify, "data-oc-signin-email-verify": "", children: [
@@ -2987,7 +2988,7 @@ function EmailFlow({ authOrigin, add, credentials, onSuccess }) {
       /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "var(--foreground, #fafafa)" }, children: email }),
       ". It expires in 10 minutes."
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: `${uid}-code`, children: "one-time code" }),
+    /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: `${uid}-code`, children: "One-time code" }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "input",
       {
@@ -3016,7 +3017,7 @@ function EmailFlow({ authOrigin, add, credentials, onSuccess }) {
         type: "submit",
         disabled: submitting || code.length !== 6,
         style: submitStyle(submitting || code.length !== 6),
-        children: submitting ? "verifying\u2026" : "verify \xB7 sign me in \u2192"
+        children: submitting ? "Verifying\u2026" : /* @__PURE__ */ jsxRuntime.jsx(Submit, { children: "Verify \xB7 sign me in" })
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -3027,7 +3028,7 @@ function EmailFlow({ authOrigin, add, credentials, onSuccess }) {
           onClick: () => void resend(),
           disabled: submitting,
           style: linkButtonStyle,
-          children: "send a new code"
+          children: "Send a new code"
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -3041,12 +3042,18 @@ function EmailFlow({ authOrigin, add, credentials, onSuccess }) {
             setResent(false);
           },
           style: linkButtonStyle,
-          children: "use a different email"
+          children: "Use a different email"
         }
       )
     ] })
   ] });
 }
+function Submit({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", style: { display: SIGNIN_ARROW }, children: " \u2192" })
+  ] });
+}
 function FlowHeader({
   label,
   children