@coinbase/cdp-react 0.0.85 → 0.0.87

package/dist/components/LinkAuth/index.js

@@ -1,93 +1,92 @@
-import { jsx as r, jsxs as h, Fragment as w } from "react/jsx-runtime";
-import { useLinkOAuth as C } from "@coinbase/cdp-hooks";
-import { u as I } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
-import { useRef as d, useState as N, useCallback as u } from "react";
-import "../../chunks/CDPReactProvider.CIQm4C4z.js";
-import { useOauthStatusModal as P } from "../OAuthStatusModal/index.js";
-import { Banner as U } from "../ui/Banner/index.js";
-import { getMessageFromUnknownError as D } from "../../utils/getMessageFromUnknownError.js";
+import { jsx as r, jsxs as h, Fragment as C } from "react/jsx-runtime";
+import { useLinkOAuth as I } from "@coinbase/cdp-hooks";
+import { u as N } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import { useRef as d, useState as P, useCallback as a } from "react";
+import "../../chunks/CDPReactProvider.C38bKQ2x.js";
+import { useOauthStatusModal as U } from "../OAuthStatusModal/index.js";
+import { Banner as D } from "../ui/Banner/index.js";
+import { useTimeout as H } from "../../hooks/useTimeout.js";
+import { getMessageFromUnknownError as M } from "../../utils/getMessageFromUnknownError.js";
 import "libphonenumber-js";
