@tesouro/embedded-components-react 0.2.1

package/dist/libs/tesouro-embedded-components-react/expense-receipt-match-widget/ui/dist/index3.js

@@ -0,0 +1,88 @@
+"use client";
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { X as g, FileText as b, ArrowRight as v } from "lucide-react";
+import { Button as s, Skeleton as w } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ReceiptMatchLabels as e } from "./index7.js";
+import { ReceiptInboxItem as R } from "./index4.js";
+const y = 4;
+function S({
+  receipts: a,
+  selectedReceiptIds: c,
+  onSelectAll: r,
+  onReset: m,
+  onReceiptToggle: d,
+  onViewAttachment: p,
+  onDeleteReceipt: f,
+  onReview: x,
+  onClose: o,
+  reviewLabel: h,
+  isLoading: n = !1,
+  showSelectAllButton: u = !0
+}) {
+  return /* @__PURE__ */ l("div", { className: "ttw:flex ttw:flex-col ttw:w-[440px] ttw:h-full ttw:ml-auto ttw:border-l ttw:border-border ttw:bg-white", children: [
+    /* @__PURE__ */ l("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:px-6 ttw:pt-5 ttw:pb-2", children: [
+      /* @__PURE__ */ t("h2", { className: "ttw:text-lg ttw:font-semibold", children: n ? e.InboxTitle : `${e.InboxTitle} (${a.length})` }),
+      /* @__PURE__ */ t(
+        s,
+        {
+          variant: "ghost",
+          size: "sm",
+          className: "ttw:p-1 ttw:h-auto",
+          onClick: o,
+          "aria-label": e.Close,
+          children: /* @__PURE__ */ t(g, { size: 18 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ l("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:px-6 ttw:py-3", children: [
+      u && /* @__PURE__ */ t(s, { variant: "outline", size: "sm", onClick: r, children: e.SelectAll }),
+      /* @__PURE__ */ t(s, { variant: "outline", size: "sm", onClick: m, children: e.Reset })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "ttw:flex-1 ttw:overflow-y-auto ttw:flex ttw:flex-col ttw:gap-2 ttw:px-6 ttw:py-3", children: n ? Array.from({ length: y }).map((i, N) => /* @__PURE__ */ t(C, {}, N)) : a.length === 0 ? /* @__PURE__ */ l("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:gap-3 ttw:flex-1 ttw:py-12", children: [
+      /* @__PURE__ */ t("div", { className: "ttw:w-14 ttw:h-14 ttw:rounded-full ttw:bg-muted ttw:flex ttw:items-center ttw:justify-center", children: /* @__PURE__ */ t(b, { size: 24, className: "ttw:text-muted-foreground" }) }),
+      /* @__PURE__ */ l("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-1 ttw:text-center", children: [
+        /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:font-medium", children: e.NoReceiptsTitle }),
+        /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:text-muted-foreground", children: e.NoReceiptsSubtitle })
+      ] })
+    ] }) : a.map((i) => /* @__PURE__ */ t(
+      R,
+      {
+        item: i,
+        selected: c.includes(i.id),
+        onToggle: () => d(i.id),
+        onViewAttachment: () => p(i.id),
+        onDelete: () => f(i.id)
+      },
+      i.id
+    )) }),
+    /* @__PURE__ */ l("div", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:px-6 ttw:py-4 ttw:border-t ttw:border-border", children: [
+      /* @__PURE__ */ t(s, { variant: "outline", className: "ttw:flex-1", onClick: o, children: e.Cancel }),
+      /* @__PURE__ */ l(
+        s,
+        {
+          className: "ttw:flex-1",
+          disabled: n || c.length === 0,
+          onClick: x,
+          children: [
+            h ?? e.Review,
+            /* @__PURE__ */ t(v, { size: 16 })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function C() {
+  return /* @__PURE__ */ l("div", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:py-2", children: [
+    /* @__PURE__ */ t(w, { className: "ttw:h-4 ttw:w-4" }),
+    /* @__PURE__ */ t(w, { className: "ttw:h-10 ttw:w-10 ttw:rounded" }),
+    /* @__PURE__ */ l("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5 ttw:flex-1", children: [
+      /* @__PURE__ */ t(w, { className: "ttw:h-4 ttw:w-32" }),
+      /* @__PURE__ */ t(w, { className: "ttw:h-3 ttw:w-20" })
+    ] }),
+    /* @__PURE__ */ t(w, { className: "ttw:h-4 ttw:w-4" })
+  ] });
+}
+export {
+  S as ReceiptInboxStep
+};

package/dist/libs/tesouro-embedded-components-react/expense-receipt-match-widget/ui/dist/index4.js

@@ -0,0 +1,78 @@
+"use client";
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { MoreVertical as w, Search as c, Trash2 as m, FileText as d, ImageOff as u } from "lucide-react";
+import { DropdownMenu as p, DropdownMenuTrigger as h, Button as f, DropdownMenuContent as x, DropdownMenuItem as l } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ReceiptMatchLabels as a } from "./index7.js";
+function g(e) {
+  if (!e) return "missing";
+  const i = e.split(/[?#]/)[0].toLowerCase();
+  return /\.pdf$/.test(i) ? "pdf" : "image";
+}
+function b({ url: e, alt: i }) {
+  const n = g(e);
+  return /* @__PURE__ */ t("div", { className: "ttw:w-10 ttw:h-10 ttw:rounded ttw:overflow-hidden ttw:flex-shrink-0 ttw:bg-zinc-100 ttw:flex ttw:items-center ttw:justify-center", children: n === "image" && e ? /* @__PURE__ */ t(
+    "img",
+    {
+      src: e,
+      alt: i,
+      className: "ttw:w-full ttw:h-full ttw:object-cover"
+    }
+  ) : n === "pdf" ? /* @__PURE__ */ t(
+    d,
+    {
+      size: 18,
+      className: "ttw:text-muted-foreground",
+      "aria-label": a.ThumbnailPdfAlt
+    }
+  ) : /* @__PURE__ */ t(
+    u,
+    {
+      size: 18,
+      className: "ttw:text-muted-foreground",
+      "aria-label": a.ThumbnailMissingAlt
+    }
+  ) });
+}
+function z({
+  item: e,
+  selected: i,
+  onToggle: n,
+  onViewAttachment: s,
+  onDelete: o
+}) {
+  return /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:px-3 ttw:py-2 ttw:rounded-lg ttw:border ttw:border-border ttw:bg-white ttw:hover:bg-muted/30 ttw:transition-colors", children: [
+    /* @__PURE__ */ r("label", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:flex-1 ttw:min-w-0 ttw:cursor-pointer", children: [
+      /* @__PURE__ */ t(
+        "input",
+        {
+          type: "checkbox",
+          checked: i,
+          onChange: n,
+          "aria-label": `Select receipt from ${e.primaryText}`,
+          className: "ttw:h-4 ttw:w-4 ttw:rounded ttw:border ttw:border-input ttw:accent-primary ttw:cursor-pointer"
+        }
+      ),
+      /* @__PURE__ */ t(b, { url: e.thumbnailUrl, alt: e.primaryText }),
+      /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:flex-1 ttw:min-w-0", children: [
+        /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:font-medium ttw:truncate", children: e.primaryText }),
+        /* @__PURE__ */ t("span", { className: "ttw:text-xs ttw:text-muted-foreground", children: e.secondaryText })
+      ] })
+    ] }),
+    /* @__PURE__ */ r(p, { children: [
+      /* @__PURE__ */ t(h, { asChild: !0, children: /* @__PURE__ */ t(f, { variant: "ghost", size: "sm", className: "ttw:p-1 ttw:h-auto", children: /* @__PURE__ */ t(w, { size: 16 }) }) }),
+      /* @__PURE__ */ r(x, { align: "end", children: [
+        /* @__PURE__ */ r(l, { onClick: s, children: [
+          /* @__PURE__ */ t(c, { size: 14, className: "ttw:mr-2" }),
+          a.ViewAttachment
+        ] }),
+        /* @__PURE__ */ r(l, { variant: "destructive", onClick: o, children: [
+          /* @__PURE__ */ t(m, { size: 14, className: "ttw:mr-2" }),
+          a.Delete
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  z as ReceiptInboxItem
+};

package/dist/libs/tesouro-embedded-components-react/expense-receipt-match-widget/ui/dist/index5.js

@@ -0,0 +1,203 @@
+"use client";
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { ZoomOut as S, ZoomIn as T, X as Z, Search as j, DollarSign as I, Loader2 as $, Check as M } from "lucide-react";
+import { Button as i, Input as O, Skeleton as c } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ReceiptMatchLabels as a } from "./index7.js";
+const P = 5;
+function F({
+  receiptPreviewUrl: l,
+  receiptFileName: w,
+  transactions: r,
+  selectedTransactionIds: h,
+  allowMultipleTransactions: o = !1,
+  searchValue: x,
+  onSearchChange: N,
+  onTransactionSelect: f,
+  onConfirmMatch: b,
+  isConfirming: p = !1,
+  zoom: g = 1,
+  onZoomIn: m,
+  onZoomOut: d,
+  canZoomIn: v = !0,
+  canZoomOut: y = !0,
+  showZoomControls: C = !!(l && (m || d)),
+  onCancel: z,
+  onClose: k,
+  isLoading: u = !1
+}) {
+  return /* @__PURE__ */ e("div", { className: "ttw:flex ttw:w-full ttw:h-full", children: [
+    /* @__PURE__ */ e("div", { className: "ttw:w-110 ttw:ml-auto ttw:bg-zinc-50 ttw:relative ttw:flex ttw:items-center ttw:justify-center ttw:overflow-hidden", children: [
+      l && /* @__PURE__ */ t(
+        L,
+        {
+          url: l,
+          fileName: w,
+          zoom: g
+        }
+      ),
+      C && /* @__PURE__ */ e("div", { className: "ttw:absolute ttw:bottom-4 ttw:left-4 ttw:flex ttw:items-center ttw:border ttw:rounded-[14px] ttw:border-zinc-200 ttw:bg-white", children: [
+        /* @__PURE__ */ t(
+          i,
+          {
+            variant: "ghost",
+            size: "icon-sm",
+            onClick: d,
+            disabled: !d || !y,
+            "aria-label": a.ZoomOut,
+            className: "ttw:rounded-none ttw:rounded-tl-[14px] ttw:rounded-bl-[14px]",
+            children: /* @__PURE__ */ t(S, { className: "ttw:size-4" })
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: "ttw:w-px ttw:self-stretch ttw:bg-zinc-200" }),
+        /* @__PURE__ */ t(
+          i,
+          {
+            variant: "ghost",
+            size: "icon-sm",
+            onClick: m,
+            disabled: !m || !v,
+            "aria-label": a.ZoomIn,
+            className: "ttw:rounded-none ttw:rounded-tr-[14px] ttw:rounded-br-[14px]",
+            children: /* @__PURE__ */ t(T, { className: "ttw:size-4" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:w-110 ttw:h-full ttw:border-l ttw:border-border ttw:bg-white", children: [
+      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:px-6 ttw:pt-5 ttw:pb-2", children: [
+        /* @__PURE__ */ t("h2", { className: "ttw:text-lg ttw:font-semibold", children: a.TransactionsTitle }),
+        /* @__PURE__ */ t(
+          i,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "ttw:p-1 ttw:h-auto",
+            onClick: k,
+            "aria-label": a.Close,
+            children: /* @__PURE__ */ t(Z, { size: 18 })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("div", { className: "ttw:px-6 ttw:py-3", children: /* @__PURE__ */ e("div", { className: "ttw:relative", children: [
+        /* @__PURE__ */ t(
+          j,
+          {
+            size: 16,
+            className: "ttw:absolute ttw:left-3 ttw:top-1/2 ttw:-translate-y-1/2 ttw:text-muted-foreground"
+          }
+        ),
+        /* @__PURE__ */ t(
+          O,
+          {
+            value: x,
+            onChange: (s) => N(s.target.value),
+            placeholder: a.SearchPlaceholder,
+            className: "ttw:pl-9"
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:px-6 ttw:py-2 ttw:bg-muted/40", children: [
+        /* @__PURE__ */ t("span", { className: "ttw:w-4 ttw:shrink-0", "aria-hidden": !0 }),
+        /* @__PURE__ */ t("span", { className: "ttw:flex-1 ttw:text-xs ttw:font-medium ttw:text-muted-foreground", children: a.Merchant }),
+        /* @__PURE__ */ t("span", { className: "ttw:w-24 ttw:text-xs ttw:font-medium ttw:text-muted-foreground", children: a.Date }),
+        /* @__PURE__ */ t("span", { className: "ttw:w-20 ttw:text-xs ttw:font-medium ttw:text-muted-foreground ttw:text-right", children: a.Amount })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "ttw:flex-1 ttw:overflow-y-auto", children: [
+        u && Array.from({ length: P }).map((s, n) => /* @__PURE__ */ t(A, {}, n)),
+        !u && r.length === 0 && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:gap-3 ttw:h-full ttw:py-12", children: [
+          /* @__PURE__ */ t("div", { className: "ttw:w-14 ttw:h-14 ttw:rounded-full ttw:bg-muted ttw:flex ttw:items-center ttw:justify-center", children: /* @__PURE__ */ t(I, { size: 24, className: "ttw:text-muted-foreground" }) }),
+          /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-1 ttw:text-center ttw:px-6", children: [
+            /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:font-medium", children: a.NoTransactionsTitle }),
+            /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:text-muted-foreground", children: a.NoTransactionsSubtitle })
+          ] })
+        ] }),
+        !u && r.map((s) => {
+          const n = h.includes(s.id);
+          return /* @__PURE__ */ e(
+            "label",
+            {
+              className: `ttw:flex ttw:items-center ttw:gap-3 ttw:px-6 ttw:py-3 ttw:cursor-pointer ttw:transition-colors ${n ? "ttw:bg-blue-50" : "ttw:hover:bg-muted/50"}`,
+              children: [
+                /* @__PURE__ */ t(
+                  "input",
+                  {
+                    type: o ? "checkbox" : "radio",
+                    name: o ? void 0 : "receipt-match-transaction",
+                    checked: n,
+                    onChange: () => {
+                      (o || !n) && f(s.id);
+                    },
+                    onClick: () => {
+                      !o && n && f(s.id);
+                    },
+                    "aria-label": `Select transaction from ${s.merchantName}`,
+                    className: "ttw:h-4 ttw:w-4 ttw:border ttw:border-input ttw:accent-primary ttw:cursor-pointer ttw:shrink-0"
+                  }
+                ),
+                /* @__PURE__ */ t("span", { className: "ttw:flex-1 ttw:text-sm ttw:font-medium ttw:truncate", children: s.merchantName }),
+                /* @__PURE__ */ t("span", { className: "ttw:w-24 ttw:text-sm ttw:text-muted-foreground ttw:shrink-0", children: s.date }),
+                /* @__PURE__ */ t("span", { className: "ttw:w-20 ttw:text-sm ttw:font-medium ttw:tabular-nums ttw:text-right ttw:shrink-0", children: s.formattedAmount })
+              ]
+            },
+            s.id
+          );
+        })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:px-6 ttw:py-4 ttw:border-t ttw:border-border", children: [
+        /* @__PURE__ */ t(i, { variant: "outline", className: "ttw:flex-1", onClick: z, children: a.Back }),
+        /* @__PURE__ */ e(
+          i,
+          {
+            className: "ttw:flex-1",
+            disabled: h.length === 0 || p,
+            onClick: b,
+            children: [
+              p ? /* @__PURE__ */ t($, { size: 16, className: "ttw:animate-spin" }) : /* @__PURE__ */ t(M, { size: 16 }),
+              a.ConfirmMatch
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function A() {
+  return /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:px-6 ttw:py-3", children: [
+    /* @__PURE__ */ t(c, { className: "ttw:h-4 ttw:w-4" }),
+    /* @__PURE__ */ t(c, { className: "ttw:h-4 ttw:flex-1" }),
+    /* @__PURE__ */ t(c, { className: "ttw:h-4 ttw:w-20" }),
+    /* @__PURE__ */ t(c, { className: "ttw:h-4 ttw:w-16" })
+  ] });
+}
+function D(l, w) {
+  const r = w ?? l.split(/[?#]/)[0];
+  return /\.pdf$/i.test(r);
+}
+function L({
+  url: l,
+  fileName: w,
+  zoom: r
+}) {
+  return D(l, w) ? /* @__PURE__ */ t(
+    "iframe",
+    {
+      src: `${l}#toolbar=0&navpanes=0&scrollbar=0`,
+      title: a.ReceiptPdfPreviewTitle,
+      sandbox: "",
+      referrerPolicy: "no-referrer",
+      className: "ttw:w-full ttw:h-full ttw:border-0 ttw:transition-transform",
+      style: { transform: `scale(${r})` }
+    }
+  ) : /* @__PURE__ */ t(
+    "img",
+    {
+      src: l,
+      alt: a.ReceiptImageAlt,
+      className: "ttw:max-h-full ttw:max-w-full ttw:object-contain ttw:transition-transform",
+      style: { transform: `scale(${r})` }
+    }
+  );
+}
+export {
+  F as TransactionsMatchStep
+};

package/dist/libs/tesouro-embedded-components-react/expense-receipt-match-widget/ui/dist/index6.js

@@ -0,0 +1,99 @@
+"use client";
+import { jsxs as a, jsx as t, Fragment as d } from "react/jsx-runtime";
+import { Check as h } from "lucide-react";
+import { Button as f } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ReceiptMatchLabels as e } from "./index7.js";
+function g({
+  matchedTransactions: n,
+  primaryLabel: w,
+  onPrimary: m
+}) {
+  const i = n ?? [], s = i.length === 1, c = i[0];
+  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:w-[440px] ttw:h-full ttw:ml-auto ttw:border-l ttw:border-border ttw:bg-white", children: [
+    /* @__PURE__ */ a("div", { className: "ttw:flex-1 ttw:overflow-y-auto ttw:flex ttw:flex-col ttw:px-6 ttw:pt-12 ttw:pb-6 ttw:gap-6", children: [
+      /* @__PURE__ */ t("div", { className: "ttw:self-center ttw:w-16 ttw:h-16 ttw:rounded-full ttw:bg-emerald-700/25 ttw:flex ttw:items-center ttw:justify-center", children: /* @__PURE__ */ t("div", { className: "ttw:w-12 ttw:h-12 ttw:rounded-full ttw:bg-emerald-700 ttw:flex ttw:items-center ttw:justify-center", children: /* @__PURE__ */ t(h, { size: 22, className: "ttw:text-white", strokeWidth: 2.5 }) }) }),
+      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:text-center", children: [
+        /* @__PURE__ */ t("h2", { className: "ttw:text-xl ttw:font-semibold", children: e.MatchConfirmedTitle }),
+        c && /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: s ? /* @__PURE__ */ a(d, { children: [
+          e.MatchConfirmedSubtitle,
+          " ",
+          /* @__PURE__ */ t("strong", { children: c.merchant }),
+          "."
+        ] }) : /* @__PURE__ */ a(d, { children: [
+          e.MatchConfirmedMultipleSubtitle,
+          " ",
+          /* @__PURE__ */ t("strong", { children: e.MatchConfirmedMultipleTransactionsSuffix(
+            i.length
+          ) })
+        ] }) })
+      ] }),
+      i.length > 0 && /* @__PURE__ */ a(d, { children: [
+        /* @__PURE__ */ t("div", { className: "ttw:border-t ttw:border-border" }),
+        /* @__PURE__ */ t("div", { className: "ttw:w-full ttw:flex ttw:flex-col ttw:gap-4", children: i.map((l, o) => /* @__PURE__ */ a(
+          "div",
+          {
+            className: "ttw:flex ttw:flex-col ttw:gap-2",
+            children: [
+              /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:font-semibold", children: s ? e.TransactionDetailsHeading : e.TransactionNDetailsHeading(o + 1) }),
+              /* @__PURE__ */ a("div", { className: "ttw:rounded-xl ttw:bg-muted/50 ttw:p-2", children: [
+                /* @__PURE__ */ t(
+                  r,
+                  {
+                    label: e.Merchant,
+                    value: l.merchant
+                  }
+                ),
+                l.orderId && /* @__PURE__ */ t(
+                  r,
+                  {
+                    label: e.OrderId,
+                    value: l.orderId
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  r,
+                  {
+                    label: e.Location,
+                    value: l.location
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  r,
+                  {
+                    label: e.Date,
+                    value: l.date
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  r,
+                  {
+                    label: e.Time,
+                    value: l.time
+                  }
+                ),
+                l.formattedAmount && /* @__PURE__ */ t(
+                  r,
+                  {
+                    label: e.Amount,
+                    value: l.formattedAmount
+                  }
+                )
+              ] })
+            ]
+          },
+          `${l.merchant}-${l.date}-${l.time}-${o}`
+        )) })
+      ] })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "ttw:px-6 ttw:py-4 ttw:border-t ttw:border-border", children: /* @__PURE__ */ t(f, { className: "ttw:w-full", onClick: m, children: w }) })
+  ] });
+}
+function r({ label: n, value: w }) {
+  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:justify-between ttw:items-start ttw:gap-6 ttw:px-4 ttw:py-2.5", children: [
+    /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:text-muted-foreground ttw:shrink-0", children: n }),
+    /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:font-medium ttw:text-right", children: w })
+  ] });
+}
+export {
+  g as MatchConfirmationStep
+};

package/dist/libs/tesouro-embedded-components-react/expense-receipt-match-widget/ui/dist/index7.js

@@ -0,0 +1,48 @@
+const i = {
+  ReceiptPdfPreviewTitle: "Receipt PDF preview",
+  DialogTitle: "Match receipt to transaction",
+  DialogDescription: "Select a transaction to match with the selected receipt.",
+  InboxTitle: "Receipt inbox",
+  ReceiptScanningTitle: "RECEIPT",
+  ReceiptScanningSubtitle: "Scanning...",
+  SelectAll: "Select all",
+  Reset: "Reset",
+  Cancel: "Cancel",
+  Back: "Back",
+  Review: "Review",
+  ViewAttachment: "View attachment",
+  ThumbnailPdfAlt: "PDF receipt",
+  ThumbnailMissingAlt: "No preview available",
+  Delete: "Delete",
+  TransactionsTitle: "Transactions without receipt",
+  SearchPlaceholder: "Search",
+  ConfirmMatch: "Confirm match",
+  TransactionDetailsHeading: "Transaction details",
+  TransactionNDetailsHeading: (e) => `Transaction ${e} details`,
+  MatchConfirmedMultipleSubtitle: "Your receipt has been matched to",
+  MatchConfirmedMultipleTransactionsSuffix: (e) => `${e} transactions.`,
+  Merchant: "Merchant",
+  OrderId: "Order ID",
+  Amount: "Amount",
+  Location: "Location",
+  Date: "Date",
+  Time: "Time",
+  Done: "Done",
+  ReviewNextReceipt: (e, t) => `Review next receipt (${e}/${t})`,
+  // Empty states
+  NoReceiptsTitle: "No receipts",
+  NoReceiptsSubtitle: "Upload a receipt to get started.",
+  NoTransactionsTitle: "No transactions without receipt",
+  NoTransactionsSubtitle: "Go directly to transactions to modify receipt data if necessary.",
+  // Confirmation variants
+  MatchConfirmedTitle: "Match confirmed",
+  MatchConfirmedSubtitle: "Your receipt has been matched to",
+  // Accessibility labels shared across steps
+  Close: "Close",
+  ZoomIn: "Zoom in",
+  ZoomOut: "Zoom out",
+  ReceiptImageAlt: "Receipt"
+};
+export {
+  i as ReceiptMatchLabels
+};

package/dist/libs/tesouro-embedded-components-react/expense-requirements-widget/data-access/dist/index2.js

@@ -0,0 +1,43 @@
+"use client";
+import { useQuery as e, useMutation as c } from "@tanstack/react-query";
+import { invalidateAllClients as u } from "../../../shared/data-access/dist/lib/clientRegistry.js";
+import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import { useEmbedApi as a } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import "../../../shared/data-access/dist/lib/rest/client.gen.js";
+import { getTransactionsValidationsOptions as d, putTransactionsValidationsMutation as m } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
+import { withAuthEpoch as l } from "../../../shared/data-access/dist/lib/withAuthEpoch.js";
+import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+import "react";
+import { transactionsValidationsInvalidationKey as p } from "./index3.js";
+function x() {
+  const { client: i, organizationId: t, widgetToken: n, authEpoch: o } = a(), s = !!(t && n), r = d({
+    client: i,
+    headers: {
+      "x-organization-id": t ?? ""
+    }
+  });
+  return e({
+    ...l(r, o),
+    enabled: s
+  });
+}
+function E() {
+  const { client: i, organizationId: t } = a();
+  return c({
+    ...m({
+      client: i,
+      headers: {
+        "x-organization-id": t ?? ""
+      }
+    }),
+    onSuccess: async () => {
+      await u(
+        p({ client: i, organizationId: t })
+      );
+    }
+  });
+}
+export {
+  x as useGetTransactionsValidationsQuery,
+  E as usePutTransactionsValidationsMutation
+};

package/dist/libs/tesouro-embedded-components-react/expense-requirements-widget/data-access/dist/index3.js

@@ -0,0 +1,18 @@
+import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { organizationHeaders as t } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
+import "../../../shared/data-access/dist/lib/rest/client.gen.js";
+import { getTransactionsValidationsQueryKey as a } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
+import "@tanstack/react-query";
+import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+import "react";
+const l = ({
+  client: i,
+  organizationId: o
+}) => a({
+  client: i,
+  headers: t(o)
+});
+export {
+  l as transactionsValidationsInvalidationKey
+};