@coinbase/cdp-react 0.0.86 → 0.0.88

package/dist/components/ExportWalletModal/index.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
-import "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import "../../chunks/useSendComponentCallOnce.DGjALrnZ.js";
 import "react";
 import "../../chunks/lite.1fxw3LjI.js";
-import "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import "../../chunks/CDPReactProvider.BkmtXUv1.js";
 import { E as W, a as g, b as n, c as C, d as T } from "../ExportWallet/index.js";
 import "../ui/Banner/index.js";
 import "../ui/Button/index.js";

package/dist/components/Fund/index.js

@@ -1,7 +1,7 @@
 import { jsx as n, jsxs as i, Fragment as f } from "react/jsx-runtime";
-import { u as p } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import { u as p } from "../../chunks/useSendComponentCallOnce.DGjALrnZ.js";
 import { useId as a } from "react";
-import { u as c } from "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import { u as c } from "../../chunks/CDPReactProvider.BkmtXUv1.js";
 import { CoinbaseFooter as F } from "../ui/CoinbaseFooter/index.js";
 import { FundForm as l } from "./FundForm.js";
 import { FundProvider as C, useFundContext as _ } from "./FundProvider.js";

package/dist/components/FundModal/index.js

@@ -1,8 +1,8 @@
 import { jsx as o, jsxs as u, Fragment as p } from "react/jsx-runtime";
-import { u as w } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import { u as w } from "../../chunks/useSendComponentCallOnce.DGjALrnZ.js";
 import { createContext as j, useState as A, useCallback as F, useMemo as S, useId as $, useContext as z } from "react";
 import { c as x } from "../../chunks/lite.1fxw3LjI.js";
-import { u as V } from "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import { u as V } from "../../chunks/CDPReactProvider.BkmtXUv1.js";
 import { Fund as k, FundFooter as D } from "../Fund/index.js";
 import { Button as v } from "../ui/Button/index.js";
 import { Modal as H, ModalContent as L, ModalTitle as R, ModalClose as U, ModalTrigger as W } from "../ui/Modal/index.js";

package/dist/components/LinkAuth/LinkAuthFlow.js

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
 import "react";
-import "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import "../../chunks/CDPReactProvider.BkmtXUv1.js";
 import "../SignIn/index.js";
 import "@coinbase/cdp-hooks";
 import "../ui/SwitchSlideTransition/index.js";
 import "../ui/VisuallyHidden/index.js";
-import { a as A } from "../../chunks/LinkAuthFlow.BaUSMzGH.js";
+import { a as A } from "../../chunks/LinkAuthFlow.B4FAtf4V.js";
 import "./LinkAuthItems.js";
 import "./types.js";
 import "../SignIn/SignInProvider.js";

package/dist/components/LinkAuth/LinkAuthFlowBackButton.js

@@ -3,9 +3,9 @@ import { c as k } from "../../chunks/lite.1fxw3LjI.js";
 import "react";
 import { Button as p } from "../ui/Button/index.js";
 import { IconArrowLeft as f } from "../../icons/IconArrowLeft.js";
-import { b as w } from "../../chunks/LinkAuthFlow.BaUSMzGH.js";
+import { b as w } from "../../chunks/LinkAuthFlow.B4FAtf4V.js";
 import { useLinkAuthContext as _ } from "./LinkAuthProvider.js";
