@coinbase/cdp-react 0.0.54 → 0.0.56

package/dist/assets/ManageAuth.css

@@ -0,0 +1 @@
+.ManageAuth-module__manage-auth___4Hpt3{box-sizing:border-box;font:var(--cdp-web-font-size-base) / 1.5 var(--cdp-web-font-family-body);font-optical-sizing:auto;background-color:var(--cdp-web-colors-page-bg-default);color:var(--cdp-web-colors-page-text-default);display:flex;flex-direction:column;max-width:38.25em;overflow:hidden;width:100%;padding-bottom:1.5em}.ManageAuth-module__manage-auth___4Hpt3 *{box-sizing:border-box}.ManageAuth-module__list___lVrdU{display:flex;flex-direction:column;gap:.5em;list-style:none;margin:0;padding:0}.ManageAuth-module__error-wrapper___a9Edn{padding:.5em;background-color:var(--cdp-web-colors-bg-negativeWash);border-radius:.5em;margin:.5em 1.5em}.ManageAuth-module__error-text___43EOm{color:var(--cdp-web-colors-fg-onNegativeWash)}

package/dist/assets/ManageAuthItem.css

@@ -0,0 +1 @@
+.ManageAuthItem-module__item___a8mWi{display:flex;align-items:center;justify-content:space-between;height:3em;padding:.5em 1em;margin:0 1.5em;border:1px solid var(--cdp-web-colors-page-border-default);border-radius:.75em;transition:all .2s}.ManageAuthItem-module__item-content___dNkjt{display:flex;align-items:center;gap:.75em;flex:1}.ManageAuthItem-module__item-icon___-uLZ2{display:flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;color:var(--cdp-web-colors-page-text-default)}.ManageAuthItem-module__item-text___kwvK6{display:flex;flex-direction:column;gap:.125em}.ManageAuthItem-module__item-label___u6HnP{font-weight:400;font-size:1em;color:var(--cdp-web-colors-page-text-default)}.ManageAuthItem-module__item-value___YnTDg{font-size:.875em;color:var(--cdp-web-colors-page-text-default)}.ManageAuthItem-module__item-action___JObQh{display:flex;align-items:center}.ManageAuthItem-module__button___NngMz{width:1.5em;height:1.5em;padding:0;font-size:1.25em}.ManageAuthItem-module__button___NngMz:disabled{opacity:.5;cursor:not-allowed}

package/dist/assets/ManageAuthModal.css

@@ -0,0 +1 @@
+.ManageAuthModal-module__header___irbw4{display:flex;align-items:center;justify-content:space-between;margin-bottom:1em;padding:1.5em 1.5em 0}.ManageAuthModal-module__title___2Z3vb{font-size:1.25em;font-weight:600;margin:0;color:var(--cdp-web-colors-page-text-default)}.ManageAuthModal-module__close-icon___WnVrd{width:1.25em;height:1.25em}

package/dist/chunks/useSendComponentCallOnce.BHZMuo6E.js

