@coinbase/cdp-react 0.0.9 → 0.0.11

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

@@ -4,8 +4,8 @@ export interface AppConfig {
     name: string;
     logoUrl?: string;
 }
-export type CDPReactProviderProps = CDPHooksProviderProps & ThemeProviderProps & {
+export type CDPReactProviderProps = {
     app?: AppConfig;
-};
+} & CDPHooksProviderProps & ThemeProviderProps;
 export declare const CDPReactProvider: ({ children, config, theme, app }: CDPReactProviderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const useAppConfig: () => AppConfig;

package/dist/components/SignIn/SignInForm.js

@@ -2,9 +2,10 @@ import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import { useSignInWithEmail as U, useVerifyEmailOTP as A } from "@coinbase/cdp-hooks";
 import { Form as R, FormSubmit as C } from "@radix-ui/react-form";
 import { useState as I, useEffect as T, useRef as F } from "react";
+import { Button as O } from "../Button/index.js";
 import { Field as B } from "../Field/index.js";
 import { OTP as x } from "../OTP/index.js";
-import { ServerError as O } from "../ServerError/index.js";
+import { ServerError as b } from "../ServerError/index.js";
 import { IconCoinbaseWordmark as V } from "../../icons/IconCoinbaseWordmark.js";
 import { IconLock as W } from "../../icons/IconLock.js";
 import { isApiError as P } from "../../utils/isApiError.js";
@@ -12,7 +13,6 @@ import { isEmailInvalid as k } from "../../utils/isEmailInvalid.js";
 import { s } from "../../chunks/SignIn.module.Dl3CqKQ_.js";
 import { useSignInContext as g } from "./SignInProvider.js";
 import { withValidityState as D } from "../Input/index.js";
-import { Button as b } from "../Button/index.js";
 import { LoadingSpinner as $ } from "../LoadingSpinner/index.js";
 import { VisuallyHidden as j } from "../VisuallyHidden/index.js";
 const q = ({ submit: u }) => {
@@ -45,8 +45,8 @@ const q = ({ submit: u }) => {
             })
           }
         ),
-        n.error && /* @__PURE__ */ t(O, { error: n.error, className: s.serverError }),
-        /* @__PURE__ */ t(C, { asChild: !0, children: /* @__PURE__ */ t(b, { type: "submit", isPending: n.isPending, children: "Continue with email" }) })
+        n.error && /* @__PURE__ */ t(b, { error: n.error, className: s.serverError }),
+        /* @__PURE__ */ t(C, { asChild: !0, children: /* @__PURE__ */ t(O, { type: "submit", isPending: n.isPending, children: "Continue with email" }) })
       ]
     }
   );
