@tesouro/embedded-components-react 0.2.1

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

@@ -0,0 +1,313 @@
+import { jsx as t, jsxs as n, Fragment as f } from "react/jsx-runtime";
+import { Dialog as q, DialogContent as Q, Select as C, SelectTrigger as A, SelectContent as S, Label as J, Input as T, Typography as p, Button as i, DialogFooter as K, Separator as U, SelectItem as W } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ArrowRight as X } from "lucide-react";
+import { ReviewTransferStep as Y } from "./index5.js";
+import { TransferMoneyModalHeader as Z } from "./index6.js";
+import { TransferResultStep as $ } from "./index7.js";
+const k = "ttw:flex ttw:h-auto ttw:min-h-14 ttw:w-full ttw:cursor-pointer ttw:items-center ttw:justify-start ttw:rounded-lg ttw:border-border ttw:px-5 ttw:py-3.5 ttw:text-left ttw:text-base ttw:font-normal ttw:text-foreground ttw:disabled:cursor-not-allowed ttw:[&_svg]:ml-auto ttw:[&_svg]:shrink-0", L = {
+  position: "popper",
+  align: "start",
+  sideOffset: 4
+};
+function F(a) {
+  return [a.primaryLabel, a.secondaryLabel, a.balanceLabel].filter(Boolean).join(" ");
+}
+function R({
+  opt: a,
+  balanceInsetEnd: o
+}) {
+  return /* @__PURE__ */ n("div", { className: "ttw:grid ttw:w-full ttw:min-w-0 ttw:grid-cols-[minmax(0,1fr)_auto] ttw:items-center ttw:gap-3", children: [
+    /* @__PURE__ */ n("span", { className: "ttw:flex ttw:min-w-0 ttw:items-center ttw:gap-2 ttw:overflow-hidden", children: [
+      /* @__PURE__ */ t("span", { className: "ttw:min-w-0 ttw:truncate ttw:rounded-full ttw:bg-primary/10 ttw:px-2.5 ttw:py-0.5 ttw:text-sm ttw:font-medium ttw:text-primary", children: a.primaryLabel }),
+      a.secondaryLabel ? /* @__PURE__ */ t("span", { className: "ttw:shrink-0 ttw:text-sm ttw:text-foreground", children: a.secondaryLabel }) : null
+    ] }),
+    a.balanceLabel ? /* @__PURE__ */ t(
+      "span",
+      {
+        className: o ? "ttw:justify-self-end ttw:shrink-0 ttw:pr-1.5 ttw:text-sm ttw:text-muted-foreground" : "ttw:justify-self-end ttw:shrink-0 ttw:text-sm ttw:text-muted-foreground",
+        children: a.balanceLabel
+      }
+    ) : null
+  ] });
+}
+function M({
+  value: a,
+  options: o,
+  placeholder: l
+}) {
+  const e = o.find((s) => s.optionValue === a);
+  return e ? /* @__PURE__ */ t(R, { opt: e }) : /* @__PURE__ */ t("span", { className: "ttw:block ttw:w-full ttw:text-left ttw:text-muted-foreground", children: l });
+}
+function V(a) {
+  return a.map((o) => /* @__PURE__ */ t(
+    W,
+    {
+      value: o.optionValue,
+      textValue: F(o),
+      className: "ttw:cursor-pointer ttw:py-3 ttw:pr-6 ttw:[&>span:last-of-type]:min-w-0 ttw:[&>span:last-of-type]:w-full",
+      children: /* @__PURE__ */ t(R, { opt: o, balanceInsetEnd: !0 })
+    },
+    o.optionValue
+  ));
+}
+function B(a, o, l) {
+  if (!a)
+    return l;
+  const e = o.find((s) => s.optionValue === a);
+  return e ? F(e) : l;
+}
+function rt({
+  open: a,
+  onOpenChange: o,
+  step: l,
+  labels: e,
+  fromOptions: s,
+  toOptions: c,
+  fromValue: w,
+  toValue: d,
+  onFromValueChange: j,
+  onToValueChange: P,
+  amountValue: h,
+  onAmountValueChange: b,
+  amountError: r,
+  amountInputPrefix: I,
+  reviewFromAccount: E,
+  reviewToAccount: O,
+  reviewAmountLabel: x,
+  isSubmitting: g,
+  isSuccess: D,
+  canContinueFromAccounts: _,
+  canContinueFromAmount: v,
+  onContinueFromAccounts: z,
+  onContinueFromAmount: G,
+  onBack: y,
+  onSubmit: H,
+  onClearSelections: N
+}) {
+  const u = /* @__PURE__ */ t(
+    U,
+    {
+      decorative: !0,
+      orientation: "horizontal",
+      className: "ttw:-mx-6",
+      style: { width: "calc(100% + 3rem)" }
+    }
+  );
+  return /* @__PURE__ */ t(q, { open: a, onOpenChange: o, children: /* @__PURE__ */ n(
+    Q,
+    {
+      showCloseButton: !0,
+      closeButtonTestId: "embedded-banking-transfer-money-modal-close-button",
+      className: "ttw:max-w-md ttw:gap-0 ttw:p-6",
+      "data-testid": "embedded-banking-transfer-money-modal",
+      children: [
+        l !== "result" ? /* @__PURE__ */ n(f, { children: [
+          /* @__PURE__ */ t(
+            Z,
+            {
+              title: l === "review" ? e.modalReviewHeading : e.modalTitle,
+              subtitle: e.modalAccountsSubtitle
+            }
+          ),
+          u
+        ] }) : null,
+        l === "accounts" ? /* @__PURE__ */ n(f, { children: [
+          /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:py-5", children: [
+            /* @__PURE__ */ n(C, { value: w, onValueChange: j, children: [
+              /* @__PURE__ */ t(
+                A,
+                {
+                  className: k,
+                  "aria-label": B(
+                    w,
+                    s,
+                    e.modalFromAccountPlaceholder
+                  ),
+                  children: /* @__PURE__ */ t("span", { className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:items-center ttw:justify-start ttw:text-left", children: /* @__PURE__ */ t(
+                    M,
+                    {
+                      value: w,
+                      options: s,
+                      placeholder: e.modalFromAccountPlaceholder
+                    }
+                  ) })
+                }
+              ),
+              /* @__PURE__ */ t(S, { ...L, children: V(s) })
+            ] }),
+            /* @__PURE__ */ n(C, { value: d, onValueChange: P, children: [
+              /* @__PURE__ */ t(
+                A,
+                {
+                  className: k,
+                  "aria-label": B(
+                    d,
+                    c,
+                    e.modalToAccountPlaceholder
+                  ),
+                  children: /* @__PURE__ */ t("span", { className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:items-center ttw:justify-start ttw:text-left", children: /* @__PURE__ */ t(
+                    M,
+                    {
+                      value: d,
+                      options: c,
+                      placeholder: e.modalToAccountPlaceholder
+                    }
+                  ) })
+                }
+              ),
+              /* @__PURE__ */ t(S, { ...L, children: V(c) })
+            ] }),
+            /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
+              /* @__PURE__ */ t(
+                J,
+                {
+                  htmlFor: "transfer-money-modal-amount",
+                  className: r ? "ttw:text-destructive" : "ttw:text-muted-foreground",
+                  children: e.modalAmountLabel
+                }
+              ),
+              /* @__PURE__ */ n(
+                "div",
+                {
+                  className: r ? "ttw:flex ttw:min-h-14 ttw:items-center ttw:gap-2 ttw:rounded-lg ttw:border ttw:border-destructive ttw:bg-transparent ttw:px-5 ttw:py-3.5" : "ttw:flex ttw:min-h-14 ttw:items-center ttw:gap-2 ttw:rounded-lg ttw:border ttw:border-input ttw:bg-transparent ttw:px-5 ttw:py-3.5",
+                  children: [
+                    /* @__PURE__ */ t(
+                      "span",
+                      {
+                        className: "ttw:shrink-0 ttw:text-base ttw:text-muted-foreground",
+                        "aria-hidden": !0,
+                        children: I
+                      }
+                    ),
+                    /* @__PURE__ */ t(
+                      T,
+                      {
+                        id: "transfer-money-modal-amount",
+                        className: "ttw:h-auto ttw:min-h-0 ttw:flex-1 ttw:border-0 ttw:bg-transparent ttw:px-0 ttw:py-0 ttw:text-base ttw:shadow-none ttw:focus-visible:ring-0",
+                        inputMode: "decimal",
+                        autoComplete: "off",
+                        value: h,
+                        onChange: (m) => b(m.target.value),
+                        placeholder: e.modalAmountPlaceholder,
+                        "aria-invalid": r ? !0 : void 0
+                      }
+                    )
+                  ]
+                }
+              ),
+              r ? /* @__PURE__ */ t(
+                p,
+                {
+                  variant: "body2",
+                  color: "destructive",
+                  component: "p",
+                  className: "ttw:mt-0.5",
+                  children: r
+                }
+              ) : null
+            ] }),
+            N ? /* @__PURE__ */ t("div", { className: "ttw:flex ttw:justify-start", children: /* @__PURE__ */ t(
+              i,
+              {
+                type: "button",
+                variant: "link",
+                className: "ttw:h-auto ttw:cursor-pointer ttw:px-0 ttw:py-0 ttw:text-base ttw:font-normal",
+                onClick: N,
+                children: e.modalClearSelections
+              }
+            ) }) : null
+          ] }),
+          u,
+          /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:pt-4", children: /* @__PURE__ */ n(
+            i,
+            {
+              type: "button",
+              variant: "default",
+              className: "ttw:h-11 ttw:w-full ttw:cursor-pointer ttw:gap-2 ttw:rounded-lg ttw:font-medium ttw:disabled:pointer-events-none ttw:disabled:cursor-not-allowed ttw:disabled:bg-muted ttw:disabled:text-muted-foreground ttw:disabled:opacity-100",
+              disabled: !_ || !v || !!r,
+              onClick: z,
+              children: [
+                e.modalAccountsConfirm,
+                /* @__PURE__ */ t(X, { className: "ttw:size-4", "aria-hidden": !0 })
+              ]
+            }
+          ) })
+        ] }) : l === "review" ? /* @__PURE__ */ t(
+          Y,
+          {
+            fromAccount: E,
+            toAccount: O,
+            amountLabel: x,
+            isSubmitting: g,
+            onConfirm: H,
+            onGoBack: y,
+            labels: {
+              fromAccountSection: e.modalReviewFromAccountLabel,
+              toAccountSection: e.modalReviewToAccountLabel,
+              amountSection: e.modalAmountLabel,
+              confirmTransfer: e.modalConfirmTransfer,
+              goBack: e.modalGoBack
+            }
+          }
+        ) : l === "result" ? /* @__PURE__ */ t(
+          $,
+          {
+            amountLabel: x,
+            isSuccess: D,
+            onBackToTransfers: () => o(!1),
+            labels: {
+              successTitle: e.modalResultSuccessTitle,
+              errorTitle: e.modalResultErrorTitle,
+              transferMessagePrefix: e.modalResultTransferMessagePrefix,
+              successMessageSuffix: e.modalResultSuccessMessageSuffix,
+              errorMessageSuffix: e.modalResultErrorMessageSuffix,
+              backToTransfers: e.modalBackToTransfers
+            }
+          }
+        ) : /* @__PURE__ */ n(f, { children: [
+          /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:py-5", children: /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
+            /* @__PURE__ */ t(p, { variant: "body2", className: "ttw:font-medium", children: e.modalAmountLabel }),
+            /* @__PURE__ */ t(
+              T,
+              {
+                className: "ttw:h-11 ttw:px-4 ttw:py-3",
+                inputMode: "decimal",
+                autoComplete: "off",
+                value: h,
+                onChange: (m) => b(m.target.value),
+                placeholder: e.modalAmountPlaceholder,
+                "aria-invalid": r ? !0 : void 0
+              }
+            ),
+            r ? /* @__PURE__ */ t(p, { variant: "body2", color: "destructive", component: "p", children: r }) : null
+          ] }) }),
+          u,
+          /* @__PURE__ */ n(K, { className: "ttw:flex ttw:flex-row ttw:flex-wrap ttw:gap-2 ttw:pt-4 ttw:sm:justify-between", children: [
+            /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-1 ttw:flex-wrap ttw:gap-2", children: /* @__PURE__ */ t(
+              i,
+              {
+                type: "button",
+                variant: "outline",
+                onClick: y,
+                disabled: g,
+                children: e.modalBack
+              }
+            ) }),
+            /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-wrap ttw:gap-2", children: /* @__PURE__ */ t(
+              i,
+              {
+                type: "button",
+                onClick: G,
+                disabled: !v,
+                children: e.modalContinue
+              }
+            ) })
+          ] })
+        ] })
+      ]
+    }
+  ) });
+}
+export {
+  rt as TransferMoneyModal
+};

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