-import { toOAuthProviderType as H } from "../../utils/toOAuthProviderType.js";
-import { L as M, a as v } from "../../chunks/LinkAuthFlow.BaUSMzGH.js";
-import { u as mt } from "../../chunks/LinkAuthFlow.BaUSMzGH.js";
-import { LinkAuthFlowBackButton as V } from "./LinkAuthFlowBackButton.js";
-import { LinkAuthItem as dt } from "./LinkAuthItem.js";
-import { LinkAuthItems as ft } from "./LinkAuthItems.js";
-import { useLinkAuthContext as y, LinkAuthProvider as j } from "./LinkAuthProvider.js";
-import { LinkAuthTitle as K } from "./LinkAuthTitle.js";
-import { methodToView as g } from "./utils.js";
-import '../../assets/LinkAuth.css';const W = "LinkAuth-module__header___0UuxP", $ = "LinkAuth-module__error___XUo4W", k = {
+import { toOAuthProviderType as v } from "../../utils/toOAuthProviderType.js";
+import { L as V, a as j } from "../../chunks/LinkAuthFlow.CLubKoY0.js";
+import { u as kt } from "../../chunks/LinkAuthFlow.CLubKoY0.js";
+import { LinkAuthFlowBackButton as K } from "./LinkAuthFlowBackButton.js";
+import { LinkAuthItem as pt } from "./LinkAuthItem.js";
+import { LinkAuthItems as At } from "./LinkAuthItems.js";
+import { useLinkAuthContext as O, LinkAuthProvider as W } from "./LinkAuthProvider.js";
+import { LinkAuthTitle as $ } from "./LinkAuthTitle.js";
+import { methodToView as y } from "./utils.js";
+import '../../assets/LinkAuth.css';const b = "LinkAuth-module__header___0UuxP", G = "LinkAuth-module__error___XUo4W", k = {
   "link-auth": "LinkAuth-module__link-auth___kPJao",
-  header: W,
-  error: $
-}, b = ({ role: o = "alert", ...c }) => {
-  const { state: i } = y(), { error: s } = i;
-  return s ? /* @__PURE__ */ r(U, { variant: "error", role: o, ...c, children: s }) : null;
-}, G = ({ children: o, className: c = "", onLinkSuccess: i, ...s }) => {
-  const { linkOAuth: f } = C(), { persistOAuthState: p } = P(), { state: a, dispatch: n } = y(), { methodToLink: O } = a, L = d(null), l = d(null), x = g(O), A = d(x), [E, m] = N("left"), e = u(
+  header: b,
+  error: G
+}, J = ({ role: o = "alert", ...c }) => {
+  const { state: i } = O(), { error: s } = i;
+  return s ? /* @__PURE__ */ r(D, { variant: "error", role: o, ...c, children: s }) : null;
+}, X = ({ children: o, className: c = "", onLinkSuccess: i, ...s }) => {
+  const { linkOAuth: f } = I(), { persistOAuthState: p } = U(), { state: u, dispatch: n } = O(), { methodToLink: x } = u, L = d(null), l = d(null), { schedule: A } = H(), E = y(x), _ = d(E), [B, m] = P("left"), e = a(
     (t) => {
-      A.current !== t && (A.current = t, L.current?.transition.toggle(t), t === "list" && n({ type: "RESET_STATE" }), (t === "email" || t === "sms") && n({ type: "LINK_AUTH_METHOD", payload: { method: t } }));
+      _.current !== t && (_.current = t, L.current?.transition.toggle(t), t === "list" && n({ type: "RESET_STATE" }), (t === "email" || t === "sms") && n({ type: "LINK_AUTH_METHOD", payload: { method: t } }));
     },
     [n]
-  ), B = u(() => {
+  ), F = a(() => {
     if (m("right"), l.current?.canGoBack) {
       l.current.goBack();
       return;
     }
     e("list");
-  }, [e]), F = u(() => {
-    m("left"), i?.(a.methodToLink), setTimeout(() => {
-      e("list");
-    }, 800);
-  }, [e, a.methodToLink, i]), R = u(
+  }, [e]), R = a(() => {
+    m("left"), i?.(u.methodToLink), A(() => e("list"), 800);
+  }, [e, u.methodToLink, i, A]), S = a(
     async (t) => {
       if (m("left"), t?.startsWith("oauth:")) {
-        const T = H(t);
-        if (T)
+        const g = v(t);
+        if (g)
           try {
-            await f(T), p(!0);
-          } catch (S) {
+            await f(g), p(!0);
+          } catch (w) {
             n({
               type: "LINK_AUTH_METHOD_ERROR",
-              payload: { error: D(S) }
+              payload: { error: M(w) }
             });
           }
       } else
-        e(g(t));
+        e(y(t));
     },
     [f, e, p, n]
-  ), _ = typeof o == "function" ? o(a) : o;
+  ), T = typeof o == "function" ? o(u) : o;
   return /* @__PURE__ */ r("div", { className: `${k["link-auth"]} ${c}`, ...s, children: /* @__PURE__ */ h(
-    M,
+    V,
     {
-      direction: E,
-      onBack: B,
-      onLink: R,
-      onLinkSuccess: F,
+      direction: B,
+      onBack: F,
+      onLink: S,
+      onLinkSuccess: R,
       signInRef: l,
       transitionRef: L,
       children: [
-        _,
-        !_ && /* @__PURE__ */ h(w, { children: [
+        T,
+        !T && /* @__PURE__ */ h(C, { children: [
           /* @__PURE__ */ h("div", { className: k.header, children: [
-            /* @__PURE__ */ r(K, {}),
-            /* @__PURE__ */ r(V, {})
+            /* @__PURE__ */ r($, {}),
+            /* @__PURE__ */ r(K, {})
           ] }),
-          /* @__PURE__ */ r("div", { className: k.error, children: /* @__PURE__ */ r(b, {}) }),
-          /* @__PURE__ */ r(v, {})
+          /* @__PURE__ */ r("div", { className: k.error, children: /* @__PURE__ */ r(J, {}) }),
+          /* @__PURE__ */ r(j, {})
         ] })
       ]
     }
   ) });
-}, ut = (o) => (I("manage_auth"), /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(G, { ...o }) }));
+}, mt = (o) => (N("manage_auth"), /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(X, { ...o }) }));
 export {
-  ut as LinkAuth,
-  b as LinkAuthError,
-  v as LinkAuthFlow,
-  V as LinkAuthFlowBackButton,
-  dt as LinkAuthItem,
-  ft as LinkAuthItems,
-  K as LinkAuthTitle,
-  y as useLinkAuthContext,
-  mt as useLinkAuthFlow
+  mt as LinkAuth,
+  J as LinkAuthError,
+  j as LinkAuthFlow,
+  K as LinkAuthFlowBackButton,
+  pt as LinkAuthItem,
+  At as LinkAuthItems,
+  $ as LinkAuthTitle,
+  O as useLinkAuthContext,
+  kt as useLinkAuthFlow
 };

