@coinbase/cdp-react 0.0.109 → 0.0.110

package/dist/assets/OAuthStatusModal.css

@@ -1 +1 @@
-.OAuthStatusModal-module__oauth-status-modal___I69Ii{box-sizing:border-box;font:var(--cdp-web-font-size-base) / 1.5 var(--cdp-web-font-family-body);font-size:var(--cdp-web-font-size-base);font-optical-sizing:auto;background-color:var(--cdp-web-colors-page-bg-default);color:var(--cdp-web-colors-page-text-default);display:flex;flex-direction:column;align-items:center;justify-content:stretch;max-width:38.25em;padding:1em 2em;overflow:hidden;width:100%;height:100dvh;max-height:27.75em}.OAuthStatusModal-module__transition-wrapper___TmPRh,.OAuthStatusModal-module__status___vU6x7{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;text-align:center}.OAuthStatusModal-module__status___vU6x7{width:100%;height:100%}.OAuthStatusModal-module__graphic___2fKoa{display:flex;align-items:center;justify-content:center;position:relative}.OAuthStatusModal-module__pad___oooMz{padding:.5em}.OAuthStatusModal-module__spinner___Q3dYq{width:5em;height:5em;margin:-.5em;color:var(--cdp-web-colors-line-primary)}.OAuthStatusModal-module__icon___Lj5Gf{color:var(--cdp-web-colors-page-text-default);position:absolute;display:flex;align-items:center;justify-content:center;width:2em;height:2em;top:50%;left:50%;transform:translate(-50%,-50%)}.OAuthStatusModal-module__icon___Lj5Gf svg{width:100%;height:auto}.OAuthStatusModal-module__icon-success___gqMWr svg{color:var(--cdp-web-colors-fg-positive)}.OAuthStatusModal-module__icon-error___psI7m svg{color:var(--cdp-web-colors-fg-negative)}.OAuthStatusModal-module__subhead___Pg9GI{font-size:1.25em;line-height:1.2;font-weight:600;margin:1em 0 .25em}.OAuthStatusModal-module__description___0qOZY{font-size:1.125em;font-variant-numeric:tabular-nums;color:var(--cdp-web-colors-page-text-muted);line-height:1.5;font-weight:400;margin:0 0 1em}.OAuthStatusModal-module__description___0qOZY:last-child{margin-bottom:0}.OAuthStatusModal-module__ring___mKwSb{border-radius:9999em;border:3px solid transparent;display:block;width:4em;height:4em}.OAuthStatusModal-module__ring-success___unyM9{border-color:var(--cdp-web-colors-line-positive)}.OAuthStatusModal-module__ring-error___OsgqU{border-color:var(--cdp-web-colors-line-negative)}.OAuthStatusModal-module__invisible___IeRd0{visibility:hidden}
+.OAuthStatusModal-module__oauth-status-modal___I69Ii{box-sizing:border-box;font:var(--cdp-web-font-size-base) / 1.5 var(--cdp-web-font-family-body);font-size:var(--cdp-web-font-size-base);font-optical-sizing:auto;background-color:var(--cdp-web-colors-page-bg-default);color:var(--cdp-web-colors-page-text-default);display:flex;flex-direction:column;align-items:center;justify-content:stretch;max-width:38.25em;padding:1em 2em;overflow:hidden;width:100%;height:100dvh;max-height:27.75em}.OAuthStatusModal-module__transition-wrapper___TmPRh,.OAuthStatusModal-module__status___vU6x7{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;text-align:center}.OAuthStatusModal-module__status___vU6x7{width:100%;height:100%}

package/dist/assets/SignIn.css

@@ -1 +1 @@
-.SignIn-module__sign-in___cYpee{box-sizing:border-box;font:var(--cdp-web-font-size-base) / 1.5 var(--cdp-web-font-family-body);font-optical-sizing:auto;background-color:var(--cdp-web-colors-page-bg-default);color:var(--cdp-web-colors-page-text-default);display:flex;flex-direction:column;max-width:38.25em;padding:.75em 2em 1em;overflow:hidden;width:100%}.SignIn-module__title-desc-wrapper___VpPcA{display:flex;flex-direction:column;gap:1.5em;margin:1.5em 0}.SignIn-module__sign-in___cYpee *{box-sizing:border-box}.SignIn-module__back-button___bmE-y{align-self:flex-start}.SignIn-module__back-button-wrapper___Q9FA1{min-height:3em}.SignIn-module__footer___3Gkbc{margin-top:1.5em}
+.SignIn-module__sign-in___cYpee{box-sizing:border-box;font:var(--cdp-web-font-size-base) / 1.5 var(--cdp-web-font-family-body);font-optical-sizing:auto;background-color:var(--cdp-web-colors-page-bg-default);color:var(--cdp-web-colors-page-text-default);display:flex;flex-direction:column;max-width:38.25em;padding:.75em 2em 1em;overflow:hidden;width:100%}.SignIn-module__title-desc-wrapper___VpPcA{display:flex;flex-direction:column;gap:.25em;margin:1.5em 0}.SignIn-module__sign-in___cYpee *{box-sizing:border-box}.SignIn-module__back-button___bmE-y{align-self:flex-start}.SignIn-module__back-button-wrapper___Q9FA1{min-height:3em}.SignIn-module__footer___3Gkbc{margin-top:1.5em}

package/dist/assets/SignInImage.css