@@ -0,0 +1,116 @@
+import { jsxs as e, Fragment as p, jsx as t } from "react/jsx-runtime";
+import { Typography as a, Separator as u, Button as r } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ArrowRight as f, ArrowLeft as h } from "lucide-react";
+import { TransferReviewAccountCard as c } from "./index8.js";
+import { DEFAULT_REVIEW_TRANSFER_STEP_LABELS as x } from "./index9.js";
+function A({
+  fromAccount: i,
+  toAccount: l,
+  amountLabel: s,
+  isSubmitting: n,
+  onConfirm: m,
+  onGoBack: d,
+  labels: w
+}) {
+  const o = { ...x, ...w };
+  return /* @__PURE__ */ e(p, { children: [
+    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:py-5", children: [
+      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
+        /* @__PURE__ */ t(
+          a,
+          {
+            variant: "body2",
+            color: "muted",
+            component: "p",
+            className: "ttw:font-medium",
+            children: o.fromAccountSection
+          }
+        ),
+        /* @__PURE__ */ t(c, { account: i })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "ttw:flex ttw:justify-center", "aria-hidden": !0, children: /* @__PURE__ */ t(
+        a,
+        {
+          component: "p",
+          className: "ttw:text-[30px] ttw:leading-none ttw:text-primary",
+          children: "↓"
+        }
+      ) }),
+      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
+        /* @__PURE__ */ t(
+          a,
+          {
+            variant: "body2",
+            color: "muted",
+            component: "p",
+            className: "ttw:font-medium",
+            children: o.toAccountSection
+          }
+        ),
+        /* @__PURE__ */ t(c, { account: l })
+      ] }),
+      /* @__PURE__ */ e("div", { children: [
+        /* @__PURE__ */ t(
+          a,
+          {
+            variant: "body2",
+            color: "muted",
+            component: "p",
+            className: "ttw:font-medium",
+            children: o.amountSection
+          }
+        ),
+        /* @__PURE__ */ t(
+          a,
+          {
+            component: "p",
+            className: "ttw:text-2xl ttw:font-bold ttw:text-foreground",
+            children: s
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ t(
+      u,
+      {
+        decorative: !0,
+        orientation: "horizontal",
+        className: "ttw:-mx-6",
+        style: { width: "calc(100% + 3rem)" }
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-2 ttw:pt-4", children: [
+      /* @__PURE__ */ e(
+        r,
+        {
+          type: "button",
+          variant: "default",
+          className: "ttw:h-11 ttw:w-full ttw:cursor-pointer ttw:gap-2 ttw:rounded-lg ttw:font-medium",
+          disabled: n,
+          onClick: m,
+          children: [
+            o.confirmTransfer,
+            /* @__PURE__ */ t(f, { className: "ttw:size-4", "aria-hidden": !0 })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e(
+        r,
+        {
+          type: "button",
+          variant: "link",
+          className: "ttw:h-auto ttw:cursor-pointer ttw:px-0 ttw:py-0 ttw:text-base ttw:font-medium",
+          disabled: n,
+          onClick: d,
+          children: [
+            /* @__PURE__ */ t(h, { className: "ttw:size-4", "aria-hidden": !0 }),
+            o.goBack
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  A as ReviewTransferStep
+};

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

@@ -0,0 +1,24 @@
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import { DialogTitle as s, DialogDescription as a } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ArrowRightLeft as l } from "lucide-react";
+function c({
+  title: i,
+  subtitle: r
+}) {
+  return /* @__PURE__ */ t("div", { className: "ttw:pb-4", children: /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-start ttw:gap-3 ttw:pr-8", children: [
+    /* @__PURE__ */ t("div", { className: "ttw:flex ttw:size-10 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-primary/10", children: /* @__PURE__ */ t(
+      l,
+      {
+        className: "ttw:size-[18px] ttw:text-primary",
+        "aria-hidden": !0
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { className: "ttw:min-w-0 ttw:flex-1", children: [
+      /* @__PURE__ */ t(s, { className: "ttw:text-left ttw:text-xl ttw:font-semibold ttw:leading-tight ttw:tracking-tight", children: i }),
+      /* @__PURE__ */ t(a, { className: "ttw:mt-1.5 ttw:text-left", children: r })
+    ] })
+  ] }) });
+}
+export {
+  c as TransferMoneyModalHeader
+};

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

@@ -0,0 +1,72 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { Typography as a, Button as l } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { CheckCircle2 as c, X as o, ArrowLeft as d } from "lucide-react";
+import { DEFAULT_TRANSFER_RESULT_STEP_LABELS as m } from "./index10.js";
+function p({
+  amountLabel: i,
+  isSuccess: s,
+  onBackToTransfers: n,
+  labels: w
+}) {
+  const e = { ...m, ...w };
+  return /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:px-2 ttw:py-8", children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: s ? "ttw:mb-4 ttw:flex ttw:size-14 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-emerald-50" : "ttw:mb-4 ttw:flex ttw:size-14 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-red-50",
+        children: s ? /* @__PURE__ */ t("div", { className: "ttw:flex ttw:size-10 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-emerald-100", children: /* @__PURE__ */ t(
+          c,
+          {
+            className: "ttw:size-7 ttw:text-emerald-600",
+            "aria-hidden": !0
+          }
+        ) }) : /* @__PURE__ */ t("div", { className: "ttw:flex ttw:size-10 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-destructive", children: /* @__PURE__ */ t(
+          o,
+          {
+            className: "ttw:size-6 ttw:text-destructive-foreground",
+            "aria-hidden": !0
+          }
+        ) })
+      }
+    ),
+    /* @__PURE__ */ t(
+      a,
+      {
+        component: "h2",
+        className: "ttw:mb-2 ttw:text-center ttw:text-lg ttw:font-bold ttw:text-foreground",
+        children: s ? e.successTitle : e.errorTitle
+      }
+    ),
+    /* @__PURE__ */ r(
+      a,
+      {
+        variant: "body2",
+        color: "muted",
+        component: "p",
+        className: "ttw:mb-8 ttw:max-w-sm ttw:text-center",
+        children: [
+          e.transferMessagePrefix,
+          /* @__PURE__ */ t("span", { className: "ttw:font-semibold ttw:text-foreground", children: i }),
+          " ",
+          s ? e.successMessageSuffix : e.errorMessageSuffix
+        ]
+      }
+    ),
+    /* @__PURE__ */ r(
+      l,
+      {
+        type: "button",
+        variant: "outline",
+        className: "ttw:h-11 ttw:w-full ttw:cursor-pointer ttw:gap-2 ttw:rounded-lg ttw:font-semibold",
+        onClick: n,
+        children: [
+          /* @__PURE__ */ t(d, { className: "ttw:size-4", "aria-hidden": !0 }),
+          e.backToTransfers
+        ]
+      }
+    )
+  ] });
+}
+export {
+  p as TransferResultStep
+};

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

@@ -0,0 +1,70 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { Typography as l } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Landmark as i } from "lucide-react";
+function o({
+  account: t
+}) {
+  const n = !!t.balanceLabel;
+  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-4 ttw:rounded-lg ttw:border ttw:border-input ttw:px-4 ttw:py-3.5", children: [
+    /* @__PURE__ */ e("div", { className: "ttw:min-w-0 ttw:flex-1", children: t.showInstitutionIcon ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:gap-3", children: [
+      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:size-10 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-md ttw:bg-primary/10", children: /* @__PURE__ */ e(i, { className: "ttw:size-5 ttw:text-primary", "aria-hidden": !0 }) }),
+      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:min-w-0 ttw:flex-col", children: [
+        /* @__PURE__ */ e(
+          l,
+          {
+            variant: "body2",
+            component: "p",
+            className: "ttw:truncate ttw:font-semibold ttw:leading-tight ttw:text-foreground",
+            children: t.primaryLabel
+          }
+        ),
+        /* @__PURE__ */ e(
+          l,
+          {
+            variant: "body2",
+            color: "muted",
+            component: "p",
+            className: "ttw:max-w-full ttw:break-all ttw:leading-tight",
+            children: t.accountDetailLabel
+          }
+        )
+      ] })
+    ] }) : /* @__PURE__ */ a("div", { className: "ttw:flex ttw:min-w-0 ttw:max-w-full ttw:flex-col ttw:items-start", children: [
+      /* @__PURE__ */ e("span", { className: "ttw:block ttw:max-w-full ttw:truncate ttw:rounded-full ttw:bg-primary/10 ttw:px-2.5 ttw:py-0.5 ttw:text-sm ttw:font-medium ttw:text-primary", children: t.primaryLabel }),
+      /* @__PURE__ */ e(
+        l,
+        {
+          variant: "body2",
+          color: "muted",
+          component: "p",
+          className: "ttw:max-w-full ttw:break-all ttw:leading-tight",
+          children: t.accountDetailLabel
+        }
+      )
+    ] }) }),
+    n ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:shrink-0 ttw:flex-col ttw:text-right", children: [
+      /* @__PURE__ */ e(
+        l,
+        {
+          variant: "body2",
+          component: "p",
+          className: "ttw:font-semibold ttw:leading-tight ttw:text-foreground",
+          children: t.balanceLabel
+        }
+      ),
+      t.availableBalanceCaption ? /* @__PURE__ */ e(
+        l,
+        {
+          variant: "body2",
+          color: "muted",
+          component: "p",
+          className: "ttw:text-xs ttw:leading-tight",
+          children: t.availableBalanceCaption
+        }
+      ) : null
+    ] }) : null
+  ] });
+}
+export {
+  o as TransferReviewAccountCard
+};

package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/index9.js

@@ -0,0 +1,10 @@
+const o = {
+  fromAccountSection: "From Account",
+  toAccountSection: "To Account",
+  amountSection: "Amount",
+  confirmTransfer: "Confirm transfer",
+  goBack: "Go back"
+};
+export {
+  o as DEFAULT_REVIEW_TRANSFER_STEP_LABELS
+};