@coinbase/cdp-react 0.0.41 → 0.0.42

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

@@ -6,11 +6,11 @@ export interface AppConfig {
     appName?: string;
     appLogoUrl?: string;
     showCoinbaseFooter?: boolean;
-    authMethods?: AuthMethod[];
+    authMethods?: [AuthMethod, ...AuthMethod[]];
 }
 export type Config = AppConfig & CDPHooksConfig;
 export type CDPReactProviderProps = {
     config: Config;
 } & ThemeProviderProps;
 export declare const CDPReactProvider: ({ children, config, theme }: CDPReactProviderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const useAppConfig: () => AppConfig;
+export declare const useAppConfig: () => Required<AppConfig>;

package/dist/components/CDPReactProvider/index.js

@@ -1,63 +1,77 @@
-import { jsx as t } from "react/jsx-runtime";
-import { CDPContext as A, CDPHooksProvider as O } from "@coinbase/cdp-hooks";
-import { createContext as b, useMemo as r, useContext as f } from "react";
-import { ThemeProvider as w } from "../ThemeProvider/index.js";
-const E = [
+import { jsx as c } from "react/jsx-runtime";
+import { CDPContext as L, CDPHooksProvider as O } from "@coinbase/cdp-hooks";
+import { createContext as v, useMemo as f, useContext as l } from "react";
+import { ThemeProvider as b } from "../ThemeProvider/index.js";
+const w = (o) => {
+  try {
+    return JSON.stringify(o);
+  } catch {
+  }
+  return "";
+}, T = [
   /** Email OTP method */
   "email",
   /** SMS OTP method */
   "sms"
-], F = ({ children: o, config: e, theme: n }) => {
+], _ = ({ children: o, config: r, theme: n }) => {
   const {
-    appName: i,
+    appName: a,
     appLogoUrl: s,
-    showCoinbaseFooter: a,
-    authMethods: p,
-    projectId: c,
-    useMock: C,
+    showCoinbaseFooter: h,
+    authMethods: i,
+    projectId: p,
+    useMock: e,
     debugging: u,
-    basePath: d,
+    basePath: g,
     ethereum: P,
     solana: x
-  } = e, { createOnLogin: m } = P ?? {}, { createOnLogin: g } = x ?? {}, v = r(
+  } = r, { createOnLogin: d } = P ?? {}, { createOnLogin: C } = x ?? {}, A = f(
     () => ({
-      projectId: c,
-      useMock: C,
+      projectId: p,
+      useMock: e,
       debugging: u,
-      basePath: d,
-      ethereum: { createOnLogin: m },
-      solana: { createOnLogin: g }
+      basePath: g,
+      ethereum: { createOnLogin: d },
+      solana: { createOnLogin: C }
     }),
-    [c, C, u, d, m, g]
-  ), L = r(
-    () => ({ appName: i, appLogoUrl: s, showCoinbaseFooter: a, authMethods: p }),
-    [i, s, a, p]
-  ), h = /* @__PURE__ */ t(M, { config: L, children: /* @__PURE__ */ t(w, { theme: n, children: o }) });
-  return f(A) ? h : /* @__PURE__ */ t(O, { config: v, children: h });
-}, l = b(void 0), D = {
+    [p, e, u, g, d, C]
+  ), m = /* @__PURE__ */ c(y, { config: { appName: a, appLogoUrl: s, showCoinbaseFooter: h, authMethods: i }, children: /* @__PURE__ */ c(b, { theme: n, children: o }) });
+  return l(L) ? m : /* @__PURE__ */ c(O, { config: A, children: m });
+}, M = v(void 0), t = {
   appName: "",
   appLogoUrl: "",
   showCoinbaseFooter: !0,
   authMethods: ["email"]
-}, M = ({ children: o, config: e }) => {
-  const n = r(
-    () => ({
+}, y = ({ children: o, config: r }) => {
+  const {
+    appName: n = t.appName,
+    appLogoUrl: a = t.appLogoUrl,
+    showCoinbaseFooter: s = t.showCoinbaseFooter,
+    authMethods: h = t.authMethods
+  } = r ?? {}, i = w(h), p = f(() => {
+    let e = ["email"];
+    try {
+      e = JSON.parse(i);
+    } catch {
+    }
+    return {
       app: {
-        ...D,
-        ...e
+        appName: n,
+        appLogoUrl: a,
+        showCoinbaseFooter: s,
+        authMethods: Array.isArray(e) && e?.length ? e : t.authMethods
       }
-    }),
-    [e]
-  );
-  return /* @__PURE__ */ t(l.Provider, { value: n, children: o });
-}, N = () => {
-  const o = f(l);
+    };
+  }, [n, a, s, i]);
+  return /* @__PURE__ */ c(M.Provider, { value: p, children: o });
+}, j = () => {
+  const o = l(M);
   if (!o)
     throw new Error("useAppConfig must be used within an AppConfigProvider");
   return o.app;
 };
 export {
-  E as AUTH_METHODS,
-  F as CDPReactProvider,
-  N as useAppConfig
+  T as AUTH_METHODS,
+  _ as CDPReactProvider,
+  j as useAppConfig
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cdp-react",
-  "version": "0.0.41",
+  "version": "0.0.42",
   "type": "module",
   "dependencies": {
     "@internationalized/number": "3.6.4",
@@ -14,8 +14,8 @@
   },
   "peerDependencies": {
     "react": ">=18.2.0",
-    "@coinbase/cdp-core": "^0.0.41",
-    "@coinbase/cdp-hooks": "^0.0.41"
+    "@coinbase/cdp-core": "^0.0.42",
+    "@coinbase/cdp-hooks": "^0.0.42"
   },
   "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.41",
-    "@coinbase/cdp-hooks": "^0.0.41"
+    "@coinbase/cdp-core": "^0.0.42",
+    "@coinbase/cdp-hooks": "^0.0.42"
   },
   "size-limit": [
     {