@coinbase/cdp-react 0.0.87 → 0.0.89

package/dist/components/SignIn/SignInBackButton.js

@@ -5,7 +5,7 @@ import { IconArrowLeft as S } from "../../icons/IconArrowLeft.js";
 import "../../theme/theme.js";
 import { useSignInContext as d } from "./SignInProvider.js";
 import "@coinbase/cdp-hooks";
-import "../../chunks/CDPReactProvider.C38bKQ2x.js";
+import "../../chunks/CDPReactProvider.BkmtXUv1.js";
 import '../../assets/SignInBackButton.css';const B = "SignInBackButton-module__icon___stNFS", k = {
   icon: B
 }, E = ({

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.BN39qScu.js";
+import { a as d } from "../../chunks/index.DgrgIsTX.js";
 import { useSignInContext as h } from "./SignInProvider.js";
 import "@coinbase/cdp-hooks";
-import "../../chunks/CDPReactProvider.C38bKQ2x.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.C38bKQ2x.js";
+import "../../chunks/CDPReactProvider.BkmtXUv1.js";
 import { SwitchFadeTransition as T } from "../ui/SwitchFadeTransition/index.js";
-import { a as y } from "../../chunks/index.BN39qScu.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.C38bKQ2x.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.C38bKQ2x.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.BN39qScu.js";
+import { a as c } from "../../chunks/index.DgrgIsTX.js";
 import { useSignInContext as d } from "./SignInProvider.js";
 import "@coinbase/cdp-hooks";
-import "../../chunks/CDPReactProvider.C38bKQ2x.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.C38bKQ2x.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.C38bKQ2x.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

@@ -10,7 +10,7 @@ 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";
+import "../../../chunks/CDPReactProvider.BkmtXUv1.js";
 const _ = ["phoneNumber", "otp"], $ = ({
   step: o,
   autoFocus: i,

package/dist/components/SignIn/hooks/useSignInWithOAuth.js

@@ -1,27 +1,30 @@
-import { useSignInWithOAuth as g } from "@coinbase/cdp-hooks";
-import { useState as c, useRef as f, useCallback as m } from "react";
-import { useOauthStatusModal as A } from "../../OAuthStatusModal/index.js";
-import { isApiError as I } from "../../../utils/isApiError.js";
+import { useSignInWithOAuth as f } from "@coinbase/cdp-hooks";
+import { useState as l, useRef as m, useCallback as A } from "react";
+import { useOauthStatusModal as I } from "../../OAuthStatusModal/index.js";
+import { isApiError as O } from "../../../utils/isApiError.js";
 const E = () => {
-  const { signInWithOAuth: n } = g(), [r, s] = c(!1), [l, e] = c(null), o = f(null), i = "An error occurred while signing in. Please try again.", { persistOAuthState: u } = A();
+  const { signInWithOAuth: n } = f(), [r, e] = l(!1), [h, s] = l(null), o = m(null), i = "An error occurred while signing in. Please try again.", { persistOAuthState: u, cleanupOAuthState: a } = I();
   return {
-    signInWithOAuth: m(
-      async (a) => {
+    signInWithOAuth: A(
+      async (c) => {
         if (!r) {
-          o.current = a, s(!0), e(null);
+          o.current = c, e(!0), s(null);
           try {
-            await n(a), u(!1);
+            u(!1), await n(c);
           } catch (t) {
-            const h = I(t) ? t : t instanceof Error && t.message || i;
-            e(h), s(!1), console.error(t);
+            a();
+            const g = O(t) ? t : t instanceof Error && t.message || i;
+            s(g), console.error(t);
+          } finally {
+            e(!1);
           }
         }
       },
-      [r, n, u]
+      [r, n, u, a]
     ),
     oauthProvider: o,
     isPending: r,
-    error: l
+    error: h
   };
 };
 export {

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.C38bKQ2x.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.js

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

package/dist/components/SignIn/useSignInReducer.js

@@ -1,6 +1,6 @@
 import { useReducer as l } from "react";
 import "@coinbase/cdp-hooks";
-import "../../chunks/CDPReactProvider.C38bKQ2x.js";
+import "../../chunks/CDPReactProvider.BkmtXUv1.js";
 function u(e, r) {
   switch (r.type) {
     case "SET_AUTH_METHODS":

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.C38bKQ2x.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";

package/dist/components/SignOutButton/index.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { useSignOut as r } from "@coinbase/cdp-hooks";
-import { u as e } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import { u as e } from "../../chunks/useSendComponentCallOnce.DGjALrnZ.js";
 import "react";
 import { c } from "../../chunks/lite.1fxw3LjI.js";
 import { Button as a } from "../ui/Button/index.js";

package/dist/components/VerifyMfa/index.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "@coinbase/cdp-hooks";
-import "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import "../../chunks/useSendComponentCallOnce.DGjALrnZ.js";
 import "react";
-import { V as p } from "../../chunks/CDPReactProvider.C38bKQ2x.js";
+import { V as p } from "../../chunks/CDPReactProvider.BkmtXUv1.js";
 import "@coinbase/cdp-core";
 import { VerifyMfaDescription as x } from "./VerifyMfaDescription.js";
 import { VerifyMfaFlow as y } from "./VerifyMfaFlow.js";

package/dist/components/VerifyMfaInline/index.js

@@ -1,13 +1,13 @@
 import { jsx as t, jsxs as E } from "react/jsx-runtime";
 import { isMfaRequired as q } from "@coinbase/cdp-core";
 import { useCancelMfaVerification as L, useIsInitialized as A, useRegisterMfaListener as O } from "@coinbase/cdp-hooks";
-import { u as P } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import { u as P } from "../../chunks/useSendComponentCallOnce.DGjALrnZ.js";
 import { createContext as W, useMemo as h, useRef as k, useState as R, useCallback as C, useContext as X, useEffect as Y } from "react";
 import { c as j } from "../../chunks/lite.1fxw3LjI.js";
 import { Button as H } from "../ui/Button/index.js";
 import { SwitchFadeTransition as J } from "../ui/SwitchFadeTransition/index.js";
 import { SwitchSlideTransition as Q } from "../ui/SwitchSlideTransition/index.js";
-import { V as U } from "../../chunks/CDPReactProvider.C38bKQ2x.js";
+import { V as U } from "../../chunks/CDPReactProvider.BkmtXUv1.js";
 import { IconArrowLeft as Z } from "../../icons/IconArrowLeft.js";
 import "../../theme/theme.js";
 import { useVerifyMfaContext as $ } from "../VerifyMfa/VerifyMfaProvider.js";

package/dist/components/VerifyMfaModal/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 { d as x, e as C, f as T } from "../../chunks/CDPReactProvider.C38bKQ2x.js";
+import { d as x, e as C, f as T } from "../../chunks/CDPReactProvider.BkmtXUv1.js";
 import "../ui/Button/index.js";
 import "../ui/Modal/index.js";
 import "../ui/VisuallyHidden/index.js";

package/dist/components/forms/PhoneNumberForm/index.d.ts

@@ -1,6 +1,6 @@
 import { APIError } from '@coinbase/cdp-hooks';
 import { FormHTMLAttributes, ReactNode } from 'react';
-import { PhoneNumberInputProps } from '../PhoneNumberInput/PhoneNumberInput';
+import { PhoneNumberInputProps } from '../PhoneNumberInput';
 export interface PhoneNumberFormProps extends Omit<FormHTMLAttributes<HTMLFormElement>, "children"> {
     countryCode: PhoneNumberInputProps["countryCode"];
     countryOptions?: PhoneNumberInputProps["countryOptions"];

package/dist/components/forms/PhoneNumberInput/index.d.ts

@@ -1,5 +1,5 @@
 import { CountryCode } from 'libphonenumber-js';
-import { InputProps } from '../Input/Input';
+import { InputProps } from '../Input';
 import { CountryOption } from '../../../data/countries';
 import { PhoneNumber } from '../../../utils/parseValuesFromPhoneNumber';
 export interface PhoneNumberInputProps extends Omit<InputProps, "value" | "onChange"> {

package/dist/components/ui/Badge/index.d.ts

@@ -1,7 +1,6 @@
 import { HTMLAttributes, ReactNode } from 'react';
-interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
     children?: ReactNode;
     variant?: "primary" | "secondary" | "warning";
 }
 export declare const Badge: ({ children, className, variant, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/ui/Banner/index.d.ts

@@ -1,7 +1,6 @@
 import { HTMLAttributes, ReactNode } from 'react';
-interface BannerProps extends HTMLAttributes<HTMLElement> {
+export interface BannerProps extends HTMLAttributes<HTMLElement> {
     icon?: ReactNode;
     variant?: "success" | "warning" | "error";
 }
 export declare const Banner: ({ className, children, icon, variant, ...props }: BannerProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/hooks/useVerifyMfaModal.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "@coinbase/cdp-core";
-import "../chunks/useSendComponentCallOnce.BHZMuo6E.js";
-import { g as t, h as m, b as p } from "../chunks/CDPReactProvider.C38bKQ2x.js";
+import "../chunks/useSendComponentCallOnce.DGjALrnZ.js";
+import { g as t, h as m, b as p } from "../chunks/CDPReactProvider.BkmtXUv1.js";
 import "react";
 export {
   t as VerifyMfaModalProvider,

package/dist/icons/IconTelegramLogo.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const IconTelegramLogo: (props: Omit<SVGProps<SVGSVGElement>, "viewBox">) => import("react/jsx-runtime").JSX.Element;

package/dist/icons/IconTelegramLogo.js

@@ -0,0 +1,13 @@
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+import { SvgIcon as C } from "./SvgIcon.js";
+const n = (r) => /* @__PURE__ */ o(C, { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", ...r, children: /* @__PURE__ */ o(
+  "path",
+  {
+    fill: "currentColor",
+    d: "M41.4193 7.30899C41.4193 7.30899 45.3046 5.79399 44.9808 9.47328C44.8729 10.9883 43.9016 16.2908 43.1461 22.0262L40.5559 39.0159C40.5559 39.0159 40.3401 41.5048 38.3974 41.9377C36.4547 42.3705 33.5408 40.4227 33.0011 39.9898C32.5694 39.6652 24.9068 34.7955 22.2086 32.4148C21.4531 31.7655 20.5897 30.4669 22.3165 28.9519L33.6487 18.1305C34.9438 16.8319 36.2389 13.8019 30.8426 17.4812L15.7331 27.7616C15.7331 27.7616 14.0063 28.8437 10.7686 27.8698L3.75342 25.7055C3.75342 25.7055 1.16321 24.0823 5.58815 22.459C16.3807 17.3729 29.6555 12.1786 41.4193 7.30899Z"
+  }
+) });
+export {
+  n as IconTelegramLogo
+};

package/dist/index.d.ts

@@ -26,4 +26,5 @@ export * from './theme';
 export * from './icons';
 export * from './utils';
 export { useVerifyMfaModal, type UseVerifyMfaModalOptions, type UseVerifyMfaModalReturn, } from './hooks/useVerifyMfaModal';
+export { usePhoneNumberState, type UsePhoneNumberStateOptions, type UsePhoneNumberStateResult, } from './hooks/usePhoneNumberState';
 export { type IframeTheme } from './types/secureIframe';