@@ -0,0 +1,273 @@
+import { useRef as M, useEffect as q } from "react";
+function U(s) {
+  return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
+}
+var E = { exports: {} }, T = { exports: {} }, S;
+function H() {
+  return S || (S = 1, function() {
+    var s = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", l = {
+      // Bit-wise rotation left
+      rotl: function(c, u) {
+        return c << u | c >>> 32 - u;
+      },
+      // Bit-wise rotation right
+      rotr: function(c, u) {
+        return c << 32 - u | c >>> u;
+      },
+      // Swap big-endian to little-endian and vice versa
+      endian: function(c) {
+        if (c.constructor == Number)
+          return l.rotl(c, 8) & 16711935 | l.rotl(c, 24) & 4278255360;
+        for (var u = 0; u < c.length; u++)
+          c[u] = l.endian(c[u]);
+        return c;
+      },
+      // Generate an array of any length of random bytes
+      randomBytes: function(c) {
+        for (var u = []; c > 0; c--)
+          u.push(Math.floor(Math.random() * 256));
+        return u;
+      },
+      // Convert a byte array to big-endian 32-bit words
+      bytesToWords: function(c) {
+        for (var u = [], a = 0, f = 0; a < c.length; a++, f += 8)
+          u[f >>> 5] |= c[a] << 24 - f % 32;
+        return u;
+      },
+      // Convert big-endian 32-bit words to a byte array
+      wordsToBytes: function(c) {
+        for (var u = [], a = 0; a < c.length * 32; a += 8)
+          u.push(c[a >>> 5] >>> 24 - a % 32 & 255);
+        return u;
+      },
+      // Convert a byte array to a hex string
+      bytesToHex: function(c) {
+        for (var u = [], a = 0; a < c.length; a++)
+          u.push((c[a] >>> 4).toString(16)), u.push((c[a] & 15).toString(16));
+        return u.join("");
+      },
+      // Convert a hex string to a byte array
+      hexToBytes: function(c) {
+        for (var u = [], a = 0; a < c.length; a += 2)
+          u.push(parseInt(c.substr(a, 2), 16));
+        return u;
+      },
+      // Convert a byte array to a base-64 string
+      bytesToBase64: function(c) {
+        for (var u = [], a = 0; a < c.length; a += 3)
+          for (var f = c[a] << 16 | c[a + 1] << 8 | c[a + 2], d = 0; d < 4; d++)
+            a * 8 + d * 6 <= c.length * 8 ? u.push(s.charAt(f >>> 6 * (3 - d) & 63)) : u.push("=");
+        return u.join("");
+      },
+      // Convert a base-64 string to a byte array
+      base64ToBytes: function(c) {
+        c = c.replace(/[^A-Z0-9+\/]/ig, "");
+        for (var u = [], a = 0, f = 0; a < c.length; f = ++a % 4)
+          f != 0 && u.push((s.indexOf(c.charAt(a - 1)) & Math.pow(2, -2 * f + 8) - 1) << f * 2 | s.indexOf(c.charAt(a)) >>> 6 - f * 2);
+        return u;
+      }
+    };
+    T.exports = l;
+  }()), T.exports;
+}
+var F, m;
+function x() {
+  if (m) return F;
+  m = 1;
+  var s = {
+    // UTF-8 encoding
+    utf8: {
+      // Convert a string to a byte array
+      stringToBytes: function(l) {
+        return s.bin.stringToBytes(unescape(encodeURIComponent(l)));
+      },
+      // Convert a byte array to a string
+      bytesToString: function(l) {
+        return decodeURIComponent(escape(s.bin.bytesToString(l)));
+      }
+    },
+    // Binary encoding
+    bin: {
+      // Convert a string to a byte array
+      stringToBytes: function(l) {
+        for (var c = [], u = 0; u < l.length; u++)
+          c.push(l.charCodeAt(u) & 255);
+        return c;
+      },
+      // Convert a byte array to a string
+      bytesToString: function(l) {
+        for (var c = [], u = 0; u < l.length; u++)
+          c.push(String.fromCharCode(l[u]));
+        return c.join("");
+      }
+    }
+  };
+  return F = s, F;
+}
+/*!
+ * Determine if an object is a Buffer
+ *
+ * @author   Feross Aboukhadijeh <https://feross.org>
+ * @license  MIT
+ */
+var B, O;
+function N() {
+  if (O) return B;
+  O = 1, B = function(c) {
+    return c != null && (s(c) || l(c) || !!c._isBuffer);
+  };
+  function s(c) {
+    return !!c.constructor && typeof c.constructor.isBuffer == "function" && c.constructor.isBuffer(c);
+  }
+  function l(c) {
+    return typeof c.readFloatLE == "function" && typeof c.slice == "function" && s(c.slice(0, 0));
+  }
+  return B;
+}
+var A;
+function V() {
+  return A || (A = 1, function() {
+    var s = H(), l = x().utf8, c = N(), u = x().bin, a = function(f, d) {
+      f.constructor == String ? d && d.encoding === "binary" ? f = u.stringToBytes(f) : f = l.stringToBytes(f) : c(f) ? f = Array.prototype.slice.call(f, 0) : !Array.isArray(f) && f.constructor !== Uint8Array && (f = f.toString());
+      for (var o = s.bytesToWords(f), y = f.length * 8, r = 1732584193, t = -271733879, e = -1732584194, n = 271733878, i = 0; i < o.length; i++)
+        o[i] = (o[i] << 8 | o[i] >>> 24) & 16711935 | (o[i] << 24 | o[i] >>> 8) & 4278255360;
+      o[y >>> 5] |= 128 << y % 32, o[(y + 64 >>> 9 << 4) + 14] = y;
+      for (var p = a._ff, h = a._gg, v = a._hh, _ = a._ii, i = 0; i < o.length; i += 16) {
+        var P = r, D = t, I = e, L = n;
+        r = p(r, t, e, n, o[i + 0], 7, -680876936), n = p(n, r, t, e, o[i + 1], 12, -389564586), e = p(e, n, r, t, o[i + 2], 17, 606105819), t = p(t, e, n, r, o[i + 3], 22, -1044525330), r = p(r, t, e, n, o[i + 4], 7, -176418897), n = p(n, r, t, e, o[i + 5], 12, 1200080426), e = p(e, n, r, t, o[i + 6], 17, -1473231341), t = p(t, e, n, r, o[i + 7], 22, -45705983), r = p(r, t, e, n, o[i + 8], 7, 1770035416), n = p(n, r, t, e, o[i + 9], 12, -1958414417), e = p(e, n, r, t, o[i + 10], 17, -42063), t = p(t, e, n, r, o[i + 11], 22, -1990404162), r = p(r, t, e, n, o[i + 12], 7, 1804603682), n = p(n, r, t, e, o[i + 13], 12, -40341101), e = p(e, n, r, t, o[i + 14], 17, -1502002290), t = p(t, e, n, r, o[i + 15], 22, 1236535329), r = h(r, t, e, n, o[i + 1], 5, -165796510), n = h(n, r, t, e, o[i + 6], 9, -1069501632), e = h(e, n, r, t, o[i + 11], 14, 643717713), t = h(t, e, n, r, o[i + 0], 20, -373897302), r = h(r, t, e, n, o[i + 5], 5, -701558691), n = h(n, r, t, e, o[i + 10], 9, 38016083), e = h(e, n, r, t, o[i + 15], 14, -660478335), t = h(t, e, n, r, o[i + 4], 20, -405537848), r = h(r, t, e, n, o[i + 9], 5, 568446438), n = h(n, r, t, e, o[i + 14], 9, -1019803690), e = h(e, n, r, t, o[i + 3], 14, -187363961), t = h(t, e, n, r, o[i + 8], 20, 1163531501), r = h(r, t, e, n, o[i + 13], 5, -1444681467), n = h(n, r, t, e, o[i + 2], 9, -51403784), e = h(e, n, r, t, o[i + 7], 14, 1735328473), t = h(t, e, n, r, o[i + 12], 20, -1926607734), r = v(r, t, e, n, o[i + 5], 4, -378558), n = v(n, r, t, e, o[i + 8], 11, -2022574463), e = v(e, n, r, t, o[i + 11], 16, 1839030562), t = v(t, e, n, r, o[i + 14], 23, -35309556), r = v(r, t, e, n, o[i + 1], 4, -1530992060), n = v(n, r, t, e, o[i + 4], 11, 1272893353), e = v(e, n, r, t, o[i + 7], 16, -155497632), t = v(t, e, n, r, o[i + 10], 23, -1094730640), r = v(r, t, e, n, o[i + 13], 4, 681279174), n = v(n, r, t, e, o[i + 0], 11, -358537222), e = v(e, n, r, t, o[i + 3], 16, -722521979), t = v(t, e, n, r, o[i + 6], 23, 76029189), r = v(r, t, e, n, o[i + 9], 4, -640364487), n = v(n, r, t, e, o[i + 12], 11, -421815835), e = v(e, n, r, t, o[i + 15], 16, 530742520), t = v(t, e, n, r, o[i + 2], 23, -995338651), r = _(r, t, e, n, o[i + 0], 6, -198630844), n = _(n, r, t, e, o[i + 7], 10, 1126891415), e = _(e, n, r, t, o[i + 14], 15, -1416354905), t = _(t, e, n, r, o[i + 5], 21, -57434055), r = _(r, t, e, n, o[i + 12], 6, 1700485571), n = _(n, r, t, e, o[i + 3], 10, -1894986606), e = _(e, n, r, t, o[i + 10], 15, -1051523), t = _(t, e, n, r, o[i + 1], 21, -2054922799), r = _(r, t, e, n, o[i + 8], 6, 1873313359), n = _(n, r, t, e, o[i + 15], 10, -30611744), e = _(e, n, r, t, o[i + 6], 15, -1560198380), t = _(t, e, n, r, o[i + 13], 21, 1309151649), r = _(r, t, e, n, o[i + 4], 6, -145523070), n = _(n, r, t, e, o[i + 11], 10, -1120210379), e = _(e, n, r, t, o[i + 2], 15, 718787259), t = _(t, e, n, r, o[i + 9], 21, -343485551), r = r + P >>> 0, t = t + D >>> 0, e = e + I >>> 0, n = n + L >>> 0;
+      }
+      return s.endian([r, t, e, n]);
+    };
+    a._ff = function(f, d, o, y, r, t, e) {
+      var n = f + (d & o | ~d & y) + (r >>> 0) + e;
+      return (n << t | n >>> 32 - t) + d;
+    }, a._gg = function(f, d, o, y, r, t, e) {
+      var n = f + (d & y | o & ~y) + (r >>> 0) + e;
+      return (n << t | n >>> 32 - t) + d;
+    }, a._hh = function(f, d, o, y, r, t, e) {
+      var n = f + (d ^ o ^ y) + (r >>> 0) + e;
+      return (n << t | n >>> 32 - t) + d;
+    }, a._ii = function(f, d, o, y, r, t, e) {
+      var n = f + (o ^ (d | ~y)) + (r >>> 0) + e;
+      return (n << t | n >>> 32 - t) + d;
+    }, a._blocksize = 16, a._digestsize = 16, E.exports = function(f, d) {
+      if (f == null)
+        throw new Error("Illegal argument " + f);
+      var o = s.wordsToBytes(a(f, d));
+      return d && d.asBytes ? o : d && d.asString ? u.bytesToString(o) : s.bytesToHex(o);
+    };
+  }()), E.exports;
+}
+var G = V();
+const J = /* @__PURE__ */ U(G);
+function K() {
+  try {
+    return typeof navigator < "u" && navigator.product === "ReactNative";
+  } catch {
+    return !1;
+  }
+}
+function $() {
+  try {
+    if (typeof window > "u")
+      return typeof process < "u" && process.env && "__NEXT_PROCESSED_ENV" in process.env;
+    const s = window;
+    return !!(s.__NEXT_DATA__ || s.next || document.getElementById("__next"));
+  } catch {
+    return !1;
+  }
+}
+function z() {
+  try {
+    if (typeof window > "u")
+      return !1;
+    const s = window;
+    return !!(s.__VUE__ || s.__VUE_DEVTOOLS_GLOBAL_HOOK__ || document.querySelector("[data-v-]"));
+  } catch {
+    return !1;
+  }
+}
+function W() {
+  try {
+    if (typeof window > "u")
+      return !1;
+    const s = window;
+    return s.__REACT_DEVTOOLS_GLOBAL_HOOK__ || s.React ? !0 : !!document.querySelector(
+      "[data-reactroot], [data-reactid], ._reactRoot, ._reactRootContainer"
+    );
+  } catch {
+    return !1;
+  }
+}
+function X() {
+  return W() ? "react" : K() ? "react-native" : $() ? "nextjs" : z() ? "vue" : "unknown";
+}
+let R = null;
+function Z() {
+  return R === null && (R = X()), R;
+}
+const b = "1f8d3e558f493e38a037dbfadb8ba344", Q = "d473b1dcc969105adab157226cd9cf63", C = Symbol.for("@coinbase/cdp-analytics");
+function Y() {
+  const s = globalThis;
+  return s[C] || (s[C] = {
+    identifier: "",
+    enabled: !0,
+    isProduction: !1,
+    isUsingMocks: !1,
+    sendEvent: w,
+    sendActionCallEvent: (l) => w({ ...l, type: "action_call" }),
+    sendHookCallEvent: (l) => w({ ...l, type: "hook_call" }),
+    sendComponentCallEvent: (l) => w({ ...l, type: "component_call" }),
+    versionRegistry: {},
+    registerPackageVersion: (l, c) => {
+      g.versionRegistry[l] = c;
+    }
+  }), s[C];
+}
+const g = Y();
+async function w(s) {
+  if (!g.enabled || !g.identifier)
+    return;
+  const l = Date.now(), u = [{
+    user_id: g.identifier,
+    event_type: s.type,
+    platform: k() ? "web" : "native",
+    timestamp: l,
+    event_properties: {
+      project_name: "cdp-embedded-wallet",
+      framework: Z(),
+      isLocalHost: j(),
+      isUsingMocks: g.isUsingMocks,
+      package_versions: g.versionRegistry,
+      ...s
+    }
+  }], a = JSON.stringify(u), f = l.toString(), d = J(a + f), o = {
+    client: g.isProduction ? Q : b,
+    e: a,
+    checksum: d
+  };
+  await fetch("https://cca-lite.coinbase.com/amp", {
+    method: "POST",
+    mode: "no-cors",
+    headers: {
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify(o)
+  });
+}
+function k() {
+  return typeof window < "u" && typeof document < "u";
+}
+function j() {
+  return k() ? window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1" : !1;
+}
+function nt(s) {
+  const l = M(!1);
+  q(() => {
+    l.current || (g.sendComponentCallEvent({ name: s }), l.current = !0);
+  }, [s]);
+}
+export {
+  g as A,
+  nt as u
+};

package/dist/components/AuthButton/index.js

@@ -1,6 +1,6 @@
 import { jsx as u, jsxs as j, Fragment as k } from "react/jsx-runtime";
 import { useIsInitialized as y, useIsSignedIn as z } from "@coinbase/cdp-hooks";
-import { u as D } from "../../chunks/useSendComponentCallOnce.CUgcsUye.js";
+import { u as D } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
 import { useState as m, useRef as M, useCallback as x, useEffect as f } from "react";
 import { SignInModal as N } from "../SignInModal/index.js";
 import { SignOutButton as $ } from "../SignOutButton/index.js";

package/dist/components/Fund/index.js

@@ -1,5 +1,5 @@
 import { jsx as n, jsxs as i, Fragment as f } from "react/jsx-runtime";
-import { u as p } from "../../chunks/useSendComponentCallOnce.CUgcsUye.js";
+import { u as p } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
 import { useId as c } from "react";
 import { useAppConfig as F } from "../CDPReactProvider/index.js";
 import { CoinbaseFooter as a } from "../ui/CoinbaseFooter/index.js";

package/dist/components/FundModal/index.js

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as i, Fragment as p } from "react/jsx-runtime";
-import { u as w } from "../../chunks/useSendComponentCallOnce.CUgcsUye.js";
+import { u as w } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
 import { createContext as j, useState as A, useCallback as F, useMemo as S, useId as $, useContext as z } from "react";
 import { c as x } from "../../chunks/lite.1fxw3LjI.js";
 import { useAppConfig as V } from "../CDPReactProvider/index.js";