@@ -1 +1 @@
-.SignInImage-module__logo___rlzt-{display:block;margin:0 auto;width:auto;height:64px;object-fit:cover}
+.SignInImage-module__logo___rlzt-{display:block;margin:0 auto;width:auto;height:48px;object-fit:cover}.SignInImage-module__badge___PjB19{display:block;margin:0 auto;width:48px;height:48px}

package/dist/assets/StatusView.css

@@ -0,0 +1 @@
+.StatusView-module__status-view___DXdAF{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center}.StatusView-module__graphic___wq1hU{display:flex;align-items:center;justify-content:center;position:relative}.StatusView-module__spinner___icv07{width:5em;height:5em;margin:-.5em;color:var(--cdp-web-colors-line-primary)}.StatusView-module__icon___4B8WP{color:var(--cdp-web-colors-page-text-default);position:absolute;display:flex;align-items:center;justify-content:center;width:2em;height:2em;top:50%;left:50%;transform:translate(-50%,-50%)}.StatusView-module__icon___4B8WP svg{width:100%;height:auto}.StatusView-module__icon-success___rj7r1 svg{color:var(--cdp-web-colors-fg-positive)}.StatusView-module__icon-error___sjTY6 svg{color:var(--cdp-web-colors-fg-negative)}.StatusView-module__subhead___xhgCR{font-size:1.25em;line-height:1.2;font-weight:600;margin:1em 0 .25em}.StatusView-module__description___gH-Dw{font-size:1.125em;font-variant-numeric:tabular-nums;color:var(--cdp-web-colors-page-text-muted);line-height:1.5;font-weight:400;margin:0 0 1em}.StatusView-module__description___gH-Dw:last-child{margin-bottom:0}.StatusView-module__ring___fK6w9{border-radius:9999em;border:3px solid transparent;display:block;width:4em;height:4em}.StatusView-module__ring-success___UCrQB{border-color:var(--cdp-web-colors-line-positive)}.StatusView-module__ring-error___yVzvS{border-color:var(--cdp-web-colors-line-negative)}.StatusView-module__invisible___BQHRn{visibility:hidden}

package/dist/assets/SwitchTransition.css

@@ -1 +1 @@
-.SwitchTransition-module__transition-wrapper___jrI35[data-animate-height=true]{--cdp-web-transition-height: min-cotent;height:var(--cdp-web-transition-height);transition:height var(--cdp-web-transition-timeout, .2s) ease-in-out}
+.SwitchTransition-module__transition-wrapper___jrI35[data-animate-height=true]{--cdp-web-transition-height: min-content;height:var(--cdp-web-transition-height);transition:height var(--cdp-web-transition-timeout, .2s) ease-in-out}.SwitchTransition-module__transition-wrapper___jrI35[data-transition=fade]{position:relative}.SwitchTransition-module__transition-wrapper___jrI35 [data-transition=fade][data-status]{transition:opacity var(--cdp-web-transition-timeout, .2s);width:100%}.SwitchTransition-module__transition-wrapper___jrI35 [data-transition=fade][data-status=preEnter]{opacity:0}.SwitchTransition-module__transition-wrapper___jrI35 [data-transition=fade][data-status=exiting],.SwitchTransition-module__transition-wrapper___jrI35 [data-transition=fade][data-status=exited]{opacity:0;position:absolute;top:0;left:0}.SwitchTransition-module__transition-wrapper___jrI35 [data-transition=slide-left][data-status],.SwitchTransition-module__transition-wrapper___jrI35 [data-transition=slide-right][data-status]{width:100%;transition:opacity var(--cdp-web-transition-timeout, .2s),transform var(--cdp-web-transition-timeout, .2s)}.SwitchTransition-module__transition-wrapper___jrI35[data-transition=slide-left],.SwitchTransition-module__transition-wrapper___jrI35[data-transition=slide-right],.SwitchTransition-module__transition-wrapper___jrI35[data-transition=slide-left][data-animate-height=true]>div,.SwitchTransition-module__transition-wrapper___jrI35[data-transition=slide-right][data-animate-height=true]>div{display:flex;position:relative;width:100%}.SwitchTransition-module__transition-wrapper___jrI35[data-transition=slide-left][data-animate-height=true]>div,.SwitchTransition-module__transition-wrapper___jrI35[data-transition=slide-right][data-animate-height=true]>div{align-items:flex-start}.SwitchTransition-module__transition-wrapper___jrI35 [data-transition=slide-left][data-status=preEnter]{opacity:0;transform:translate3d(200%,0,0)}.SwitchTransition-module__transition-wrapper___jrI35 [data-transition=slide-left][data-status=exiting],.SwitchTransition-module__transition-wrapper___jrI35 [data-transition=slide-left][data-status=exited]{position:absolute;opacity:0;transform:translate3d(-200%,0,0)}.SwitchTransition-module__transition-wrapper___jrI35 [data-transition=slide-right][data-status=preEnter]{opacity:0;transform:translate3d(-200%,0,0)}.SwitchTransition-module__transition-wrapper___jrI35 [data-transition=slide-right][data-status=exiting],.SwitchTransition-module__transition-wrapper___jrI35 [data-transition=slide-right][data-status=exited]{position:absolute;opacity:0;transform:translate3d(200%,0,0)}

package/dist/chunks/{CDPReactProvider.CFWIUvzR.js → CDPReactProvider.BWInVuNJ.js}

@@ -1,41 +1,43 @@
-import { jsx as t, jsxs as h, Fragment as x } from "react/jsx-runtime";
+import { jsx as t, jsxs as h, Fragment as E } from "react/jsx-runtime";
 import { OAuth2ProviderType as ee, CDPContext as te, CDPHooksProvider as oe } from "@coinbase/cdp-hooks";