-import "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import "../../chunks/CDPReactProvider.BkmtXUv1.js";
 import { methodToView as b } from "./utils.js";
 import '../../assets/LinkAuthFlowBackButton.css';const h = "LinkAuthFlowBackButton-module__button___wPKfW", B = "LinkAuthFlowBackButton-module__icon___OUmzY", o = {
   button: h,

package/dist/components/LinkAuth/LinkAuthFlowProvider.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import "../../chunks/CDPReactProvider.CIQm4C4z.js";
-import { L as e, u as n, b as s } from "../../chunks/LinkAuthFlow.BaUSMzGH.js";
+import "../../chunks/CDPReactProvider.BkmtXUv1.js";
+import { L as e, u as n, b as s } from "../../chunks/LinkAuthFlow.B4FAtf4V.js";
 export {
   e as LinkAuthFlowProvider,
   n as useLinkAuthFlow,

package/dist/components/LinkAuth/LinkAuthItem.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import "react";
 import { ToggleListItem as s } from "../ui/ToggleListItem/index.js";
-import "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import "../../chunks/CDPReactProvider.BkmtXUv1.js";
 const u = ({
   authMethod: n,
   userAlias: e,

package/dist/components/LinkAuth/LinkAuthItems.js

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import { c as I } from "../../chunks/lite.1fxw3LjI.js";
 import { useMemo as b } from "react";
-import "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import "../../chunks/CDPReactProvider.BkmtXUv1.js";
 import { IconAppleLogo as d } from "../../icons/IconAppleLogo.js";
 import { IconEnvelope as f } from "../../icons/IconEnvelope.js";
 import { IconGoogleColorLogo as L } from "../../icons/IconGoogleColorLogo.js";

package/dist/components/LinkAuth/LinkAuthProvider.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import { useCurrentUser as c } from "@coinbase/cdp-hooks";
 import { createContext as p, useContext as M, useMemo as r, useReducer as A, useEffect as f } from "react";
-import { u as L } from "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import { u as L } from "../../chunks/CDPReactProvider.BkmtXUv1.js";
 import { formatPhoneNumber as k } from "../../utils/formatPhoneNumber.js";
 const T = {
   methodToLink: null,

package/dist/components/LinkAuth/index.js

@@ -1,16 +1,16 @@
 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 { u as N } from "../../chunks/useSendComponentCallOnce.DGjALrnZ.js";
 import { useRef as d, useState as P, useCallback as a } from "react";
-import "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import "../../chunks/CDPReactProvider.BkmtXUv1.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 v } from "../../utils/toOAuthProviderType.js";
-import { L as V, a as j } from "../../chunks/LinkAuthFlow.BaUSMzGH.js";
-import { u as kt } from "../../chunks/LinkAuthFlow.BaUSMzGH.js";
+import { L as V, a as j } from "../../chunks/LinkAuthFlow.B4FAtf4V.js";
+import { u as kt } from "../../chunks/LinkAuthFlow.B4FAtf4V.js";
 import { LinkAuthFlowBackButton as K } from "./LinkAuthFlowBackButton.js";
 import { LinkAuthItem as pt } from "./LinkAuthItem.js";
 import { LinkAuthItems as At } from "./LinkAuthItems.js";

package/dist/components/LinkAuth/types.js

@@ -1,4 +1,4 @@
-import "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import "../../chunks/CDPReactProvider.BkmtXUv1.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.BkmtXUv1.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

@@ -1,8 +1,8 @@
 import { jsx as o, jsxs as n, Fragment as d } from "react/jsx-runtime";
-import { u as p } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import { u as p } from "../../chunks/useSendComponentCallOnce.DGjALrnZ.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.BkmtXUv1.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.B4FAtf4V.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

@@ -1,9 +1,9 @@
 import { jsx as s, jsxs as r, Fragment as S } from "react/jsx-runtime";
 import "@coinbase/cdp-core";
 import { useOAuthState as I } from "@coinbase/cdp-hooks";
-import { u as b } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import { u as b } from "../../chunks/useSendComponentCallOnce.DGjALrnZ.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.BkmtXUv1.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/SendEvmTransactionButton/index.js

@@ -1,6 +1,6 @@
 import { jsx as E } from "react/jsx-runtime";
 import { useSendEvmTransaction as _, APIError as S } from "@coinbase/cdp-hooks";
-import { u as b } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import { u as b } from "../../chunks/useSendComponentCallOnce.DGjALrnZ.js";
 import { useState as T, useCallback as y } from "react";
 import { c as C } from "../../chunks/lite.1fxw3LjI.js";
 import { Button as w } from "../ui/Button/index.js";

package/dist/components/SendSolanaTransactionButton/index.js

@@ -1,6 +1,6 @@
 import { jsx as _ } from "react/jsx-runtime";
 import { useSendSolanaTransaction as b, APIError as T } from "@coinbase/cdp-hooks";
-import { u as w } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import { u as w } from "../../chunks/useSendComponentCallOnce.DGjALrnZ.js";
 import { useState as x, useCallback as y } from "react";
 import { c as B } from "../../chunks/lite.1fxw3LjI.js";
 import { Button as C } from "../ui/Button/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.BkmtXUv1.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.BkmtXUv1.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.DgrgIsTX.js";
 import { useSignInContext as h } from "./SignInProvider.js";
 import "@coinbase/cdp-hooks";
-import "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import "../../chunks/CDPReactProvider.BkmtXUv1.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.BkmtXUv1.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.DgrgIsTX.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.BkmtXUv1.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.BkmtXUv1.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.DgrgIsTX.js";
 import { useSignInContext as d } from "./SignInProvider.js";
 import "@coinbase/cdp-hooks";
-import "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import "../../chunks/CDPReactProvider.BkmtXUv1.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.BkmtXUv1.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.BkmtXUv1.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.BkmtXUv1.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 { u } from "../../chunks/useSendComponentCallOnce.DGjALrnZ.js";
 import "react";
-import { u as d } from "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import { u as d } from "../../chunks/CDPReactProvider.BkmtXUv1.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.BkmtXUv1.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.BkmtXUv1.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

@@ -1,8 +1,8 @@
 import { jsx as n, jsxs as t, Fragment as c } from "react/jsx-runtime";
-import { u as C } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import { u as C } from "../../chunks/useSendComponentCallOnce.DGjALrnZ.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.BkmtXUv1.js";
 import { SignIn as T } from "../SignIn/index.js";
 import "@coinbase/cdp-hooks";
 import { Button as h } from "../ui/Button/index.js";