@coinbase/cdp-react 0.0.17 → 0.0.19

package/dist/components/SignIn/SignInTitle.js

@@ -1,17 +1,22 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useMemo as c } from "react";
-import { useSignInContext as a } from "./SignInProvider.js";
-import '../../assets/SignInTitle.css';const u = "SignInTitle-module__heading___QJ071", m = {
-  heading: u
-}, p = ({
-  as: t = "h2",
-  children: n,
-  className: s = "",
-  ...i
+import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { a as c } from "../../chunks/index.BzllgVaP.js";
+import { useSignInContext as d } from "./SignInProvider.js";
+import "@coinbase/cdp-hooks";
+import "../CDPReactProvider/index.js";
+import '../../assets/SignInTitle.css';const l = "SignInTitle-module__heading___QJ071", g = {
+  heading: l
+}, S = ({
+  as: s = "h2",
+  children: t,
+  className: i = "",
+  authMethod: a,
+  step: h,
+  ...m
 }) => {
-  const { state: e } = a(), o = c(() => e.step === "success" ? "Success" : e.step === "otp" ? "Enter verification code" : "Sign in", [e.step]);
-  return /* @__PURE__ */ r(t, { className: `${m.heading} ${s}`, ...i, children: n || o });
+  const { state: o } = d(), r = h || o.step, e = a || o.authMethod, p = c[e].title;
+  return /* @__PURE__ */ n(s, { className: `${g.heading} ${i}`, ...m, children: t || /* @__PURE__ */ n(p, { step: r, authMethod: e }) });
 };
 export {
-  p as SignInTitle
+  S as SignInTitle
 };

package/dist/components/SignIn/flows/SignInWithEmail.d.ts

@@ -0,0 +1,5 @@
+import { SignInFlowProps, SignInTitleAndDescriptionProps, SignInFlowConfig } from '../types';
+export declare const SignInWithEmail: ({ step: stepFromProps, onSuccess, children }: SignInFlowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SignInWithEmailTitle: ({ step }: SignInTitleAndDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SignInWithEmailDescription: ({ step }: SignInTitleAndDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const config: SignInFlowConfig;

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

@@ -0,0 +1,71 @@
+import { jsx as p, jsxs as o, Fragment as r } from "react/jsx-runtime";
+import { useSignInWithEmail as x, useVerifyEmailOTP as y } from "@coinbase/cdp-hooks";
+import { useRef as f, useLayoutEffect as D } from "react";
+import { FlowEmailOTP as F } from "../../FlowEmailOTP/index.js";
+import "react-transition-state";
+import { useEmailForm as j } from "../hooks/useEmailForm.js";
+import { useOTPForm as L } from "../hooks/useOTPForm.js";
+import { SignInCredentials as H } from "../SignInCredentials.js";
+import { useSignInContext as g } from "../SignInProvider.js";
+import "../../CDPReactProvider/index.js";
+const M = ({ step: i, onSuccess: s, children: S }) => {
+  const a = f(null), h = 6, { state: e } = g(), { signInWithEmail: E } = x(), { verifyEmailOTP: P } = y(), c = i || e.step, n = c === "credentials" ? "email" : "otp", m = f(n), { setEmail: T, submitEmail: l } = j({
+    submit: (t) => E({ email: t })
+  }), { resendCountdown: O, resetOTP: v, setOTP: I, startResendTimer: b, submitOtp: w } = L({
+    passwordLength: h,
+    submit: (t) => P({ flowId: e.flowId, otp: t })
+  }), u = () => {
+    b(60);
+  }, R = () => {
+    v(), l({ email: e.email, onSuccess: u });
+  }, W = (t) => {
+    t.preventDefault(), l({ email: e.email, onSuccess: u });
+  }, C = (t) => {
+    t.preventDefault(), w({ otp: e.otp, onSuccess: s });
+  };
+  return D(() => {
+    m.current !== n && (a.current?.transition.toggle(n), m.current = n);
+  }, [n]), /* @__PURE__ */ p(
+    F,
+    {
+      animateHeight: !1,
+      canResetOTP: e.canResetOTP,
+      email: e.email,
+      error: e.error || "",
+      isPending: e.isPending,
+      onEmailChange: T,
+      onOTPChange: I,
+      onResendOTP: R,
+      onSubmitEmail: W,
+      onSubmitOTP: C,
+      otp: e.otp,
+      resendCountdown: O,
+      step: n,
+      successMessage: e.isSuccess ? "Success!" : void 0,
+      transitionRef: a,
+      children: ({ step: t, Form: d }) => S?.({ step: c, Form: d }) || d
+    }
+  );
+}, V = ({ step: i }) => /* @__PURE__ */ o(r, { children: [
+  i === "credentials" && "Sign in",
+  i === "verification" && "Enter verification code"
+] }), _ = ({ step: i }) => {
+  const { state: s } = g();
+  return /* @__PURE__ */ o(r, { children: [
+    i === "credentials" && "We’ll send you a verification code via email.",
+    i === "verification" && /* @__PURE__ */ o(r, { children: [
+      "Enter the 6 digit code sent to ",
+      /* @__PURE__ */ p(H, { children: s.email })
+    ] })
+  ] });
+}, U = {
+  description: _,
+  forms: M,
+  title: V
+};
+export {
+  M as SignInWithEmail,
+  _ as SignInWithEmailDescription,
+  V as SignInWithEmailTitle,
+  U as config
+};

package/dist/components/SignIn/flows/SignInWithSms.d.ts

@@ -0,0 +1,5 @@
+import { SignInFlowProps, SignInTitleAndDescriptionProps, SignInFlowConfig } from '../types';
+export declare const SignInWithSms: ({ step: stepFromProps, onSuccess, children }: SignInFlowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SignInWithSmsTitle: ({ step }: SignInTitleAndDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SignInWithSmsDescription: ({ step }: SignInTitleAndDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const config: SignInFlowConfig;