@coinbase/cdp-react 0.0.85 → 0.0.87

package/dist/chunks/CDPReactProvider.CIQm4C4z.js

@@ -1,299 +0,0 @@
-import { jsx as o, jsxs as p, Fragment as N } from "react/jsx-runtime";
-import { OAuth2ProviderType as Q, CDPContext as ee, CDPHooksProvider as oe } from "@coinbase/cdp-hooks";
-import { useRef as A, useEffect as S, createContext as D, useState as $, useCallback as m, useMemo as E, useContext as P, useId as j, lazy as te } from "react";
-import { registerMfaListener as re, cancelMfaVerification as ne } from "@coinbase/cdp-core";
-import { A as se, u as J } from "./useSendComponentCallOnce.BHZMuo6E.js";
-import { ThemeProvider as ae } from "../components/ThemeProvider/index.js";
-import { c as ie } from "./lite.1fxw3LjI.js";
-import { Button as Y } from "../components/ui/Button/index.js";
-import { Modal as ce, ModalContent as fe, ModalClose as le, ModalTitle as de, ModalDescription as ue, ModalTrigger as me } from "../components/ui/Modal/index.js";
-import { VerifyMfaDescription as q } from "../components/VerifyMfa/VerifyMfaDescription.js";
-import { VerifyMfaFlow as z } from "../components/VerifyMfa/VerifyMfaFlow.js";
-import { VerifyMfaFooter as B } from "../components/VerifyMfa/VerifyMfaFooter.js";
-import { VerifyMfaImage as G } from "../components/VerifyMfa/VerifyMfaImage.js";
-import { VerifyMfaProvider as pe, useVerifyMfaContext as he } from "../components/VerifyMfa/VerifyMfaProvider.js";
-import { VerifyMfaTitle as X } from "../components/VerifyMfa/VerifyMfaTitle.js";
-import { IconXMark as Me } from "../icons/IconXMark.js";
-import { childrenHasComponent as I } from "../utils/childrenHasComponent.js";
-import '../assets/CDPReactProvider.css';function _e(e) {
-  const t = A(!1);
-  S(() => {
-    t.current || (se.sendHookCallEvent({ name: e }), t.current = !0);
-  }, [e]);
-}
-const ve = "VerifyMfa-module__footer___3bANn", b = {
-  "mfa-verification": "VerifyMfa-module__mfa-verification___txLpd",
-  "mfa-verification-content": "VerifyMfa-module__mfa-verification-content___-ksMh",
-  "mfa-verification-form": "VerifyMfa-module__mfa-verification-form___7b69Y",
-  footer: ve
-}, ye = ({
-  className: e = "",
-  children: t,
-  ...r
-}) => {
-  const { state: n } = he(), { showCoinbaseFooter: s } = R(), a = typeof t == "function" ? t(n) : t;
-  return /* @__PURE__ */ p("div", { className: `${b["mfa-verification"]} ${e}`, ...r, children: [
-    a,
-    !a && /* @__PURE__ */ p("div", { className: b["mfa-verification-content"], children: [
-      /* @__PURE__ */ o(G, {}),
-      /* @__PURE__ */ p("div", { children: [
-        /* @__PURE__ */ o(X, {}),
-        /* @__PURE__ */ o(q, {})
-      ] }),
-      /* @__PURE__ */ o(z, { className: b["mfa-verification-form"] }),
-      s && /* @__PURE__ */ o(B, { className: b.footer })
-    ] })
-  ] });
-}, Ce = ({ onSuccess: e, onError: t, ...r }) => (J("verify_mfa"), /* @__PURE__ */ o(pe, { onError: t, onSuccess: e, children: /* @__PURE__ */ o(ye, { ...r }) })), ge = "VerifyMfaModal-module__verify___GZ6dw", Ve = "VerifyMfaModal-module__content___BSj0G", Ae = "VerifyMfaModal-module__header___2plY9", Pe = "VerifyMfaModal-module__trigger___YXiwC", we = "VerifyMfaModal-module__flow___HE2Lf", V = {
-  verify: ge,
-  content: Ve,
-  header: Ae,
-  "close-icon": "VerifyMfaModal-module__close-icon___pyobJ",
-  "close-button": "VerifyMfaModal-module__close-button___h9yrq",
-  trigger: Pe,
-  flow: we
-}, K = D(null), xe = () => {
-  const e = P(K);
-  if (!e)
-    throw new Error("useVerifyMfaModalContext must be used within a VerifyMfaModal");
-  return e;
-}, U = ({
-  children: e,
-  className: t = "",
-  label: r,
-  ...n
-}) => /* @__PURE__ */ o(me, { asChild: !0, children: e || /* @__PURE__ */ o(Y, { className: ie(V.trigger, t), ...n, children: r || "Verify" }) }), O = ({ children: e, ...t }) => {
-  const { onSuccess: r, onError: n } = xe(), { showCoinbaseFooter: s } = R();
-  return /* @__PURE__ */ o(fe, { ...t, children: /* @__PURE__ */ o(Ce, { className: V.verify, onSuccess: r, onError: n, children: (a) => /* @__PURE__ */ p(N, { children: [
-    e ? typeof e == "function" ? e(a) : e : null,
-    !e && /* @__PURE__ */ p(N, { children: [
-      /* @__PURE__ */ p("div", { className: V.header, children: [
-        /* @__PURE__ */ o("span", {}),
-        /* @__PURE__ */ o(le, { asChild: !0, children: /* @__PURE__ */ o(
-          Y,
-          {
-            className: V["close-button"],
-            "aria-label": "Close",
-            size: "md",
-            variant: "transparentSecondary",
-            children: /* @__PURE__ */ o(Me, { className: V["close-icon"] })
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ p("div", { className: V.content, children: [
-        /* @__PURE__ */ o(G, {}),
-        /* @__PURE__ */ p("div", { children: [
-          /* @__PURE__ */ o(de, { asChild: !0, children: /* @__PURE__ */ o(X, {}) }),
-          /* @__PURE__ */ o(ue, { asChild: !0, children: /* @__PURE__ */ o(q, {}) })
-        ] }),
-        /* @__PURE__ */ o("div", { className: V.flow, children: /* @__PURE__ */ o(z, {}) })
-      ] }),
-      s && /* @__PURE__ */ o(B, {})
-    ] })
-  ] }) }) });
-}, be = ({
-  children: e,
-  open: t,
-  setIsOpen: r,
-  onCancel: n,
-  onError: s,
-  onSuccess: a
-}) => {
-  J("verify_mfa_modal");
-  const f = t !== void 0 && r !== void 0, [i, u] = $(!1), M = f ? t : i, l = A(!1), _ = m(
-    (v) => {
-      l.current = !0, a?.(v);
-    },
-    [a]
-  ), y = m(
-    (v) => {
-      f ? r?.(v) : u(v), v || (l.current || n?.(), l.current = !1);
-    },
-    [f, r, u, n]
-  ), h = e ? I(e, U) : !1, d = e ? I(e, O) : !1, w = !h && !d, x = E(
-    () => ({ onCancel: n, onError: s, onSuccess: _ }),
-    [n, s, _]
-  );
-  return /* @__PURE__ */ o(K.Provider, { value: x, children: /* @__PURE__ */ o(ce, { open: M, onOpenChange: y, children: w ? /* @__PURE__ */ p(N, { children: [
-    /* @__PURE__ */ o(U, { children: e }),
-    /* @__PURE__ */ o(O, {})
-  ] }) : /* @__PURE__ */ p(N, { children: [
-    e,
-    !d && /* @__PURE__ */ o(O, {})
-  ] }) }) });
-}, Oe = (e) => e?.closest("[data-cdp-provider]")?.getAttribute?.("data-cdp-provider") ?? null, F = D(void 0), Ne = "__core_mfa_handler__", Se = ({ children: e }) => {
-  const { mfa: t } = R(), r = He(), { disableAutoPrompt: n } = t, [s, a] = $(null), f = A(/* @__PURE__ */ new Map()), i = A(!1), u = m((c, C) => {
-    f.current.set(c, C);
-  }, []), M = m((c) => {
-    f.current.delete(c);
-  }, []), l = A(s);
-  l.current = s;
-  const _ = A(null), y = m((c) => l.current !== null ? !1 : (_.current = document.activeElement, a(c), !0), []), h = m(() => {
-    a(null);
-    const c = _.current;
-    _.current = null, c && requestAnimationFrame(() => {
-      c.focus();
-    });
-  }, []);
-  S(() => n ? void 0 : re(() => {
-    const C = document.activeElement, k = Oe(C);
-    k !== null && k !== r || (i.current = !0, y(Ne));
-  }), [n, y, r]);
-  const d = s ? f.current.get(s)?.current : void 0, w = s !== null, x = m(
-    (c) => {
-      c || h();
-    },
-    [h]
-  ), v = m(
-    (c) => {
-      i.current && (i.current = !1), d?.onSuccess?.(c);
-      const C = d?.closeOnSuccessDelay === void 0 ? 500 : d?.closeOnSuccessDelay;
-      C !== null && (C === 0 ? h() : setTimeout(() => h(), C));
-    },
-    [d, h]
-  ), L = m(
-    (c) => {
-      d?.onError?.(c);
-    },
-    [d]
-  ), T = m(() => {
-    i.current && (ne(), i.current = !1), d?.onCancel?.();
-  }, [d]), Z = E(
-    () => ({
-      register: u,
-      unregister: M,
-      open: y,
-      close: h
-    }),
-    [u, M, y, h]
-  );
-  return /* @__PURE__ */ p(F.Provider, { value: Z, children: [
-    e,
-    /* @__PURE__ */ o(
-      be,
-      {
-        open: w,
-        setIsOpen: x,
-        onSuccess: v,
-        onError: L,
-        onCancel: T,
-        children: /* @__PURE__ */ o(O, {})
-      }
-    )
-  ] });
-}, Qe = (e = {}) => {
-  const t = P(F);
-  if (!t)
-    throw new Error(
-      "useVerifyMfaModal must be used within a MfaVerificationProvider or CDPReactProvider"
-    );
-  _e("use_verify_mfa_modal");
-  const r = j(), n = A(e);
-  S(() => {
-    n.current = e;
-  }, [e]);
-  const { register: s, unregister: a, open: f, close: i } = t;
-  S(() => (s(r, n), () => a(r)), [s, a, r]);
-  const u = m(() => f(r), [f, r]), M = m(() => {
-    i();
-  }, [i]);
-  return { open: u, close: M };
-}, eo = () => P(F) ?? {
-  register: () => {
-  },
-  unregister: () => {
-  },
-  open: () => !1,
-  close: () => {
-  }
-}, Ee = te(() => import("../components/OAuthStatusModal/index.js")), W = (e) => {
-  try {
-    return JSON.stringify(e);
-  } catch {
-  }
-  return "";
-}, Te = Object.keys(Q).map((e) => `oauth:${e}`), De = [
-  /** Email OTP method */
-  "email",
-  /** SMS OTP method */
-  "sms"
-], oo = [...De, ...Te], to = ({
-  children: e,
-  className: t = "",
-  config: r,
-  name: n,
-  style: s,
-  theme: a
-}) => {
-  const f = j(), i = n ?? f, { appName: u, appLogoUrl: M, showCoinbaseFooter: l, authMethods: _, ...y } = r, h = W(y), d = E(() => y, [h]), w = { appName: u, appLogoUrl: M, showCoinbaseFooter: l, authMethods: _ }, x = _?.some((T) => T.startsWith("oauth:")), v = /* @__PURE__ */ o(Fe, { name: i, config: w, children: /* @__PURE__ */ o(ae, { className: t, style: s, theme: a, "data-cdp-provider": i, children: /* @__PURE__ */ p(Se, { children: [
-    e,
-    x && /* @__PURE__ */ o(Ee, {})
-  ] }) }) });
-  return P(ee) ? v : /* @__PURE__ */ o(oe, { config: d, children: v });
-}, H = D(
-  void 0
-), g = {
-  appName: "",
-  appLogoUrl: "",
-  showCoinbaseFooter: !0,
-  authMethods: ["email"],
-  mfa: {
-    disableAutoPrompt: !1
-  }
-}, Fe = ({
-  children: e,
-  config: t,
-  name: r
-}) => {
-  const {
-    appName: n = g.appName,
-    appLogoUrl: s = g.appLogoUrl,
-    showCoinbaseFooter: a = g.showCoinbaseFooter,
-    authMethods: f = g.authMethods,
-    mfa: { disableAutoPrompt: i = g.mfa.disableAutoPrompt } = g.mfa
-  } = t ?? {}, u = W(f), M = E(() => {
-    let l = ["email"];
-    try {
-      l = JSON.parse(u);
-    } catch {
-    }
-    return {
-      app: {
-        appName: n,
-        appLogoUrl: s,
-        showCoinbaseFooter: a,
-        authMethods: Array.isArray(l) && l?.length ? l : g.authMethods,
-        mfa: {
-          disableAutoPrompt: i
-        }
-      },
-      name: r
-    };
-  }, [n, s, a, u, r, i]);
-  return /* @__PURE__ */ o(H.Provider, { value: M, children: e });
-}, R = () => {
-  const e = P(H);
-  if (!e)
-    throw new Error("useAppConfig must be used within an AppConfigProvider");
-  return e.app;
-}, He = () => {
-  const e = P(H);
-  if (!e)
-    throw new Error("useProviderName must be used within an AppConfigProvider");
-  return e.name ?? "";
-};
-export {
-  De as A,
-  to as C,
-  Te as O,
-  Ce as V,
-  He as a,
-  Qe as b,
-  oo as c,
-  be as d,
-  O as e,
-  U as f,
-  Se as g,
-  eo as h,
-  R as u
-};

package/dist/chunks/index.CKQKBoX2.js

@@ -1,9 +0,0 @@
-import "@coinbase/cdp-hooks";
-import "react";
-import { totpMethodConfig as t } from "../components/EnrollMfa/methods/totp.js";
-const p = {
-  totp: t
-};
-export {
-  p as m
-};

package/dist/chunks/index.Dp-lIxM1.js

@@ -1,9 +0,0 @@
-import "@coinbase/cdp-hooks";
-import "react";
-import { totpMethodConfig as t } from "../components/VerifyMfa/methods/totp.js";
-const r = {
-  totp: t
-};
-export {
-  r as m
-};