package/dist/components/ManageAuth/ManageAuthItem.d.ts

@@ -0,0 +1,9 @@
+import { AuthMethod as ConfiguredAuthMethod } from '../CDPReactProvider';
+interface ManageAuthItemProps {
+    authMethod: ConfiguredAuthMethod;
+    displayValue: string;
+    isLinked: boolean;
+    onLink: (method: ConfiguredAuthMethod) => void;
+}
+declare const ManageAuthItem: ({ authMethod, displayValue, isLinked, onLink }: ManageAuthItemProps) => import("react/jsx-runtime").JSX.Element;
+export { ManageAuthItem as unstable_ManageAuthItem, type ManageAuthItemProps as unstable_ManageAuthItemProps, };

package/dist/components/ManageAuth/ManageAuthItem.js

@@ -0,0 +1,77 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { useCallback as s } from "react";
+import { Button as m } from "../ui/Button/index.js";
+import { IconAppleLogo as _ } from "../../icons/IconAppleLogo.js";
+import { IconEnvelope as d } from "../../icons/IconEnvelope.js";
+import { IconGoogleLogo as h } from "../../icons/IconGoogleLogo.js";
+import { IconPhone as g } from "../../icons/IconPhone.js";
+import { IconMinus as p } from "../../icons/IconMinus.js";
+import { IconPlus as b } from "../../icons/IconPlus.js";
+import '../../assets/ManageAuthItem.css';const I = "ManageAuthItem-module__item___a8mWi", A = "ManageAuthItem-module__button___NngMz", t = {
+  item: I,
+  "item-content": "ManageAuthItem-module__item-content___dNkjt",
+  "item-icon": "ManageAuthItem-module__item-icon___-uLZ2",
+  "item-text": "ManageAuthItem-module__item-text___kwvK6",
+  "item-label": "ManageAuthItem-module__item-label___u6HnP",
+  "item-value": "ManageAuthItem-module__item-value___YnTDg",
+  "item-action": "ManageAuthItem-module__item-action___JObQh",
+  button: A
+}, v = (a) => {
+  switch (a) {
+    case "email":
+      return /* @__PURE__ */ e(d, { "aria-label": "Email" });
+    case "sms":
+      return /* @__PURE__ */ e(g, { "aria-label": "Phone" });
+    case "oauth:google":
+      return /* @__PURE__ */ e(h, { "aria-label": "Google" });
+    case "oauth:apple":
+      return /* @__PURE__ */ e(_, { "aria-label": "Apple" });
+    default:
+      return null;
+  }
+}, f = (a) => {
+  switch (a) {
+    case "email":
+      return "Email";
+    case "sms":
+      return "Phone";
+    case "oauth:google":
+      return "Google";
+    case "oauth:apple":
+      return "Apple";
+    default:
+      return null;
+  }
+}, G = ({ authMethod: a, displayValue: o, isLinked: r, onLink: i }) => {
+  const c = v(a), n = f(a), u = s(() => {
+    i(a);
+  }, [a, i]);
+  return /* @__PURE__ */ l("div", { className: t.item, children: [
+    /* @__PURE__ */ l("div", { className: t["item-content"], children: [
+      /* @__PURE__ */ e("div", { className: t["item-icon"], children: c }),
+      /* @__PURE__ */ e("div", { className: t["item-text"], children: o ? /* @__PURE__ */ e("div", { className: t["item-value"], children: o }) : /* @__PURE__ */ e("div", { className: t["item-label"], children: n }) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: t["item-action"], children: r ? /* @__PURE__ */ e(
+      m,
+      {
+        variant: "secondary",
+        className: t.button,
+        disabled: !0,
+        "aria-label": `Unlink ${n}`,
+        children: /* @__PURE__ */ e(p, { "aria-hidden": "true" })
+      }
+    ) : /* @__PURE__ */ e(
+      m,
+      {
+        variant: "primary",
+        className: t.button,
+        onClick: u,
+        "aria-label": `Link ${n}`,
+        children: /* @__PURE__ */ e(b, { "aria-hidden": "true" })
+      }
+    ) })
+  ] });
+};
+export {
+  G as unstable_ManageAuthItem
+};

package/dist/components/ManageAuth/ManageAuthProvider.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { unstable_ManageAuthState as ManageAuthState } from './types';
+interface ManageAuthProviderProps {
+    children: ReactNode;
+}
+declare const ManageAuthProvider: ({ children }: ManageAuthProviderProps) => import("react/jsx-runtime").JSX.Element;
+declare const useManageAuthContext: () => ManageAuthState;
+export { ManageAuthProvider as unstable_ManageAuthProvider, useManageAuthContext as unstable_useManageAuthContext, type ManageAuthProviderProps as unstable_ManageAuthProviderProps, };

package/dist/components/ManageAuth/ManageAuthProvider.js

@@ -0,0 +1,64 @@
+import { jsx as m } from "react/jsx-runtime";
+import { useCurrentUser as p } from "@coinbase/cdp-hooks";
+import { createContext as c, useState as r, useMemo as g, useContext as M } from "react";
+import { useAppConfig as f } from "../CDPReactProvider/index.js";
+const l = c(void 0), y = ({ children: t }) => {
+  const [o, s] = r(null), [n, i] = r(null), { currentUser: e } = p(), { authMethods: h } = f(), u = h.map((a) => {
+    switch (a) {
+      case "email":
+        return e?.authenticationMethods.email ? {
+          isLinked: !0,
+          displayValue: e.authenticationMethods.email.email,
+          method: "email"
+        } : {
+          isLinked: !1,
+          displayValue: "",
+          method: "email"
+        };
+      case "sms":
+        return e?.authenticationMethods.sms ? {
+          isLinked: !0,
+          displayValue: e.authenticationMethods.sms.phoneNumber,
+          method: "sms"
+        } : {
+          isLinked: !1,
+          displayValue: "",
+          method: "sms"
+        };
+      case "oauth:google":
+        return e?.authenticationMethods.google ? {
+          isLinked: !0,
+          displayValue: e.authenticationMethods.google.email ?? "",
+          method: "oauth:google"
+        } : {
+          isLinked: !1,
+          displayValue: "",
+          method: "oauth:google"
+        };
+      case "oauth:apple":
+        return e?.authenticationMethods.apple ? {
+          isLinked: !0,
+          displayValue: e.authenticationMethods.apple.email ?? "",
+          method: "oauth:apple"
+        } : {
+          isLinked: !1,
+          displayValue: "",
+          method: "oauth:apple"
+        };
+    }
+    return null;
+  }).filter((a) => a !== null), d = g(
+    () => ({ error: n, setError: i, manageAuthMethods: u, methodToLink: o, setMethodToLink: s }),
+    [n, i, u, o, s]
+  );
+  return /* @__PURE__ */ m(l.Provider, { value: d, children: t });
+}, C = () => {
+  const t = M(l);
+  if (!t)
+    throw new Error("useManageAuthContext must be used within a ManageAuthProvider");
+  return t;
+};
+export {
+  y as unstable_ManageAuthProvider,
+  C as unstable_useManageAuthContext
+};

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

@@ -0,0 +1,9 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { unstable_ManageAuthState as ManageAuthState } from './types';
+interface ManageAuthProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    children?: ReactNode | ((state: ManageAuthState) => ReactNode);
+    onLinkSuccess?: (method: string) => void;
+}
+declare const ManageAuthContent: ({ className, onLinkSuccess, ...props }: ManageAuthProps) => import("react/jsx-runtime").JSX.Element;
+declare const ManageAuth: (props: ManageAuthProps) => import("react/jsx-runtime").JSX.Element;
+export { ManageAuthContent as unstable_ManageAuthContent, ManageAuth as unstable_ManageAuth, type ManageAuthProps as unstable_ManageAuthProps, };

package/dist/components/ManageAuth/index.js

@@ -0,0 +1,51 @@
+import { jsx as r, jsxs as p, Fragment as _ } from "react/jsx-runtime";
+import { useLinkOAuth as d } from "@coinbase/cdp-hooks";
+import { u as g } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import { useCallback as A } from "react";
+import { Error as f } from "../ui/Error/index.js";
+import { unstable_ManageAuthItem as k } from "./ManageAuthItem.js";
+import { unstable_useManageAuthContext as x, unstable_ManageAuthProvider as M } from "./ManageAuthProvider.js";
+import "../CDPReactProvider/index.js";
+import '../../assets/ManageAuth.css';const C = "ManageAuth-module__list___lVrdU", t = {
+  "manage-auth": "ManageAuth-module__manage-auth___4Hpt3",
+  list: C,
+  "error-wrapper": "ManageAuth-module__error-wrapper___a9Edn",
+  "error-text": "ManageAuth-module__error-text___43EOm"
+}, E = ({ className: n = "", onLinkSuccess: o, ...u }) => {
+  const { manageAuthMethods: c, setMethodToLink: s, error: l, setError: i } = x(), { linkOAuth: m } = d(), h = A(
+    (e) => {
+      try {
+        if (e === "email")
+          s("email");
+        else if (e === "sms")
+          s("sms");
+        else if (e.startsWith("oauth:")) {
+          const a = e.replace("oauth:", "");
+          m(a);
+        } else
+          throw new Error(`Unsupported auth method: ${e}`);
+        o?.(e);
+      } catch (a) {
+        i(a instanceof Error ? a.message : "An unknown error occurred");
+      }
+    },
+    [m, o, i, s]
+  );
+  return /* @__PURE__ */ r("div", { className: `${t["manage-auth"]} ${n}`, ...u, children: /* @__PURE__ */ p(_, { children: [
+    l && /* @__PURE__ */ r("div", { className: t["error-wrapper"], children: /* @__PURE__ */ r(f, { role: "alert", children: /* @__PURE__ */ r("span", { className: t["error-text"], children: l }) }) }),
+    /* @__PURE__ */ r("ul", { className: t.list, children: c.map((e) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
+      k,
+      {
+        authMethod: e.method,
+        displayValue: e.displayValue,
+        isLinked: e.isLinked,
+        onLink: h
+      },
+      e.method
+    ) }, e.method)) })
+  ] }) });
+}, V = (n) => (g("manage_auth"), /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(E, { ...n }) }));
+export {
+  V as unstable_ManageAuth,
+  E as unstable_ManageAuthContent
+};

