@coinbase/cdp-react 0.0.8 → 0.0.10

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

@@ -4,15 +4,15 @@ 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 { withValidityState as x } from "../Input/index.js";
+import { OTP as V } from "../OTP/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 { IconCoinbaseWordmark as W } from "../../icons/IconCoinbaseWordmark.js";
+import { IconLock as k } from "../../icons/IconLock.js";
 import { isApiError as P } from "../../utils/isApiError.js";
-import { isEmailInvalid as k } from "../../utils/isEmailInvalid.js";
+import { isEmailInvalid as D } 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 { LoadingSpinner as $ } from "../LoadingSpinner/index.js";
 import { VisuallyHidden as j } from "../VisuallyHidden/index.js";
 const q = ({ submit: u }) => {
@@ -32,9 +32,9 @@ const q = ({ submit: u }) => {
             validators: [
               ["valueMissing", "Email is required"],
               ["typeMismatch", "Use a valid email address"],
-              [k, "Use a valid email address"]
+              [D, "Use a valid email address"]
             ],
-            children: D({
+            children: x({
               type: "email",
               placeholder: "name@example.com",
               required: !0,
@@ -68,7 +68,7 @@ const q = ({ submit: u }) => {
       onSubmit: h,
       children: [
         /* @__PURE__ */ t(
-          x,
+          V,
           {
             ref: c,
             name: "otp",
@@ -172,10 +172,10 @@ const q = ({ submit: u }) => {
     i.step === "otp" && /* @__PURE__ */ t(H, { submit: w, reset: M, resetCountdown: h }),
     /* @__PURE__ */ t("hr", { className: s.hr }),
     /* @__PURE__ */ o("div", { className: s.footer, children: [
-      /* @__PURE__ */ t(W, { className: s.icon }),
+      /* @__PURE__ */ t(k, { className: s.icon }),
       /* @__PURE__ */ o("p", { children: [
         "Secured by ",
-        /* @__PURE__ */ t(V, { className: s.coinbaseIcon, "aria-label": "Coinbase" })
+        /* @__PURE__ */ t(W, { className: s.coinbaseIcon, "aria-label": "Coinbase" })
       ] })
     ] })
   ] });

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/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/dist/index.js

@@ -4,45 +4,45 @@ import { SignIn as f } from "./components/SignIn/index.js";
 import { useSignInReducer as x } from "./components/SignIn/useSignInReducer.js";
 import { SignOutButton as I } from "./components/SignOutButton/index.js";
 import { SignInModal as a } from "./components/SignInModal/index.js";
-import { ThemeProvider as l, useTheme as u } from "./components/ThemeProvider/index.js";
-import { flattenedTheme as C } from "./theme/theme.js";
-import { colors as h, tokens as T } from "./theme/tokens.js";
-import { flattenTokensObject as v, themeToCssVariables as A } from "./theme/utils.js";
-import { IconCheckCircle as P } from "./icons/IconCheckCircle.js";
-import { IconExclamationCircle as B } from "./icons/IconExclamationCircle.js";
-import { IconLock as M } from "./icons/IconLock.js";
-import { IconXMark as R } from "./icons/IconXMark.js";
-import { isEmailInvalid as F } from "./utils/isEmailInvalid.js";
-import { isApiError as V } from "./utils/isApiError.js";
-import { SignInDescription as q } from "./components/SignIn/SignInDescription.js";
-import { SignInForm as y } from "./components/SignIn/SignInForm.js";
-import { SignInImage as G } from "./components/SignIn/SignInImage.js";
-import { SignInTitle as J } from "./components/SignIn/SignInTitle.js";
-import { useSignInContext as N } from "./components/SignIn/SignInProvider.js";
+import { flattenedTheme as l } from "./theme/theme.js";
+import { colors as S, tokens as C } from "./theme/tokens.js";
+import { flattenTokensObject as h, themeToCssVariables as T } from "./theme/utils.js";
+import { IconCheckCircle as v } from "./icons/IconCheckCircle.js";
+import { IconExclamationCircle as E } from "./icons/IconExclamationCircle.js";
+import { IconLock as b } from "./icons/IconLock.js";
+import { IconXMark as D } from "./icons/IconXMark.js";
+import { isEmailInvalid as O } from "./utils/isEmailInvalid.js";
+import { isApiError as j } from "./utils/isApiError.js";
+import { SignInDescription as L } from "./components/SignIn/SignInDescription.js";
+import { SignInForm as X } from "./components/SignIn/SignInForm.js";
+import { SignInImage as w } from "./components/SignIn/SignInImage.js";
+import { SignInTitle as z } from "./components/SignIn/SignInTitle.js";
+import { useSignInContext as H } from "./components/SignIn/SignInProvider.js";
+import { ThemeProvider as K, useTheme as N } from "./components/ThemeProvider/index.js";
 export {
   m as AuthButton,
   e as CDPReactProvider,
-  P as IconCheckCircle,
-  B as IconExclamationCircle,
-  M as IconLock,
-  R as IconXMark,
+  v as IconCheckCircle,
+  E as IconExclamationCircle,
+  b as IconLock,
+  D as IconXMark,
   f as SignIn,
-  q as SignInDescription,
-  y as SignInForm,
-  G as SignInImage,
+  L as SignInDescription,
+  X as SignInForm,
+  w as SignInImage,
   a as SignInModal,
-  J as SignInTitle,
+  z as SignInTitle,
   I as SignOutButton,
-  l as ThemeProvider,
-  h as colors,
-  v as flattenTokensObject,
-  C as flattenedTheme,
-  V as isApiError,
-  F as isEmailInvalid,
-  A as themeToCssVariables,
-  T as tokens,
+  K as ThemeProvider,
+  S as colors,
+  h as flattenTokensObject,
+  l as flattenedTheme,
+  j as isApiError,
+  O as isEmailInvalid,
+  T as themeToCssVariables,
+  C as tokens,
   t as useAppConfig,
-  N as useSignInContext,
+  H as useSignInContext,
   x as useSignInReducer,
-  u as useTheme
+  N as useTheme
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cdp-react",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "type": "module",
   "dependencies": {
     "@radix-ui/react-dialog": "^1.1.14",
@@ -9,8 +9,8 @@
   },
   "peerDependencies": {
     "react": ">=18.2.0",
-    "@coinbase/cdp-core": "^0.0.8",
-    "@coinbase/cdp-hooks": "^0.0.8"
+    "@coinbase/cdp-core": "^0.0.10",
+    "@coinbase/cdp-hooks": "^0.0.10"
   },
   "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-hooks": "^0.0.8",
-    "@coinbase/cdp-core": "^0.0.8"
+    "@coinbase/cdp-core": "^0.0.10",
+    "@coinbase/cdp-hooks": "^0.0.10"
   },
   "size-limit": [
     {