@coinbase/cdp-react 0.0.46 → 0.0.48

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { AuthMethod } from '../CDPReactProvider/CDPReactProvider';
+import { AuthMethod } from '../CDPReactProvider';
 export interface SignInAuthMethodButtonProps {
     key: AuthMethod;
     label: string;

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

@@ -1,5 +1,5 @@
 import { ElementType, HTMLAttributes, ReactNode } from 'react';
-import { AuthMethod } from '../CDPReactProvider/CDPReactProvider';
+import { AuthMethod } from '../CDPReactProvider';
 import { SignInState } from './types';
 export interface SignInFormProps extends Omit<HTMLAttributes<HTMLElement>, "children"> {
     as?: ElementType;

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

@@ -1,34 +1,38 @@
-import { jsxs as c, Fragment as l, jsx as r } from "react/jsx-runtime";
-import { useCallback as a } from "react";
-import { useAppConfig as u } from "../../CDPReactProvider/index.js";
-import { useSignInWithOAuth as A } from "../hooks/useSignInWithOAuth.js";
-import { Button as S } from "../../ui/Button/index.js";
-import { ServerError as O } from "../../ui/ServerError/index.js";
-import { capitalize as m } from "../../../utils/capitalize.js";
-import { toOAuthProviderType as p } from "../../../utils/toOAuthProviderType.js";
+import { jsxs as h, Fragment as a, jsx as e } from "react/jsx-runtime";
 import "@coinbase/cdp-hooks";
-const W = ({ step: o, children: t }) => {
-  const { authMethods: n } = u(), d = n?.[0], i = p(d), { signInWithOAuth: e, isPending: g, error: s } = A(), f = a(() => {
-    i && e(i);
-  }, [i, e]), h = /* @__PURE__ */ c(l, { children: [
-    /* @__PURE__ */ c(S, { fullWidth: !0, onClick: f, type: "submit", isPending: g, children: [
+import { useRef as A, useCallback as S, useEffect as v } from "react";
+import { useAppConfig as m } from "../../CDPReactProvider/index.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";
+import { capitalize as p } from "../../../utils/capitalize.js";
+import { toOAuthProviderType as f } from "../../../utils/toOAuthProviderType.js";
+const y = ({ step: i, children: r }) => {
+  const { authMethods: n } = m(), d = n?.[0], t = f(d), { signInWithOAuth: s, isPending: l, error: u } = O(), o = A(t), g = S(() => {
+    t && s(t);
+  }, [t, s]);
+  v(() => {
+    t && (o.current = t);
+  }, [t]);
+  const c = o.current ? /* @__PURE__ */ h(a, { children: [
+    /* @__PURE__ */ h(W, { fullWidth: !0, onClick: g, type: "submit", isPending: l, children: [
       "Continue with ",
-      m(i)
+      p(o.current)
     ] }),
-    s && /* @__PURE__ */ r("div", { style: { marginTop: "0.5em" }, children: /* @__PURE__ */ r(O, { error: s }) })
-  ] });
-  return /* @__PURE__ */ r("div", { children: t ? t({ step: o, Form: h }) : h });
-}, v = () => "Sign in", I = () => {
-  const { authMethods: o } = u(), t = o?.[0], n = p(t);
-  return `Sign in with your ${m(n)} account.`;
-}, F = {
-  description: I,
-  forms: W,
-  title: v
+    u && /* @__PURE__ */ e("div", { style: { marginTop: "0.5em" }, children: /* @__PURE__ */ e(I, { error: u }) })
+  ] }) : null;
+  return /* @__PURE__ */ e("div", { children: r ? r({ step: i, Form: c }) : c });
+}, C = () => "Sign in", M = () => {
+  const { authMethods: i } = m(), r = i?.[0], n = f(r);
+  return `Sign in with your ${p(n ?? "")} account.`;
+}, R = {
+  description: M,
+  forms: y,
+  title: C
 };
 export {
-  W as SignInWithOAuth,
-  I as SignInWithOAuthDescription,
-  v as SignInWithOAuthTitle,
-  F as config
+  y as SignInWithOAuth,
+  M as SignInWithOAuthDescription,
+  C as SignInWithOAuthTitle,
+  R as config
 };

package/dist/utils/toOAuthProviderType.d.ts

@@ -1,2 +1,2 @@
 import { OAuth2ProviderType } from '@coinbase/cdp-hooks';
-export declare function toOAuthProviderType(authMethod: string): OAuth2ProviderType;
+export declare function toOAuthProviderType(authMethod: string): OAuth2ProviderType | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cdp-react",
-  "version": "0.0.46",
+  "version": "0.0.48",
   "type": "module",
   "dependencies": {
     "@internationalized/number": "3.6.4",
@@ -14,8 +14,8 @@
   },
   "peerDependencies": {
     "react": ">=18.2.0 <19.2.0",
-    "@coinbase/cdp-core": "^0.0.46",
-    "@coinbase/cdp-hooks": "^0.0.46"
+    "@coinbase/cdp-core": "^0.0.48",
+    "@coinbase/cdp-hooks": "^0.0.48"
   },
   "devDependencies": {
     "@size-limit/preset-big-lib": "^11.2.0",
@@ -45,8 +45,8 @@
     "vite": "^7.0.4",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "@coinbase/cdp-core": "^0.0.46",
-    "@coinbase/cdp-hooks": "^0.0.46"
+    "@coinbase/cdp-core": "^0.0.48",
+    "@coinbase/cdp-hooks": "^0.0.48"
   },
   "size-limit": [
     {