@tesouro/embedded-components-react 0.2.97 → 0.2.106

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index3.js

@@ -15,12 +15,12 @@ import "react-hot-toast";
 import "../../../monite-sdk/dist/index85.js";
 import "radix-ui";
 import "react-hook-form";
-import "../../../monite-sdk/dist/index160.js";
+import "../../../monite-sdk/dist/index158.js";
 import "@radix-ui/react-label";
 import "@radix-ui/react-radio-group";
 import "@hookform/resolvers/zod";
 import "zod";
-import "../../../monite-sdk/dist/index320.js";
+import "../../../monite-sdk/dist/index348.js";
 import "@radix-ui/react-checkbox";
 import "@radix-ui/react-select";
 import "../../../monite-sdk/dist/index90.js";
@@ -32,7 +32,7 @@ import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
 import "../../../monite-sdk/dist/index92.js";
 import "react-dom";
 import "@mui/x-data-grid";
-import "../../../monite-sdk/dist/index151.js";
+import "../../../monite-sdk/dist/index150.js";
 import "../../../monite-sdk/dist/index83.js";
 import "../../../monite-sdk/dist/index55.js";
 import "@mui/material";
@@ -42,17 +42,17 @@ import "@mui/icons-material/Close";
 import "@mui/material/IconButton";
 import "@mui/material/Tooltip";
 import "@tanstack/react-table";
-import "../../../monite-sdk/dist/index159.js";
+import "../../../monite-sdk/dist/index157.js";
 import "@radix-ui/react-avatar";
-import "../../../monite-sdk/dist/index237.js";
+import "../../../monite-sdk/dist/index244.js";
 import "@mui/icons-material/AddCircleOutline";
 import "@mui/icons-material/Delete";
 import "@emotion/react";
 import "../../../monite-sdk/dist/index101.js";
-import "../../../monite-sdk/dist/index457.js";
-import "../../../monite-sdk/dist/index464.js";
-import "../../../monite-sdk/dist/index411.js";
-import "../../../monite-sdk/dist/index315.js";
+import "../../../monite-sdk/dist/index450.js";
+import "../../../monite-sdk/dist/index452.js";
+import "../../../monite-sdk/dist/index386.js";
+import "../../../monite-sdk/dist/index275.js";
 import "@mui/icons-material/Cancel";
 import "@mui/icons-material/HourglassEmpty";
 import "@mui/icons-material/PaidOutlined";
@@ -60,7 +60,7 @@ import "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "../../../monite-sdk/dist/index86.js";
 import "@mui/icons-material/DangerousOutlined";
 import "@mui/x-date-pickers";
-import "../../../monite-sdk/dist/index324.js";
+import "../../../monite-sdk/dist/index282.js";
 import "@mui/icons-material/CheckCircleOutlineRounded";
 import "@mui/icons-material/HighlightOffRounded";
 import "@mui/icons-material/Add";
@@ -68,20 +68,20 @@ import "@mui/icons-material/DeleteForever";
 import "@mui/icons-material/AttachFile";
 import "@mui/icons-material/CloudUploadOutlined";
 import "@mui/icons-material/MoreVert";
-import "../../../monite-sdk/dist/index473.js";
-import "../../../monite-sdk/dist/index355.js";
-import "../../../monite-sdk/dist/index357.js";
+import "../../../monite-sdk/dist/index467.js";
+import "../../../monite-sdk/dist/index318.js";
+import "../../../monite-sdk/dist/index320.js";
 import { Payables as k } from "../../../monite-sdk/dist/index15.js";
-import "../../../monite-sdk/dist/index183.js";
+import "../../../monite-sdk/dist/index172.js";
 import "@mui/icons-material/Sync";
 import "@mui/icons-material/Search";
 import "@mui/icons-material/CalendarToday";
-import "../../../monite-sdk/dist/index334.js";
-import "../../../monite-sdk/dist/index339.js";
-import "../../../monite-sdk/dist/index341.js";
-import "../../../monite-sdk/dist/index384.js";
+import "../../../monite-sdk/dist/index331.js";
+import "../../../monite-sdk/dist/index336.js";
+import "../../../monite-sdk/dist/index338.js";
+import "../../../monite-sdk/dist/index399.js";
 import "react-day-picker";