package/dist/components/LinkAuth/types.js

@@ -1,4 +1,4 @@
-import "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import "../../chunks/CDPReactProvider.C38bKQ2x.js";
 const t = ["list", "email", "sms"];
 export {
   t as LINK_AUTH_FLOW_VIEWS

package/dist/components/LinkAuth/utils.js

@@ -1,4 +1,4 @@
-import "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import "../../chunks/CDPReactProvider.C38bKQ2x.js";
 import { LINK_AUTH_FLOW_VIEWS as i } from "./types.js";
 const t = (r) => i.includes(r), o = (r) => r && t(r) ? r : "list";
 export {

package/dist/components/LinkAuthModal/index.js

@@ -2,7 +2,7 @@ import { jsx as o, jsxs as n, Fragment as d } from "react/jsx-runtime";
 import { u as p } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
 import { createContext as f, useMemo as L, useContext as g } from "react";
 import { c as A } from "../../chunks/lite.1fxw3LjI.js";
-import "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import "../../chunks/CDPReactProvider.C38bKQ2x.js";
 import { LinkAuth as C, LinkAuthError as x } from "../LinkAuth/index.js";
 import { Button as m } from "../ui/Button/index.js";
 import { Modal as b, ModalContent as v, ModalTitle as w, ModalClose as N, ModalTrigger as T } from "../ui/Modal/index.js";
@@ -11,7 +11,7 @@ import { IconXMark as F } from "../../icons/IconXMark.js";
 import { childrenHasComponent as c } from "../../utils/childrenHasComponent.js";
 import { LinkAuthTitle as H } from "../LinkAuth/LinkAuthTitle.js";
 import { LinkAuthFlowBackButton as j } from "../LinkAuth/LinkAuthFlowBackButton.js";
-import { a as B } from "../../chunks/LinkAuthFlow.BaUSMzGH.js";
+import { a as B } from "../../chunks/LinkAuthFlow.CLubKoY0.js";
 import '../../assets/LinkAuthModal.css';const S = "LinkAuthModal-module__header___qoco6", D = "LinkAuthModal-module__error___Srl7H", E = "LinkAuthModal-module__trigger___aHDfG", r = {
   header: S,
   error: D,

package/dist/components/OAuthStatusModal/index.js

@@ -3,7 +3,7 @@ import "@coinbase/cdp-core";
 import { useOAuthState as I } from "@coinbase/cdp-hooks";
 import { u as b } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
 import { useCallback as N, useState as O, useEffect as h, useRef as A } from "react";
-import { a as $ } from "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import { a as $ } from "../../chunks/CDPReactProvider.C38bKQ2x.js";
 import { CoinbaseFooter as k } from "../ui/CoinbaseFooter/index.js";
 import { LoadingSpinner as w } from "../ui/LoadingSpinner/index.js";
 import { Modal as E, ModalContent as L, ModalTitle as y, ModalDescription as R } from "../ui/Modal/index.js";

package/dist/components/SignIn/SignInAuthMethodButtons.js

@@ -1,6 +1,6 @@
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import { useCallback as v, useMemo as y } from "react";
-import "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import "../../chunks/CDPReactProvider.C38bKQ2x.js";
 import { useSignInWithOAuth as S } from "./hooks/useSignInWithOAuth.js";
 import { useSignInContext as _ } from "./SignInProvider.js";
 import { Button as C } from "../ui/Button/index.js";

package/dist/components/SignIn/SignInBackButton.js

@@ -1,14 +1,14 @@
 import { jsx as n } from "react/jsx-runtime";
 import { useMemo as f } from "react";
-import { Button as S } from "../ui/Button/index.js";
-import { IconArrowLeft as d } from "../../icons/IconArrowLeft.js";
+import { Button as _ } from "../ui/Button/index.js";
+import { IconArrowLeft as S } from "../../icons/IconArrowLeft.js";
 import "../../theme/theme.js";
-import { useSignInContext as B } from "./SignInProvider.js";
+import { useSignInContext as d } from "./SignInProvider.js";
 import "@coinbase/cdp-hooks";
-import "../../chunks/CDPReactProvider.CIQm4C4z.js";
-import '../../assets/SignInBackButton.css';const _ = "SignInBackButton-module__icon___stNFS", k = {
-  icon: _
-}, T = ({
+import "../../chunks/CDPReactProvider.C38bKQ2x.js";
+import '../../assets/SignInBackButton.css';const B = "SignInBackButton-module__icon___stNFS", k = {
+  icon: B
+}, E = ({
   step: t,
   children: i,
   onClick: r,
@@ -17,11 +17,11 @@ import '../../assets/SignInBackButton.css';const _ = "SignInBackButton-module__i
   ["aria-label"]: s = "Back",
   ...a
 }) => {
-  const { state: o, dispatch: m } = B(), p = f(() => t || o.step, [t, o.step]), l = (u) => {
-    r?.(u), m({ type: "RESET_STATE" });
+  const { state: o, dispatch: m } = d(), p = f(() => t || o.step, [t, o.step]), l = (u) => {
+    r?.(u), m({ type: "GO_TO_PREVIOUS_STEP" });
   };
   return p !== "verification" ? null : /* @__PURE__ */ n(
-    S,
+    _,
     {
       type: "button",
       "aria-label": s,
@@ -29,10 +29,10 @@ import '../../assets/SignInBackButton.css';const _ = "SignInBackButton-module__i
       size: e,
       variant: c,
       ...a,
-      children: i || /* @__PURE__ */ n(d, { className: k.icon })
+      children: i || /* @__PURE__ */ n(S, { className: k.icon })
     }
   );
 };
 export {
-  T as SignInBackButton
+  E as SignInBackButton
 };

package/dist/components/SignIn/SignInDescription.js

@@ -1,9 +1,9 @@
 import { jsx as i } from "react/jsx-runtime";
 import "react";
-import { a as d } from "../../chunks/index.C_DV0Ud7.js";
+import { a as d } from "../../chunks/index.BN39qScu.js";
 import { useSignInContext as h } from "./SignInProvider.js";
 import "@coinbase/cdp-hooks";
-import "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import "../../chunks/CDPReactProvider.C38bKQ2x.js";
 import '../../assets/SignInDescription.css';const u = "SignInDescription-module__description___jZLc6", _ = {
   description: u
 }, M = ({

package/dist/components/SignIn/SignInForm.js

@@ -1,8 +1,8 @@
 import { jsx as a } from "react/jsx-runtime";
 import { useRef as d, useState as I, useLayoutEffect as p } from "react";
-import "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import "../../chunks/CDPReactProvider.C38bKQ2x.js";
 import { SwitchFadeTransition as T } from "../ui/SwitchFadeTransition/index.js";
-import { a as y } from "../../chunks/index.C_DV0Ud7.js";
+import { a as y } from "../../chunks/index.BN39qScu.js";
 import { useSignInContext as v } from "./SignInProvider.js";
 import "@coinbase/cdp-hooks";
 import '../../assets/SignInForm.css';const E = {

package/dist/components/SignIn/SignInImage.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { u as a } from "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import { u as a } from "../../chunks/CDPReactProvider.C38bKQ2x.js";
 import '../../assets/SignInImage.css';const e = "SignInImage-module__logo___rlzt-", m = {
   logo: e
 }, p = (t) => /^https?:\/\//.test(t), f = ({ className: t = "", alt: s, src: g }) => {

package/dist/components/SignIn/SignInProvider.js

@@ -1,6 +1,6 @@
 import { jsx as h } from "react/jsx-runtime";
 import { createContext as m, useContext as l, useMemo as i } from "react";
-import { u as f } from "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import { u as f } from "../../chunks/CDPReactProvider.C38bKQ2x.js";
 import "@coinbase/cdp-hooks";
 import { useSignInReducer as p } from "./useSignInReducer.js";
 const a = {

package/dist/components/SignIn/SignInTitle.js

@@ -1,9 +1,9 @@
 import { jsx as n } from "react/jsx-runtime";
 import "react";
-import { a as c } from "../../chunks/index.C_DV0Ud7.js";
+import { a as c } from "../../chunks/index.BN39qScu.js";
 import { useSignInContext as d } from "./SignInProvider.js";
 import "@coinbase/cdp-hooks";
-import "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import "../../chunks/CDPReactProvider.C38bKQ2x.js";
 import '../../assets/SignInTitle.css';const l = "SignInTitle-module__heading___QJ071", g = {
   heading: l
 }, S = ({

package/dist/components/SignIn/flows/SignInWithEmail.js

@@ -8,7 +8,7 @@ import { useEmailForm as A } from "../hooks/useEmailForm.js";
 import { useOTPForm as B } from "../hooks/useOTPForm.js";
 import { SignInCredentials as G } from "../SignInCredentials.js";
 import { useSignInContext as E } from "../SignInProvider.js";
-import "../../../chunks/CDPReactProvider.CIQm4C4z.js";
+import "../../../chunks/CDPReactProvider.C38bKQ2x.js";
 const J = ["email", "otp"], N = ({
   step: n,
   autoFocus: s,

package/dist/components/SignIn/flows/SignInWithOAuth.js

@@ -1,7 +1,7 @@
 import { jsxs as h, Fragment as a, jsx as e } from "react/jsx-runtime";
 import "@coinbase/cdp-hooks";
 import { useRef as A, useCallback as S, useEffect as v } from "react";
-import { u as m } from "../../../chunks/CDPReactProvider.CIQm4C4z.js";
+import { u as m } from "../../../chunks/CDPReactProvider.C38bKQ2x.js";
 import { useSignInWithOAuth as O } from "../hooks/useSignInWithOAuth.js";
 import { Button as W } from "../../ui/Button/index.js";
 import { ServerError as I } from "../../ui/ServerError/index.js";

package/dist/components/SignIn/flows/SignInWithSms.js

@@ -1,116 +1,106 @@
-import { jsxs as a, Fragment as p, jsx as s } from "react/jsx-runtime";
-import { useIsSignedIn as H, useSignInWithSms as U, useLinkSms as q, useVerifySmsOTP as z } from "@coinbase/cdp-hooks";
-import "libphonenumber-js";
-import { useRef as N, useState as T, useEffect as A, useLayoutEffect as B, useMemo as G } from "react";
-import { OTPForm as J } from "../../forms/OTPForm/index.js";
-import { PhoneNumberForm as Q } from "../../forms/PhoneNumberForm/index.js";
-import { SwitchSlideTransition as X } from "../../ui/SwitchSlideTransition/index.js";
-import { formatPhoneNumber as Y } from "../../../utils/formatPhoneNumber.js";
-import { parseValuesFromPhoneNumber as Z } from "../../../utils/parseValuesFromPhoneNumber.js";
-import { useOTPForm as _ } from "../hooks/useOTPForm.js";
-import { usePhoneNumberForm as $ } from "../hooks/usePhoneNumberForm.js";
-import { SignInCredentials as K } from "../SignInCredentials.js";
-import { useSignInContext as O } from "../SignInProvider.js";
-import "../../../chunks/CDPReactProvider.CIQm4C4z.js";
-const ee = ["phoneNumber", "otp"], te = ({
+import { jsxs as u, Fragment as c, jsx as s } from "react/jsx-runtime";
+import { useIsSignedIn as M, useSignInWithSms as H, useLinkSms as V, useVerifySmsOTP as q } from "@coinbase/cdp-hooks";
+import { useRef as S, useLayoutEffect as z, useMemo as A } from "react";
+import { OTPForm as B } from "../../forms/OTPForm/index.js";
+import { PhoneNumberForm as G } from "../../forms/PhoneNumberForm/index.js";
+import { SwitchSlideTransition as J } from "../../ui/SwitchSlideTransition/index.js";
+import { usePhoneNumberState as Q } from "../../../hooks/usePhoneNumberState.js";
+import { formatPhoneNumber as U } from "../../../utils/formatPhoneNumber.js";
+import { useOTPForm as X } from "../hooks/useOTPForm.js";
+import { usePhoneNumberForm as Y } from "../hooks/usePhoneNumberForm.js";
+import { SignInCredentials as Z } from "../SignInCredentials.js";
+import { useSignInContext as g } from "../SignInProvider.js";
+import "../../../chunks/CDPReactProvider.C38bKQ2x.js";
+const _ = ["phoneNumber", "otp"], $ = ({
   step: o,
   autoFocus: i,
   onSuccess: m,
-  children: h
+  children: a
 }) => {
-  const d = N(null), v = 6, { isSignedIn: C } = H(), { state: t } = O(), { signInWithSms: I } = U(), { linkSms: F } = q(), { verifySmsOTP: y } = z(), [c, w] = T("US"), [u, f] = T({
-    value: "",
-    e164: ""
-  }), l = o || t.step, n = l === "credentials" ? "phoneNumber" : "otp", b = N(n), { setPhoneNumber: R, submitPhoneNumber: S } = $({
-    submit: (e) => C ? F(e) : I({ phoneNumber: e })
-  }), { resendCountdown: D, resetOTP: E, setOTP: W, startResendTimer: x, submitOtp: j } = _({
-    passwordLength: v,
-    submit: (e) => y({ flowId: t.flowId, otp: e })
-  }), L = (e) => {
-    e.value !== u.value && (f(e), R(e.e164));
-  };
-  A(() => {
-    if (t.phoneNumber === u.e164)
-      return;
-    const e = Z(t.phoneNumber, c);
-    f(e);
-  }, [t.phoneNumber, c, u.e164]);
-  const g = () => {
+  const h = S(null), P = 6, { isSignedIn: N } = M(), { state: e } = g(), { signInWithSms: T } = H(), { linkSms: C } = V(), { verifySmsOTP: O } = q(), p = o || e.step, t = p === "credentials" ? "phoneNumber" : "otp", d = S(t), { setPhoneNumber: I, submitPhoneNumber: f } = Y({
+    submit: (n) => N ? C(n) : T({ phoneNumber: n })
+  }), { phoneNumberObject: v, countryCode: y, handlePhoneNumberChange: F, handleCountryCodeChange: w } = Q({
+    phoneNumber: e.phoneNumber,
+    onPhoneNumberChange: I
+  }), { resendCountdown: R, resetOTP: D, setOTP: W, startResendTimer: x, submitOtp: E } = X({
+    passwordLength: P,
+    submit: (n) => O({ flowId: e.flowId, otp: n })
+  }), l = () => {
     x(60);
-  }, k = () => {
-    E(), S({ phoneNumber: t.phoneNumber, onSuccess: g });
-  }, M = (e) => {
-    e.preventDefault(), S({ phoneNumber: t.phoneNumber, onSuccess: g });
-  }, V = (e) => {
-    e.preventDefault();
-    const r = new FormData(e.currentTarget).get("otp") || t.otp;
-    j({ otp: r, onSuccess: m });
+  }, j = () => {
+    D(), f({ phoneNumber: e.phoneNumber, onSuccess: l });
+  }, L = (n) => {
+    n.preventDefault(), f({ phoneNumber: e.phoneNumber, onSuccess: l });
+  }, k = (n) => {
+    n.preventDefault();
+    const r = new FormData(n.currentTarget).get("otp") || e.otp;
+    E({ otp: r, onSuccess: m });
   };
-  return B(() => {
-    b.current !== n && (d.current?.transition.toggle(n), b.current = n);
-  }, [n]), /* @__PURE__ */ s(
-    X,
+  return z(() => {
+    d.current !== t && (h.current?.transition.toggle(t), d.current = t);
+  }, [t]), /* @__PURE__ */ s(
+    J,
     {
       autoFocus: i ? "input[type='tel']" : !1,
       animateHeight: !1,
-      items: ee,
+      items: _,
       initialEntered: !0,
-      direction: n === "otp" ? "left" : "right",
-      transitionRef: d,
-      children: ({ itemKey: e, ...P }) => {
+      direction: t === "otp" ? "left" : "right",
+      transitionRef: h,
+      children: ({ itemKey: n, ...b }) => {
         let r = null;
-        return e === "phoneNumber" && (r = /* @__PURE__ */ s(
-          Q,
+        return n === "phoneNumber" && (r = /* @__PURE__ */ s(
+          G,
           {
-            countryCode: c,
-            error: n === "phoneNumber" && t.error || "",
-            isPending: t.isPending,
+            countryCode: y,
+            error: t === "phoneNumber" && e.error || "",
+            isPending: e.isPending,
             onCountryCodeChange: w,
-            onPhoneNumberChange: L,
-            onSubmit: M,
-            phoneNumber: u
+            onPhoneNumberChange: F,
+            onSubmit: L,
+            phoneNumber: v
           }
-        )), e === "otp" && (r = /* @__PURE__ */ s(
-          J,
+        )), n === "otp" && (r = /* @__PURE__ */ s(
+          B,
           {
-            canResetOTP: t.canResetOTP,
-            error: n === "otp" && t.error || "",
-            isPending: t.isPending,
+            canResetOTP: e.canResetOTP,
+            error: t === "otp" && e.error || "",
+            isPending: e.isPending,
             onOTPChange: W,
-            onResendOTP: k,
-            onSubmit: V,
-            otp: t.otp,
-            resendCountdown: D,
-            successMessage: t.isSuccess ? "Success!" : void 0
+            onResendOTP: j,
+            onSubmit: k,
+            otp: e.otp,
+            resendCountdown: R,
+            successMessage: e.isSuccess ? "Success!" : void 0
           }
-        )), /* @__PURE__ */ s("div", { ...P, children: h ? h({ step: l, Form: r }) : r });
+        )), /* @__PURE__ */ s("div", { ...b, children: a ? a({ step: p, Form: r }) : r });
       }
     }
   );
-}, ne = ({ step: o }) => /* @__PURE__ */ a(p, { children: [
+}, K = ({ step: o }) => /* @__PURE__ */ u(c, { children: [
   o === "credentials" && "Sign in",
   o === "verification" && "Enter verification code"
-] }), oe = ({ step: o }) => {
-  const { state: i } = O(), m = G(
-    () => Y(i.phoneNumber),
+] }), ee = ({ step: o }) => {
+  const { state: i } = g(), m = A(
+    () => U(i.phoneNumber),
     [i.phoneNumber]
   );
-  return /* @__PURE__ */ a(p, { children: [
+  return /* @__PURE__ */ u(c, { children: [
     o === "credentials" && "We’ll send you a verification code via text.",
-    o === "verification" && /* @__PURE__ */ a(p, { children: [
+    o === "verification" && /* @__PURE__ */ u(c, { children: [
       "Enter the 6 digit code sent to",
       " ",
-      m ? /* @__PURE__ */ s(K, { children: m }) : "your phone number"
+      m ? /* @__PURE__ */ s(Z, { children: m }) : "your phone number"
     ] })
   ] });
-}, ge = {
-  description: oe,
-  forms: te,
-  title: ne
+}, fe = {
+  description: ee,
+  forms: $,
+  title: K
 };
 export {
-  te as SignInWithSms,
-  oe as SignInWithSmsDescription,
-  ne as SignInWithSmsTitle,
-  ge as config
+  $ as SignInWithSms,
+  ee as SignInWithSmsDescription,
+  K as SignInWithSmsTitle,
+  fe as config
 };

package/dist/components/SignIn/index.js

@@ -1,7 +1,7 @@
 import { jsx as n, jsxs as r, Fragment as c } from "react/jsx-runtime";
 import { u } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
 import "react";
-import { u as d } from "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import { u as d } from "../../chunks/CDPReactProvider.C38bKQ2x.js";
 import { SignInAuthMethodButtons as f } from "./SignInAuthMethodButtons.js";
 import { SignInBackButton as I } from "./SignInBackButton.js";
 import { SignInDescription as S } from "./SignInDescription.js";

package/dist/components/SignIn/types.d.ts

@@ -94,6 +94,8 @@ export type SignInAction = {
     type: "RESET_OTP";
 } | {
     type: "CLEAR_ERROR";
+} | {
+    type: "GO_TO_PREVIOUS_STEP";
 } | {
     type: "RESET_STATE";
 };

package/dist/components/SignIn/types.js

@@ -1,3 +1,3 @@
 import "@coinbase/cdp-hooks";
 import "react";
-import "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import "../../chunks/CDPReactProvider.C38bKQ2x.js";

package/dist/components/SignIn/useSignInReducer.js

@@ -1,7 +1,7 @@
-import { useReducer as u } from "react";
+import { useReducer as l } from "react";
 import "@coinbase/cdp-hooks";
-import "../../chunks/CDPReactProvider.CIQm4C4z.js";
-function l(e, r) {
+import "../../chunks/CDPReactProvider.C38bKQ2x.js";
+function u(e, r) {
   switch (r.type) {
     case "SET_AUTH_METHODS":
       return {
@@ -13,8 +13,8 @@ function l(e, r) {
         ...e,
         authMethod: r.payload.authMethod,
         step: "credentials",
-        email: "",
-        phoneNumber: "",
+        phoneNumber: r.payload.authMethod === "sms" ? "" : e.phoneNumber,
+        email: r.payload.authMethod === "email" ? "" : e.email,
         error: null
       };
     case "SET_EMAIL":
@@ -74,6 +74,20 @@ function l(e, r) {
       return { ...e, error: null, canResetOTP: !1 };
     case "CLEAR_ERROR":
       return { ...e, error: null };
+    case "GO_TO_PREVIOUS_STEP":
+      return {
+        authMethod: e.authMethod,
+        authMethods: e.authMethods,
+        canResetOTP: !1,
+        error: null,
+        isPending: !1,
+        isSuccess: !1,
+        email: e.email,
+        flowId: "",
+        otp: "",
+        phoneNumber: e.phoneNumber,
+        step: "credentials"
+      };
     case "RESET_STATE":
       return {
         authMethod: e.authMethod,
@@ -92,7 +106,7 @@ function l(e, r) {
       throw new Error("Unknown action type");
   }
 }
-const s = (e) => u(l, e);
+const s = (e) => l(u, e);
 export {
   s as useSignInReducer
 };

package/dist/components/SignInModal/index.js

@@ -2,7 +2,7 @@ import { jsx as n, jsxs as t, Fragment as c } from "react/jsx-runtime";
 import { u as C } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
 import { createContext as b, useMemo as x, useContext as v } from "react";
 import { c as N } from "../../chunks/lite.1fxw3LjI.js";
-import { u as w } from "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import { u as w } from "../../chunks/CDPReactProvider.C38bKQ2x.js";
 import { SignIn as T } from "../SignIn/index.js";
 import "@coinbase/cdp-hooks";
 import { Button as h } from "../ui/Button/index.js";

package/dist/components/VerifyMfa/VerifyMfaDescription.d.ts

@@ -3,4 +3,4 @@ import { VerifyMfaMethodComponentProps } from './types';
 export interface VerifyMfaDescriptionProps extends VerifyMfaMethodComponentProps, HTMLAttributes<HTMLElement> {
     as?: ElementType;
 }
-export declare const VerifyMfaDescription: ({ as: Component, children, className, method: methodFromProps, step: stepFromProps, ...props }: VerifyMfaDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VerifyMfaDescription: ({ as: Component, children, className, method: methodFromProps, step: stepFromProps, ...props }: VerifyMfaDescriptionProps) => import("react/jsx-runtime").JSX.Element | null;