@tesouro/embedded-components-react 0.2.1

package/dist/libs/tesouro-embedded-components-react/linked-accounts-widget/ui/dist/index2.js

@@ -0,0 +1,208 @@
+"use client";
+import { jsxs as s, Fragment as ee, jsx as e } from "react/jsx-runtime";
+import { Skeleton as u, Button as te } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "@radix-ui/react-use-controllable-state";
+import { PlusIcon as ne, LinkIcon as ie } from "lucide-react";
+import "react";
+import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import { WidgetTitleWithIconAndChildren as oe } from "../../../shared/ui/dist/lib/WidgetTitleWithIconAndChildren/WidgetTitleWithIconAndChildren.js";
+import { AccountRow as re } from "./index4.js";
+import { ConnectAccountDialog as se } from "./index5.js";
+import { EditAccountDialog as ae } from "./index6.js";
+import { EmptyState as ce } from "./index7.js";
+import { UnlinkAccountDialog as le } from "./index8.js";
+import { VerifyAccountDialog as me } from "./index9.js";
+import { DEFAULT_LABELS as de } from "./index3.js";
+import { linkedAccountsWidgetUiTestIds as f } from "./index10.js";
+function Ve({
+  labels: b,
+  rows: a,
+  isLoading: i = !1,
+  isError: o = !1,
+  isConnectOpen: p,
+  isEditOpen: g,
+  isVerifyOpen: C,
+  isUnlinkOpen: h,
+  isSubmitting: r = !1,
+  isActionDisabled: n = !1,
+  canConnect: c = !0,
+  isActionError: m = !1,
+  isConnectError: w = !1,
+  isEditError: A = !1,
+  isVerifyError: y = !1,
+  learnMoreUrl: E,
+  unlinkAccountNumber: S,
+  verifyAccountName: N,
+  verifyAccountNumber: v,
+  isVerifySuccess: D = !1,
+  connectStep: V,
+  accessRows: k,
+  accessGrantedCount: F,
+  isTeamMembersLoading: x = !1,
+  isTeamMembersError: O = !1,
+  isConnectNextDisabled: I = !1,
+  isConnectRoutingNumberInvalid: L = !1,
+  connectErrorMessage: T,
+  isVerifyFirstAmountInvalid: U = !1,
+  isVerifySecondAmountInvalid: B = !1,
+  isVerifySubmitDisabled: M = !0,
+  connectSummary: R,
+  connectForm: W,
+  editForm: j,
+  verifyForm: z,
+  onConnectOpenChange: l,
+  onEditOpenChange: G,
+  onVerifyOpenChange: J,
+  onUnlinkOpenChange: P,
+  onConnectFormChange: Y,
+  onEditFormChange: _,
+  onVerifyFormChange: q,
+  onConnectNext: H,
+  onConnectBack: K,
+  onEditSubmit: Q,
+  onVerifySubmit: X,
+  onUnlinkConfirm: Z
+}) {
+  const t = { ...de, ...b };
+  return /* @__PURE__ */ s(ee, { children: [
+    /* @__PURE__ */ e(
+      oe,
+      {
+        icon: /* @__PURE__ */ e(ie, { className: "ttw:size-5 ttw:shrink-0 ttw:text-foreground" }),
+        title: t.title,
+        headerActions: c ? /* @__PURE__ */ s(
+          te,
+          {
+            type: "button",
+            size: "sm",
+            disabled: n,
+            "data-testid": f.connectAccountButton,
+            className: "ttw:inline-flex ttw:shrink-0 ttw:gap-2 ttw:whitespace-nowrap",
+            onClick: () => l(!0),
+            children: [
+              /* @__PURE__ */ e(ne, { className: "ttw:size-4", "aria-hidden": !0 }),
+              t.connectButton
+            ]
+          }
+        ) : void 0,
+        children: /* @__PURE__ */ s("div", { className: "ttw:overflow-hidden ttw:rounded-lg ttw:border ttw:border-border", children: [
+          i && /* @__PURE__ */ s(
+            "div",
+            {
+              "aria-label": t.loadingLabel,
+              className: "ttw:space-y-3 ttw:p-4",
+              children: [
+                /* @__PURE__ */ e(u, { height: 44, width: "100%" }),
+                /* @__PURE__ */ e(u, { height: 44, width: "100%" })
+              ]
+            }
+          ),
+          !i && o && /* @__PURE__ */ e("div", { className: "ttw:p-4 ttw:text-sm ttw:text-destructive", children: t.errorTitle }),
+          !i && !o && m && /* @__PURE__ */ e(
+            "div",
+            {
+              role: "alert",
+              className: "ttw:border-b ttw:border-destructive/30 ttw:p-4 ttw:text-sm ttw:text-destructive",
+              children: t.actionErrorTitle
+            }
+          ),
+          !i && !o && a.length === 0 && /* @__PURE__ */ e(
+            ce,
+            {
+              labels: t,
+              learnMoreUrl: E,
+              canConnect: c,
+              isActionDisabled: n,
+              connectButtonTestId: f.emptyStateConnectAccountButton,
+              onAdd: () => l(!0)
+            }
+          ),
+          !i && !o && a.map((d, $) => /* @__PURE__ */ e(
+            re,
+            {
+              row: d,
+              isLast: $ === a.length - 1,
+              isActionDisabled: n
+            },
+            d.key
+          ))
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e(
+      se,
+      {
+        open: p,
+        labels: t,
+        connectStep: V,
+        connectForm: W,
+        accessRows: k,
+        accessGrantedCount: F,
+        connectSummary: R,
+        isTeamMembersLoading: x,
+        isTeamMembersError: O,
+        isSubmitting: r,
+        isActionDisabled: n,
+        canConnect: c,
+        isConnectError: w,
+        isConnectNextDisabled: I,
+        isConnectRoutingNumberInvalid: L,
+        connectErrorMessage: T,
+        onOpenChange: l,
+        onConnectFormChange: Y,
+        onConnectNext: H,
+        onConnectBack: K
+      }
+    ),
+    /* @__PURE__ */ e(
+      ae,
+      {
+        open: g,
+        labels: t,
+        editForm: j,
+        isSubmitting: r,
+        isActionDisabled: n,
+        isEditError: A,
+        onOpenChange: G,
+        onEditFormChange: _,
+        onEditSubmit: Q
+      }
+    ),
+    /* @__PURE__ */ e(
+      me,
+      {
+        open: C,
+        labels: t,
+        verifyForm: z,
+        accountName: N,
+        accountNumber: v,
+        isVerifySuccess: D,
+        isSubmitting: r,
+        isActionDisabled: n,
+        isVerifyFirstAmountInvalid: U,
+        isVerifySecondAmountInvalid: B,
+        isVerifySubmitDisabled: M,
+        isVerifyError: y,
+        onOpenChange: J,
+        onVerifyFormChange: q,
+        onVerifySubmit: X
+      }
+    ),
+    /* @__PURE__ */ e(
+      le,
+      {
+        open: h,
+        labels: t,
+        accountNumber: S,
+        isSubmitting: r,
+        isActionDisabled: n,
+        isActionError: m,
+        onOpenChange: P,
+        onUnlinkConfirm: Z
+      }
+    )
+  ] });
+}
+export {
+  Ve as LinkedAccountsWidgetUi
+};

package/dist/libs/tesouro-embedded-components-react/linked-accounts-widget/ui/dist/index3.js

@@ -0,0 +1,69 @@
+const e = {
+  title: "Linked Accounts",
+  connectButton: "Add external account",
+  verifyCtaButton: "Click here to verify",
+  learnMoreButton: "Learn more about linked accounts",
+  connectTitle: "Link Account",
+  nicknameLabel: "Account nickname",
+  accountNumberLabel: "Account Number",
+  routingNumberLabel: "Routing Number",
+  routingNumberError: "Routing number must be a valid 9-digit ABA routing number.",
+  typeLabel: "Account type",
+  accountTypePlaceholder: "Select account type",
+  checkingOption: "Checking",
+  savingsOption: "Savings",
+  cancelButton: "Cancel",
+  nextButton: "Next",
+  backButton: "Back",
+  stepIndicator: "Step {current}/{total}",
+  connectStep1Heading: "Enter your bank details",
+  connectStep1Description: "To link your account, start by entering your account number and routing number below:",
+  connectStep2Heading: "Set team member access",
+  connectStep2Description: "Who from your team should have access to manage/view this external account?",
+  teamMemberAccessTooltip: "Members with access can view and manage this external account.",
+  teamMembersLoadingLabel: "Loading team members",
+  teamMembersErrorTitle: "Unable to load team members",
+  teamMembersEmptyLabel: "No additional team members to add.",
+  summaryCompletedHeading: "Completed items",
+  summaryNextStepsHeading: "Next steps",
+  summaryAccountPrefix: "Account",
+  summaryStep1Title: "Step 1: Enter your bank details",
+  summaryStep1Description: "We will generate two small deposits to account:",
+  summaryStep2Title: "Step 2: Configure user permissions",
+  summaryStep2Description: "These users will have access to manage/view this external account.",
+  summaryStep3Title: "Step 3: Wait for two small deposits",
+  summaryStep3Description: "Please check that account in 1-2 business days to confirm the amounts of the two deposits.",
+  summaryStep4Title: "Step 4: Verify your deposits",
+  summaryStep4Description: "Verify the amounts of those two deposits in the Transfers section here to complete the linking process.",
+  statusComplete: "Complete",
+  statusTodo: "To Do",
+  backToTransfersButton: "Back to Transfers",
+  saveButton: "Save account",
+  editButton: "Edit",
+  verifyButton: "Verify this account",
+  unlinkButton: "Unlink",
+  linkButton: "Link",
+  editTitle: "Edit linked account",
+  verifyTitle: "Enter deposit amounts",
+  verifyDescription: "To verify this account, please enter the two deposit amounts seen in your personal bank account.",
+  verifySectionHeading: "Enter the two deposit amounts that were sent to:",
+  verifyExampleLabel: "Example:",
+  verifyExampleText: 'If you received $0.12 and $0.34, enter "0.12" and "0.34".',
+  verifyAccountInProcess: "in process.",
+  verifySuccessTitle: "Success!",
+  verifySuccessDescription: "Your account {account} was successfully verified. You can now transfer money into and out of this account.",
+  unlinkTitle: "Un-link Account",
+  unlinkDescription: "Are you sure you want to un-link account {account} from business banking? Any transfers in process will continue to process, but no future money transfers will be able to process with this account.",
+  unlinkConfirmButton: "Confirm",
+  firstAmountLabel: "Deposit 1",
+  secondAmountLabel: "Deposit 2",
+  verifyAmountError: "Enter an amount between $0.01 and $0.99.",
+  loadingLabel: "Loading linked accounts",
+  errorTitle: "Unable to load linked accounts",
+  actionErrorTitle: "Unable to update linked account",
+  emptyTitle: "No Linked Accounts Yet",
+  emptyDescription: "No external accounts have been linked yet. Click the Add External Account button to link your first account."
+};
+export {
+  e as DEFAULT_LABELS
+};

package/dist/libs/tesouro-embedded-components-react/linked-accounts-widget/ui/dist/index4.js

@@ -0,0 +1,60 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { Button as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { LinkIcon as a, Unlink as w, SquarePen as m } from "lucide-react";
+import { FeaturedIcon as d } from "./index11.js";
+const p = {
+  edit: m,
+  link: a,
+  unlink: w
+};
+function h({ row: t, isLast: s, isActionDisabled: n }) {
+  const c = !!t.primaryAction || t.iconActions.length > 0;
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: `ttw:flex ttw:items-center ttw:gap-2 ttw:bg-background ttw:px-3 ttw:py-2 ${s ? "" : "ttw:border-b ttw:border-border"}`,
+      children: [
+        /* @__PURE__ */ r("div", { className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:items-center ttw:gap-2", children: [
+          /* @__PURE__ */ e(d, { showBadge: t.showBadge ?? !1, children: /* @__PURE__ */ e(a, { className: "ttw:size-4 ttw:text-foreground" }) }),
+          /* @__PURE__ */ r("div", { className: "ttw:flex ttw:min-w-0 ttw:flex-col", children: [
+            /* @__PURE__ */ e("span", { className: "ttw:truncate ttw:text-sm ttw:font-medium ttw:text-foreground", children: t.title }),
+            /* @__PURE__ */ e("span", { className: "ttw:truncate ttw:text-xs ttw:text-muted-foreground", children: t.subtitle })
+          ] })
+        ] }),
+        c && /* @__PURE__ */ r("div", { className: "ttw:flex ttw:shrink-0 ttw:items-center ttw:gap-1", children: [
+          t.primaryAction && /* @__PURE__ */ e(
+            o,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              className: "ttw:bg-primary/10 ttw:font-medium ttw:text-primary ttw:hover:bg-primary/20 ttw:hover:text-primary",
+              disabled: n,
+              onClick: t.primaryAction.onSelect,
+              children: t.primaryAction.label
+            }
+          ),
+          t.iconActions.map((i) => {
+            const l = p[i.icon];
+            return /* @__PURE__ */ e(
+              o,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon-sm",
+                "aria-label": i.label,
+                disabled: n,
+                onClick: i.onSelect,
+                children: /* @__PURE__ */ e(l, {})
+              },
+              i.key
+            );
+          })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  h as AccountRow
+};

package/dist/libs/tesouro-embedded-components-react/linked-accounts-widget/ui/dist/index5.js

@@ -0,0 +1,118 @@
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Dialog as I, DialogContent as k, DialogHeader as A, DialogTitle as T, DialogFooter as B, Button as s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "@radix-ui/react-use-controllable-state";
+import { LinkIcon as E, ArrowLeftIcon as F, ArrowRightIcon as L } from "lucide-react";
+import "react";
+import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import { InlineErrorAlert as j } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
+import { ConnectStepAccess as M } from "./index12.js";
+import { ConnectStepDetails as R } from "./index13.js";
+import { ConnectStepSummary as O } from "./index14.js";
+import { DialogFeaturedIcon as W } from "./index15.js";
+import { linkedAccountsWidgetUiTestIds as q } from "./index10.js";
+const z = 2;
+function _({
+  open: m,
+  labels: e,
+  connectStep: o,
+  connectForm: d,
+  accessRows: w,
+  accessGrantedCount: p,
+  connectSummary: i,
+  isTeamMembersLoading: u,
+  isTeamMembersError: g,
+  isSubmitting: c,
+  isActionDisabled: f,
+  canConnect: b,
+  isConnectError: h,
+  isConnectNextDisabled: x,
+  isConnectRoutingNumberInvalid: C,
+  connectErrorMessage: N,
+  onOpenChange: a,
+  onConnectFormChange: D,
+  onConnectNext: y,
+  onConnectBack: S
+}) {
+  const l = f || !b, r = o === 3, v = e.stepIndicator.replace("{current}", String(o)).replace("{total}", String(z));
+  return /* @__PURE__ */ t(I, { open: m, onOpenChange: a, children: /* @__PURE__ */ n(
+    k,
+    {
+      showCloseButton: !0,
+      "data-testid": q.connectAccountDialog,
+      className: "ttw:flex ttw:max-h-[min(90vh,48rem)] ttw:flex-col ttw:gap-0 ttw:rounded-xl ttw:p-0",
+      children: [
+        /* @__PURE__ */ n(A, { className: "ttw:flex ttw:flex-col ttw:items-start ttw:gap-3 ttw:px-6 ttw:pb-4 ttw:pt-6 ttw:text-left", children: [
+          /* @__PURE__ */ t(W, { children: /* @__PURE__ */ t(E, { className: "ttw:size-5" }) }),
+          /* @__PURE__ */ t(T, { className: "ttw:text-xl", children: e.connectTitle })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "ttw:min-h-0 ttw:flex-1 ttw:space-y-4 ttw:overflow-y-auto ttw:border-y ttw:border-border ttw:p-6", children: [
+          o === 1 && /* @__PURE__ */ t(
+            R,
+            {
+              labels: e,
+              connectForm: d,
+              disabled: l,
+              routingNumberError: C,
+              onConnectFormChange: D
+            }
+          ),
+          o === 2 && /* @__PURE__ */ t(
+            M,
+            {
+              labels: e,
+              rows: w,
+              grantedCount: p,
+              isLoading: u,
+              isError: g
+            }
+          ),
+          r && i && /* @__PURE__ */ t(O, { labels: e, summary: i }),
+          h && !r && /* @__PURE__ */ t(j, { children: N ?? e.actionErrorTitle })
+        ] }),
+        /* @__PURE__ */ t(B, { className: "ttw:px-6 ttw:pb-6 ttw:pt-4", children: r ? /* @__PURE__ */ n(
+          s,
+          {
+            type: "button",
+            variant: "outline",
+            className: "ttw:w-full",
+            onClick: () => a(!1),
+            children: [
+              /* @__PURE__ */ t(F, {}),
+              e.backToTransfersButton
+            ]
+          }
+        ) : /* @__PURE__ */ n("div", { className: "ttw:flex ttw:w-full ttw:items-center ttw:justify-between ttw:gap-3", children: [
+          /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:font-medium ttw:text-muted-foreground", children: v }),
+          /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-2", children: [
+            /* @__PURE__ */ t(
+              s,
+              {
+                type: "button",
+                variant: "outline",
+                disabled: c,
+                onClick: o === 1 ? () => a(!1) : S,
+                children: o === 1 ? e.cancelButton : e.backButton
+              }
+            ),
+            /* @__PURE__ */ n(
+              s,
+              {
+                type: "button",
+                loading: c,
+                disabled: l || x,
+                onClick: y,
+                children: [
+                  e.nextButton,
+                  /* @__PURE__ */ t(L, {})
+                ]
+              }
+            )
+          ] })
+        ] }) })
+      ]
+    }
+  ) });
+}
+export {
+  _ as ConnectAccountDialog
+};

package/dist/libs/tesouro-embedded-components-react/linked-accounts-widget/ui/dist/index6.js

@@ -0,0 +1,88 @@
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Dialog as p, DialogContent as g, DialogHeader as w, DialogTitle as h, DialogFooter as x, Button as l } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "@radix-ui/react-use-controllable-state";
+import "lucide-react";
+import "react";
+import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import { InlineErrorAlert as N } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
+import { TextInput as a } from "./index16.js";
+function O({
+  open: d,
+  labels: e,
+  editForm: i,
+  isSubmitting: c,
+  isActionDisabled: r,
+  isEditError: u,
+  onOpenChange: o,
+  onEditFormChange: s,
+  onEditSubmit: m
+}) {
+  return /* @__PURE__ */ t(p, { open: d, onOpenChange: o, children: /* @__PURE__ */ n(
+    g,
+    {
+      showCloseButton: !0,
+      className: "ttw:gap-0 ttw:rounded-xl ttw:p-0",
+      children: [
+        /* @__PURE__ */ t(w, { className: "ttw:px-6 ttw:pb-4 ttw:pt-6 ttw:text-left", children: /* @__PURE__ */ t(h, { className: "ttw:text-xl", children: e.editTitle }) }),
+        /* @__PURE__ */ n("div", { className: "ttw:space-y-4 ttw:border-y ttw:border-border ttw:p-6", children: [
+          /* @__PURE__ */ t(
+            a,
+            {
+              id: "linked-account-edit-nickname",
+              label: e.nicknameLabel,
+              value: i.nickname,
+              disabled: r,
+              required: !0,
+              onChange: (b) => s({ ...i, nickname: b })
+            }
+          ),
+          /* @__PURE__ */ t(
+            a,
+            {
+              id: "linked-account-edit-account-number",
+              label: e.accountNumberLabel,
+              value: i.accountNumber,
+              readOnly: !0,
+              disabled: !0
+            }
+          ),
+          /* @__PURE__ */ t(
+            a,
+            {
+              id: "linked-account-edit-routing-number",
+              label: e.routingNumberLabel,
+              value: i.routingNumber,
+              readOnly: !0,
+              disabled: !0
+            }
+          ),
+          u && /* @__PURE__ */ t(N, { children: e.actionErrorTitle })
+        ] }),
+        /* @__PURE__ */ n(x, { className: "ttw:px-6 ttw:pb-6 ttw:pt-4", children: [
+          /* @__PURE__ */ t(
+            l,
+            {
+              type: "button",
+              variant: "outline",
+              onClick: () => o(!1),
+              children: e.cancelButton
+            }
+          ),
+          /* @__PURE__ */ t(
+            l,
+            {
+              type: "button",
+              loading: c,
+              disabled: r,
+              onClick: m,
+              children: e.saveButton
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}
+export {
+  O as EditAccountDialog
+};

package/dist/libs/tesouro-embedded-components-react/linked-accounts-widget/ui/dist/index7.js

@@ -0,0 +1,52 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { Button as a } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "@radix-ui/react-use-controllable-state";
+import { ArrowLeftRight as m, PlusIcon as c, ExternalLink as w } from "lucide-react";
+import "react";
+import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import { Link as d } from "../../../shared/ui/dist/lib/Link/Link.js";
+import { FeaturedIcon as f } from "./index11.js";
+function k({
+  labels: e,
+  learnMoreUrl: n,
+  canConnect: o = !0,
+  isActionDisabled: i,
+  connectButtonTestId: l,
+  onAdd: s
+}) {
+  return /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-3 ttw:p-8 ttw:text-center", children: [
+    /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(m, { className: "ttw:size-5 ttw:text-foreground" }) }),
+    /* @__PURE__ */ r("div", { className: "ttw:flex ttw:max-w-150 ttw:flex-col ttw:items-center ttw:gap-1.5", children: [
+      /* @__PURE__ */ t("p", { className: "ttw:text-lg ttw:font-semibold ttw:text-foreground", children: e.emptyTitle }),
+      /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: e.emptyDescription })
+    ] }),
+    o && /* @__PURE__ */ r(
+      a,
+      {
+        disabled: i,
+        "data-testid": l,
+        onClick: s,
+        children: [
+          /* @__PURE__ */ t(c, {}),
+          e.connectButton
+        ]
+      }
+    ),
+    n && /* @__PURE__ */ r(
+      d,
+      {
+        href: n,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "ttw:inline-flex ttw:items-center ttw:gap-1.5 ttw:text-sm ttw:font-medium ttw:text-foreground ttw:hover:underline ttw:hover:underline-offset-2 ttw:[&_svg]:size-4",
+        children: [
+          e.learnMoreButton,
+          /* @__PURE__ */ t(w, {})
+        ]
+      }
+    )
+  ] });
+}
+export {
+  k as EmptyState
+};

package/dist/libs/tesouro-embedded-components-react/linked-accounts-widget/ui/dist/index8.js

@@ -0,0 +1,63 @@
+import { jsx as t, jsxs as e, Fragment as u } from "react/jsx-runtime";
+import { AlertDialog as g, AlertDialogContent as h, AlertDialogHeader as f, AlertDialogTitle as x, AlertDialogDescription as b, AlertDialogCancel as l, AlertDialogFooter as N, AlertDialogAction as v } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "@radix-ui/react-use-controllable-state";
+import { Trash2Icon as A, XIcon as D } from "lucide-react";
+import "react";
+import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import { InlineErrorAlert as R } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
+function E({
+  open: a,
+  labels: n,
+  accountNumber: s,
+  isSubmitting: i,
+  isActionDisabled: o,
+  isActionError: c,
+  onOpenChange: w,
+  onUnlinkConfirm: d
+}) {
+  const [p, r] = n.unlinkDescription.split("{account}");
+  return /* @__PURE__ */ t(g, { open: a, onOpenChange: w, children: /* @__PURE__ */ e(h, { className: "ttw:gap-0 ttw:rounded-xl ttw:p-0", children: [
+    /* @__PURE__ */ e(f, { className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-3 ttw:px-6 ttw:pb-4 ttw:pt-6 ttw:text-center", children: [
+      /* @__PURE__ */ t("span", { className: "ttw:flex ttw:size-11 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-destructive ttw:text-destructive-foreground ttw:ring-8 ttw:ring-destructive/20", children: /* @__PURE__ */ t(A, { className: "ttw:size-5" }) }),
+      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-1", children: [
+        /* @__PURE__ */ t(x, { className: "ttw:text-xl", children: n.unlinkTitle }),
+        /* @__PURE__ */ e(b, { children: [
+          p,
+          r !== void 0 && /* @__PURE__ */ e(u, { children: [
+            /* @__PURE__ */ t("span", { className: "ttw:font-medium ttw:text-foreground", children: s }),
+            r
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(
+      l,
+      {
+        disabled: i,
+        className: "ttw:absolute ttw:right-4 ttw:top-4 ttw:mt-0 ttw:size-4 ttw:rounded-sm ttw:border-0 ttw:bg-transparent ttw:p-0 ttw:opacity-50 ttw:shadow-none ttw:hover:bg-transparent ttw:hover:opacity-100",
+        children: [
+          /* @__PURE__ */ t(D, { className: "ttw:size-4" }),
+          /* @__PURE__ */ t("span", { className: "ttw:sr-only", children: n.cancelButton })
+        ]
+      }
+    ),
+    c && /* @__PURE__ */ t("div", { className: "ttw:px-6", children: /* @__PURE__ */ t(R, { children: n.actionErrorTitle }) }),
+    /* @__PURE__ */ e(N, { className: "ttw:flex-row ttw:gap-3 ttw:px-6 ttw:pb-6 ttw:pt-4", children: [
+      /* @__PURE__ */ t(l, { disabled: i, className: "ttw:flex-1", children: n.cancelButton }),
+      /* @__PURE__ */ t(
+        v,
+        {
+          className: "ttw:flex-1 ttw:bg-destructive ttw:text-destructive-foreground ttw:hover:bg-destructive/90",
+          disabled: o || i,
+          onClick: (m) => {
+            m.preventDefault(), d();
+          },
+          children: n.unlinkConfirmButton
+        }
+      )
+    ] })
+  ] }) });
+}
+export {
+  E as UnlinkAccountDialog
+};