package/dist/components/ManageAuth/types.d.ts

@@ -0,0 +1,13 @@
+import { AuthMethod as ConfiguredAuthMethod } from '../CDPReactProvider';
+export type unstable_ManageAuthMethod = {
+    isLinked: boolean;
+    displayValue: string;
+    method: ConfiguredAuthMethod;
+};
+export interface unstable_ManageAuthState {
+    methodToLink: ConfiguredAuthMethod | null;
+    setMethodToLink: (method: ConfiguredAuthMethod) => void;
+    manageAuthMethods: unstable_ManageAuthMethod[];
+    error: string | null;
+    setError: (error: string | null) => void;
+}

package/dist/components/ManageAuth/types.js

@@ -0,0 +1 @@
+import "../CDPReactProvider/index.js";

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

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '../ui/Button';
+import { ModalContentProps } from '../ui/Modal';
+interface ManageAuthModalTriggerProps extends Partial<Pick<ButtonProps, "className" | "fullWidth" | "size" | "style" | "variant">> {
+    children?: ReactNode;
+    label?: ReactNode;
+}
+interface ManageAuthModalContentProps extends ModalContentProps {
+    onLinkSuccess?: (method: string) => void;
+}
+interface ManageAuthModalProps {
+    children?: ReactNode;
+    open?: boolean;
+    setIsOpen?: (value: boolean) => void;
+    onLinkSuccess?: (method: string) => void;
+}
+declare const ManageAuthModalTrigger: ({ children, className, label, ...props }: ManageAuthModalTriggerProps) => import("react/jsx-runtime").JSX.Element;
+declare const ManageAuthModalContent: (props: ManageAuthModalContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const ManageAuthModal: ({ children, open, setIsOpen, onLinkSuccess }: ManageAuthModalProps) => import("react/jsx-runtime").JSX.Element;
+export { ManageAuthModal as unstable_ManageAuthModal, ManageAuthModalContent as unstable_ManageAuthModalContent, ManageAuthModalTrigger as unstable_ManageAuthModalTrigger, type ManageAuthModalProps as unstable_ManageAuthModalProps, type ManageAuthModalContentProps as unstable_ManageAuthModalContentProps, type ManageAuthModalTriggerProps as unstable_ManageAuthModalTriggerProps, };

package/dist/components/ManageAuthModal/index.js

@@ -0,0 +1,53 @@
+import { jsx as e, jsxs as o, Fragment as d } from "react/jsx-runtime";
+import { u as p } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import { createContext as A, useMemo as C, useContext as f } from "react";
+import { unstable_ManageAuth as x } from "../ManageAuth/index.js";
+import { Button as h } from "../ui/Button/index.js";
+import { IconXMark as b } from "../../icons/IconXMark.js";
+import "../CDPReactProvider/index.js";
+import { Modal as T, ModalContent as k, ModalClose as v, ModalTrigger as w, ModalTitle as y, ModalDescription as L } from "../ui/Modal/index.js";
+import { VisuallyHidden as D } from "../ui/VisuallyHidden/index.js";
+import { childrenHasComponent as u } from "../../utils/childrenHasComponent.js";
+import '../../assets/ManageAuthModal.css';const N = "ManageAuthModal-module__header___irbw4", V = "ManageAuthModal-module__title___2Z3vb", l = {
+  header: N,
+  title: V,
+  "close-icon": "ManageAuthModal-module__close-icon___WnVrd"
+}, M = A(null), j = () => {
+  const a = f(M);
+  if (!a)
+    throw new Error("useManageAuthModalContext must be used within a ManageAuthModal");
+  return a;
+}, c = ({
+  children: a,
+  className: t = "",
+  label: r,
+  ...n
+}) => /* @__PURE__ */ e(w, { asChild: !0, children: a || /* @__PURE__ */ e(h, { className: t, ...n, children: r || "Link accounts" }) }), s = (a) => {
+  const { onLinkSuccess: t } = j();
+  return /* @__PURE__ */ o(k, { ...a, children: [
+    /* @__PURE__ */ e(H, {}),
+    /* @__PURE__ */ o("div", { className: l.header, children: [
+      /* @__PURE__ */ e("h2", { className: l.title, children: "Link a profile" }),
+      /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(h, { "aria-label": "Close", size: "md", variant: "transparentSecondary", children: /* @__PURE__ */ e(b, { className: l["close-icon"] }) }) })
+    ] }),
+    /* @__PURE__ */ e(x, { onLinkSuccess: t })
+  ] });
+}, X = ({ children: a, open: t, setIsOpen: r, onLinkSuccess: n }) => {
+  p("manage_auth_modal");
+  const m = a ? u(a, c) : !1, i = a ? u(a, s) : !1, g = !m && !i, _ = C(() => ({ onLinkSuccess: n }), [n]);
+  return /* @__PURE__ */ e(M.Provider, { value: _, children: /* @__PURE__ */ e(T, { open: t, onOpenChange: r, children: g ? /* @__PURE__ */ o(d, { children: [
+    /* @__PURE__ */ e(c, { children: a }),
+    /* @__PURE__ */ e(s, {})
+  ] }) : /* @__PURE__ */ o(d, { children: [
+    a,
+    !i && /* @__PURE__ */ e(s, {})
+  ] }) }) });
+}, H = () => /* @__PURE__ */ o(D, { children: [
+  /* @__PURE__ */ e(y, { children: "Link a profile" }),
+  /* @__PURE__ */ e(L, { children: "Link additional authentication methods to your account" })
+] });
+export {
+  X as unstable_ManageAuthModal,
+  s as unstable_ManageAuthModalContent,
+  c as unstable_ManageAuthModalTrigger
+};