@coinbase/cdp-react 0.0.87 → 0.0.89

package/dist/components/LinkAuth/LinkAuthProvider.js

@@ -1,14 +1,14 @@
 import { jsx as m } from "react/jsx-runtime";
 import { useCurrentUser as c } from "@coinbase/cdp-hooks";
-import { createContext as p, useContext as M, useMemo as r, useReducer as A, useEffect as f } from "react";
-import { u as L } from "../../chunks/CDPReactProvider.C38bKQ2x.js";
+import { createContext as M, useContext as p, useMemo as r, useReducer as A, useEffect as f } from "react";
+import { u as L } from "../../chunks/CDPReactProvider.BkmtXUv1.js";
 import { formatPhoneNumber as k } from "../../utils/formatPhoneNumber.js";
-const T = {
+const g = {
   methodToLink: null,
   authMethods: [],
   error: null,
   isPending: !1
-}, d = p(void 0), E = (e, t) => {
+}, d = M(void 0), T = (e, t) => {
   switch (t) {
     case "email":
       return {
@@ -35,11 +35,16 @@ const T = {
         userAlias: (e.authenticationMethods.x?.username ? `@${e.authenticationMethods.x.username}` : e.authenticationMethods.x?.email) ?? "",
         isLinked: !!e.authenticationMethods.x
       };
+    case "oauth:telegram":
+      return {
+        userAlias: e.authenticationMethods.telegram?.username ? `@${e.authenticationMethods.telegram.username}` : "",
+        isLinked: !!e.authenticationMethods.telegram
+      };
     default:
       return null;
   }
 };
-function g(e, t) {
+function E(e, t) {
   switch (t.type) {
     case "LINK_AUTH_METHOD":
       return {
@@ -71,33 +76,33 @@ function g(e, t) {
   }
 }
 const y = ({ children: e }) => {
-  const { currentUser: t } = c(), { authMethods: a } = L(), s = r(() => {
-    const n = [];
-    return a.forEach((i) => {
+  const { currentUser: t } = c(), { authMethods: n } = L(), a = r(() => {
+    const i = [];
+    return n.forEach((s) => {
       if (!t) {
-        n.push({
+        i.push({
           userAlias: "",
           isLinked: !1,
-          method: i
+          method: s
         });
         return;
       }
-      const h = E(t, i);
-      n.push({
-        userAlias: h?.userAlias ?? "",
-        isLinked: h?.isLinked ?? !1,
-        method: i
+      const u = T(t, s);
+      i.push({
+        userAlias: u?.userAlias ?? "",
+        isLinked: u?.isLinked ?? !1,
+        method: s
       });
-    }), n;
-  }, [t, a]), [u, o] = A(g, {
-    ...T,
-    authMethods: s
-  }), l = r(() => ({ state: u, dispatch: o }), [u, o]);
+    }), i;
+  }, [t, n]), [h, o] = A(E, {
+    ...g,
+    authMethods: a
+  }), l = r(() => ({ state: h, dispatch: o }), [h, o]);
   return f(() => {
-    o({ type: "SET_AUTH_METHODS", payload: { methods: s } });
-  }, [o, s]), /* @__PURE__ */ m(d.Provider, { value: l, children: e });
+    o({ type: "SET_AUTH_METHODS", payload: { methods: a } });
+  }, [o, a]), /* @__PURE__ */ m(d.Provider, { value: l, children: e });
 }, C = () => {
-  const e = M(d);
+  const e = p(d);
   if (!e)
     throw new Error("useLinkAuthContext must be used within a LinkAuthProvider");
   return e;

package/dist/components/LinkAuth/index.js

@@ -1,33 +1,33 @@
-import { jsx as r, jsxs as h, Fragment as C } from "react/jsx-runtime";
-import { useLinkOAuth as I } from "@coinbase/cdp-hooks";
-import { u as N } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
-import { useRef as d, useState as P, useCallback as a } from "react";
-import "../../chunks/CDPReactProvider.C38bKQ2x.js";
-import { useOauthStatusModal as U } from "../OAuthStatusModal/index.js";
-import { Banner as D } from "../ui/Banner/index.js";
-import { useTimeout as H } from "../../hooks/useTimeout.js";
-import { getMessageFromUnknownError as M } from "../../utils/getMessageFromUnknownError.js";
+import { jsx as r, jsxs as h, Fragment as I } from "react/jsx-runtime";
+import { useLinkOAuth as N } from "@coinbase/cdp-hooks";
+import { u as P } from "../../chunks/useSendComponentCallOnce.DGjALrnZ.js";
+import { useRef as d, useState as U, useCallback as a } from "react";
+import "../../chunks/CDPReactProvider.BkmtXUv1.js";
+import { useOauthStatusModal as D } from "../OAuthStatusModal/index.js";
+import { Banner as H } from "../ui/Banner/index.js";
+import { useTimeout as M } from "../../hooks/useTimeout.js";
+import { getMessageFromUnknownError as v } from "../../utils/getMessageFromUnknownError.js";
 import "libphonenumber-js";
-import { toOAuthProviderType as v } from "../../utils/toOAuthProviderType.js";
-import { L as V, a as j } from "../../chunks/LinkAuthFlow.CLubKoY0.js";
-import { u as kt } from "../../chunks/LinkAuthFlow.CLubKoY0.js";
-import { LinkAuthFlowBackButton as K } from "./LinkAuthFlowBackButton.js";
-import { LinkAuthItem as pt } from "./LinkAuthItem.js";
-import { LinkAuthItems as At } from "./LinkAuthItems.js";
-import { useLinkAuthContext as O, LinkAuthProvider as W } from "./LinkAuthProvider.js";
-import { LinkAuthTitle as $ } from "./LinkAuthTitle.js";
-import { methodToView as y } from "./utils.js";
-import '../../assets/LinkAuth.css';const b = "LinkAuth-module__header___0UuxP", G = "LinkAuth-module__error___XUo4W", k = {
+import { toOAuthProviderType as V } from "../../utils/toOAuthProviderType.js";
+import { L as j, a as K } from "../../chunks/LinkAuthFlow.B4FAtf4V.js";
+import { u as ft } from "../../chunks/LinkAuthFlow.B4FAtf4V.js";
+import { LinkAuthFlowBackButton as W } from "./LinkAuthFlowBackButton.js";
+import { LinkAuthItem as Lt } from "./LinkAuthItem.js";
+import { LinkAuthItems as _t } from "./LinkAuthItems.js";
+import { useLinkAuthContext as x, LinkAuthProvider as $ } from "./LinkAuthProvider.js";
+import { LinkAuthTitle as b } from "./LinkAuthTitle.js";
+import { methodToView as O } from "./utils.js";
+import '../../assets/LinkAuth.css';const G = "LinkAuth-module__header___0UuxP", J = "LinkAuth-module__error___XUo4W", k = {
   "link-auth": "LinkAuth-module__link-auth___kPJao",
-  header: b,
-  error: G
-}, J = ({ role: o = "alert", ...c }) => {
-  const { state: i } = O(), { error: s } = i;
-  return s ? /* @__PURE__ */ r(D, { variant: "error", role: o, ...c, children: s }) : null;
-}, X = ({ children: o, className: c = "", onLinkSuccess: i, ...s }) => {
-  const { linkOAuth: f } = I(), { persistOAuthState: p } = U(), { state: u, dispatch: n } = O(), { methodToLink: x } = u, L = d(null), l = d(null), { schedule: A } = H(), E = y(x), _ = d(E), [B, m] = P("left"), e = a(
+  header: G,
+  error: J
+}, X = ({ role: o = "alert", ...c }) => {
+  const { state: i } = x(), { error: s } = i;
+  return s ? /* @__PURE__ */ r(H, { variant: "error", role: o, ...c, children: s }) : null;
+}, q = ({ children: o, className: c = "", onLinkSuccess: i, ...s }) => {
+  const { linkOAuth: f } = N(), { persistOAuthState: p, cleanupOAuthState: L } = D(), { state: u, dispatch: n } = x(), { methodToLink: E } = u, A = d(null), l = d(null), { schedule: _ } = M(), S = O(E), T = d(S), [B, m] = U("left"), e = a(
     (t) => {
-      _.current !== t && (_.current = t, L.current?.transition.toggle(t), t === "list" && n({ type: "RESET_STATE" }), (t === "email" || t === "sms") && n({ type: "LINK_AUTH_METHOD", payload: { method: t } }));
+      T.current !== t && (T.current = t, A.current?.transition.toggle(t), t === "list" && n({ type: "RESET_STATE" }), (t === "email" || t === "sms") && n({ type: "LINK_AUTH_METHOD", payload: { method: t } }));
     },
     [n]
   ), F = a(() => {
@@ -37,56 +37,56 @@ import '../../assets/LinkAuth.css';const b = "LinkAuth-module__header___0UuxP",
     }
     e("list");
   }, [e]), R = a(() => {
-    m("left"), i?.(u.methodToLink), A(() => e("list"), 800);
-  }, [e, u.methodToLink, i, A]), S = a(
+    m("left"), i?.(u.methodToLink), _(() => e("list"), 800);
+  }, [e, u.methodToLink, i, _]), w = a(
     async (t) => {
       if (m("left"), t?.startsWith("oauth:")) {
-        const g = v(t);
-        if (g)
+        const y = V(t);
+        if (y)
           try {
-            await f(g), p(!0);
-          } catch (w) {
-            n({
+            p(!0), await f(y);
+          } catch (C) {
+            L(), n({
               type: "LINK_AUTH_METHOD_ERROR",
-              payload: { error: M(w) }
+              payload: { error: v(C) }
             });
           }
       } else
-        e(y(t));
+        e(O(t));
     },
-    [f, e, p, n]
-  ), T = typeof o == "function" ? o(u) : o;
+    [f, e, p, L, n]
+  ), g = typeof o == "function" ? o(u) : o;
   return /* @__PURE__ */ r("div", { className: `${k["link-auth"]} ${c}`, ...s, children: /* @__PURE__ */ h(
-    V,
+    j,
     {
       direction: B,
       onBack: F,
-      onLink: S,
+      onLink: w,
       onLinkSuccess: R,
       signInRef: l,
-      transitionRef: L,
+      transitionRef: A,
       children: [
-        T,
-        !T && /* @__PURE__ */ h(C, { children: [
+        g,
+        !g && /* @__PURE__ */ h(I, { children: [
           /* @__PURE__ */ h("div", { className: k.header, children: [
-            /* @__PURE__ */ r($, {}),
-            /* @__PURE__ */ r(K, {})
+            /* @__PURE__ */ r(b, {}),
+            /* @__PURE__ */ r(W, {})
           ] }),
-          /* @__PURE__ */ r("div", { className: k.error, children: /* @__PURE__ */ r(J, {}) }),
-          /* @__PURE__ */ r(j, {})
+          /* @__PURE__ */ r("div", { className: k.error, children: /* @__PURE__ */ r(X, {}) }),
+          /* @__PURE__ */ r(K, {})
         ] })
       ]
     }
   ) });
-}, mt = (o) => (N("manage_auth"), /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(X, { ...o }) }));
+}, ht = (o) => (P("manage_auth"), /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(q, { ...o }) }));
 export {
-  mt as LinkAuth,
-  J as LinkAuthError,
-  j as LinkAuthFlow,
-  K as LinkAuthFlowBackButton,
-  pt as LinkAuthItem,
-  At as LinkAuthItems,
-  $ as LinkAuthTitle,
-  O as useLinkAuthContext,
-  kt as useLinkAuthFlow
+  ht as LinkAuth,
+  X as LinkAuthError,
+  K as LinkAuthFlow,
+  W as LinkAuthFlowBackButton,
+  Lt as LinkAuthItem,
+  _t as LinkAuthItems,
+  b as LinkAuthTitle,
+  x as useLinkAuthContext,
+  ft as useLinkAuthFlow
 };

package/dist/components/LinkAuth/types.js

@@ -1,4 +1,4 @@
-import "../../chunks/CDPReactProvider.C38bKQ2x.js";
+import "../../chunks/CDPReactProvider.BkmtXUv1.js";
 const t = ["list", "email", "sms"];
 export {
   t as LINK_AUTH_FLOW_VIEWS

package/dist/components/LinkAuth/utils.js

@@ -1,4 +1,4 @@
-import "../../chunks/CDPReactProvider.C38bKQ2x.js";
+import "../../chunks/CDPReactProvider.BkmtXUv1.js";
 import { LINK_AUTH_FLOW_VIEWS as i } from "./types.js";
 const t = (r) => i.includes(r), o = (r) => r && t(r) ? r : "list";
 export {

package/dist/components/LinkAuthModal/index.js

@@ -1,8 +1,8 @@
 import { jsx as o, jsxs as n, Fragment as d } from "react/jsx-runtime";
-import { u as p } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import { u as p } from "../../chunks/useSendComponentCallOnce.DGjALrnZ.js";
 import { createContext as f, useMemo as L, useContext as g } from "react";
 import { c as A } from "../../chunks/lite.1fxw3LjI.js";
-import "../../chunks/CDPReactProvider.C38bKQ2x.js";
+import "../../chunks/CDPReactProvider.BkmtXUv1.js";
 import { LinkAuth as C, LinkAuthError as x } from "../LinkAuth/index.js";
 import { Button as m } from "../ui/Button/index.js";
 import { Modal as b, ModalContent as v, ModalTitle as w, ModalClose as N, ModalTrigger as T } from "../ui/Modal/index.js";
@@ -11,7 +11,7 @@ import { IconXMark as F } from "../../icons/IconXMark.js";
 import { childrenHasComponent as c } from "../../utils/childrenHasComponent.js";
 import { LinkAuthTitle as H } from "../LinkAuth/LinkAuthTitle.js";
 import { LinkAuthFlowBackButton as j } from "../LinkAuth/LinkAuthFlowBackButton.js";
-import { a as B } from "../../chunks/LinkAuthFlow.CLubKoY0.js";
+import { a as B } from "../../chunks/LinkAuthFlow.B4FAtf4V.js";
 import '../../assets/LinkAuthModal.css';const S = "LinkAuthModal-module__header___qoco6", D = "LinkAuthModal-module__error___Srl7H", E = "LinkAuthModal-module__trigger___aHDfG", r = {
   header: S,
   error: D,

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

@@ -6,6 +6,7 @@ type OAuthStatusModalContentProps = {
 };
 export declare const useOauthStatusModal: () => {
     persistOAuthState: (isAccountLink?: boolean) => void;
+    cleanupOAuthState: () => void;
 };
 export declare const OAuthStatusModal: () => import("react/jsx-runtime").JSX.Element;
 export declare const OAuthStatusModalContent: ({ isAccountLink, handleClose, }: OAuthStatusModalContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/OAuthStatusModal/index.js

@@ -1,98 +1,101 @@
-import { jsx as s, jsxs as r, Fragment as S } from "react/jsx-runtime";
+import { jsx as s, jsxs as r, Fragment as f } from "react/jsx-runtime";
 import "@coinbase/cdp-core";
-import { useOAuthState as I } from "@coinbase/cdp-hooks";
-import { u as b } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
-import { useCallback as N, useState as O, useEffect as h, useRef as A } from "react";
-import { a as $ } from "../../chunks/CDPReactProvider.C38bKQ2x.js";
+import { useOAuthState as N } from "@coinbase/cdp-hooks";
+import { u as b } from "../../chunks/useSendComponentCallOnce.DGjALrnZ.js";
+import { useCallback as g, useState as A, useEffect as S, useRef as I } from "react";
+import { a as v } from "../../chunks/CDPReactProvider.BkmtXUv1.js";
 import { CoinbaseFooter as k } from "../ui/CoinbaseFooter/index.js";
 import { LoadingSpinner as w } from "../ui/LoadingSpinner/index.js";
-import { Modal as E, ModalContent as L, ModalTitle as y, ModalDescription as R } from "../ui/Modal/index.js";
+import { Modal as L, ModalContent as E, ModalTitle as y, ModalDescription as R } from "../ui/Modal/index.js";
 import { SwitchFadeTransition as P } from "../ui/SwitchFadeTransition/index.js";
 import { VisuallyHidden as M } from "../ui/VisuallyHidden/index.js";
 import { useTimer as U } from "../../hooks/useTimer.js";
 import { IconAppleLogo as K } from "../../icons/IconAppleLogo.js";
 import { IconCheck as x } from "../../icons/IconCheck.js";
 import { IconGoogleColorLogo as G } from "../../icons/IconGoogleColorLogo.js";
-import { IconXLogo as H } from "../../icons/IconXLogo.js";
-import { IconXMark as q } from "../../icons/IconXMark.js";
+import { IconTelegramLogo as H } from "../../icons/IconTelegramLogo.js";
+import { IconXLogo as q } from "../../icons/IconXLogo.js";
+import { IconXMark as Y } from "../../icons/IconXMark.js";
 import { capitalize as _ } from "../../utils/capitalize.js";
-import '../../assets/OAuthStatusModal.css';const Y = "OAuthStatusModal-module__status___vU6x7", j = "OAuthStatusModal-module__graphic___2fKoa", D = "OAuthStatusModal-module__pad___oooMz", F = "OAuthStatusModal-module__spinner___Q3dYq", z = "OAuthStatusModal-module__icon___Lj5Gf", V = "OAuthStatusModal-module__subhead___Pg9GI", W = "OAuthStatusModal-module__description___0qOZY", X = "OAuthStatusModal-module__ring___mKwSb", J = "OAuthStatusModal-module__invisible___IeRd0", t = {
+import '../../assets/OAuthStatusModal.css';const j = "OAuthStatusModal-module__status___vU6x7", D = "OAuthStatusModal-module__graphic___2fKoa", F = "OAuthStatusModal-module__pad___oooMz", z = "OAuthStatusModal-module__spinner___Q3dYq", V = "OAuthStatusModal-module__icon___Lj5Gf", W = "OAuthStatusModal-module__subhead___Pg9GI", X = "OAuthStatusModal-module__description___0qOZY", J = "OAuthStatusModal-module__ring___mKwSb", Q = "OAuthStatusModal-module__invisible___IeRd0", t = {
   "oauth-status-modal": "OAuthStatusModal-module__oauth-status-modal___I69Ii",
   "transition-wrapper": "OAuthStatusModal-module__transition-wrapper___TmPRh",
-  status: Y,
-  graphic: j,
-  pad: D,
-  spinner: F,
-  icon: z,
+  status: j,
+  graphic: D,
+  pad: F,
+  spinner: z,
+  icon: V,
   "icon-success": "OAuthStatusModal-module__icon-success___gqMWr",
   "icon-error": "OAuthStatusModal-module__icon-error___psI7m",
-  subhead: V,
-  description: W,
-  ring: X,
+  subhead: W,
+  description: X,
+  ring: J,
   "ring-success": "OAuthStatusModal-module__ring-success___unyM9",
   "ring-error": "OAuthStatusModal-module__ring-error___OsgqU",
-  invisible: J
-}, p = "cdp-react-sign-in-with-oauth-provider-name", g = "cdp-react-sign-in-with-oauth-is-account-link", Q = ["pending", "success", "error"], It = () => {
-  const n = $() || "";
-  return { persistOAuthState: N(
-    (e) => {
+  invisible: Q
+}, p = "cdp-react-sign-in-with-oauth-provider-name", h = "cdp-react-sign-in-with-oauth-is-account-link", Z = ["pending", "success", "error"], vt = () => {
+  const n = v() || "", o = g(
+    (a) => {
       sessionStorage.setItem(p, n), sessionStorage.setItem(
-        g,
-        e ? "true" : "false"
+        h,
+        a ? "true" : "false"
       );
     },
     [n]
-  ) };
-}, Nt = () => {
+  ), e = g(() => {
+    sessionStorage.removeItem(p), sessionStorage.removeItem(h);
+  }, []);
+  return { persistOAuthState: o, cleanupOAuthState: e };
+}, $t = () => {
   b("oauth_status_modal");
-  const [n, o] = O(!1), { oauthState: e } = I(), [d, a] = O(!1), c = $(), u = e?.providerType || "google";
-  return h(() => {
+  const [n, o] = A(!1), { oauthState: e } = N(), [a, i] = A(!1), u = v(), l = e?.providerType || "google";
+  return S(() => {
     if (e?.status === "pending" || e?.status === "error" || e?.status === "success") {
-      const l = sessionStorage.getItem(p);
-      if (l === null || l !== c)
+      const d = sessionStorage.getItem(p);
+      if (d === null || d !== u)
         return;
       sessionStorage.removeItem(p), o(!0);
-      const m = sessionStorage.getItem(g) === "true";
-      sessionStorage.removeItem(g), a(m);
+      const m = sessionStorage.getItem(h) === "true";
+      sessionStorage.removeItem(h), i(m);
     }
-  }, [e?.status, c]), /* @__PURE__ */ s(E, { open: n, onOpenChange: o, children: /* @__PURE__ */ r(L, { children: [
+  }, [e?.status, u]), /* @__PURE__ */ s(L, { open: n, onOpenChange: o, children: /* @__PURE__ */ r(E, { children: [
     /* @__PURE__ */ s(M, { children: /* @__PURE__ */ s(y, { children: "OAuth Status" }) }),
     /* @__PURE__ */ s(M, { children: /* @__PURE__ */ r(R, { children: [
-      d ? `Linking your ${u} account` : `Signing in with ${u}`,
+      a ? `Linking your ${l} account` : `Signing in with ${l}`,
       " ",
       e?.status ? `${e?.status === "success" ? "successful" : e?.status === "error" ? "failed" : "pending"}` : ""
     ] }) }),
-    /* @__PURE__ */ s(Z, { isAccountLink: d, handleClose: () => o(!1) })
+    /* @__PURE__ */ s(B, { isAccountLink: a, handleClose: () => o(!1) })
   ] }) });
-}, Z = ({
+}, B = ({
   isAccountLink: n,
   handleClose: o
 }) => {
-  const { oauthState: e } = I(), d = e?.providerType || "google", { timeRemaining: a, start: c, reset: u } = U(), l = A(null), m = A(null), v = 250, f = N((i) => {
-    m.current === i || i === void 0 || (m.current = i, l.current?.transition.toggle(i));
+  const { oauthState: e } = N(), a = e?.providerType || "google", { timeRemaining: i, start: u, reset: l } = U(), d = I(null), m = I(null), $ = 250, O = g((c) => {
+    m.current === c || c === void 0 || (m.current = c, d.current?.transition.toggle(c));
   }, []);
-  return h(() => {
-    f(e?.status), e?.status === "success" && c(3);
-  }, [e?.status, f, c]), h(() => {
-    a !== null && a <= 0 && (u(), o());
-  }, [a, u, o]), /* @__PURE__ */ r("div", { className: t["oauth-status-modal"], children: [
+  return S(() => {
+    O(e?.status), e?.status === "success" && u(3);
+  }, [e?.status, O, u]), S(() => {
+    i !== null && i <= 0 && (l(), o());
+  }, [i, l, o]), /* @__PURE__ */ r("div", { className: t["oauth-status-modal"], children: [
     /* @__PURE__ */ s(
       P,
       {
         animateHeight: !1,
-        timeout: v,
-        items: Q,
+        timeout: $,
+        items: Z,
         initialEntered: !1,
-        transitionRef: l,
+        transitionRef: d,
         className: t["transition-wrapper"],
-        children: ({ itemKey: i, ...C }) => {
-          const T = et[i];
-          return /* @__PURE__ */ s("div", { ...C, className: t.status, children: /* @__PURE__ */ s(
-            T,
+        children: ({ itemKey: c, ...T }) => {
+          const C = ot[c];
+          return /* @__PURE__ */ s("div", { ...T, className: t.status, children: /* @__PURE__ */ s(
+            C,
             {
               isAccountLink: n,
-              timeRemaining: a,
-              provider: d
+              timeRemaining: i,
+              provider: a
             }
           ) });
         }
@@ -100,9 +103,9 @@ import '../../assets/OAuthStatusModal.css';const Y = "OAuthStatusModal-module__s
     ),
     /* @__PURE__ */ s(k, {})
   ] });
-}, B = ({ isAccountLink: n, provider: o }) => {
-  const e = ot[o];
-  return /* @__PURE__ */ r(S, { children: [
+}, tt = ({ isAccountLink: n, provider: o }) => {
+  const e = nt[o];
+  return /* @__PURE__ */ r(f, { children: [
     /* @__PURE__ */ r("div", { className: t.graphic, children: [
       /* @__PURE__ */ s(
         w,
@@ -118,11 +121,11 @@ import '../../assets/OAuthStatusModal.css';const Y = "OAuthStatusModal-module__s
     /* @__PURE__ */ s("p", { className: t.subhead, children: n ? `Linking your ${_(o)} account` : `Signing in with ${_(o)}` }),
     /* @__PURE__ */ s("p", { className: t.description, children: "Just a moment..." })
   ] });
-}, tt = ({
+}, st = ({
   isAccountLink: n,
   timeRemaining: o,
   provider: e
-}) => /* @__PURE__ */ r(S, { children: [
+}) => /* @__PURE__ */ r(f, { children: [
   /* @__PURE__ */ r("div", { className: t.graphic, children: [
     /* @__PURE__ */ s("span", { className: `${t.ring} ${t["ring-success"]}` }),
     /* @__PURE__ */ s("span", { className: `${t.icon} ${t["icon-success"]}`, children: /* @__PURE__ */ s(x, {}) })
@@ -132,27 +135,28 @@ import '../../assets/OAuthStatusModal.css';const Y = "OAuthStatusModal-module__s
     "This window will automatically close in ",
     o ?? "soon"
   ] })
-] }), st = ({ isAccountLink: n }) => /* @__PURE__ */ r(S, { children: [
+] }), et = ({ isAccountLink: n }) => /* @__PURE__ */ r(f, { children: [
   /* @__PURE__ */ r("div", { className: `${t.graphic} ${t.pad}`, children: [
     /* @__PURE__ */ s("span", { className: `${t.ring} ${t["ring-error"]}` }),
-    /* @__PURE__ */ s("span", { className: `${t.icon} ${t["icon-error"]}`, children: /* @__PURE__ */ s(q, {}) })
+    /* @__PURE__ */ s("span", { className: `${t.icon} ${t["icon-error"]}`, children: /* @__PURE__ */ s(Y, {}) })
   ] }),
   /* @__PURE__ */ s("p", { className: t.subhead, children: n ? "Account linking failed" : "Sign in failed" }),
   /* @__PURE__ */ s("p", { className: t.description, children: "Something went wrong. Please try again." })
-] }), et = {
-  pending: B,
-  success: tt,
-  error: st
-}, ot = {
+] }), ot = {
+  pending: tt,
+  success: st,
+  error: et
+}, nt = {
   google: G,
   apple: K,
-  x: H
+  x: q,
+  telegram: H
 };
 export {
-  g as OAUTH_IS_ACCOUNT_LINK_SESSION_STORAGE_KEY,
+  h as OAUTH_IS_ACCOUNT_LINK_SESSION_STORAGE_KEY,
   p as OAUTH_PROVIDER_SESSION_STORAGE_KEY,
-  Nt as OAuthStatusModal,
-  Z as OAuthStatusModalContent,
-  Nt as default,
-  It as useOauthStatusModal
+  $t as OAuthStatusModal,
+  B as OAuthStatusModalContent,
+  $t as default,
+  vt as useOauthStatusModal
 };

package/dist/components/SendEvmTransactionButton/index.js

@@ -1,6 +1,6 @@
 import { jsx as E } from "react/jsx-runtime";
 import { useSendEvmTransaction as _, APIError as S } from "@coinbase/cdp-hooks";
-import { u as b } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import { u as b } from "../../chunks/useSendComponentCallOnce.DGjALrnZ.js";
 import { useState as T, useCallback as y } from "react";
 import { c as C } from "../../chunks/lite.1fxw3LjI.js";
 import { Button as w } from "../ui/Button/index.js";

package/dist/components/SendSolanaTransactionButton/index.js

@@ -1,6 +1,6 @@
 import { jsx as _ } from "react/jsx-runtime";
 import { useSendSolanaTransaction as b, APIError as T } from "@coinbase/cdp-hooks";
-import { u as w } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import { u as w } from "../../chunks/useSendComponentCallOnce.DGjALrnZ.js";
 import { useState as x, useCallback as y } from "react";
 import { c as B } from "../../chunks/lite.1fxw3LjI.js";
 import { Button as C } from "../ui/Button/index.js";

package/dist/components/SignIn/SignInAuthMethodButtons.js

@@ -1,23 +1,24 @@
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import { useCallback as v, useMemo as y } from "react";
-import "../../chunks/CDPReactProvider.C38bKQ2x.js";
-import { useSignInWithOAuth as S } from "./hooks/useSignInWithOAuth.js";
-import { useSignInContext as _ } from "./SignInProvider.js";
-import { Button as C } from "../ui/Button/index.js";
+import "../../chunks/CDPReactProvider.BkmtXUv1.js";
+import { useSignInWithOAuth as C } from "./hooks/useSignInWithOAuth.js";
+import { useSignInContext as g } from "./SignInProvider.js";
+import { Button as S } from "../ui/Button/index.js";
 import { ServerError as M } from "../ui/ServerError/index.js";
 import { IconAppleLogo as k } from "../../icons/IconAppleLogo.js";
 import { IconEnvelope as B } from "../../icons/IconEnvelope.js";
 import { IconGoogleLogo as E } from "../../icons/IconGoogleLogo.js";
 import { IconPhone as P } from "../../icons/IconPhone.js";
-import { IconXLogo as O } from "../../icons/IconXLogo.js";
+import { IconTelegramLogo as O } from "../../icons/IconTelegramLogo.js";
+import { IconXLogo as w } from "../../icons/IconXLogo.js";
 import { toOAuthProviderType as b } from "../../utils/toOAuthProviderType.js";
-import '../../assets/SignInAuthMethodButtons.css';const w = "SignInAuthMethodButtons-module__divider___zphEh", o = {
+import '../../assets/SignInAuthMethodButtons.css';const T = "SignInAuthMethodButtons-module__divider___zphEh", o = {
   "auth-method-buttons": "SignInAuthMethodButtons-module__auth-method-buttons___jYEH7",
   "auth-btn": "SignInAuthMethodButtons-module__auth-btn___o1a09",
   "auth-btn-icon": "SignInAuthMethodButtons-module__auth-btn-icon___VjvFY",
   "auth-btn-label": "SignInAuthMethodButtons-module__auth-btn-label___mEWd3",
-  divider: w
-}, g = {
+  divider: T
+}, _ = {
   email: {
     label: "Continue with email",
     icon: /* @__PURE__ */ n(B, {})
@@ -36,41 +37,45 @@ import '../../assets/SignInAuthMethodButtons.css';const w = "SignInAuthMethodBut
   },
   "oauth:x": {
     label: "Continue with X",
+    icon: /* @__PURE__ */ n(w, {})
+  },
+  "oauth:telegram": {
+    label: "Continue with Telegram",
     icon: /* @__PURE__ */ n(O, {})
   }
-}, U = ({ activeMethod: u }) => {
+}, q = ({ activeMethod: a }) => {
   const {
-    state: { authMethods: a }
-  } = _(), {
-    signInWithOAuth: l,
+    state: { authMethods: l }
+  } = g(), {
+    signInWithOAuth: u,
     isPending: s,
     error: h,
     oauthProvider: c
-  } = S(), m = v(
+  } = C(), m = v(
     async (t) => {
-      const e = b(t);
-      e && l(e);
+      const i = b(t);
+      i && u(i);
     },
-    [l]
-  ), { dispatch: d } = _(), i = y(() => (a || ["email"]).map((t) => {
-    if (!g[t])
+    [u]
+  ), { dispatch: p } = g(), e = y(() => (l || ["email"]).map((t) => {
+    if (!_[t])
       return null;
-    const { label: e, icon: f } = g[t], p = t.startsWith("oauth:"), A = p ? () => m(t) : () => d({ type: "SET_AUTH_METHOD", payload: { authMethod: t } }), I = p && c.current === b(t) && s;
+    const { label: i, icon: f } = _[t], d = t.startsWith("oauth:"), A = d ? () => m(t) : () => p({ type: "SET_AUTH_METHOD", payload: { authMethod: t } }), I = d && c.current === b(t) && s;
     return {
       key: t,
-      label: e,
+      label: i,
       icon: f,
       onClick: A,
       isPending: I
     };
-  }).filter((t) => t !== null), [a, d, m, s, c]);
-  return !i.length || i.length === 1 && i[0].key === u ? null : /* @__PURE__ */ r("div", { className: o["auth-method-buttons"], children: [
+  }).filter((t) => t !== null), [l, p, m, s, c]);
+  return !e.length || e.length === 1 && e[0].key === a ? null : /* @__PURE__ */ r("div", { className: o["auth-method-buttons"], children: [
     /* @__PURE__ */ r("div", { className: o.divider, children: [
       /* @__PURE__ */ n("hr", {}),
       /* @__PURE__ */ n("span", { children: "or" })
     ] }),
-    i.map((t) => t.key === u ? null : /* @__PURE__ */ r(
-      C,
+    e.map((t) => t.key === a ? null : /* @__PURE__ */ r(
+      S,
       {
         "aria-label": t.ariaLabel,
         className: o["auth-btn"],
@@ -89,5 +94,5 @@ import '../../assets/SignInAuthMethodButtons.css';const w = "SignInAuthMethodBut
   ] });
 };
 export {
-  U as SignInAuthMethodButtons
+  q as SignInAuthMethodButtons
 };