-import "../../../monite-sdk/dist/index343.js";
+import "../../../monite-sdk/dist/index340.js";
 import "@mui/icons-material/BlockOutlined";
 import "@mui/icons-material/CheckOutlined";
 import "@mui/icons-material/ErrorOutlineOutlined";
@@ -92,21 +92,21 @@ import "@mui/icons-material/SendOutlined";
 import "@mui/icons-material/StarHalfOutlined";
 import "@radix-ui/react-accordion";
 import "@radix-ui/react-tooltip";
-import "../../../monite-sdk/dist/index252.js";
-import "../../../monite-sdk/dist/index377.js";
-import "../../../monite-sdk/dist/index445.js";
+import "../../../monite-sdk/dist/index258.js";
+import "../../../monite-sdk/dist/index378.js";
+import "../../../monite-sdk/dist/index455.js";
 import "@mui/icons-material/DriveFileRenameOutline";
 import "deep-eql";
 import "react-use";
-import "../../../monite-sdk/dist/index170.js";
-import "../../../monite-sdk/dist/index299.js";
-import "../../../monite-sdk/dist/index300.js";
+import "../../../monite-sdk/dist/index211.js";
+import "../../../monite-sdk/dist/index358.js";
+import "../../../monite-sdk/dist/index359.js";
 import "../../../monite-sdk/dist/index56.js";
 import "react-script-hook";
 import "../../../monite-sdk/dist/index54.js";
 import "@mui/icons-material/Money";
 import "@mui/icons-material/MonetizationOnOutlined";
-import "../../../monite-sdk/dist/index216.js";
+import "../../../monite-sdk/dist/index165.js";
 import "@mui/material/styles";
 import "@emotion/cache";
 import "../../../monite-sdk/dist/index106.js";

package/dist/libs/tesouro-embedded-components-react/expense-approval-policies-widget/ui/dist/index8.js

@@ -11,9 +11,9 @@ function M(r) {
 }
 const U = ({
   rules: r,
-  isBusy: a,
+  isBusy: o,
   isLoading: A,
-  isAddingRule: o,
+  isAddingRule: a,
   newRuleFormValues: N,
   newRuleValidationErrors: d,
   editingRuleId: n,
@@ -21,8 +21,8 @@ const U = ({
   editingRuleValidationErrors: w,
   approverOptions: g,
   allExpensesAreCovered: m,
-  gapIntervals: h,
-  onAddRuleClick: f,
+  gapIntervals: f,
+  onAddRuleClick: h,
   onCancelAddRule: C,
   onSaveNewRule: E,
   onNewRuleFormChange: y,
@@ -33,8 +33,8 @@ const U = ({
   onDeleteRule: v,
   onLearnMore: F
 }) => {
-  const x = r.length > 0, j = !m && !o && !n;
-  return /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-3", children: A && !x && !o && !n ? /* @__PURE__ */ t(b, { children: Array.from({ length: 2 }).map((l, L) => /* @__PURE__ */ e(
+  const x = r.length > 0, j = !m && !a && !n;
+  return /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-3", children: A && !x && !a && !n ? /* @__PURE__ */ t(b, { children: Array.from({ length: 2 }).map((l, L) => /* @__PURE__ */ e(
     "div",
     {
       className: "ttw:border ttw:border-border ttw:rounded-lg ttw:p-4 ttw:flex ttw:flex-col ttw:gap-3",
@@ -50,10 +50,10 @@ const U = ({
       ]
     },
     L
-  )) }) : !x && !o ? /* @__PURE__ */ t(
+  )) }) : !x && !a ? /* @__PURE__ */ t(
     P,
     {
-      onAddRule: f,
+      onAddRule: h,
       onLearnMore: F
     }
   ) : /* @__PURE__ */ e(b, { children: [
@@ -65,7 +65,7 @@ const U = ({
           approverOptions: g,
           validationErrors: w,
           isEditing: !0,
-          disabled: a,
+          disabled: o,
           isSaveDisabled: !!(w.minAmount || w.maxAmount),
           onValuesChange: D,
           onSave: k,
@@ -79,28 +79,28 @@ const U = ({
           rule: l,
           onEdit: S,
           onDelete: v,
-          disabled: a
+          disabled: o
         },
         l.id
       )
     ),
-    o && !n && /* @__PURE__ */ t(
+    a && !n && /* @__PURE__ */ t(
       R,
       {
         values: N,
         approverOptions: g,
         validationErrors: d,
         isEditing: !1,
-        disabled: a,
+        disabled: o,
         isSaveDisabled: !!(d.minAmount || d.maxAmount),
         onValuesChange: y,
         onSave: E,
         onCancel: C
       }
     ),
-    j && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:border ttw:border-dashed ttw:border-gray-300 ttw:rounded-lg ttw:px-4 ttw:py-3", children: [
-      /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:font-bold ttw:text-gray-700", children: i.CreateAnotherRule }),
-      /* @__PURE__ */ e(O, { size: "sm", onClick: f, disabled: a, children: [
+    j && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:border ttw:border-dashed ttw:border-border ttw:rounded-lg ttw:px-4 ttw:py-3", children: [
+      /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:font-bold ttw:text-foreground", children: i.CreateAnotherRule }),
+      /* @__PURE__ */ e(O, { size: "sm", onClick: h, disabled: o, children: [
         /* @__PURE__ */ t(I, {}),
         i.AddRule
       ] })
@@ -112,14 +112,14 @@ const U = ({
         /* @__PURE__ */ t("p", { className: "ttw:text-xs ttw:text-green-700 ttw:mt-0.5", children: i.AllExpensesCoveredBody })
       ] })
     ] }),
-    !m && h.length > 0 && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-start ttw:gap-2 ttw:bg-muted ttw:border ttw:border-border ttw:rounded-lg ttw:p-3", children: [
+    !m && f.length > 0 && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-start ttw:gap-2 ttw:bg-muted ttw:border ttw:border-border ttw:rounded-lg ttw:p-3", children: [
       /* @__PURE__ */ t(B, { className: "ttw:size-4 ttw:text-muted-foreground ttw:mt-0.5 ttw:shrink-0" }),
       /* @__PURE__ */ e("p", { className: "ttw:text-sm ttw:text-foreground", children: [
         "The ",
         /* @__PURE__ */ t("strong", { children: "system default" }),
         " will apply to transactions",
         " ",
-        /* @__PURE__ */ t("strong", { children: h.map(M).join(", ") }),
+        /* @__PURE__ */ t("strong", { children: f.map(M).join(", ") }),
         p.Suffix
       ] })
     ] })

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

@@ -2,19 +2,19 @@
 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 s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ReceiptMatchLabels as a } from "./index7.js";