@@ -85,11 +85,11 @@ const q = ({ submit: u }) => {
         /* @__PURE__ */ o("div", { className: s.formFooter, children: [
           (e.isPending && !e.canResetOTP || e.error) && /* @__PURE__ */ o("div", { className: s.serverStateWrapper, children: [
             e.isPending && !e.canResetOTP && /* @__PURE__ */ t($, { className: s.loadingSpinner }),
-            e.error && /* @__PURE__ */ t(O, { error: e.error, className: s.serverError })
+            e.error && /* @__PURE__ */ t(b, { error: e.error, className: s.serverError })
           ] }),
           /* @__PURE__ */ o("div", { children: [
             e.canResetOTP && /* @__PURE__ */ t(C, { asChild: !0, children: /* @__PURE__ */ t(
-              b,
+              O,
               {
                 type: "button",
                 onClick: E,

package/dist/components/SignIn/SignInImage.js

@@ -1,21 +1,21 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useAppConfig as g } from "../CDPReactProvider/index.js";
+import { jsx as e } from "react/jsx-runtime";
+import { useAppConfig as u } from "../CDPReactProvider/index.js";
 import { IconCheckCircle as a } from "../../icons/IconCheckCircle.js";
 import { s as c } from "../../chunks/SignIn.module.Dl3CqKQ_.js";
 import { useSignInContext as f } from "./SignInProvider.js";
-const $ = ({ className: s = "", alt: i, src: t }) => {
-  const { state: m } = f(), { step: r } = m, o = g(), l = o.logoUrl && /^http?s:\/\//.test(o.logoUrl) ? o.logoUrl : void 0, e = t && /^http?s:\/\//.test(t) ? t : l, p = i || o.name;
-  return r !== "success" && e ? /* @__PURE__ */ n(
+const i = (o) => /^https?:\/\//.test(o), x = ({ className: o = "", alt: l, src: s }) => {
+  const { state: m } = f(), { step: r } = m, t = u(), g = t.logoUrl && i(t.logoUrl) ? t.logoUrl : void 0, n = s && i(s) ? s : g, p = l || t.name;
+  return r !== "success" && n ? /* @__PURE__ */ e(
     "img",
     {
-      src: e,
+      src: n,
       alt: p || "",
-      className: `${c.logo} ${s}`,
+      className: `${c.logo} ${o}`,
       width: 64,
       height: 64
     }
-  ) : r === "success" ? /* @__PURE__ */ n(a, { className: `${c.successIcon} ${s}` }) : null;
+  ) : r === "success" ? /* @__PURE__ */ e(a, { className: `${c.successIcon} ${o}` }) : null;
 };
 export {
-  $ as SignInImage
+  x as SignInImage
 };

package/dist/components/SignInModal/index.js

@@ -2,13 +2,13 @@ import { jsxs as o, jsx as n } from "react/jsx-runtime";
 import { Dialog as g, DialogTrigger as c, DialogPortal as m, DialogOverlay as _, DialogContent as d, DialogClose as I, DialogTitle as p, DialogDescription as u } from "@radix-ui/react-dialog";
 import "react";
 import { IconXMark as h } from "../../icons/IconXMark.js";
+import { Button as r } from "../Button/index.js";
 import { SignIn as S } from "../SignIn/index.js";
 import { useTheme as D } from "../ThemeProvider/index.js";
 import { SignInImage as M } from "../SignIn/SignInImage.js";
 import { SignInTitle as f } from "../SignIn/SignInTitle.js";
 import { SignInDescription as v } from "../SignIn/SignInDescription.js";
 import { SignInForm as N } from "../SignIn/SignInForm.js";
-import { Button as r } from "../Button/index.js";
 import '../../assets/SignInModal.css';const y = "SignInModal-module__trigger___IcJ8x", T = "SignInModal-module__modal___PErrT", C = "SignInModal-module__signIn___hQuJk", x = "SignInModal-module__signInForm___6-UdI", B = "SignInModal-module__signInTitle___AF-XA", F = "SignInModal-module__signInDescription___SZjXu", W = "SignInModal-module__signInImage___hMBda", j = "SignInModal-module__closeWrapper___cx8Zq", X = "SignInModal-module__closeButton___yf-ZW", Z = "SignInModal-module__overlay___-0rmi", b = "SignInModal-module__spacer___x-lRH", i = {
   trigger: y,
   modal: T,

package/dist/components/SignOutButton/index.js

@@ -1,8 +1,8 @@
 import { jsx as s } from "react/jsx-runtime";
 import { useSignOut as r } from "@coinbase/cdp-hooks";
 import "react";
-import "../../theme/theme.js";
 import { Button as m } from "../Button/index.js";
+import "../../theme/theme.js";
 import '../../assets/SignOutButton.css';const g = "SignOutButton-module__signOutButton___WNhmy", c = {
   signOutButton: g
 }, l = ({ children: t, variant: n = "primary", onSuccess: o }) => {

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

@@ -5,7 +5,9 @@ export type ThemeProviderProps = {
     children: ReactNode;
     className?: string;
     style?: CSSProperties;
-    theme?: Partial<Theme>;
+    theme?: Partial<{
+        [K in keyof Theme]: Theme[K];
+    }>;
 };
 export interface ThemeContextValue {
     theme: Theme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cdp-react",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "type": "module",
   "dependencies": {
     "@radix-ui/react-dialog": "^1.1.14",
@@ -9,8 +9,8 @@
   },
   "peerDependencies": {
     "react": ">=18.2.0",
-    "@coinbase/cdp-core": "^0.0.9",
-    "@coinbase/cdp-hooks": "^0.0.9"
+    "@coinbase/cdp-core": "^0.0.11",
+    "@coinbase/cdp-hooks": "^0.0.11"
   },
   "devDependencies": {
     "@size-limit/preset-big-lib": "^11.2.0",
@@ -34,8 +34,8 @@
     "vite": "^7.0.4",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "@coinbase/cdp-core": "^0.0.9",
-    "@coinbase/cdp-hooks": "^0.0.9"
+    "@coinbase/cdp-core": "^0.0.11",
+    "@coinbase/cdp-hooks": "^0.0.11"
   },
   "size-limit": [
     {