-import { useRef as g, useEffect as O, useCallback as d, useLayoutEffect as re, createContext as D, useState as B, useMemo as T, useContext as S, useId as $, lazy as ne } from "react";
-import { registerMfaListener as se, cancelMfaVerification as ie } from "@coinbase/cdp-core";
-import { A as ae, u as j } from "./useSendComponentCallOnce.BI4daEvm.js";
-import { ThemeProvider as ce } from "../components/ThemeProvider/index.js";
+import { useRef as g, useEffect as O, useCallback as d, useLayoutEffect as re, createContext as D, useState as B, useMemo as T, useContext as P, useId as $, lazy as ne } from "react";
+import { Button as j } from "../components/ui/Button/index.js";
+import { siweConnectors as se } from "../components/SiweStatusView/connectors/siweConnectors.js";
+import "libphonenumber-js";
+import { registerMfaListener as ie, cancelMfaVerification as ae } from "@coinbase/cdp-core";
+import { A as ce, u as J } from "./useSendComponentCallOnce.BI4daEvm.js";
 import { c as le } from "./lite.1fxw3LjI.js";
-import { Button as J } from "../components/ui/Button/index.js";
 import { Modal as fe, ModalContent as de, ModalClose as ue, ModalTitle as me, ModalTrigger as pe } from "../components/ui/Modal/index.js";
 import { VisuallyHidden as he } from "../components/ui/VisuallyHidden/index.js";
 import { VerifyMfaDescription as q } from "../components/VerifyMfa/VerifyMfaDescription.js";
 import { VerifyMfaFlow as z } from "../components/VerifyMfa/VerifyMfaFlow.js";
 import { VerifyMfaFlowBackButton as G } from "../components/VerifyMfa/VerifyMfaFlowBackButton.js";
 import { VerifyMfaFlowProvider as Me } from "../components/VerifyMfa/VerifyMfaFlowProvider.js";
-import { VerifyMfaFooter as X } from "../components/VerifyMfa/VerifyMfaFooter.js";
-import { VerifyMfaImage as Y } from "../components/VerifyMfa/VerifyMfaImage.js";
+import { VerifyMfaFooter as W } from "../components/VerifyMfa/VerifyMfaFooter.js";
+import { VerifyMfaImage as X } from "../components/VerifyMfa/VerifyMfaImage.js";
 import "../components/VerifyMfa/VerifyMfaItem.js";
 import "../components/VerifyMfa/VerifyMfaItems.js";
 import { VerifyMfaProvider as ye, useVerifyMfaContext as _e } from "../components/VerifyMfa/VerifyMfaProvider.js";
-import { VerifyMfaTitle as K } from "../components/VerifyMfa/VerifyMfaTitle.js";
+import { VerifyMfaTitle as Y } from "../components/VerifyMfa/VerifyMfaTitle.js";
 import { IconXMark as ve } from "../icons/IconXMark.js";
 import { childrenHasComponent as I } from "../utils/childrenHasComponent.js";
