@tesouro/embedded-components-react 0.2.174 → 0.2.176

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index210.js

@@ -1,216 +1,14 @@
-import { getTheme as n } from "./index204.js";
-import t from "chroma-js";
-const l = (o, e, i) => {
-  const r = n(e);
-  return {
-    styleOverrides: {
-      root: {
-        "&[hidden]": {
-          display: "none",
-          visibility: "hidden",
-          opacity: 0
-        },
-        "& .MuiInputBase-root": {
-          minHeight: "48px",
-          backgroundColor: o.neutral[95],
-          borderRadius: r.borderRadius * 2,
-          "& > .MuiOutlinedInput-notchedOutline": {
-            top: 0,
-            "> legend": {
-              display: "none"
-            }
-          },
-          "&:not(.Mui-disabled):hover fieldset.MuiOutlinedInput-notchedOutline": {
-            borderColor: "transparent"
-          },
-          ".MuiSelect-icon": {
-            color: o.text.primary
-          },
-          "&.Mui-focused": {
-            backgroundColor: o.neutral[80],
-            borderColor: "transparent",
-            boxShadow: `0 0 0 4px ${t(o.primary.main).alpha(0.24).hex()}`
-          },
-          "&.Mui-error": {
-            border: `1px solid ${o.error.main}`,
-            boxShadow: `0 0 0 4px ${t(o.error.main).alpha(0.24).hex()}`
-          },
-          "&.MuiInputBase-adornedEnd": {
-            paddingRight: 8
-          }
-        },
-        "label+.MuiInputBase-root": {
-          marginTop: 0
-        },
-        "&:hover": {
-          "&.MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
-            backgroundColor: o.neutral[90],
-            border: `1px solid ${o.primary[40]}`
-          },
-          "& .MuiFormLabel-root.MuiFormLabel-filled": {
-            "+ .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
-              backgroundColor: "transparent",
-              border: `1px solid ${o.primary[40]}`
-            }
-          }
-        },
-        "&:not(.Monite-FilterControl):not(.Monite-Selector):hover": {
-          "& .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
-            border: `1px solid ${o.primary[40]}`
-          },
-          "& .MuiInputAdornment-root .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
-            borderColor: "transparent"
-          },
-          "& .MuiFormLabel-root": {
-            "+ .MuiInputBase-root:not(.Mui-focused)": {
-              backgroundColor: "transparent",
-              border: `1px solid ${o.primary[40]}`
-            }
-          }
-        },
-        "&:not(.Monite-Selector):not(.Monite-FilterControl) .MuiFormLabel-root": {
-          fontSize: "14px",
-          color: " rgba(112, 112, 112, 1)",
-          backgroundColor: "transparent",
-          "&:hover, &.Mui-focused": {
-            backgroundColor: "transparent",
-            "& > .MuiOutlinedInput-notchedOutline": {
-              backgroundColor: "transparent"
-            }
-          },
-          "&.Mui-required > .MuiFormLabel-asterisk": {
-            display: "none"
-          },
-          "&.Mui-required::after": {
-            content: '"●"',
-            position: "relative",
-            bottom: "2px",
-            left: "4px",
-            color: " rgba(255, 71, 93, 1)"
-          },
-          "+ .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
-            backgroundColor: "transparent",
-            border: `1px solid ${o.neutral[80]}`
-          },
-          "+ .MuiInputBase-root.Mui-focused": {
-            backgroundColor: "transparent",
-            border: `1px solid ${o.primary.main}`
-          },
-          "&:not(.Monite-Selector) > .MuiInputLabel-root > .MuiFormLabel-asterisk": {
-            display: "none"
-          },
-          "& .MuiOutlinedInput-notchedOutline": {
-            top: 0
-          },
-          // Hide border cutout
-          "& .MuiOutlinedInput-notchedOutline legend": {
-            display: "none"
-          },
-          "& .MuiOutlinedInput-root": {
-            left: 0,
-            top: 0,
-            "&:hover .MuiOutlinedInput-notchedOutline": {
-              borderColor: "transparent"
-            }
-          },
-          // Monite Filter Control styles
-          "&.Monite-FilterControl": {
-            height: "40px",
-            minHeight: "40px",
-            maxHeight: "40px",
-            maxWidth: i,
-            width: "100%",
-            "& .MuiInputBase-root": {
-              marginTop: 0,
-              height: "40px",
-              minHeight: "40px",
-              maxHeight: "40px",
-              borderRadius: r.borderRadius * 2,
-              color: o.text.primary,
-              fontWeight: 500,
-              backgroundColor: o.neutral[95],
-              padding: "0 6px",
-              "&.Mui-focused": {
-                backgroundColor: t(o.primary.main).alpha(0.05).hex()
-              }
-            },
-            "&:hover": {
-              "& .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
-                border: "none"
-              },
-              ".MuiFormLabel-root.MuiFormLabel-filled": {
-                opacity: 0,
-                "+ .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
-                  backgroundColor: t(o.primary.main).alpha(0.12).hex()
-                }
-              }
-            },
-            "& .MuiSelect-select": {
-              fontSize: "14px",
-              "&:focus": {
-                backgroundColor: "transparent"
-              }
-            },
-            "& .MuiFormLabel-root": {
-              position: "absolute",
-              zIndex: 1,
-              left: "45px",
-              top: "10px",
-              fontSize: "14px",
-              maxWidth: "calc(100% - 52px)",
-              textOverflow: "ellipsis",
-              pointerEvents: "none",
-              "&.MuiFormLabel-filled": {
-                opacity: 0,
-                "+ .MuiInputBase-root": {
-                  color: o.primary.main,
-                  backgroundColor: t(o.primary.main).alpha(0.05).hex(),
-                  ".MuiSelect-icon, .MuiSvgIcon-root, .MuiSvgIcon-root>*": {
-                    color: o.primary.main
-                  }
-                }
-              }
-            },
-            "& .MuiInputLabel-root": {
-              fontWeight: 500,
-              color: o.text.secondary
-            },
-            "& .MuiIconButton-root": {
-              marginRight: "-6px"
-            },
-            "& .MuiInputAdornment-positionEnd .MuiSvgIcon-root, & .MuiIconButton-root .MuiSvgIcon-root": {
-              width: "20px",
-              height: "20px",
-              "> *": {
-                color: o.text.primary
-              }
-            },
-            "&.Monite-DateFilterControl": {
-              "input::placeholder": {
-                opacity: 0
-              }
-            },
-            "& .MuiInputBase-input:not(.MuiSelect-select)": {
-              padding: "0 0 0 8px",
-              fontSize: "14px",
-              textOverflow: "ellipsis",
-              "& + .MuiInputAdornment-root": {
-                marginLeft: 0
-              }
-            }
-          },
-          "&.Monite-SearchField": {
-            maxWidth: "400px",
-            width: "100%",
-            "& label": {
-              color: "secondary.main"
-            }
-          }
-        }
-      }
-    }
-  };
-};
+import { getSeverityColors as c } from "./index206.js";
+const a = (e) => ({
+  ...c(e),
+  10: "#12705f",
+  30: "#0dac8e",
+  50: "#1fbca0",
+  60: "#4dd6bd",
+  80: "#ace5da",
+  90: "#ccf0e9",
+  95: "#eefbf9"
+});
 export {
-  l as getFormControlStyles
+  a as getSuccessColors
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index211.js

@@ -1,12 +1,14 @@
-import { getSeverityColors as r } from "./index208.js";
-const t = (o) => ({
-  ...r(o),
-  10: "#D42623",
-  25: "#DF5C5A",
-  50: "#EA9391",
-  75: "#F4C9C8",
-  100: "#FCF1F1"
+import { getSeverityColors as e } from "./index206.js";
+const r = (f) => ({
+  ...e(f),
+  10: "#996600",
+  30: "#cc8000",
+  50: "#ff9900",
+  60: "#ffb333",
+  80: "#ffd999",
+  90: "#ffe6cc",
+  95: "#fff3ee"
 });
 export {
-  t as getErrorColors
+  r as getWarningColors
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index212.js

@@ -1,14 +1,9 @@
-import { getSeverityColors as c } from "./index208.js";
-const a = (e) => ({
-  ...c(e),
-  10: "#12705f",
-  30: "#0dac8e",
-  50: "#1fbca0",
-  60: "#4dd6bd",
-  80: "#ace5da",
-  90: "#ccf0e9",
-  95: "#eefbf9"
-});
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import { cn as n } from "./index100.js";
+const c = ({
+  children: t,
+  className: e
+}) => /* @__PURE__ */ l("div", { className: n("ttw:flex ttw:items-center ttw:justify-center ttw:h-full ttw:w-full", e), children: t });
 export {
-  a as getSuccessColors
+  c as CenteredContentBox
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index213.js

@@ -1,14 +1,37 @@
-import { getSeverityColors as e } from "./index208.js";
-const r = (f) => ({
-  ...e(f),
-  10: "#996600",
-  30: "#cc8000",
-  50: "#ff9900",
-  60: "#ffb333",
-  80: "#ffd999",
-  90: "#ffe6cc",
-  95: "#fff3ee"
-});
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import { useState as g, useEffect as h } from "react";
+import { useMoniteContext as v } from "./index57.js";
+import x from "@mui/icons-material/ArrowBack";
+import c from "@mui/icons-material/Close";
+import E from "@mui/material/IconButton";
+import L from "@mui/material/Tooltip";
+const P = ({
+  icon: y,
+  fallbackIcon: B,
+  tooltip: t,
+  onClick: i = () => {
+  },
+  onHover: l,
+  onFocus: f,
+  onBlur: m,
+  ariaLabelOverride: s,
+  isDynamic: p = !1,
+  ref: u,
+  ...b
+}) => {
+  const {
+    componentSettings: k
+  } = v(), o = k?.general?.iconWrapper, [I, e] = g(o.icon || o.fallbackIcon || /* @__PURE__ */ n(c, {}));
+  h(() => {
+    e(o.icon || o.fallbackIcon || /* @__PURE__ */ n(c, {}));
+  }, [o.icon, o.fallbackIcon]);
+  const d = (r) => {
+    l?.(r), p && e(/* @__PURE__ */ n(x, {}));
+  }, C = () => {
+    e(o.icon || o.fallbackIcon || /* @__PURE__ */ n(c, {}));
+  }, M = s || "Icon button", a = () => /* @__PURE__ */ n(E, { ref: u, onClick: i, onMouseEnter: d, onMouseLeave: C, onFocus: (r) => f?.(r), onBlur: (r) => m?.(r), "aria-label": M, ...b, children: I });
+  return t ? /* @__PURE__ */ n(L, { title: t, children: a() }) : a();
+};
 export {
-  r as getWarningColors
+  P as IconWrapper
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index215.js

@@ -1,16 +1,16 @@
 import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
-import { FieldLabel as m, Field as h, FieldContent as p, FieldError as f, FieldDescription as _ } from "./index159.js";
-import { Input as b } from "./index123.js";
-import { Label as v } from "./index270.js";
-import { RadioGroup as C, RadioGroupItem as y } from "./index286.js";
+import { FieldLabel as m, Field as h, FieldContent as p, FieldError as f, FieldDescription as _ } from "./index154.js";
+import { Input as b } from "./index117.js";
+import { Label as v } from "./index276.js";
+import { RadioGroup as C, RadioGroupItem as y } from "./index325.js";
 import { Typography as n } from "./index85.js";
 import { useLingui as F } from "@lingui/react";
 import { useRef as S } from "react";
 import { useFormContext as T, Controller as u } from "react-hook-form";
 import { twMerge as c } from "tailwind-merge";
-import { CounterpartBankSection as z } from "./index151.js";
-import { Checkbox as I } from "./index348.js";
-import { CounterpartAddressSection as L } from "./index153.js";
+import { CounterpartBankSection as z } from "./index146.js";
+import { Checkbox as I } from "./index351.js";
+import { CounterpartAddressSection as L } from "./index148.js";
 const $ = ({
   handleChangeCounterpartType: N,
   counterpartType: d,

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index216.js

@@ -1,6 +1,6 @@
-import { AllowedCountries as l } from "./index349.js";
+import { AllowedCountries as l } from "./index352.js";
 import { z as i } from "zod";
-import "./index285.js";
+import "./index324.js";
 const m = (e, t) => ({
   line1: i.string().optional().refine((a) => !t || !!a?.trim(), {
     message: e._("Street address is required")

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index225.js

@@ -1,8 +1,8 @@
 import { getCountries as G } from "./index93.js";
 import { parseISO as H } from "date-fns";
-import { rateMinorToMajor as J } from "./index340.js";
-import { getDaysOverdue as K } from "./index361.js";
-import { formatReminderSchedule as Q } from "./index362.js";
+import { rateMinorToMajor as J } from "./index338.js";
+import { getDaysOverdue as K } from "./index365.js";
+import { formatReminderSchedule as Q } from "./index366.js";
 const V = /^\d{4}-\d{2}-\d{2}$/, X = (e, r) => {
   switch (r) {
     case "draft":
@@ -73,22 +73,30 @@ const V = /^\d{4}-\d{2}-\d{2}$/, X = (e, r) => {
     primary: ["edit", "issue", "issueAndSend"],
     overflow: ["clone", "delete"]
   },
+  // `send` ("Resend") sits in primary, not overflow: David's QA
+  // asked twice for the send flow to be visible on the details panel rather
+  // than buried in the overflow menu (EMBD-4514). It is ordered *before*
+  // `recordPayment` deliberately: the panel gives the solid (primary) style to
+  // the last action only, so leading with `send` keeps "Record payment" as the
+  // emphasized call to action it already was and adds send as an outline button
+  // beside it. The ask was to make send visible, not to outrank recording a
+  // payment.
   issued: {
-    primary: ["recordPayment"],
-    overflow: ["clone", "send", "cancel"]
+    primary: ["send", "recordPayment"],
+    overflow: ["clone", "cancel"]
   },
   // Overdue keeps the write-off (mark uncollectible) action the legacy exposed.
   overdue: {
-    primary: ["recordPayment"],
-    overflow: ["clone", "send", "cancel", "markUncollectible"]
+    primary: ["send", "recordPayment"],
+    overflow: ["clone", "cancel", "markUncollectible"]
   },
   // No cancel: the backend rejects cancelling a partially-paid invoice with a
   // 409 ("Only invoices in issued and overdue statuses can be canceled"), so
   // offering it here would be a dead-end error toast. Matches the legacy
   // actions, which gated Cancel to issued/overdue only.
   partially_paid: {
-    primary: ["recordPayment"],
-    overflow: ["clone", "send"]
+    primary: ["send", "recordPayment"],
+    overflow: ["clone"]
   },
   paid: {
     primary: [],

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index227.js

@@ -1,6 +1,6 @@
 import { parseISO as d } from "date-fns";
-import { rateMinorToMajor as n } from "./index340.js";
-import { CUSTOM_DATE_PAYMENT_TERM as i, RECEIPT_DUE_PAYMENT_TERM as c } from "./index339.js";
+import { rateMinorToMajor as n } from "./index338.js";
+import { CUSTOM_DATE_PAYMENT_TERM as i, RECEIPT_DUE_PAYMENT_TERM as c } from "./index337.js";
 const u = (e) => {
   if (e?.id)
     return {

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index228.js

@@ -1,22 +1,8 @@
-import { toast as s } from "react-hot-toast";
-import { useMoniteContext as a } from "./index57.js";
-import { useLingui as r } from "@lingui/react";
-const d = (i) => {
-  const {
-    i18n: o
-  } = r(), {
-    api: t,
-    queryClient: n
-  } = a();
-  return t.finops.postReceivablesIdClone.useMutation(void 0, {
-    onSuccess: async (e) => {
-      await t.finops.getReceivables.invalidateQueries(n), i && i(e?.id), s.success(o._("Invoice duplicate has been created."));
-    },
-    onError: (e) => {
-      s.error(e?.detail?.[0]?.msg || o._("Failed to duplicate invoice."));
-    }
-  });
-};
+const d = (i, {
+  isIssuing: s,
+  isIssuePreflightLoading: e,
+  isCounterpartLoading: n
+}) => (i === "issue" || i === "issueAndSend") && (s || e) || (i === "issueAndSend" || i === "send") && n;
 export {
-  d as useDuplicateInvoice
+  d as isPrimaryActionDisabled
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index229.js

@@ -1,16 +1,22 @@
-import { useMoniteContext as d } from "./index57.js";
-const n = (e) => {
+import { toast as s } from "react-hot-toast";
+import { useMoniteContext as a } from "./index57.js";
+import { useLingui as r } from "@lingui/react";
+const d = (i) => {
   const {
-    api: r
-  } = d();
-  return r.finops.getOverdueRemindersId.useQuery({
-    path: {
-      overdue_reminder_id: e ?? ""
+    i18n: o
+  } = r(), {
+    api: t,
+    queryClient: n
+  } = a();
+  return t.finops.postReceivablesIdClone.useMutation(void 0, {
+    onSuccess: async (e) => {
+      await t.finops.getReceivables.invalidateQueries(n), i && i(e?.id), s.success(o._("Invoice duplicate has been created."));
+    },
+    onError: (e) => {
+      s.error(e?.detail?.[0]?.msg || o._("Failed to duplicate invoice."));
     }
-  }, {
-    enabled: !!e
   });
 };
 export {
-  n as useGetOverdueReminderById
+  d as useDuplicateInvoice
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index230.js

@@ -1,16 +1,16 @@
-import { useMoniteContext as o } from "./index57.js";
-const s = (e) => {
+import { useMoniteContext as d } from "./index57.js";
+const n = (e) => {
   const {
-    api: t
-  } = o();
-  return t.finops.getPaymentRecords.useQuery({
-    query: {
-      object_id: e ?? ""
+    api: r
+  } = d();
+  return r.finops.getOverdueRemindersId.useQuery({
+    path: {
+      overdue_reminder_id: e ?? ""
     }
   }, {
     enabled: !!e
   });
 };
 export {
-  s as useGetPaymentRecords
+  n as useGetOverdueReminderById
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index231.js

@@ -1,16 +1,16 @@
-import { useMoniteContext as n } from "./index57.js";
-const m = (e) => {
+import { useMoniteContext as o } from "./index57.js";
+const s = (e) => {
   const {
     api: t
-  } = n();
-  return t.finops.getPaymentRemindersId.useQuery({
-    path: {
-      payment_reminder_id: e ?? ""
+  } = o();
+  return t.finops.getPaymentRecords.useQuery({
+    query: {
+      object_id: e ?? ""
     }
   }, {
     enabled: !!e
   });
 };
 export {
-  m as useGetPaymentReminderById
+  s as useGetPaymentRecords
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index232.js

@@ -1,16 +1,16 @@
-import { useMoniteContext as t } from "./index57.js";
-const c = (e) => {
+import { useMoniteContext as n } from "./index57.js";
+const m = (e) => {
   const {
-    api: r
-  } = t();
-  return r.finops.getRecurrencesId.useQuery({
+    api: t
+  } = n();
+  return t.finops.getPaymentRemindersId.useQuery({
     path: {
-      recurrence_id: e ?? ""
+      payment_reminder_id: e ?? ""
     }
   }, {
     enabled: !!e
   });
 };
 export {
-  c as useGetRecurrenceById
+  m as useGetPaymentReminderById
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index233.js

@@ -1,23 +1,16 @@
-import { useMoniteContext as r } from "./index57.js";
-const i = (t, a) => {
+import { useMoniteContext as t } from "./index57.js";
+const c = (e) => {
   const {
-    api: n
-  } = r();
-  return n.finops.getReceivablesIdPdfLink.useQuery({
+    api: r
+  } = t();
+  return r.finops.getRecurrencesId.useQuery({
     path: {
-      receivable_id: t
+      recurrence_id: e ?? ""
     }
   }, {
-    enabled: a,
-    // Monite can return the PDF-link response before file_url is populated
-    // (the PDF is still generating). Poll until it's ready; self-terminates
-    // once file_url exists.
-    // Bounded so a never-populated file_url can't poll forever (e.g. PDF
-    // generation fails server-side): give up after ~30 attempts (~30s).
-    refetchInterval: (e) => e.state.data?.file_url || e.state.dataUpdateCount > 30 ? !1 : 1e3,
-    refetchIntervalInBackground: !0
+    enabled: !!e
   });
 };
 export {
-  i as useGetReceivablePDFById
+  c as useGetRecurrenceById
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index234.js

@@ -1,24 +1,23 @@
-import { useMoniteContext as o } from "./index57.js";
-const a = ({
-  counterpart_billing_address_id: e,
-  counterpart_country: r,
-  counterpart_id: t,
-  counterpart_type: n
-}) => {
+import { useMoniteContext as r } from "./index57.js";
+const i = (t, a) => {
   const {
-    api: i
-  } = o();
-  return i.finops.getReceivablesRequiredFields.useQuery({
-    query: {
-      counterpart_billing_address_id: e,
-      counterpart_country: r,
-      counterpart_id: t,
-      counterpart_type: n
+    api: n
+  } = r();
+  return n.finops.getReceivablesIdPdfLink.useQuery({
+    path: {
+      receivable_id: t
     }
   }, {
-    enabled: !!e && !!t
+    enabled: a,
+    // Monite can return the PDF-link response before file_url is populated
+    // (the PDF is still generating). Poll until it's ready; self-terminates
+    // once file_url exists.
+    // Bounded so a never-populated file_url can't poll forever (e.g. PDF
+    // generation fails server-side): give up after ~30 attempts (~30s).
+    refetchInterval: (e) => e.state.data?.file_url || e.state.dataUpdateCount > 30 ? !1 : 1e3,
+    refetchIntervalInBackground: !0
   });
 };
 export {
-  a as useGetInvoiceRequiredFields
+  i as useGetReceivablePDFById
 };