+import { ReceiptMatchLabels as i } from "./index7.js";
 function g(e) {
   if (!e) return "missing";
-  const i = e.split(/[?#]/)[0].toLowerCase();
-  return /\.pdf$/.test(i) ? "pdf" : "image";
+  const a = e.split(/[?#]/)[0].toLowerCase();
+  return /\.pdf$/.test(a) ? "pdf" : "image";
 }
-function b({ url: e, alt: i }) {
+function b({ url: e, alt: a }) {
   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(
+  return /* @__PURE__ */ t("div", { className: "ttw:w-10 ttw:h-10 ttw:rounded ttw:overflow-hidden ttw:flex-shrink-0 ttw:bg-muted ttw:flex ttw:items-center ttw:justify-center", children: n === "image" && e ? /* @__PURE__ */ t(
     "img",
     {
       src: e,
-      alt: i,
+      alt: a,
       className: "ttw:w-full ttw:h-full ttw:object-cover"
     }
   ) : n === "pdf" ? /* @__PURE__ */ t(
@@ -22,31 +22,31 @@ function b({ url: e, alt: i }) {
     {
       size: 18,
       className: "ttw:text-muted-foreground",
-      "aria-label": a.ThumbnailPdfAlt
+      "aria-label": i.ThumbnailPdfAlt
     }
   ) : /* @__PURE__ */ t(
     u,
     {
       size: 18,
       className: "ttw:text-muted-foreground",
-      "aria-label": a.ThumbnailMissingAlt
+      "aria-label": i.ThumbnailMissingAlt
     }
   ) });
 }
-function z({
+function M({
   item: e,
-  selected: i,
+  selected: a,
   onToggle: n,
   onViewAttachment: l,
   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: [
+  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-card 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,
+          checked: a,
           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"
@@ -63,16 +63,16 @@ function z({
       /* @__PURE__ */ r(x, { align: "end", children: [
         /* @__PURE__ */ r(s, { onClick: l, children: [
           /* @__PURE__ */ t(c, { size: 14, className: "ttw:mr-2" }),
-          a.ViewAttachment
+          i.ViewAttachment
         ] }),
         /* @__PURE__ */ r(s, { variant: "destructive", onClick: o, children: [
           /* @__PURE__ */ t(m, { size: 14, className: "ttw:mr-2" }),
-          a.Delete
+          i.Delete
         ] })
       ] })
     ] })
   ] });
 }
 export {
-  z as ReceiptInboxItem
+  M as ReceiptInboxItem
 };

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

@@ -1,18 +1,18 @@
 "use client";
 import { jsxs as e, jsx as t } from "react/jsx-runtime";
 import { ZoomOut as T, ZoomIn as S, 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 { Button as o, 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 E({
-  receiptPreviewUrl: l,
+  receiptPreviewUrl: r,
   receiptFileName: w,
-  transactions: r,
-  selectedTransactionIds: h,
-  allowMultipleTransactions: o = !1,
+  transactions: l,
+  selectedTransactionIds: f,
+  allowMultipleTransactions: i = !1,
   searchValue: x,
   onSearchChange: N,
-  onTransactionSelect: f,
+  onTransactionSelect: h,
   onConfirmMatch: b,
   isConfirming: p = !1,
   zoom: g = 1,
@@ -20,24 +20,24 @@ function E({
   onZoomOut: d,
   canZoomIn: v = !0,
   canZoomOut: y = !0,
-  showZoomControls: C = !!(l && (m || d)),
-  onCancel: z,
-  onClose: k,
+  showZoomControls: C = !!(r && (m || d)),
+  onCancel: k,
+  onClose: z,
   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(
+    /* @__PURE__ */ e("div", { className: "ttw:w-110 ttw:ml-auto ttw:bg-muted ttw:relative ttw:flex ttw:items-center ttw:justify-center ttw:overflow-hidden", children: [
+      r && /* @__PURE__ */ t(
         L,
         {
-          url: l,
+          url: r,
           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: [
+      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-border ttw:bg-card", children: [
         /* @__PURE__ */ t(
-          i,
+          o,
           {
             variant: "ghost",
             size: "icon-sm",
@@ -48,9 +48,9 @@ function E({
             children: /* @__PURE__ */ t(T, { className: "ttw:size-4" })
           }
         ),
-        /* @__PURE__ */ t("div", { className: "ttw:w-px ttw:self-stretch ttw:bg-zinc-200" }),
+        /* @__PURE__ */ t("div", { className: "ttw:w-px ttw:self-stretch ttw:bg-border" }),
         /* @__PURE__ */ t(
-          i,
+          o,
           {
             variant: "ghost",
             size: "icon-sm",
@@ -63,16 +63,16 @@ function E({
         )
       ] })
     ] }),
-    /* @__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:flex-col ttw:w-110 ttw:h-full ttw:border-l ttw:border-border ttw:bg-card", 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,
+          o,
           {
             variant: "ghost",
             size: "sm",
             className: "ttw:p-1 ttw:h-auto",
-            onClick: k,
+            onClick: z,
             "aria-label": a.Close,
             children: /* @__PURE__ */ t(Z, { size: 18 })
           }
@@ -104,15 +104,15 @@ function E({
       ] }),
       /* @__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: [
+        !u && l.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);
+        !u && l.map((s) => {
+          const n = f.includes(s.id);
           return /* @__PURE__ */ e(
             "label",
             {
@@ -121,14 +121,14 @@ function E({
                 /* @__PURE__ */ t(
                   "input",
                   {
-                    type: o ? "checkbox" : "radio",
-                    name: o ? void 0 : "receipt-match-transaction",
+                    type: i ? "checkbox" : "radio",
+                    name: i ? void 0 : "receipt-match-transaction",
                     checked: n,
                     onChange: () => {
-                      (o || !n) && f(s.id);
+                      (i || !n) && h(s.id);
                     },
                     onClick: () => {
-                      !o && n && f(s.id);
+                      !i && n && h(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"
@@ -144,12 +144,12 @@ function E({
         })
       ] }),
       /* @__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__ */ t(o, { variant: "outline", className: "ttw:flex-1", onClick: k, children: a.Back }),
         /* @__PURE__ */ e(
-          i,
+          o,
           {
             className: "ttw:flex-1",
-            disabled: h.length === 0 || p,
+            disabled: f.length === 0 || p,
             onClick: b,
             children: [
               p ? /* @__PURE__ */ t($, { size: 16, className: "ttw:animate-spin" }) : /* @__PURE__ */ t(M, { size: 16 }),
@@ -169,32 +169,32 @@ function A() {
     /* @__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 D(r, w) {
+  const l = w ?? r.split(/[?#]/)[0];
+  return /\.pdf$/i.test(l);
 }
 function L({
-  url: l,
+  url: r,
   fileName: w,
-  zoom: r
+  zoom: l
 }) {
-  return D(l, w) ? /* @__PURE__ */ t(
+  return D(r, w) ? /* @__PURE__ */ t(
     "iframe",
     {
-      src: `${l}#toolbar=0&navpanes=0&scrollbar=0`,
+      src: `${r}#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})` }
+      style: { transform: `scale(${l})` }
     }
   ) : /* @__PURE__ */ t(
     "img",
     {
-      src: l,
+      src: r,
       alt: a.ReceiptImageAlt,
       className: "ttw:max-h-full ttw:max-w-full ttw:object-contain ttw:transition-transform",
-      style: { transform: `scale(${r})` }
+      style: { transform: `scale(${l})` }
     }
   );
 }

package/dist/libs/tesouro-embedded-components-react/expense-requirements-widget/feature/dist/lib/ExpenseRequirementsWidget.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as t, jsxs as b, Fragment as C } from "react/jsx-runtime";
-import { useEffect as q } from "react";
+import { useEffect as v } from "react";
 import { FileText as x, ReceiptText as T } from "lucide-react";
 import { Button as E } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "../../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
@@ -30,7 +30,7 @@ const D = {
 };
 function j() {
   const r = S();
-  q(() => {
+  v(() => {
     r(y.Mounted);
   }, [r]);
   const {
@@ -46,12 +46,12 @@ function j() {
     updateRequirement: u,
     updateAmount: w
   } = _();
-  q(() => {
+  v(() => {
     n();
-  }, [n]), q(() => {
+  }, [n]), v(() => {
     i === "success" ? k.success(s.Saved) : i === "error" && k.error(s.FailedToSave);
   }, [i]);
-  const v = d && a !== m, f = l || i === "saving";
+  const q = d && a !== m, f = l || i === "saving";
   return /* @__PURE__ */ b(C, { children: [
     /* @__PURE__ */ t(F, {}),
     /* @__PURE__ */ b("div", { className: "ttw:flex ttw:flex-col ttw:gap-3", children: [
@@ -75,7 +75,7 @@ function j() {
             variant: "ghost",
             size: "sm",
             onClick: c,
-            disabled: !v || f,
+            disabled: !q || f,
             children: s.Cancel
           }
         ),
@@ -86,7 +86,7 @@ function j() {
             onClick: () => {
               p();
             },
-            disabled: !v || f,
+            disabled: !q || f,
             children: s.Save
           }
         )

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

@@ -1,68 +1,68 @@
 "use client";
 import { jsxs as t, jsx as e, Fragment as m } from "react/jsx-runtime";
 import { Switch as u, Input as h } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RequirementCardLabels as a } from "./index3.js";
-function g({
-  label: l,
-  icon: c,
-  required: s,
-  onChange: o,
-  disabled: r,
-  amount: i,
-  onAmountChange: n
+import { RequirementCardLabels as r } from "./index3.js";
+function f({
+  label: i,
+  icon: w,
+  required: a,
+  onChange: c,
+  disabled: n,
+  amount: s,
+  onAmountChange: d
 }) {
-  return /* @__PURE__ */ t("div", { className: "ttw:border ttw:border-gray-200 ttw:rounded-lg ttw:p-4", children: [
+  return /* @__PURE__ */ t("div", { className: "ttw:border ttw:border-border ttw:rounded-lg ttw:p-4", children: [
     /* @__PURE__ */ t("div", { className: "ttw:flex ttw:items-center ttw:justify-between", children: [
       /* @__PURE__ */ t("div", { className: "ttw:flex ttw:items-center ttw:gap-3", children: [
-        /* @__PURE__ */ e("div", { className: "ttw:bg-indigo-500 ttw:rounded-lg ttw:p-2 ttw:text-white ttw:flex ttw:items-center ttw:justify-center", children: c }),
+        /* @__PURE__ */ e("div", { className: "ttw:bg-indigo-500 ttw:rounded-lg ttw:p-2 ttw:text-white ttw:flex ttw:items-center ttw:justify-center", children: w }),
         /* @__PURE__ */ t("div", { children: [
-          /* @__PURE__ */ e("span", { className: "ttw:font-semibold ttw:text-sm ttw:block", children: l }),
-          /* @__PURE__ */ e("span", { className: "ttw:text-xs ttw:text-gray-500", children: s ? i !== void 0 ? /* @__PURE__ */ t(m, { children: [
-            a.RequiredForExpensesOver,
+          /* @__PURE__ */ e("span", { className: "ttw:font-semibold ttw:text-sm ttw:block", children: i }),
+          /* @__PURE__ */ e("span", { className: "ttw:text-xs ttw:text-muted-foreground", children: a ? s !== void 0 ? /* @__PURE__ */ t(m, { children: [
+            r.RequiredForExpensesOver,
             " ",
             /* @__PURE__ */ t("span", { className: "ttw:font-semibold", children: [
               "$",
-              i.toLocaleString()
+              s.toLocaleString()
             ] })
-          ] }) : a.RequiredForAllExpenses : a.NotRequired })
+          ] }) : r.RequiredForAllExpenses : r.NotRequired })
         ] })
       ] }),
       /* @__PURE__ */ t("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
-        /* @__PURE__ */ e("span", { className: "ttw:text-xs ttw:font-medium ttw:text-gray-500", children: s ? a.Required : a.NotRequired }),
+        /* @__PURE__ */ e("span", { className: "ttw:text-xs ttw:font-medium ttw:text-muted-foreground", children: a ? r.Required : r.NotRequired }),
         /* @__PURE__ */ e(
           u,
           {
-            "aria-label": l,
-            checked: s,
-            onCheckedChange: o,
-            disabled: r
+            "aria-label": i,
+            checked: a,
+            onCheckedChange: c,
+            disabled: n
           }
         )
       ] })
     ] }),
-    n !== void 0 && s && /* @__PURE__ */ t(
+    d !== void 0 && a && /* @__PURE__ */ t(
       "div",
       {
-        className: `ttw:mt-3 ttw:w-[300px]${r ? " ttw:opacity-50" : ""}`,
+        className: `ttw:mt-3 ttw:w-[300px]${n ? " ttw:opacity-50" : ""}`,
         children: [
-          /* @__PURE__ */ e("span", { className: "ttw:block ttw:text-xs ttw:text-gray-500 ttw:mb-1", children: a.GreaterThan }),
+          /* @__PURE__ */ e("span", { className: "ttw:block ttw:text-xs ttw:text-muted-foreground ttw:mb-1", children: r.GreaterThan }),
           /* @__PURE__ */ t("div", { className: "ttw:relative", children: [
-            /* @__PURE__ */ e("span", { className: "ttw:absolute ttw:left-3 ttw:top-1/2 ttw:-translate-y-1/2 ttw:text-sm ttw:text-gray-500 ttw:pointer-events-none", children: "$" }),
+            /* @__PURE__ */ e("span", { className: "ttw:absolute ttw:left-3 ttw:top-1/2 ttw:-translate-y-1/2 ttw:text-sm ttw:text-muted-foreground ttw:pointer-events-none", children: "$" }),
             /* @__PURE__ */ e(
               h,
               {
                 type: "number",
                 min: 0,
-                value: i ?? "",
-                onChange: (d) => {
-                  if (d.target.value === "")
-                    n(void 0);
+                value: s ?? "",
+                onChange: (l) => {
+                  if (l.target.value === "")
+                    d(void 0);
                   else {
-                    const w = Number(d.target.value);
-                    isFinite(w) && n(w);
+                    const o = Number(l.target.value);
+                    isFinite(o) && d(o);
                   }
                 },
-                disabled: r,
+                disabled: n,
                 className: "ttw:pl-6 ttw:disabled:cursor-not-allowed"
               }
             )
@@ -73,5 +73,5 @@ function g({
   ] });
 }
 export {
-  g as RequirementCard
+  f as RequirementCard
 };