@coinbase/cdp-react 0.0.108 → 0.0.110

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cdp-react",
-  "version": "0.0.108",
+  "version": "0.0.110",
   "type": "module",
   "dependencies": {
     "@internationalized/number": "3.6.4",
@@ -15,11 +15,18 @@
     "qrcode": "^1.5.4"
   },
   "peerDependencies": {
+    "@base-org/account": "^2.5.6",
     "react": ">=18.2.0 <19.2.0",
-    "@coinbase/cdp-hooks": "^0.0.108",
-    "@coinbase/cdp-core": "^0.0.108"
+    "@coinbase/cdp-hooks": "^0.0.110",
+    "@coinbase/cdp-core": "^0.0.110"
+  },
+  "peerDependenciesMeta": {
+    "@base-org/account": {
+      "optional": true
+    }
   },
   "devDependencies": {
+    "@base-org/account": "^2.5.6",
     "@size-limit/preset-big-lib": "11.2.0",
     "@size-limit/webpack": "11.2.0",
     "@size-limit/webpack-css": "11.2.0",
@@ -49,8 +56,8 @@
     "vite": "7.3.2",
     "vite-plugin-dts": "4.5.4",
     "vite-plugin-lib-inject-css": "2.2.2",
-    "@coinbase/cdp-core": "^0.0.108",
-    "@coinbase/cdp-hooks": "^0.0.108"
+    "@coinbase/cdp-core": "^0.0.110",
+    "@coinbase/cdp-hooks": "^0.0.110"
   },
   "size-limit": [
     {
@@ -65,7 +72,7 @@
       "path": "./dist/components/SignIn/index.js",
       "import": "{ SignIn }",
       "running": false,
-      "limit": "92 KB"
+      "limit": "93 KB"
     }
   ],
   "files": [

package/dist/assets/SwitchFadeTransition.css

@@ -1 +0,0 @@
-.SwitchFadeTransition-module__switch-fade-transition___--lbT[data-transition=fade]{position:relative}.SwitchFadeTransition-module__switch-fade-transition___--lbT [data-transition=fade][data-status]{transition:opacity var(--cdp-web-transition-timeout, .2s);width:100%}.SwitchFadeTransition-module__switch-fade-transition___--lbT [data-transition=fade][data-status=preEnter]{opacity:0}.SwitchFadeTransition-module__switch-fade-transition___--lbT [data-transition=fade][data-status=exiting],.SwitchFadeTransition-module__switch-fade-transition___--lbT [data-transition=fade][data-status=exited]{opacity:0;position:absolute;top:0;left:0}

package/dist/assets/SwitchSlideTransition.css

@@ -1 +0,0 @@
-.SwitchSlideTransition-module__switch-slide-transition___FykQG [data-transition=slide-left][data-status],.SwitchSlideTransition-module__switch-slide-transition___FykQG [data-transition=slide-right][data-status]{width:100%;transition:opacity var(--cdp-web-transition-timeout, .2s),transform var(--cdp-web-transition-timeout, .2s)}.SwitchSlideTransition-module__switch-slide-transition___FykQG[data-transition=slide-left],.SwitchSlideTransition-module__switch-slide-transition___FykQG[data-transition=slide-right],.SwitchSlideTransition-module__switch-slide-transition___FykQG[data-transition=slide-left][data-animate-height=true]>div,.SwitchSlideTransition-module__switch-slide-transition___FykQG[data-transition=slide-right][data-animate-height=true]>div{display:flex;position:relative;width:100%}.SwitchSlideTransition-module__switch-slide-transition___FykQG[data-transition=slide-left][data-animate-height=true]>div,.SwitchSlideTransition-module__switch-slide-transition___FykQG[data-transition=slide-right][data-animate-height=true]>div{align-items:flex-start}.SwitchSlideTransition-module__switch-slide-transition___FykQG [data-transition=slide-left][data-status=preEnter]{opacity:0;transform:translate3d(200%,0,0)}.SwitchSlideTransition-module__switch-slide-transition___FykQG [data-transition=slide-left][data-status=exiting],.SwitchSlideTransition-module__switch-slide-transition___FykQG [data-transition=slide-left][data-status=exited]{position:absolute;opacity:0;transform:translate3d(-200%,0,0)}.SwitchSlideTransition-module__switch-slide-transition___FykQG [data-transition=slide-right][data-status=preEnter]{opacity:0;transform:translate3d(-200%,0,0)}.SwitchSlideTransition-module__switch-slide-transition___FykQG [data-transition=slide-right][data-status=exiting],.SwitchSlideTransition-module__switch-slide-transition___FykQG [data-transition=slide-right][data-status=exited]{position:absolute;opacity:0;transform:translate3d(200%,0,0)}

package/dist/chunks/LinkAuthFlow.S1XbYaG5.js

@@ -1,111 +0,0 @@
-import { jsx as i, jsxs as m, Fragment as p } from "react/jsx-runtime";
-import { createContext as I, useContext as S, useMemo as v, forwardRef as A, useRef as L, useImperativeHandle as x, useEffect as N } from "react";
-import { u as C } from "./CDPReactProvider.CFWIUvzR.js";
-import { SignIn as _ } from "../components/SignIn/index.js";
-import "@coinbase/cdp-hooks";
-import { SwitchSlideTransition as T } from "../components/ui/SwitchSlideTransition/index.js";
-import { VisuallyHidden as h } from "../components/ui/VisuallyHidden/index.js";
-import { LinkAuthItems as E } from "../components/LinkAuth/LinkAuthItems.js";
-import { LINK_AUTH_FLOW_VIEWS as R } from "../components/LinkAuth/types.js";
-import { useSignInContext as y } from "../components/SignIn/SignInProvider.js";
-import { SignInImage as P } from "../components/SignIn/SignInImage.js";
-import { SignInForm as b } from "../components/SignIn/SignInForm.js";
-import { SignInTitle as g } from "../components/SignIn/SignInTitle.js";
-import { SignInDescription as w } from "../components/SignIn/SignInDescription.js";
-import { SignInFooter as H } from "../components/SignIn/SignInFooter.js";
-import '../assets/LinkAuthFlow.css';const O = "LinkAuthFlow-module__list___dkNmh", c = {
-  "sign-in": "LinkAuthFlow-module__sign-in___F2bj7",
-  "sign-in-title-desc-wrapper": "LinkAuthFlow-module__sign-in-title-desc-wrapper___6QeTc",
-  "sign-in-image": "LinkAuthFlow-module__sign-in-image___XGuJI",
-  "sign-in-form": "LinkAuthFlow-module__sign-in-form___REZlP",
-  "sign-in-footer": "LinkAuthFlow-module__sign-in-footer___KYZNd",
-  list: O
-}, k = I(null), f = () => {
-  const t = S(k);
-  if (!t)
-    throw new Error("useLinkAuthFlowInternal must be used within a LinkAuthFlowContext.Provider");
-  return t;
-}, $ = () => {
-  const {
-    signInRef: t,
-    transitionRef: u,
-    ...s
-  } = f();
-  return s;
-}, K = ({
-  direction: t = "left",
-  children: u,
-  onBack: s,
-  onLink: e,
-  onLinkSuccess: r,
-  signInRef: a,
-  transitionRef: n
-}) => {
-  const o = v(
-    () => ({
-      direction: t,
-      back: s,
-      link: e,
-      linkSuccess: r,
-      signInRef: a,
-      transitionRef: n
-    }),
-    [s, e, r, n, a, t]
-  );
-  return /* @__PURE__ */ i(k.Provider, { value: o, children: u });
-}, d = A((t, u) => {
-  const { showCoinbaseFooter: s } = C(), { state: e, dispatch: r } = y(), { linkSuccess: a } = f(), n = L(null);
-  return x(
-    u,
-    () => ({
-      canGoBack: e.step === "verification",
-      goBack: () => {
-        r({ type: "GO_TO_PREVIOUS_STEP" });
-      }
-    }),
-    [e.step, r]
-  ), N(() => {
-    let o;
-    return e.step === "credentials" && (o = setTimeout(() => {
-      n.current?.querySelector("input[type='email'], input[type='tel']")?.focus();
-    }, 300)), e.step === "verification" && (o = setTimeout(() => {
-      n.current?.querySelector("input[type='text']")?.focus();
-    }, 300)), () => clearTimeout(o);
-  }, [e.step]), /* @__PURE__ */ m(p, { children: [
-    /* @__PURE__ */ i("div", { className: c["sign-in-image"], children: /* @__PURE__ */ i(P, {}) }),
-    /* @__PURE__ */ i(b, { autoFocus: !1, onSuccess: a, children: ({ authMethod: o, step: l, Form: F }) => /* @__PURE__ */ m(p, { children: [
-      /* @__PURE__ */ m("div", { className: c["sign-in-title-desc-wrapper"], children: [
-        l === "verification" ? /* @__PURE__ */ i(h, { as: "div", children: /* @__PURE__ */ i(g, {}) }) : /* @__PURE__ */ i(g, {}),
-        l === "credentials" ? /* @__PURE__ */ i(h, { as: "div", children: /* @__PURE__ */ i(w, { authMethod: o }) }) : /* @__PURE__ */ i(w, { authMethod: o })
-      ] }),
-      /* @__PURE__ */ i("div", { ref: n, className: c["sign-in-form"], children: F })
-    ] }) }),
-    s && /* @__PURE__ */ i(H, { className: c["sign-in-footer"] })
-  ] });
-});
-d.displayName = "SignInContent";
-const ii = ({ children: t }) => {
-  const { direction: u, link: s, linkSuccess: e, signInRef: r, transitionRef: a } = f();
-  return /* @__PURE__ */ i(
-    T,
-    {
-      autoFocus: !1,
-      animateHeight: !0,
-      items: R,
-      initialEntered: !0,
-      timeout: 250,
-      direction: u,
-      transitionRef: a,
-      children: ({ itemKey: n, ...o }) => {
-        let l = null;
-        return n === "list" && (l = /* @__PURE__ */ i(E, { className: c.list, onLink: s })), n === "email" && (l = /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(_, { className: c["sign-in"], authMethods: ["email"], onSuccess: e, children: /* @__PURE__ */ i(d, { ref: r }) }) })), n === "sms" && (l = /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(_, { className: c["sign-in"], authMethods: ["sms"], onSuccess: e, children: /* @__PURE__ */ i(d, { ref: r }) }) })), /* @__PURE__ */ i("div", { ...o, children: t ? t({ view: n, Content: l }) : l });
-      }
-    }
-  );
-};
-export {
-  K as L,
-  ii as a,
-  f as b,
-  $ as u
-};

package/dist/chunks/index.IrJ_irKX.js

@@ -1,17 +0,0 @@
-import { OAuth2ProviderType as t } from "@coinbase/cdp-hooks";
-import "./CDPReactProvider.CFWIUvzR.js";
-import { config as i } from "../components/SignIn/flows/SignInWithEmail.js";
-import { config as m } from "../components/SignIn/flows/SignInWithSms.js";
-import "react";
-import { config as e } from "../components/SignIn/flows/SignInWithOAuth.js";
-const s = Object.keys(t).reduce(
-  (o, r) => (o[`oauth:${r.toLowerCase()}`] = e, o),
-  {}
-), g = {
-  ...s,
-  email: i,
-  sms: m
-};
-export {
-  g as a
-};