-import '../assets/CDPReactProvider.css';function ge(e) {
+import { ThemeProvider as ge } from "../components/ThemeProvider/index.js";
+import '../assets/CDPReactProvider.css';function Ce(e) {
   const r = g(!1);
   O(() => {
-    r.current || (ae.sendHookCallEvent({ name: e }), r.current = !0);
+    r.current || (ce.sendHookCallEvent({ name: e }), r.current = !0);
   }, [e]);
 }
-const Ce = "VerifyMfa-module__footer___3bANn", E = {
+const Ve = "VerifyMfa-module__footer___3bANn", b = {
   "mfa-verification": "VerifyMfa-module__mfa-verification___txLpd",
   "mfa-verification-content": "VerifyMfa-module__mfa-verification-content___-ksMh",
-  footer: Ce
-}, Ve = ({
+  footer: Ve
+}, we = ({
   className: e = "",
   children: r,
   ...s
 }) => {
-  const { state: o, dispatch: n } = _e(), { showCoinbaseFooter: l } = L(), a = g(o.step), c = g(null), u = d((i) => {
+  const { state: o, dispatch: n } = _e(), { showCoinbaseFooter: l } = k(), a = g(o.step), c = g(null), u = d((i) => {
     a.current !== i && (a.current = i, c.current?.transition.toggle(i));
   }, []), M = d(() => {
     o.step === "list" ? n({
@@ -62,35 +64,35 @@ const Ce = "VerifyMfa-module__footer___3bANn", E = {
       onSelectMethod: m,
       onShowMethodList: y,
       transitionRef: c,
-      children: /* @__PURE__ */ h("div", { className: `${E["mfa-verification"]} ${e}`, ...s, children: [
+      children: /* @__PURE__ */ h("div", { className: `${b["mfa-verification"]} ${e}`, ...s, children: [
         _,
-        !_ && /* @__PURE__ */ h(x, { children: [
+        !_ && /* @__PURE__ */ h(E, { children: [
           /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(G, {}) }),
-          /* @__PURE__ */ h("div", { className: E["mfa-verification-content"], children: [
-            /* @__PURE__ */ t(z, { children: ({ step: i, method: f, Content: C }) => /* @__PURE__ */ h("div", { className: E["mfa-verification-content"], children: [
-              /* @__PURE__ */ t(Y, { step: i, method: f }),
+          /* @__PURE__ */ h("div", { className: b["mfa-verification-content"], children: [
+            /* @__PURE__ */ t(z, { children: ({ step: i, method: f, Content: C }) => /* @__PURE__ */ h("div", { className: b["mfa-verification-content"], children: [
+              /* @__PURE__ */ t(X, { step: i, method: f }),
               /* @__PURE__ */ h("div", { children: [
-                /* @__PURE__ */ t(K, { step: i, method: f }),
+                /* @__PURE__ */ t(Y, { step: i, method: f }),
                 /* @__PURE__ */ t(q, { step: i, method: f })
               ] }),
               C
             ] }) }),
-            l && /* @__PURE__ */ t(X, { className: E.footer })
+            l && /* @__PURE__ */ t(W, { className: b.footer })
           ] })
         ] })
       ] })
     }
   );
-}, we = ({ onSuccess: e, onError: r, ...s }) => (j("verify_mfa"), /* @__PURE__ */ t(ye, { onError: r, onSuccess: e, children: /* @__PURE__ */ t(Ve, { ...s }) })), Pe = "VerifyMfaModal-module__verify___GZ6dw", Se = "VerifyMfaModal-module__content___BSj0G", Ae = "VerifyMfaModal-module__header___2plY9", xe = "VerifyMfaModal-module__trigger___YXiwC", Ee = "VerifyMfaModal-module__flow___HE2Lf", P = {
+}, Se = ({ onSuccess: e, onError: r, ...s }) => (J("verify_mfa"), /* @__PURE__ */ t(ye, { onError: r, onSuccess: e, children: /* @__PURE__ */ t(we, { ...s }) })), Pe = "VerifyMfaModal-module__verify___GZ6dw", Ae = "VerifyMfaModal-module__content___BSj0G", Ee = "VerifyMfaModal-module__header___2plY9", be = "VerifyMfaModal-module__trigger___YXiwC", xe = "VerifyMfaModal-module__flow___HE2Lf", S = {
   verify: Pe,
-  content: Se,
-  header: Ae,
+  content: Ae,
+  header: Ee,
   "close-icon": "VerifyMfaModal-module__close-icon___pyobJ",
   "close-button": "VerifyMfaModal-module__close-button___h9yrq",
-  trigger: xe,
-  flow: Ee
-}, W = D(null), be = () => {
-  const e = S(W);
+  trigger: be,
+  flow: xe
+}, K = D(null), Oe = () => {
+  const e = P(K);
   if (!e)
     throw new Error("useVerifyMfaModalContext must be used within a VerifyMfaModal");
   return e;
@@ -99,37 +101,37 @@ const Ce = "VerifyMfa-module__footer___3bANn", E = {
   className: r = "",
   label: s,
   ...o
-}) => /* @__PURE__ */ t(pe, { asChild: !0, children: e || /* @__PURE__ */ t(J, { className: le(P.trigger, r), ...o, children: s || "Verify" }) }), b = ({ children: e, ...r }) => {
-  const { onSuccess: s, onError: o } = be(), { showCoinbaseFooter: n } = L();
-  return /* @__PURE__ */ t(de, { "aria-describedby": void 0, ...r, children: /* @__PURE__ */ t(we, { className: P.verify, onSuccess: s, onError: o, children: (l) => /* @__PURE__ */ h(x, { children: [
+}) => /* @__PURE__ */ t(pe, { asChild: !0, children: e || /* @__PURE__ */ t(j, { className: le(S.trigger, r), ...o, children: s || "Verify" }) }), x = ({ children: e, ...r }) => {
+  const { onSuccess: s, onError: o } = Oe(), { showCoinbaseFooter: n } = k();
+  return /* @__PURE__ */ t(de, { "aria-describedby": void 0, ...r, children: /* @__PURE__ */ t(Se, { className: S.verify, onSuccess: s, onError: o, children: (l) => /* @__PURE__ */ h(E, { children: [
     e ? typeof e == "function" ? e(l) : e : null,
-    !e && /* @__PURE__ */ h(x, { children: [
-      /* @__PURE__ */ h("div", { className: P.header, children: [
+    !e && /* @__PURE__ */ h(E, { children: [
+      /* @__PURE__ */ h("div", { className: S.header, children: [
         /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(G, {}) }),
         /* @__PURE__ */ t(ue, { asChild: !0, children: /* @__PURE__ */ t(
-          J,
+          j,
           {
-            className: P["close-button"],
+            className: S["close-button"],
             "aria-label": "Close",
             size: "md",
             variant: "transparentSecondary",
-            children: /* @__PURE__ */ t(ve, { className: P["close-icon"] })
+            children: /* @__PURE__ */ t(ve, { className: S["close-icon"] })
           }
         ) })
       ] }),
       /* @__PURE__ */ t(he, { children: /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t("span", { children: "Verify your identity" }) }) }),
-      /* @__PURE__ */ t("div", { className: P.flow, children: /* @__PURE__ */ t(z, { children: ({ Content: a }) => /* @__PURE__ */ h("div", { className: P.content, children: [
-        /* @__PURE__ */ t(Y, {}),
+      /* @__PURE__ */ t("div", { className: S.flow, children: /* @__PURE__ */ t(z, { children: ({ Content: a }) => /* @__PURE__ */ h("div", { className: S.content, children: [
+        /* @__PURE__ */ t(X, {}),
         /* @__PURE__ */ h("div", { children: [
-          /* @__PURE__ */ t(K, {}),
+          /* @__PURE__ */ t(Y, {}),
           /* @__PURE__ */ t(q, {})
         ] }),
         a
       ] }) }) }),
-      n && /* @__PURE__ */ t(X, {})
+      n && /* @__PURE__ */ t(W, {})
     ] })
   ] }) }) });
-}, Oe = ({
+}, Te = ({
   children: e,
   open: r,
   setIsOpen: s,
@@ -137,7 +139,7 @@ const Ce = "VerifyMfa-module__footer___3bANn", E = {
   onError: n,
   onSuccess: l
 }) => {
-  j("verify_mfa_modal");
+  J("verify_mfa_modal");
   const a = r !== void 0 && s !== void 0, [c, u] = B(!1), M = a ? r : c, m = g(!1), y = d(
     (v) => {
       m.current = !0, l?.(v);
@@ -148,19 +150,19 @@ const Ce = "VerifyMfa-module__footer___3bANn", E = {
       a ? s?.(v) : u(v), v || (m.current || o?.(), m.current = !1);
     },
     [a, s, u, o]
-  ), i = e ? I(e, U) : !1, f = e ? I(e, b) : !1, C = !i && !f, A = T(
+  ), i = e ? I(e, U) : !1, f = e ? I(e, x) : !1, C = !i && !f, A = T(
     () => ({ onCancel: o, onError: n, onSuccess: y }),
     [o, n, y]
   );
-  return /* @__PURE__ */ t(W.Provider, { value: A, children: /* @__PURE__ */ t(fe, { open: M, onOpenChange: _, children: C ? /* @__PURE__ */ h(x, { children: [
+  return /* @__PURE__ */ t(K.Provider, { value: A, children: /* @__PURE__ */ t(fe, { open: M, onOpenChange: _, children: C ? /* @__PURE__ */ h(E, { children: [
     /* @__PURE__ */ t(U, { children: e }),
-    /* @__PURE__ */ t(b, {})
-  ] }) : /* @__PURE__ */ h(x, { children: [
+    /* @__PURE__ */ t(x, {})
+  ] }) : /* @__PURE__ */ h(E, { children: [
     e,
-    !f && /* @__PURE__ */ t(b, {})
+    !f && /* @__PURE__ */ t(x, {})
   ] }) }) });
-}, Te = (e) => e?.closest("[data-cdp-provider]")?.getAttribute?.("data-cdp-provider") ?? null, F = D(void 0), Ne = "__core_mfa_handler__", De = ({ children: e }) => {
-  const { mfa: r } = L(), s = ke(), { disableAutoPrompt: o } = r, [n, l] = B(null), a = g(/* @__PURE__ */ new Map()), c = g(!1), u = d((p, V) => {
+}, Ne = (e) => e?.closest("[data-cdp-provider]")?.getAttribute?.("data-cdp-provider") ?? null, H = D(void 0), De = "__core_mfa_handler__", He = ({ children: e }) => {
+  const { mfa: r } = k(), s = Ue(), { disableAutoPrompt: o } = r, [n, l] = B(null), a = g(/* @__PURE__ */ new Map()), c = g(!1), u = d((p, V) => {
     a.current.set(p, V);
   }, []), M = d((p) => {
     a.current.delete(p);
@@ -173,9 +175,9 @@ const Ce = "VerifyMfa-module__footer___3bANn", E = {
       p.focus();
     });
   }, []);
-  O(() => o ? void 0 : se(() => {
-    const V = document.activeElement, k = Te(V);
-    k !== null && k !== s || (c.current = !0, _(Ne));
+  O(() => o ? void 0 : ie(() => {
+    const V = document.activeElement, R = Ne(V);
+    R !== null && R !== s || (c.current = !0, _(De));
   }), [o, _, s]);
   const f = n ? a.current.get(n)?.current : void 0, C = n !== null, A = d(
     (p) => {
@@ -189,13 +191,13 @@ const Ce = "VerifyMfa-module__footer___3bANn", E = {
       V !== null && (V === 0 ? i() : setTimeout(() => i(), V));
     },
     [f, i]
-  ), R = d(
+  ), L = d(
     (p) => {
       f?.onError?.(p);
     },
     [f]
   ), N = d(() => {
-    c.current && (ie(), c.current = !1), f?.onCancel?.();
+    c.current && (ae(), c.current = !1), f?.onCancel?.();
   }, [f]), Q = T(
     () => ({
       register: u,
@@ -205,27 +207,27 @@ const Ce = "VerifyMfa-module__footer___3bANn", E = {
     }),
     [u, M, _, i]
   );
-  return /* @__PURE__ */ h(F.Provider, { value: Q, children: [
+  return /* @__PURE__ */ h(H.Provider, { value: Q, children: [
     e,
     /* @__PURE__ */ t(
-      Oe,
+      Te,
       {
         open: C,
         setIsOpen: A,
         onSuccess: v,
-        onError: R,
+        onError: L,
         onCancel: N,
-        children: /* @__PURE__ */ t(b, {})
+        children: /* @__PURE__ */ t(x, {})
       }
     )
   ] });
-}, at = (e = {}) => {
-  const r = S(F);
+}, dt = (e = {}) => {
+  const r = P(H);
   if (!r)
     throw new Error(
       "useVerifyMfaModal must be used within a MfaVerificationProvider or CDPReactProvider"
     );
-  ge("use_verify_mfa_modal");
+  Ce("use_verify_mfa_modal");
   const s = $(), o = g(e);
   O(() => {
     o.current = e;
@@ -236,7 +238,7 @@ const Ce = "VerifyMfa-module__footer___3bANn", E = {
     c();
   }, [c]);
   return { open: u, close: M };
-}, ct = () => S(F) ?? {
+}, ut = () => P(H) ?? {
   register: () => {
   },
   unregister: () => {
@@ -250,12 +252,12 @@ const Ce = "VerifyMfa-module__footer___3bANn", E = {
   } catch {
   }
   return "";
-}, He = Object.keys(ee).map((e) => `oauth:${e}`), Le = [
+}, ke = Object.keys(ee).map((e) => `oauth:${e}`), Le = Object.keys(se).map((e) => `siwe:${e}`), Re = [
   /** Email OTP method */
   "email",
   /** SMS OTP method */
   "sms"
-], lt = [...Le, ...He], ft = ({
+], mt = [...Re, ...ke, ...Le], pt = ({
   children: e,
   className: r = "",
   config: s,
@@ -263,12 +265,12 @@ const Ce = "VerifyMfa-module__footer___3bANn", E = {
   style: n,
   theme: l
 }) => {
-  const a = $(), c = o ?? a, { appName: u, appLogoUrl: M, showCoinbaseFooter: m, authMethods: y, ..._ } = s, i = Z(_), f = T(() => _, [i]), C = { appName: u, appLogoUrl: M, showCoinbaseFooter: m, authMethods: y }, A = y?.some((N) => N.startsWith("oauth:")), v = /* @__PURE__ */ t(Re, { name: c, config: C, children: /* @__PURE__ */ t(ce, { className: r, style: n, theme: l, "data-cdp-provider": c, children: /* @__PURE__ */ h(De, { children: [
+  const a = $(), c = o ?? a, { appName: u, appLogoUrl: M, showCoinbaseFooter: m, authMethods: y, ..._ } = s, i = Z(_), f = T(() => _, [i]), C = { appName: u, appLogoUrl: M, showCoinbaseFooter: m, authMethods: y }, A = y?.some((N) => N.startsWith("oauth:")), v = /* @__PURE__ */ t(Ie, { name: c, config: C, children: /* @__PURE__ */ t(ge, { className: r, style: n, theme: l, "data-cdp-provider": c, children: /* @__PURE__ */ h(He, { children: [
     e,
     A && /* @__PURE__ */ t(Fe, {})
   ] }) }) });
-  return S(te) ? v : /* @__PURE__ */ t(oe, { config: f, children: v });
-}, H = D(
+  return P(te) ? v : /* @__PURE__ */ t(oe, { config: f, children: v });
+}, F = D(
   void 0
 ), w = {
   appName: "",
@@ -278,7 +280,7 @@ const Ce = "VerifyMfa-module__footer___3bANn", E = {
   mfa: {
     disableAutoPrompt: !1
   }
-}, Re = ({
+}, Ie = ({
   children: e,
   config: r,
   name: s
@@ -308,30 +310,31 @@ const Ce = "VerifyMfa-module__footer___3bANn", E = {
       name: s
     };
   }, [o, n, l, u, s, c]);
-  return /* @__PURE__ */ t(H.Provider, { value: M, children: e });
-}, L = () => {
-  const e = S(H);
+  return /* @__PURE__ */ t(F.Provider, { value: M, children: e });
+}, k = () => {
+  const e = P(F);
   if (!e)
     throw new Error("useAppConfig must be used within an AppConfigProvider");
   return e.app;
-}, ke = () => {
-  const e = S(H);
+}, Ue = () => {
+  const e = P(F);
   if (!e)
     throw new Error("useProviderName must be used within an AppConfigProvider");
   return e.name ?? "";
 };
 export {
-  lt as A,
-  ft as C,
-  He as O,
-  we as V,
-  ke as a,
-  Le as b,
-  Oe as c,
-  b as d,
+  mt as A,
+  pt as C,
+  ke as O,
+  Le as S,
+  Se as V,
+  Ue as a,
+  Re as b,
+  Te as c,
+  x as d,
   U as e,
-  at as f,
-  De as g,
-  ct as h,
-  L as u
+  dt as f,
+  He as g,
+  ut as h,
+  k as u
 };

package/dist/chunks/LinkAuthFlow.0FnIchwa.js

@@ -0,0 +1,144 @@
+import { jsx as e, jsxs as d, Fragment as g } from "react/jsx-runtime";
+import { createContext as E, useContext as N, useMemo as R, forwardRef as T, useRef as F, useImperativeHandle as b, useEffect as I, useState as _, useCallback as P } from "react";
+import { u as L } from "./CDPReactProvider.BWInVuNJ.js";
+import { SignIn as w } from "../components/SignIn/index.js";
+import "@coinbase/cdp-hooks";
+import { SwitchTransition as y } from "../components/ui/SwitchTransition/index.js";
+import { VisuallyHidden as S } from "../components/ui/VisuallyHidden/index.js";
+import { LinkAuthItems as O } from "../components/LinkAuth/LinkAuthItems.js";
+import { useLinkAuthContext as H } from "../components/LinkAuth/LinkAuthProvider.js";
+import { LINK_AUTH_FLOW_VIEWS as V } from "../components/LinkAuth/types.js";
+import { SiweStatusView as M } from "../components/SiweStatusView/index.js";
+import { CoinbaseFooter as A } from "../components/ui/CoinbaseFooter/index.js";
+import { useSignInContext as j } from "../components/SignIn/SignInProvider.js";
+import { SignInImage as G } from "../components/SignIn/SignInImage.js";
+import { SignInForm as q } from "../components/SignIn/SignInForm.js";
+import { SignInTitle as k } from "../components/SignIn/SignInTitle.js";
+import { SignInDescription as v } from "../components/SignIn/SignInDescription.js";
+import { toSiweProvider as U } from "../components/SiweStatusView/toSiweProvider.js";
+import { useSiweFlow as W } from "../components/SiweStatusView/useSiweFlow.js";
+import '../assets/LinkAuthFlow.css';const Z = "LinkAuthFlow-module__list___dkNmh", c = {
+  "sign-in": "LinkAuthFlow-module__sign-in___F2bj7",
+  "sign-in-title-desc-wrapper": "LinkAuthFlow-module__sign-in-title-desc-wrapper___6QeTc",
+  "sign-in-image": "LinkAuthFlow-module__sign-in-image___XGuJI",
+  "sign-in-form": "LinkAuthFlow-module__sign-in-form___REZlP",
+  "sign-in-footer": "LinkAuthFlow-module__sign-in-footer___KYZNd",
+  list: Z
+}, C = E(null), f = () => {
+  const i = N(C);
+  if (!i)
+    throw new Error("useLinkAuthFlowInternal must be used within a LinkAuthFlowContext.Provider");
+  return i;
+}, me = () => {
+  const {
+    signInRef: i,
+    transitionRef: l,
+    ...o
+  } = f();
+  return o;
+}, de = ({
+  transitionName: i = "slide-left",
+  children: l,
+  onBack: o,
+  onLink: t,
+  onLinkSuccess: u,
+  signInRef: a,
+  transitionRef: n
+}) => {
+  const s = R(() => ({
+    direction: i === "slide-right" ? "right" : "left",
+    transitionName: i,
+    back: o,
+    link: t,
+    linkSuccess: u,
+    signInRef: a,
+    transitionRef: n
+  }), [o, t, u, n, a, i]);
+  return /* @__PURE__ */ e(C.Provider, { value: s, children: l });
+}, h = T((i, l) => {
+  const { showCoinbaseFooter: o } = L(), { state: t, dispatch: u } = j(), { linkSuccess: a } = f(), n = F(null);
+  return b(
+    l,
+    () => ({
+      canGoBack: t.step === "verification",
+      goBack: () => {
+        u({ type: "GO_TO_PREVIOUS_STEP" });
+      }
+    }),
+    [t.step, u]
+  ), I(() => {
+    let s;
+    return t.step === "credentials" && (s = setTimeout(() => {
+      n.current?.querySelector("input[type='email'], input[type='tel']")?.focus();
+    }, 300)), t.step === "verification" && (s = setTimeout(() => {
+      n.current?.querySelector("input[type='text']")?.focus();
+    }, 300)), () => clearTimeout(s);
+  }, [t.step]), /* @__PURE__ */ d(g, { children: [
+    /* @__PURE__ */ e("div", { className: c["sign-in-image"], children: /* @__PURE__ */ e(G, {}) }),
+    /* @__PURE__ */ e(q, { autoFocus: !1, onSuccess: a, children: ({ authMethod: s, step: r, Form: m }) => /* @__PURE__ */ d(g, { children: [
+      /* @__PURE__ */ d("div", { className: c["sign-in-title-desc-wrapper"], children: [
+        r === "verification" ? /* @__PURE__ */ e(S, { as: "div", children: /* @__PURE__ */ e(k, {}) }) : /* @__PURE__ */ e(k, {}),
+        r === "credentials" ? /* @__PURE__ */ e(S, { as: "div", children: /* @__PURE__ */ e(v, { authMethod: s }) }) : /* @__PURE__ */ e(v, { authMethod: s })
+      ] }),
+      /* @__PURE__ */ e("div", { ref: n, className: c["sign-in-form"], children: m })
+    ] }) }),
+    o && /* @__PURE__ */ e(A, { className: c["sign-in-footer"] })
+  ] });
+});
+h.displayName = "SignInContent";
+const B = () => {
+  const { showCoinbaseFooter: i } = L(), { state: l } = H(), { linkSuccess: o } = f(), t = U(l.methodToLink ?? void 0), { start: u } = W(t ?? "base"), [a, n] = _("pending"), [s, r] = _(), m = F(!1), p = P(
+    () => u({
+      onStart: () => n("pending"),
+      onSuccess: () => {
+        n("success"), o();
+      },
+      onError: (x) => {
+        r(x), n("error");
+      }
+    }),
+    [u, o]
+  );
+  return I(() => {
+    m.current || !t || (m.current = !0, p());
+  }, [p, t]), t ? /* @__PURE__ */ d("div", { children: [
+    /* @__PURE__ */ e("div", { className: c["sign-in"], children: /* @__PURE__ */ e(
+      M,
+      {
+        provider: t,
+        status: a,
+        onRetry: p,
+        errorMessage: s,
+        animateHeight: !1
+      }
+    ) }),
+    i && /* @__PURE__ */ e(A, { className: c["sign-in-footer"] })
+  ] }) : null;
+}, fe = ({ children: i }) => {
+  const { transitionName: l, link: o, linkSuccess: t, signInRef: u, transitionRef: a } = f();
+  return /* @__PURE__ */ e(
+    y,
+    {
+      autoFocus: !1,
+      animateHeight: !0,
+      items: V,
+      initialEntered: !0,
+      timeout: 250,
+      transitionName: l,
+      preEnter: !0,
+      mountOnEnter: !0,
+      unmountOnExit: !0,
+      transitionRef: a,
+      children: ({ itemKey: n, ...s }) => {
+        let r = null;
+        return n === "list" && (r = /* @__PURE__ */ e(O, { className: c.list, onLink: o })), n === "email" && (r = /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(w, { className: c["sign-in"], authMethods: ["email"], onSuccess: t, children: /* @__PURE__ */ e(h, { ref: u }) }) })), n === "sms" && (r = /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(w, { className: c["sign-in"], authMethods: ["sms"], onSuccess: t, children: /* @__PURE__ */ e(h, { ref: u }) }) })), n === "siwe" && (r = /* @__PURE__ */ e(B, {})), /* @__PURE__ */ e("div", { ...s, children: i ? i({ view: n, Content: r }) : r });
+      }
+    }
+  );
+};
+export {
+  de as L,
+  fe as a,
+  f as b,
+  me as u
+};

package/dist/chunks/index.Du1vsLh6.js

@@ -0,0 +1,23 @@
+import { OAuth2ProviderType as t } from "@coinbase/cdp-hooks";
+import "./CDPReactProvider.BWInVuNJ.js";
+import { siweConnectors as e } from "../components/SiweStatusView/connectors/siweConnectors.js";
+import { config as i } from "../components/SignIn/flows/SignInWithEmail.js";
+import { config as s } from "../components/SignIn/flows/SignInWithOAuth.js";
+import { config as m } from "../components/SignIn/flows/SignInWithSiwe.js";
+import { config as n } from "../components/SignIn/flows/SignInWithSms.js";
+import "react";
+const f = Object.keys(t).reduce(
+  (o, r) => (o[`oauth:${r.toLowerCase()}`] = s, o),
+  {}
+), c = Object.keys(e).reduce(
+  (o, r) => (o[`siwe:${r}`] = m, o),
+  {}
+), d = {
+  ...f,
+  ...c,
+  email: i,
+  sms: n
+};
+export {
+  d as a
+};

package/dist/components/CDPReactProvider/index.d.ts

@@ -1,6 +1,11 @@
 import { Config as CDPHooksConfig, OAuth2ProviderType } from '@coinbase/cdp-hooks';
+import { SiweProviderType } from '../SiweStatusView';
 import { ThemeProviderProps } from '../ThemeProvider';
 export declare const OAUTH_METHODS: string[];
+/**
+ * The SIWE auth methods, derived from the registered SIWE connectors (e.g. `"siwe:base"`).
+ */
+export declare const SIWE_METHODS: string[];
 /**
  * The auth methods that can be used to sign in.
  */
@@ -12,7 +17,8 @@ export declare const ALL_AUTH_METHODS: string[];
 /**
  * The auth method type.
  */
-export type AuthMethod = (typeof AUTH_METHODS)[number] | `oauth:${OAuth2ProviderType}`;
+export type AuthMethod = (typeof AUTH_METHODS)[number] | `oauth:${OAuth2ProviderType}` | `siwe:${SiweProviderType}`;
+export { type SiweProviderType };
 /**
  * Optional app config to add branding
  *

package/dist/components/CDPReactProvider/index.js

@@ -1,13 +1,17 @@
 import "react/jsx-runtime";
 import "@coinbase/cdp-hooks";
 import "react";
-import { A as p, b as m, C as t, O as A, u as H, a as T } from "../../chunks/CDPReactProvider.CFWIUvzR.js";
+import "../ui/Button/index.js";
+import "../SiweStatusView/connectors/siweConnectors.js";
+import { A as H, b as T, C as A, O, S, u as D, a as E } from "../../chunks/CDPReactProvider.BWInVuNJ.js";
+import "libphonenumber-js";
 import "../ThemeProvider/index.js";
 export {
-  p as ALL_AUTH_METHODS,
-  m as AUTH_METHODS,
-  t as CDPReactProvider,
-  A as OAUTH_METHODS,
-  H as useAppConfig,
-  T as useProviderName
+  H as ALL_AUTH_METHODS,
+  T as AUTH_METHODS,
+  A as CDPReactProvider,
+  O as OAUTH_METHODS,
+  S as SIWE_METHODS,
+  D as useAppConfig,
+  E as useProviderName
 };

package/dist/components/EnrollMfa/index.js

@@ -4,7 +4,7 @@ import { useCurrentUser as w, useIsInitialized as V, useInitiateMfaEnrollment as
 import { u as J } from "../../chunks/useSendComponentCallOnce.BI4daEvm.js";
 import { useMemo as C, useRef as _, useEffect as v, useCallback as p, useLayoutEffect as K } from "react";
 import { c as G } from "../../chunks/lite.1fxw3LjI.js";
-import { u as X } from "../../chunks/CDPReactProvider.CFWIUvzR.js";
+import { u as X } from "../../chunks/CDPReactProvider.BWInVuNJ.js";
 import { useTimeout as Y } from "../../hooks/useTimeout.js";
 import { isApiError as Z } from "../../utils/isApiError.js";
 import "libphonenumber-js";

package/dist/components/EnrollMfaModal/index.js

@@ -2,7 +2,7 @@ import { jsx as o, jsxs as r, Fragment as s } from "react/jsx-runtime";
 import { u as v } from "../../chunks/useSendComponentCallOnce.BI4daEvm.js";
 import { createContext as b, useMemo as w, useContext as y } from "react";
 import { c as p } from "../../chunks/lite.1fxw3LjI.js";
-import { u as F } from "../../chunks/CDPReactProvider.CFWIUvzR.js";
+import { u as F } from "../../chunks/CDPReactProvider.BWInVuNJ.js";
 import { EnrollMfa as T, EnrollMfaError as B } from "../EnrollMfa/index.js";
 import { Button as h } from "../ui/Button/index.js";
 import { Modal as A, ModalContent as O, ModalTitle as S, ModalDescription as $, ModalClose as E, ModalTrigger as D } from "../ui/Modal/index.js";