@coinbase/cdp-react 0.0.58 → 0.0.61

package/dist/components/ExportWallet/index.js

@@ -0,0 +1,110 @@
+import { jsx as o, jsxs as d, Fragment as _ } from "react/jsx-runtime";
+import { useCurrentUser as W } from "@coinbase/cdp-hooks";
+import { c as i } from "../../chunks/lite.1fxw3LjI.js";
+import { createContext as f, useMemo as c, useContext as C } from "react";
+import { CopyAddress as w } from "../CopyAddress/index.js";
+import { unstable_CopyEvmKeyButton as v } from "../CopyEvmKeyButton/index.js";
+import { unstable_CopySolanaKeyButton as b } from "../CopySolanaKeyButton/index.js";
+import { Banner as h } from "../ui/Banner/index.js";
+import { CoinbaseFooter as A } from "../ui/CoinbaseFooter/index.js";
+import "../../index.js";
+import { useAppConfig as B } from "../CDPReactProvider/index.js";
+import '../../assets/ExportWallet.css';const F = "ExportWallet-module__footer___NvrFY", u = {
+  "export-wallet": "ExportWallet-module__export-wallet___EyZys",
+  "export-wallet-title": "ExportWallet-module__export-wallet-title___MuI09",
+  footer: F
+}, x = f({
+  address: "",
+  type: "evm"
+}), m = () => {
+  const t = C(x);
+  if (!t)
+    throw new Error("useExportWalletContext must be used within a ExportWalletProvider");
+  return t;
+}, K = ({
+  address: t,
+  children: r,
+  onIframeError: e,
+  onIframeReady: n,
+  onCopySuccess: l
+}) => {
+  const { currentUser: a } = W(), p = c(
+    () => !!a?.solanaAccounts?.find((E) => E === t),
+    [a?.solanaAccounts, t]
+  ) ? "solana" : "evm", y = c(
+    () => ({ address: t, type: p, onIframeError: e, onIframeReady: n, onCopySuccess: l }),
+    [t, p, e, n, l]
+  );
+  return /* @__PURE__ */ o(x.Provider, { value: y, children: r });
+}, S = ({
+  children: t,
+  className: r = "",
+  as: e = "h2",
+  ...n
+}) => /* @__PURE__ */ o(e, { className: i(u["export-wallet-title"], r), ...n, children: t || "Export your wallet" }), g = (t) => /* @__PURE__ */ o(h, { variant: "warning", ...t, children: "Do not share your private key with anyone" }), N = ({
+  label: t = "Your wallet address",
+  ...r
+}) => {
+  const { address: e } = m();
+  return /* @__PURE__ */ o(w, { address: e, label: t, ...r });
+}, P = ({
+  fullWidth: t = !0,
+  ...r
+}) => {
+  const { address: e, type: n, onIframeError: l, onIframeReady: a, onCopySuccess: s } = m();
+  return n === "solana" ? /* @__PURE__ */ o(
+    b,
+    {
+      fullWidth: t,
+      address: e,
+      onError: l,
+      onReady: a,
+      onSuccess: s,
+      ...r
+    }
+  ) : n === "evm" ? /* @__PURE__ */ o(
+    v,
+    {
+      fullWidth: t,
+      address: e,
+      onError: l,
+      onReady: a,
+      onSuccess: s,
+      ...r
+    }
+  ) : null;
+}, j = (t) => /* @__PURE__ */ o(A, { ...t }), z = ({
+  address: t,
+  children: r,
+  className: e = "",
+  onIframeError: n,
+  onIframeReady: l,
+  onCopySuccess: a,
+  ...s
+}) => {
+  const { showCoinbaseFooter: p } = B();
+  return /* @__PURE__ */ o("div", { className: i(u["export-wallet"], e), ...s, children: /* @__PURE__ */ o(
+    K,
+    {
+      address: t,
+      onIframeReady: l,
+      onCopySuccess: a,
+      onIframeError: n,
+      children: r || /* @__PURE__ */ d(_, { children: [
+        /* @__PURE__ */ o(S, {}),
+        /* @__PURE__ */ o(g, {}),
+        /* @__PURE__ */ o(N, {}),
+        /* @__PURE__ */ o(P, {}),
+        p && /* @__PURE__ */ o(j, { className: u.footer })
+      ] })
+    }
+  ) });
+};
+export {
+  z as unstable_ExportWallet,
+  N as unstable_ExportWalletCopyAddress,
+  P as unstable_ExportWalletCopyKeyButton,
+  j as unstable_ExportWalletFooter,
+  S as unstable_ExportWalletTitle,
+  g as unstable_ExportWalletWarning
+};

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

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { unstable_ExportWalletProps as ExportWalletProps } from '../ExportWallet';
+import { ButtonProps } from '../ui/Button';
+import { ModalContentProps } from '../ui/Modal';
+interface ExportWalletModalTriggerProps extends Partial<Pick<ButtonProps, "className" | "fullWidth" | "size" | "style" | "variant">> {
+    children?: ReactNode;
+    label?: ReactNode;
+}
+type ExportWalletModalContentProps = ModalContentProps;
+interface ExportWalletModalProps extends Pick<ExportWalletProps, "address" | "onIframeReady" | "onCopySuccess" | "onIframeError"> {
+    children?: ReactNode;
+    open?: boolean;
+    setIsOpen?: (value: boolean) => void;
+}
+declare const ExportWalletModalTrigger: ({ children, className, label, ...props }: ExportWalletModalTriggerProps) => import("react/jsx-runtime").JSX.Element;
+declare const ExportWalletModalContent: ({ children, className, ...props }: ExportWalletModalContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const ExportWalletModal: ({ address, children, onIframeReady, onCopySuccess, onIframeError, open, setIsOpen, }: ExportWalletModalProps) => import("react/jsx-runtime").JSX.Element;
+export { ExportWalletModal as unstable_ExportWalletModal, ExportWalletModalTrigger as unstable_ExportWalletModalTrigger, ExportWalletModalContent as unstable_ExportWalletModalContent, type ExportWalletModalProps as unstable_ExportWalletModalProps, type ExportWalletModalTriggerProps as unstable_ExportWalletModalTriggerProps, type ExportWalletModalContentProps as unstable_ExportWalletModalContentProps, };

package/dist/components/ExportWalletModal/index.js

@@ -0,0 +1,96 @@
+import { jsx as t, jsxs as n, Fragment as _ } from "react/jsx-runtime";
+import { u as g } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import { createContext as b, useMemo as h, useContext as y } from "react";
+import { c as E } from "../../chunks/lite.1fxw3LjI.js";
+import { useAppConfig as T } from "../CDPReactProvider/index.js";
+import { unstable_ExportWallet as w, unstable_ExportWalletWarning as N, unstable_ExportWalletCopyAddress as v, unstable_ExportWalletCopyKeyButton as A, unstable_ExportWalletFooter as F, unstable_ExportWalletTitle as j } from "../ExportWallet/index.js";
+import { Button as W } from "../ui/Button/index.js";
+import { Modal as k, ModalTrigger as B, ModalContent as K, ModalTitle as P, ModalClose as R } from "../ui/Modal/index.js";
+import { IconXMark as z } from "../../icons/IconXMark.js";
+import { childrenHasComponent as m } from "../../utils/childrenHasComponent.js";
+import '../../assets/ExportWalletModal.css';const D = "ExportWalletModal-module__trigger___zMk8N", I = "ExportWalletModal-module__content___KzNol", O = "ExportWalletModal-module__footer___byg1T", S = "ExportWalletModal-module__modal___pX1AP", e = {
+  "export-wallet": "ExportWalletModal-module__export-wallet___--L56",
+  "no-footer": "ExportWalletModal-module__no-footer___J8uj2",
+  trigger: D,
+  "title-bar": "ExportWalletModal-module__title-bar___RTPZq",
+  content: I,
+  "close-button": "ExportWalletModal-module__close-button___ImsDR",
+  "close-icon": "ExportWalletModal-module__close-icon___iAfyT",
+  footer: O,
+  modal: S
+}, M = b(null), X = () => {
+  const o = y(M);
+  if (!o)
+    throw new Error("useExportWalletModalContext must be used within a ExportWalletModal");
+  return o;
+}, u = ({
+  children: o,
+  className: l = "",
+  label: r,
+  ...a
+}) => /* @__PURE__ */ t(B, { asChild: !0, children: o || /* @__PURE__ */ t(W, { className: E(e.trigger, l), ...a, children: r || "Export wallet" }) }), $ = ({
+  children: o = "Copy private key to export wallet",
+  ...l
+}) => /* @__PURE__ */ t(P, { asChild: !0, children: /* @__PURE__ */ t(j, { ...l, children: o }) }), q = ({ children: o }) => /* @__PURE__ */ t(R, { asChild: !0, children: o || /* @__PURE__ */ t(
+  W,
+  {
+    "aria-label": "Close",
+    className: e["close-button"],
+    variant: "transparentSecondary",
+    children: /* @__PURE__ */ t(z, { className: e["close-icon"] })
+  }
+) }), i = ({
+  children: o,
+  className: l = "",
+  ...r
+}) => {
+  const { showCoinbaseFooter: a } = T(), { address: s, onIframeReady: d, onCopySuccess: p, onIframeError: c } = X();
+  return /* @__PURE__ */ t(K, { "aria-describedby": void 0, className: E(e.modal, l), ...r, children: /* @__PURE__ */ t(
+    w,
+    {
+      address: s,
+      onIframeReady: d,
+      onCopySuccess: p,
+      onIframeError: c,
+      className: `${e["export-wallet"]} ${a ? "" : e["no-footer"]}`,
+      children: o || /* @__PURE__ */ n(_, { children: [
+        /* @__PURE__ */ n("div", { className: e["title-bar"], children: [
+          /* @__PURE__ */ t($, {}),
+          /* @__PURE__ */ t(q, {})
+        ] }),
+        /* @__PURE__ */ n("div", { className: e.content, children: [
+          /* @__PURE__ */ t(N, {}),
+          /* @__PURE__ */ t(v, {}),
+          /* @__PURE__ */ t(A, {}),
+          a && /* @__PURE__ */ t(F, { className: e.footer })
+        ] })
+      ] })
+    }
+  ) });
+}, ot = ({
+  address: o,
+  children: l,
+  onIframeReady: r,
+  onCopySuccess: a,
+  onIframeError: s,
+  open: d,
+  setIsOpen: p
+}) => {
+  g("export_wallet_modal");
+  const c = h(
+    () => ({ address: o, onIframeReady: r, onCopySuccess: a, onIframeError: s }),
+    [o, r, a, s]
+  ), C = l ? m(l, u) : !1, x = l ? m(l, i) : !1, f = !C && !x;
+  return /* @__PURE__ */ t(M.Provider, { value: c, children: /* @__PURE__ */ t(k, { open: d, onOpenChange: p, children: f ? /* @__PURE__ */ n(_, { children: [
+    /* @__PURE__ */ t(u, { children: l }),
+    /* @__PURE__ */ t(i, {})
+  ] }) : /* @__PURE__ */ n(_, { children: [
+    l,
+    !x && /* @__PURE__ */ t(i, {})
+  ] }) }) });
+};
+export {
+  ot as unstable_ExportWalletModal,
+  i as unstable_ExportWalletModalContent,
+  u as unstable_ExportWalletModalTrigger
+};

package/dist/components/LinkAuth/LinkAuthFlow.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { LinkAuthFlowView } from './types';
+export interface SignInContentRef {
+    canGoBack: boolean;
+    goBack: () => void;
+}
+export interface LinkAuthFlowProps {
+    children?: ((props: {
+        view: LinkAuthFlowView;
+        Content: ReactNode;
+    }) => ReactNode) | undefined;
+}
+export declare const LinkAuthFlow: ({ children }: LinkAuthFlowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/LinkAuth/LinkAuthFlow.js

@@ -0,0 +1,19 @@
+import "react/jsx-runtime";
+import "react";
+import "../CDPReactProvider/index.js";
+import "../SignIn/index.js";
+import "@coinbase/cdp-hooks";
+import "../ui/SwitchSlideTransition/index.js";
+import "../ui/VisuallyHidden/index.js";
+import { L as x } from "../../chunks/LinkAuthFlow.CxSnHF2p.js";
+import "./LinkAuthItems.js";
+import "./types.js";
+import "../SignIn/SignInProvider.js";
+import "../SignIn/SignInImage.js";
+import "../SignIn/SignInForm.js";
+import "../SignIn/SignInTitle.js";
+import "../SignIn/SignInDescription.js";
+import "../SignIn/SignInFooter.js";
+export {
+  x as LinkAuthFlow
+};

package/dist/components/LinkAuth/LinkAuthFlowBackButton.d.ts

@@ -0,0 +1,9 @@
+import { ButtonHTMLAttributes } from 'react';
+import { ButtonProps } from '../ui/Button/Button';
+import { LinkAuthFlowView } from './types';
+export interface LinkAuthFlowBackButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    view?: LinkAuthFlowView;
+    size?: ButtonProps["size"];
+    variant?: ButtonProps["variant"];
+}
+export declare const LinkAuthFlowBackButton: ({ ["aria-label"]: ariaLabel, children, className, size, onClick, variant, view: viewFromProps, ...props }: LinkAuthFlowBackButtonProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/LinkAuth/LinkAuthFlowBackButton.js

@@ -0,0 +1,40 @@
+import { jsx as t } from "react/jsx-runtime";
+import { c as k } from "../../chunks/lite.1fxw3LjI.js";
+import "react";
+import { Button as p } from "../ui/Button/index.js";
+import { IconArrowLeft as f } from "../../icons/IconArrowLeft.js";
+import { b as w } from "../../chunks/LinkAuthFlow.CxSnHF2p.js";
+import { useLinkAuthContext as _ } from "./LinkAuthProvider.js";
+import "../CDPReactProvider/index.js";
+import { methodToView as b } from "./utils.js";
+import '../../assets/LinkAuthFlowBackButton.css';const h = "LinkAuthFlowBackButton-module__button___wPKfW", B = "LinkAuthFlowBackButton-module__icon___OUmzY", o = {
+  button: h,
+  icon: B
+}, T = ({
+  ["aria-label"]: n = "Back",
+  children: r,
+  className: i = "",
+  size: e = "md",
+  onClick: c,
+  variant: m = "transparentSecondary",
+  view: a,
+  ...s
+}) => {
+  const { back: u } = w(), { state: l } = _();
+  return (a || b(l.methodToLink)) === "list" ? null : /* @__PURE__ */ t(
+    p,
+    {
+      type: "button",
+      "aria-label": n,
+      className: k(o.button, i),
+      onClick: c ?? u,
+      size: e,
+      variant: m,
+      ...s,
+      children: r || /* @__PURE__ */ t(f, { className: o.icon })
+    }
+  );
+};
+export {
+  T as LinkAuthFlowBackButton
+};

package/dist/components/LinkAuth/LinkAuthFlowProvider.d.ts

@@ -0,0 +1,33 @@
+import { ReactNode, RefObject } from 'react';
+import { AuthMethod } from '../CDPReactProvider';
+import { SwitchSlideTransitionRef } from '../ui/SwitchSlideTransition';
+import { SignInContentRef } from './LinkAuthFlow';
+import { LinkAuthFlowView } from './types';
+export interface LinkAuthFlowContextValue {
+    back: () => void;
+    direction?: "left" | "right";
+    link: (method: AuthMethod) => void;
+    linkSuccess: () => void;
+}
+export interface LinkAuthFlowContextValueInternal extends LinkAuthFlowContextValue {
+    transitionRef: RefObject<SwitchSlideTransitionRef<LinkAuthFlowView> | null> | null;
+    signInRef: RefObject<SignInContentRef | null> | null;
+}
+interface LinkAuthFlowProviderProps {
+    children?: ReactNode;
+    direction?: LinkAuthFlowContextValue["direction"];
+    onBack: LinkAuthFlowContextValue["back"];
+    onLink: LinkAuthFlowContextValue["link"];
+    onLinkSuccess: LinkAuthFlowContextValue["linkSuccess"];
+    transitionRef: LinkAuthFlowContextValueInternal["transitionRef"];
+    signInRef: LinkAuthFlowContextValueInternal["signInRef"];
+}
+export declare const useLinkAuthFlowInternal: () => LinkAuthFlowContextValueInternal;
+export declare const useLinkAuthFlow: () => {
+    back: () => void;
+    direction?: "left" | "right";
+    link: (method: AuthMethod) => void;
+    linkSuccess: () => void;
+};
+export declare const LinkAuthFlowProvider: ({ direction, children, onBack, onLink, onLinkSuccess, signInRef, transitionRef, }: LinkAuthFlowProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/LinkAuth/LinkAuthFlowProvider.js

@@ -0,0 +1,9 @@
+import "react/jsx-runtime";
+import "react";
+import "../CDPReactProvider/index.js";
+import { a, u as e, b as n } from "../../chunks/LinkAuthFlow.CxSnHF2p.js";
+export {
+  a as LinkAuthFlowProvider,
+  e as useLinkAuthFlow,
+  n as useLinkAuthFlowInternal
+};

package/dist/components/LinkAuth/LinkAuthItem.d.ts

@@ -0,0 +1,13 @@
+import { MouseEventHandler, ReactNode } from 'react';
+import { LinkAuthMethod } from './types';
+interface LinkAuthItemProps {
+    authMethod: LinkAuthMethod["method"];
+    isLinked: boolean;
+    isPending?: boolean;
+    icon?: ReactNode;
+    label: string;
+    userAlias?: string;
+    onLink: MouseEventHandler<HTMLButtonElement>;
+}
+declare const LinkAuthItem: ({ authMethod: _authMethod, userAlias, icon, isLinked, isPending, label, onLink, }: LinkAuthItemProps) => import("react/jsx-runtime").JSX.Element;
+export { LinkAuthItem, type LinkAuthItemProps };

package/dist/components/LinkAuth/LinkAuthItem.js

@@ -0,0 +1,48 @@
+import { jsxs as _, jsx as t } from "react/jsx-runtime";
+import "react";
+import { Button as o } from "../ui/Button/index.js";
+import { IconMinus as u } from "../../icons/IconMinus.js";
+import { IconPlus as s } from "../../icons/IconPlus.js";
+import "../CDPReactProvider/index.js";
+import '../../assets/LinkAuthItem.css';const d = "LinkAuthItem-module__item___NE3CT", l = "LinkAuthItem-module__button___nM5Tc", i = {
+  item: d,
+  "item-icon": "LinkAuthItem-module__item-icon___ZIQny",
+  "item-text": "LinkAuthItem-module__item-text___-5DVL",
+  "item-action": "LinkAuthItem-module__item-action___4wOIN",
+  button: l
+}, v = ({
+  authMethod: h,
+  userAlias: a,
+  icon: m,
+  isLinked: r,
+  isPending: n,
+  label: e,
+  onLink: c
+}) => /* @__PURE__ */ _("div", { className: i.item, children: [
+  m && /* @__PURE__ */ t("div", { className: i["item-icon"], children: m }),
+  /* @__PURE__ */ t("div", { className: i["item-text"], children: a || e }),
+  /* @__PURE__ */ t("div", { className: i["item-action"], children: r ? /* @__PURE__ */ t(
+    o,
+    {
+      variant: "secondary",
+      className: i.button,
+      isPending: n,
+      disabled: !0,
+      "aria-label": `Unlink ${e}`,
+      children: /* @__PURE__ */ t(u, { "aria-hidden": "true" })
+    }
+  ) : /* @__PURE__ */ t(
+    o,
+    {
+      variant: "primary",
+      className: i.button,
+      onClick: c,
+      "aria-label": `Link ${e}`,
+      isPending: n,
+      children: /* @__PURE__ */ t(s, { "aria-hidden": "true" })
+    }
+  ) })
+] });
+export {
+  v as LinkAuthItem
+};

package/dist/components/LinkAuth/LinkAuthItems.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { AuthMethod } from '../CDPReactProvider';
+import { LinkAuthItemProps } from './LinkAuthItem';
+interface LinkAuthItemsProps extends Omit<HTMLAttributes<HTMLUListElement>, "children"> {
+    children?: (props: LinkAuthItemProps) => ReactNode;
+    onLink?: (method: AuthMethod) => void | Promise<void>;
+}
+declare const LinkAuthItems: ({ children, className, onLink, ...props }: LinkAuthItemsProps) => import("react/jsx-runtime").JSX.Element;
+export { LinkAuthItems, type LinkAuthItemsProps };

package/dist/components/LinkAuth/LinkAuthItems.js

@@ -0,0 +1,47 @@
+import { jsx as l } from "react/jsx-runtime";
+import { c as I } from "../../chunks/lite.1fxw3LjI.js";
+import { useMemo as b } from "react";
+import "../CDPReactProvider/index.js";
+import { IconAppleLogo as d } from "../../icons/IconAppleLogo.js";
+import { IconEnvelope as f } from "../../icons/IconEnvelope.js";
+import { IconGoogleColorLogo as L } from "../../icons/IconGoogleColorLogo.js";
+import { IconPhone as g } from "../../icons/IconPhone.js";
+import { IconXLogo as _ } from "../../icons/IconXLogo.js";
+import { LinkAuthItem as A } from "./LinkAuthItem.js";
+import { useLinkAuthContext as P } from "./LinkAuthProvider.js";
+import '../../assets/LinkAuthItems.css';const k = "LinkAuthItems-module__list___5AimM", x = {
+  list: k
+}, M = {
+  email: { Icon: /* @__PURE__ */ l(f, { "aria-label": "Email" }), label: "Email" },
+  sms: { Icon: /* @__PURE__ */ l(g, { "aria-label": "Phone" }), label: "Phone" },
+  "oauth:google": { Icon: /* @__PURE__ */ l(L, { "aria-label": "Google" }), label: "Google" },
+  "oauth:apple": { Icon: /* @__PURE__ */ l(d, { "aria-label": "Apple" }), label: "Apple" },
+  "oauth:x": { Icon: /* @__PURE__ */ l(_, { "aria-label": "X" }), label: "X" }
+}, D = ({ children: m, className: s = "", onLink: e, ...c }) => {
+  const { state: p, dispatch: i } = P(), { authMethods: a, isPending: n, methodToLink: r } = p, h = b(() => a.map((o) => {
+    const { Icon: t, label: u } = M[o.method];
+    return {
+      ...o,
+      icon: t,
+      label: u,
+      onLink: async () => {
+        i({ type: "LINK_AUTH_METHOD", payload: { method: o.method } }), await e?.(o.method);
+      }
+    };
+  }), [a, i, e]);
+  return /* @__PURE__ */ l("ul", { className: I(x.list, s), ...c, children: h.map(({ method: o, ...t }) => /* @__PURE__ */ l("li", { children: m?.({
+    ...t,
+    authMethod: o,
+    isPending: n && r === o
+  }) || /* @__PURE__ */ l(
+    A,
+    {
+      ...t,
+      authMethod: o,
+      isPending: n && r === o
+    }
+  ) }, o)) });
+};
+export {
+  D as LinkAuthItems
+};

package/dist/components/LinkAuth/LinkAuthProvider.d.ts

@@ -0,0 +1,12 @@
+import { Dispatch, ReactNode } from 'react';
+import { LinkAuthAction, LinkAuthState } from './types';
+interface LinkAuthContextValue {
+    state: LinkAuthState;
+    dispatch: Dispatch<LinkAuthAction>;
+}
+interface LinkAuthProviderProps {
+    children: ReactNode;
+}
+declare const LinkAuthProvider: ({ children }: LinkAuthProviderProps) => import("react/jsx-runtime").JSX.Element;
+declare const useLinkAuthContext: () => LinkAuthContextValue;
+export { LinkAuthProvider, useLinkAuthContext, type LinkAuthProviderProps, type LinkAuthContextValue, };

package/dist/components/LinkAuth/LinkAuthProvider.js

@@ -0,0 +1,108 @@
+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 { useAppConfig as L } from "../CDPReactProvider/index.js";
+import { formatPhoneNumber as k } from "../../utils/formatPhoneNumber.js";
+const T = {
+  methodToLink: null,
+  authMethods: [],
+  error: null,
+  isPending: !1
+}, d = p(void 0), E = (e, t) => {
+  switch (t) {
+    case "email":
+      return {
+        userAlias: e.authenticationMethods.email?.email ?? "",
+        isLinked: !!e.authenticationMethods.email
+      };
+    case "sms":
+      return {
+        userAlias: e.authenticationMethods.sms?.phoneNumber ? k(e.authenticationMethods.sms?.phoneNumber) : "",
+        isLinked: !!e.authenticationMethods.sms
+      };
+    case "oauth:google":
+      return {
+        userAlias: e.authenticationMethods.google?.email ?? "",
+        isLinked: !!e.authenticationMethods.google
+      };
+    case "oauth:apple":
+      return {
+        userAlias: e.authenticationMethods.apple?.email ?? "",
+        isLinked: !!e.authenticationMethods.apple
+      };
+    case "oauth:x":
+      return {
+        userAlias: (e.authenticationMethods.x?.username ? `@${e.authenticationMethods.x.username}` : e.authenticationMethods.x?.email) ?? "",
+        isLinked: !!e.authenticationMethods.x
+      };
+    default:
+      return null;
+  }
+};
+function g(e, t) {
+  switch (t.type) {
+    case "LINK_AUTH_METHOD":
+      return {
+        ...e,
+        error: null,
+        isPending: !0,
+        methodToLink: t.payload.method
+      };
+    case "LINK_AUTH_METHOD_ERROR":
+      return {
+        ...e,
+        isPending: !1,
+        error: t.payload.error
+      };
+    case "SET_AUTH_METHODS":
+      return {
+        ...e,
+        authMethods: t.payload.methods
+      };
+    case "RESET_STATE":
+      return {
+        authMethods: e.authMethods,
+        methodToLink: null,
+        error: null,
+        isPending: !1
+      };
+    default:
+      throw new Error("Unknown action type");
+  }
+}
+const y = ({ children: e }) => {
+  const { currentUser: t } = c(), { authMethods: a } = L(), s = r(() => {
+    const n = [];
+    return a.forEach((i) => {
+      if (!t) {
+        n.push({
+          userAlias: "",
+          isLinked: !1,
+          method: i
+        });
+        return;
+      }
+      const h = E(t, i);
+      n.push({
+        userAlias: h?.userAlias ?? "",
+        isLinked: h?.isLinked ?? !1,
+        method: i
+      });
+    }), n;
+  }, [t, a]), [u, o] = A(g, {
+    ...T,
+    authMethods: s
+  }), l = r(() => ({ state: u, dispatch: o }), [u, o]);
+  return f(() => {
+    o({ type: "SET_AUTH_METHODS", payload: { methods: s } });
+  }, [o, s]), /* @__PURE__ */ m(d.Provider, { value: l, children: e });
+}, C = () => {
+  const e = M(d);
+  if (!e)
+    throw new Error("useLinkAuthContext must be used within a LinkAuthProvider");
+  return e;
+};
+export {
+  y as LinkAuthProvider,
+  C as useLinkAuthContext
+};

package/dist/components/LinkAuth/LinkAuthTitle.d.ts

@@ -0,0 +1,6 @@
+import { ElementType, HTMLAttributes, ReactNode } from 'react';
+export interface LinkAuthTitleProps extends HTMLAttributes<HTMLElement> {
+    as?: ElementType;
+    children?: ReactNode;
+}
+export declare const LinkAuthTitle: ({ as: Component, children, className, ...props }: LinkAuthTitleProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/LinkAuth/LinkAuthTitle.js

@@ -0,0 +1,19 @@
+import { jsx as s } from "react/jsx-runtime";
+import { c as l } from "../../chunks/lite.1fxw3LjI.js";
+import "react";
+import { useLinkAuthContext as n } from "./LinkAuthProvider.js";
+import { methodToView as m } from "./utils.js";
+import '../../assets/LinkAuthTitle.css';const c = "LinkAuthTitle-module__title___HIjM6", u = {
+  title: c
+}, _ = ({
+  as: t = "h2",
+  children: i,
+  className: e = "",
+  ...o
+}) => {
+  const { state: r } = n();
+  return m(r.methodToLink) !== "list" ? null : /* @__PURE__ */ s(t, { className: l(u.title, e), ...o, children: i || "Link a profile" });
+};
+export {
+  _ as LinkAuthTitle
+};

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

@@ -0,0 +1,17 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { AuthMethod } from '../CDPReactProvider';
+import { LinkAuthFlow, LinkAuthFlowProps } from './LinkAuthFlow';
+import { LinkAuthFlowBackButton, LinkAuthFlowBackButtonProps } from './LinkAuthFlowBackButton';
+import { useLinkAuthFlow, LinkAuthFlowContextValue } from './LinkAuthFlowProvider';
+import { LinkAuthItem, LinkAuthItemProps } from './LinkAuthItem';
+import { LinkAuthItems, LinkAuthItemsProps } from './LinkAuthItems';
+import { useLinkAuthContext, LinkAuthContextValue } from './LinkAuthProvider';
+import { LinkAuthTitle, LinkAuthTitleProps } from './LinkAuthTitle';
+import { LinkAuthState, LinkAuthMethod, LinkAuthAction } from './types';
+interface LinkAuthProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    children?: ReactNode | ((state: LinkAuthState) => ReactNode);
+    onLinkSuccess?: (method: AuthMethod | null) => void;
+}
+declare const LinkAuthError: ({ role, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element | null;
+declare const LinkAuth: (props: LinkAuthProps) => import("react/jsx-runtime").JSX.Element;
+export { LinkAuthError, LinkAuthFlow, LinkAuthFlowBackButton, LinkAuthItem, LinkAuthItems, LinkAuthTitle, LinkAuth, useLinkAuthContext, useLinkAuthFlow, type LinkAuthAction, type LinkAuthContextValue, type LinkAuthFlowBackButtonProps, type LinkAuthFlowContextValue, type LinkAuthFlowProps, type LinkAuthItemProps, type LinkAuthItemsProps, type LinkAuthMethod, type LinkAuthProps, type LinkAuthState, type LinkAuthTitleProps, };