@coinbase/cdp-react 0.0.78 → 0.0.80

package/dist/components/CopyAddress/index.js

@@ -1,62 +1,26 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { c as u } from "../../chunks/lite.1fxw3LjI.js";
-import { useRef as m, useState as y, useCallback as C } from "react";
-import { Label as b } from "../forms/Label/index.js";
-import { IconCheck as f } from "../../icons/IconCheck.js";
-import { IconCopy as h } from "../../icons/IconCopy.js";
-import '../../assets/CopyAddress.css';const A = "CopyAddress-module__label___O2o5m", e = {
-  "address-copy": "CopyAddress-module__address-copy___KpKeI",
-  label: A,
-  "address-input-container": "CopyAddress-module__address-input-container___qq0TH",
-  "address-truncated": "CopyAddress-module__address-truncated___kr8St",
-  "copy-button": "CopyAddress-module__copy-button___64o2y",
-  "success-icon": "CopyAddress-module__success-icon___qXipU",
-  "copy-icon": "CopyAddress-module__copy-icon___lUbYG"
-}, T = ({
-  className: l = "",
-  address: s,
-  label: r,
-  onCopy: t,
-  onCopySuccess: d,
-  ...i
-}) => {
-  const p = m(null), [_, a] = y(!1), n = C(() => {
-    if (s) {
-      t?.();
-      try {
-        if (navigator.clipboard)
-          navigator.clipboard.writeText(s);
-        else
-          throw new Error("Clipboard API not supported");
-      } catch {
-        p.current?.select(), document.execCommand("copy");
-      }
-      a(!0), setTimeout(() => {
-        a(!1);
-      }, 2e3), d?.();
-    }
-  }, [s, t, d]);
-  return /* @__PURE__ */ c("div", { className: u(e["address-copy"], l), ...i, children: [
-    r && /* @__PURE__ */ o(b, { as: "span", className: e.label, children: r }),
-    /* @__PURE__ */ c("div", { className: e["address-input-container"], onClick: n, children: [
-      /* @__PURE__ */ c("span", { className: e["address-truncated"], children: [
-        s.slice(0, 6),
-        "...",
-        s.slice(-4)
-      ] }),
-      /* @__PURE__ */ o(
-        "button",
-        {
-          type: "button",
-          "aria-label": "copy address",
-          onClick: n,
-          className: e["copy-button"],
-          children: _ ? /* @__PURE__ */ o(f, { className: e["success-icon"] }) : /* @__PURE__ */ o(h, { className: e["copy-icon"] })
-        }
-      )
-    ] })
-  ] });
-};
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+import { CopyTextField as c } from "../ui/CopyTextField/index.js";
+const a = ({
+  className: e = "",
+  address: o,
+  label: p,
+  onCopy: r,
+  onCopySuccess: i,
+  ...l
+}) => /* @__PURE__ */ t(
+  c,
+  {
+    className: e,
+    value: o,
+    displayValue: `${o.slice(0, 6)}...${o.slice(-4)}`,
+    label: p,
+    onCopy: r,
+    onCopySuccess: i,
+    copyAriaLabel: "copy address",
+    ...l
+  }
+);
 export {
-  T as CopyAddress
+  a as CopyAddress
 };

package/dist/components/EnrollMfa/EnrollMfaDescription.d.ts

@@ -0,0 +1,6 @@
+import { ElementType, HTMLAttributes } from 'react';
+import { EnrollMfaMethodComponentProps } from './types';
+export interface EnrollMfaDescriptionProps extends EnrollMfaMethodComponentProps, HTMLAttributes<HTMLElement> {
+    as?: ElementType;
+}
+export declare const EnrollMfaDescription: ({ as: Component, children, className, method: methodFromProps, step: stepFromProps, ...props }: EnrollMfaDescriptionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/EnrollMfa/EnrollMfaDescription.js

@@ -0,0 +1,21 @@
+import { jsx as t, Fragment as d } from "react/jsx-runtime";
+import "react";
+import { useEnrollMfaContext as f } from "./EnrollMfaProvider.js";
+import { m as h } from "../../chunks/index.CKQKBoX2.js";
+import "@coinbase/cdp-hooks";
+import '../../assets/EnrollMfaDescription.css';const _ = "EnrollMfaDescription-module__description___qWKL6", u = {
+  description: _
+}, q = ({
+  as: s = "p",
+  children: n,
+  className: r = "",
+  method: c,
+  step: p,
+  ...m
+}) => {
+  const { state: o } = f(), e = p || o.step, i = c || o.method, l = h[i].description, a = e === "list" ? /* @__PURE__ */ t(d, { children: "Require verification for sensitive actions." }) : /* @__PURE__ */ t(l, { step: e, method: i });
+  return /* @__PURE__ */ t(s, { className: `${u.description} ${r}`, ...m, children: n ?? a });
+};
+export {
+  q as EnrollMfaDescription
+};

package/dist/components/EnrollMfa/EnrollMfaFlow.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { EnrollMfaStep, MfaMethod } from './types';
+export interface EnrollMfaFlowProps extends Omit<HTMLAttributes<HTMLElement>, "children"> {
+    autoFocus?: boolean;
+    animateHeight?: boolean;
+    children?: (props: {
+        step: EnrollMfaStep;
+        method: MfaMethod;
+        Content: ReactNode;
+    }) => ReactNode;
+}
+export declare const EnrollMfaFlow: ({ autoFocus, animateHeight, children, className, ...props }: EnrollMfaFlowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/EnrollMfa/EnrollMfaFlow.js

@@ -0,0 +1,46 @@
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+import { SwitchSlideTransition as _ } from "../ui/SwitchSlideTransition/index.js";
+import { useEnrollMfaFlowInternal as h } from "./EnrollMfaFlowProvider.js";
+import { EnrollMfaItems as w } from "./EnrollMfaItems.js";
+import { useEnrollMfaContext as M } from "./EnrollMfaProvider.js";
+import { m as S } from "../../chunks/index.CKQKBoX2.js";
+import "@coinbase/cdp-hooks";
+import { STEPS as b } from "./useEnrollMfaReducer.js";
+import '../../assets/EnrollMfaFlow.css';const x = "EnrollMfaFlow-module__list___oGYkb", s = {
+  "method-wrapper": "EnrollMfaFlow-module__method-wrapper___yT4Pj",
+  list: x
+}, $ = ({
+  autoFocus: e = !1,
+  animateHeight: m = !0,
+  children: l,
+  className: a = "",
+  ...p
+}) => {
+  const { state: n } = M(), { startEnrollment: f, submit: d, transitionRef: c } = h(), { method: i } = n;
+  return /* @__PURE__ */ t(
+    _,
+    {
+      autoFocus: e,
+      animateHeight: m,
+      items: b,
+      initialEntered: !0,
+      timeout: 250,
+      direction: n.flowDirection,
+      transitionRef: c,
+      children: ({ itemKey: r, ...u }) => {
+        let o = null;
+        if (r === "list")
+          o = /* @__PURE__ */ t(w, { className: s.list, onSetUp: f });
+        else {
+          const E = S[i].content;
+          o = /* @__PURE__ */ t("div", { className: `${s["method-wrapper"]} ${a}`, ...p, children: /* @__PURE__ */ t(E, { autoFocus: e, step: r, onSubmit: d }) });
+        }
+        return /* @__PURE__ */ t("div", { ...u, children: l ? l({ step: r, method: i, Content: o }) : o });
+      }
+    }
+  );
+};
+export {
+  $ as EnrollMfaFlow
+};

package/dist/components/EnrollMfa/EnrollMfaFlowBackButton.d.ts

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

package/dist/components/EnrollMfa/EnrollMfaFlowBackButton.js

@@ -0,0 +1,39 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c as p } from "../../chunks/lite.1fxw3LjI.js";
+import "react";
+import { Button as f } from "../ui/Button/index.js";
+import { IconArrowLeft as _ } from "../../icons/IconArrowLeft.js";
+import { useEnrollMfaFlowInternal as b } from "./EnrollMfaFlowProvider.js";
+import { useEnrollMfaContext as B } from "./EnrollMfaProvider.js";
+import "@coinbase/cdp-hooks";
+import '../../assets/EnrollMfaFlowBackButton.css';const k = "EnrollMfaFlowBackButton-module__button___8J7mz", d = "EnrollMfaFlowBackButton-module__icon___H7y5j", t = {
+  button: k,
+  icon: d
+}, N = ({
+  ["aria-label"]: n = "Back",
+  children: r,
+  className: l = "",
+  size: a = "md",
+  onClick: s,
+  variant: c = "transparentSecondary",
+  step: e,
+  ...m
+}) => {
+  const { back: i } = b(), { state: u } = B();
+  return (e || u.step) === "list" ? null : /* @__PURE__ */ o(
+    f,
+    {
+      type: "button",
+      "aria-label": n,
+      className: p(t.button, l),
+      onClick: s ?? i,
+      size: a,
+      variant: c,
+      ...m,
+      children: r || /* @__PURE__ */ o(_, { className: t.icon })
+    }
+  );
+};
+export {
+  N as EnrollMfaFlowBackButton
+};

package/dist/components/EnrollMfa/EnrollMfaFlowProvider.d.ts

@@ -0,0 +1,21 @@
+import { FormEvent, ReactNode, RefObject } from 'react';
+import { SwitchSlideTransitionRef } from '../ui/SwitchSlideTransition';
+import { EnrollMfaStep, MfaMethod } from './types';
+export interface EnrollMfaFlowContextValue {
+    back: () => void;
+    startEnrollment: (method: MfaMethod) => void;
+    submit: (e: FormEvent<HTMLFormElement>) => void;
+}
+export interface EnrollMfaFlowContextValueInternal extends EnrollMfaFlowContextValue {
+    transitionRef: RefObject<SwitchSlideTransitionRef<EnrollMfaStep> | null> | null;
+}
+export interface EnrollMfaFlowProviderProps {
+    children?: ReactNode;
+    onBack: EnrollMfaFlowContextValue["back"];
+    onStartEnrollment: EnrollMfaFlowContextValue["startEnrollment"];
+    onSubmit: EnrollMfaFlowContextValue["submit"];
+    transitionRef: EnrollMfaFlowContextValueInternal["transitionRef"];
+}
+export declare const useEnrollMfaFlowInternal: () => EnrollMfaFlowContextValueInternal;
+export declare const useEnrollMfaFlow: () => EnrollMfaFlowContextValue;
+export declare const EnrollMfaFlowProvider: ({ children, onBack, onStartEnrollment, onSubmit, transitionRef, }: EnrollMfaFlowProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/EnrollMfa/EnrollMfaFlowProvider.js

@@ -0,0 +1,34 @@
+import { jsx as a } from "react/jsx-runtime";
+import { createContext as u, useContext as i, useMemo as c } from "react";
+import "@coinbase/cdp-hooks";
+const l = u(null), f = () => {
+  const o = i(l);
+  if (!o)
+    throw new Error("useEnrollMfaFlowInternal must be used within a EnrollMfaFlowContext.Provider");
+  return o;
+}, E = () => {
+  const { transitionRef: o, ...t } = f();
+  return t;
+}, M = ({
+  children: o,
+  onBack: t,
+  onStartEnrollment: r,
+  onSubmit: e,
+  transitionRef: n
+}) => {
+  const s = c(
+    () => ({
+      back: t,
+      startEnrollment: r,
+      submit: e,
+      transitionRef: n
+    }),
+    [t, r, e, n]
+  );
+  return /* @__PURE__ */ a(l.Provider, { value: s, children: o });
+};
+export {
+  M as EnrollMfaFlowProvider,
+  E as useEnrollMfaFlow,
+  f as useEnrollMfaFlowInternal
+};

package/dist/components/EnrollMfa/EnrollMfaFooter.d.ts

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from 'react';
+export declare const EnrollMfaFooter: (props: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/EnrollMfa/EnrollMfaFooter.js

@@ -0,0 +1,7 @@
+import { jsx as r } from "react/jsx-runtime";
+import "react";
+import { CoinbaseFooter as t } from "../ui/CoinbaseFooter/index.js";
+const n = (o) => /* @__PURE__ */ r(t, { ...o });
+export {
+  n as EnrollMfaFooter
+};

package/dist/components/EnrollMfa/EnrollMfaImage.d.ts

@@ -0,0 +1,6 @@
+import { ElementType, HTMLAttributes } from 'react';
+import { EnrollMfaMethodComponentProps } from './types';
+export interface EnrollMfaImageProps extends EnrollMfaMethodComponentProps, HTMLAttributes<HTMLElement> {
+    as?: ElementType;
+}
+export declare const EnrollMfaImage: ({ as: Component, children, className, method: methodFromProps, step: stepFromProps, ...props }: EnrollMfaImageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/EnrollMfa/EnrollMfaImage.js

@@ -0,0 +1,19 @@
+import { jsx as m } from "react/jsx-runtime";
+import "react";
+import { useEnrollMfaContext as l } from "./EnrollMfaProvider.js";
+import { m as c } from "../../chunks/index.CKQKBoX2.js";
+import "@coinbase/cdp-hooks";
+const M = ({
+  as: r = "div",
+  children: t,
+  className: s = "",
+  method: n,
+  step: p,
+  ...a
+}) => {
+  const { state: o } = l(), i = p || o.step, e = n || o.method, f = c[e].image;
+  return /* @__PURE__ */ m(r, { className: s, ...a, children: t || /* @__PURE__ */ m(f, { step: i, method: e }) });
+};
+export {
+  M as EnrollMfaImage
+};

package/dist/components/EnrollMfa/EnrollMfaItem.d.ts

@@ -0,0 +1,11 @@
+import { MouseEventHandler, ReactNode } from 'react';
+import { MfaMethod } from './types';
+interface EnrollMfaItemProps {
+    method: MfaMethod;
+    icon?: ReactNode;
+    label: string;
+    isPending?: boolean;
+    onSetUp: MouseEventHandler<HTMLButtonElement>;
+}
+declare const EnrollMfaItem: ({ method, icon, label, isPending, onSetUp }: EnrollMfaItemProps) => import("react/jsx-runtime").JSX.Element;
+export { EnrollMfaItem, type EnrollMfaItemProps };

package/dist/components/EnrollMfa/EnrollMfaItem.js

@@ -0,0 +1,21 @@
+import { jsx as m } from "react/jsx-runtime";
+import { useCurrentUser as l } from "@coinbase/cdp-hooks";
+import "react";
+import { ToggleListItem as a } from "../ui/ToggleListItem/index.js";
+const u = ({ method: e, icon: o, label: s, isPending: n, onSetUp: i }) => {
+  const { currentUser: t } = l(), r = t?.mfaMethods?.[e]?.enrolledAt ? Date.now() > new Date(t.mfaMethods[e].enrolledAt).getTime() : !1;
+  return /* @__PURE__ */ m(
+    a,
+    {
+      icon: o,
+      label: s,
+      isActive: r,
+      isPending: n,
+      onActivate: i,
+      isDisabled: r
+    }
+  );
+};
+export {
+  u as EnrollMfaItem
+};

package/dist/components/EnrollMfa/EnrollMfaItems.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { EnrollMfaItemProps } from './EnrollMfaItem';
+import { MfaMethod } from './types';
+interface EnrollMfaItemsProps extends Omit<HTMLAttributes<HTMLUListElement>, "children"> {
+    children?: (props: EnrollMfaItemProps) => ReactNode;
+    onSetUp?: (method: MfaMethod) => void | Promise<void>;
+}
+declare const EnrollMfaItems: ({ children, className, onSetUp, ...props }: EnrollMfaItemsProps) => import("react/jsx-runtime").JSX.Element;
+export { EnrollMfaItems, type EnrollMfaItemsProps };

package/dist/components/EnrollMfa/EnrollMfaItems.js

@@ -0,0 +1,39 @@
+import { jsx as n } from "react/jsx-runtime";
+import { c as u } from "../../chunks/lite.1fxw3LjI.js";
+import { useMemo as d } from "react";
+import { IconPinCode as I } from "../../icons/IconPinCode.js";
+import { EnrollMfaItem as M } from "./EnrollMfaItem.js";
+import { useEnrollMfaContext as E } from "./EnrollMfaProvider.js";
+import "@coinbase/cdp-hooks";
+import '../../assets/EnrollMfaItems.css';const _ = "EnrollMfaItems-module__list___5ZZmE", x = {
+  list: _
+}, P = {
+  totp: { Icon: /* @__PURE__ */ n(I, {}), label: "Authenticator app" }
+}, w = ({ children: l, className: m = "", onSetUp: s, ...c }) => {
+  const { state: a } = E(), { methods: r, method: i, isPending: e } = a, p = d(() => r.map((t) => {
+    const { Icon: o, label: f } = P[t];
+    return {
+      method: t,
+      icon: o,
+      label: f,
+      onSetUp: async () => {
+        await s?.(t);
+      }
+    };
+  }), [r, s]);
+  return /* @__PURE__ */ n("ul", { className: u(x.list, m), ...c, children: p.map(({ method: t, ...o }) => /* @__PURE__ */ n("li", { children: l?.({
+    ...o,
+    method: t,
+    isPending: e && i === t
+  }) || /* @__PURE__ */ n(
+    M,
+    {
+      ...o,
+      method: t,
+      isPending: e && i === t
+    }
+  ) }, t)) });
+};
+export {
+  w as EnrollMfaItems
+};

package/dist/components/EnrollMfa/EnrollMfaProvider.d.ts

@@ -0,0 +1,14 @@
+import { Dispatch, ReactNode } from 'react';
+import { EnrollMfaAction, EnrollMfaState, MfaMethod } from './types';
+export interface EnrollMfaContextValue {
+    state: EnrollMfaState;
+    dispatch: Dispatch<EnrollMfaAction>;
+    onEnrollSuccess?: () => void;
+}
+export declare const useEnrollMfaContext: () => EnrollMfaContextValue;
+export interface EnrollMfaProviderProps {
+    children: ReactNode;
+    methods?: MfaMethod[];
+    onEnrollSuccess?: () => void;
+}
+export declare const EnrollMfaProvider: ({ children, onEnrollSuccess, methods, }: EnrollMfaProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/EnrollMfa/EnrollMfaProvider.js

@@ -0,0 +1,24 @@
+import { jsx as i } from "react/jsx-runtime";
+import { createContext as u, useContext as a, useMemo as f } from "react";
+import "@coinbase/cdp-hooks";
+import { useEnrollMfaReducer as m } from "./useEnrollMfaReducer.js";
+const n = u(null), p = () => {
+  const t = a(n);
+  if (!t)
+    throw new Error("useEnrollMfaContext must be used within EnrollMfaProvider");
+  return t;
+}, E = ({
+  children: t,
+  onEnrollSuccess: o,
+  methods: s
+}) => {
+  const [r, e] = m(s), l = f(
+    () => ({ state: r, dispatch: e, onEnrollSuccess: o }),
+    [r, e, o]
+  );
+  return /* @__PURE__ */ i(n.Provider, { value: l, children: t });
+};
+export {
+  E as EnrollMfaProvider,
+  p as useEnrollMfaContext
+};

package/dist/components/EnrollMfa/EnrollMfaTitle.d.ts

@@ -0,0 +1,6 @@
+import { ElementType, HTMLAttributes } from 'react';
+import { EnrollMfaMethodComponentProps } from './types';
+export interface EnrollMfaTitleProps extends EnrollMfaMethodComponentProps, HTMLAttributes<HTMLElement> {
+    as?: ElementType;
+}
+export declare const EnrollMfaTitle: ({ as: Component, children, className, method: methodFromProps, step: stepFromProps, ...props }: EnrollMfaTitleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/EnrollMfa/EnrollMfaTitle.js

@@ -0,0 +1,21 @@
+import { jsx as t, Fragment as h } from "react/jsx-runtime";
+import "react";
+import { useEnrollMfaContext as p } from "./EnrollMfaProvider.js";
+import { m as f } from "../../chunks/index.CKQKBoX2.js";
+import "@coinbase/cdp-hooks";
+import '../../assets/EnrollMfaTitle.css';const g = "EnrollMfaTitle-module__heading___ogrZZ", u = {
+  heading: g
+}, y = ({
+  as: s = "h2",
+  children: i,
+  className: r = "",
+  method: l,
+  step: m,
+  ...a
+}) => {
+  const { state: o } = p(), e = m || o.step, n = l || o.method, c = f[n].title, d = e === "list" ? /* @__PURE__ */ t(h, { children: "Add multi-factor authentication" }) : /* @__PURE__ */ t(c, { step: e, method: n });
+  return /* @__PURE__ */ t(s, { className: `${u.heading} ${r}`, ...a, children: i ?? d });
+};
+export {
+  y as EnrollMfaTitle
+};

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

@@ -0,0 +1,20 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { EnrollMfaDescription, EnrollMfaDescriptionProps } from './EnrollMfaDescription';
+import { EnrollMfaFlow, EnrollMfaFlowProps } from './EnrollMfaFlow';
+import { EnrollMfaFlowBackButton, EnrollMfaFlowBackButtonProps } from './EnrollMfaFlowBackButton';
+import { useEnrollMfaFlow, EnrollMfaFlowContextValue } from './EnrollMfaFlowProvider';
+import { EnrollMfaFooter } from './EnrollMfaFooter';
+import { EnrollMfaImage, EnrollMfaImageProps } from './EnrollMfaImage';
+import { EnrollMfaItem, EnrollMfaItemProps } from './EnrollMfaItem';
+import { EnrollMfaItems, EnrollMfaItemsProps } from './EnrollMfaItems';
+import { useEnrollMfaContext, EnrollMfaContextValue } from './EnrollMfaProvider';
+import { EnrollMfaTitle, EnrollMfaTitleProps } from './EnrollMfaTitle';
+import { EnrollMfaAction, EnrollMfaState, EnrollMfaStep, MfaMethod } from './types';
+interface EnrollMfaProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    children?: ReactNode | ((state: EnrollMfaState) => ReactNode);
+    onEnrollSuccess?: () => void;
+    resetOnSuccess?: boolean;
+}
+declare const EnrollMfaError: ({ role, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element | null;
+declare const EnrollMfa: ({ onEnrollSuccess, ...props }: EnrollMfaProps) => import("react/jsx-runtime").JSX.Element;
+export { EnrollMfa, EnrollMfaDescription, EnrollMfaError, EnrollMfaFlow, EnrollMfaFlowBackButton, EnrollMfaFooter, EnrollMfaImage, EnrollMfaItem, EnrollMfaItems, EnrollMfaTitle, useEnrollMfaContext, useEnrollMfaFlow, type EnrollMfaProps, type EnrollMfaContextValue, type EnrollMfaDescriptionProps, type EnrollMfaFlowBackButtonProps, type EnrollMfaFlowContextValue, type EnrollMfaFlowProps, type EnrollMfaImageProps, type EnrollMfaItemProps, type EnrollMfaItemsProps, type EnrollMfaTitleProps, type EnrollMfaAction, type EnrollMfaState, type EnrollMfaStep, type MfaMethod, };