@tesouro/embedded-components-react 0.2.70 → 0.2.72

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

@@ -1,257 +1,48 @@
-const M = {
-  AF: "AF",
-  AX: "AX",
-  AL: "AL",
-  DZ: "DZ",
-  AS: "AS",
-  AD: "AD",
-  AO: "AO",
-  AI: "AI",
-  AQ: "AQ",
-  AG: "AG",
-  AR: "AR",
-  AM: "AM",
-  AW: "AW",
-  AU: "AU",
-  AT: "AT",
-  AZ: "AZ",
-  BS: "BS",
-  BH: "BH",
-  BD: "BD",
-  BB: "BB",
-  BL: "BL",
-  BY: "BY",
-  BE: "BE",
-  BZ: "BZ",
-  BJ: "BJ",
-  CW: "CW",
-  MF: "MF",
-  CX: "CX",
-  BM: "BM",
-  BT: "BT",
-  BO: "BO",
-  BA: "BA",
-  BW: "BW",
-  BV: "BV",
-  BR: "BR",
-  IO: "IO",
-  BN: "BN",
-  BG: "BG",
-  BF: "BF",
-  BI: "BI",
-  BQ: "BQ",
-  KH: "KH",
-  CM: "CM",
-  CA: "CA",
-  IC: "IC",
-  CV: "CV",
-  KY: "KY",
-  CF: "CF",
-  EA: "EA",
-  TD: "TD",
-  CL: "CL",
-  CN: "CN",
-  CC: "CC",
-  CO: "CO",
-  KM: "KM",
-  CG: "CG",
-  CD: "CD",
-  CK: "CK",
-  CR: "CR",
-  CI: "CI",
-  HR: "HR",
-  CU: "CU",
-  CY: "CY",
-  CZ: "CZ",
-  DK: "DK",
-  DJ: "DJ",
-  DM: "DM",
-  DO: "DO",
-  EC: "EC",
-  EG: "EG",
-  SV: "SV",
-  GQ: "GQ",
-  ER: "ER",
-  EE: "EE",
-  ET: "ET",
-  FK: "FK",
-  FO: "FO",
-  FJ: "FJ",
-  FI: "FI",
-  FR: "FR",
-  GF: "GF",
-  PF: "PF",
-  TF: "TF",
-  GA: "GA",
-  GM: "GM",
-  GE: "GE",
-  DE: "DE",
-  GH: "GH",
-  GI: "GI",
-  GR: "GR",
-  GL: "GL",
-  GD: "GD",
-  GP: "GP",
-  GU: "GU",
-  GT: "GT",
-  GG: "GG",
-  GN: "GN",
-  GW: "GW",
-  GY: "GY",
-  HT: "HT",
-  HM: "HM",
-  VA: "VA",
-  HN: "HN",
-  HK: "HK",
-  HU: "HU",
-  IS: "IS",
-  IN: "IN",
-  ID: "ID",
-  IR: "IR",
-  IQ: "IQ",
-  IE: "IE",
-  IM: "IM",
-  IL: "IL",
-  IT: "IT",
-  JM: "JM",
-  JP: "JP",
-  JE: "JE",
-  JO: "JO",
-  KZ: "KZ",
-  KE: "KE",
-  KI: "KI",
-  KP: "KP",
-  KR: "KR",
-  KW: "KW",
-  KG: "KG",
-  LA: "LA",
-  LV: "LV",
-  LB: "LB",
-  LS: "LS",
-  LR: "LR",
-  LY: "LY",
-  LI: "LI",
-  LT: "LT",
-  LU: "LU",
-  MO: "MO",
-  MK: "MK",
-  MG: "MG",
-  MW: "MW",
-  MY: "MY",
-  MV: "MV",
-  ML: "ML",
-  MT: "MT",
-  MH: "MH",
-  MQ: "MQ",
-  MR: "MR",
-  MU: "MU",
-  YT: "YT",
-  MX: "MX",
-  FM: "FM",
-  MD: "MD",
-  MC: "MC",
-  ME: "ME",
-  MN: "MN",
-  MS: "MS",
-  MA: "MA",
-  MZ: "MZ",
-  MM: "MM",
-  NA: "NA",
-  NR: "NR",
-  NP: "NP",
-  NL: "NL",
-  AN: "AN",
-  NC: "NC",
-  NZ: "NZ",
-  NI: "NI",
-  NE: "NE",
-  NG: "NG",
-  NU: "NU",
-  NF: "NF",
-  MP: "MP",
-  NO: "NO",
-  OM: "OM",
-  PK: "PK",
-  PW: "PW",
-  PS: "PS",
-  PA: "PA",
-  PG: "PG",
-  PY: "PY",
-  PE: "PE",
-  PH: "PH",
-  PN: "PN",
-  PL: "PL",
-  PT: "PT",
-  PR: "PR",
-  QA: "QA",
-  RE: "RE",
-  RO: "RO",
-  RS: "RS",
-  RU: "RU",
-  RW: "RW",
-  SH: "SH",
-  KN: "KN",
-  LC: "LC",
-  PM: "PM",
-  VC: "VC",
-  WS: "WS",
-  SM: "SM",
-  ST: "ST",
-  SA: "SA",
-  SN: "SN",
-  SS: "SS",
-  SC: "SC",
-  SL: "SL",
-  SG: "SG",
-  SK: "SK",
-  SI: "SI",
-  SB: "SB",
-  SO: "SO",
-  SX: "SX",
-  ZA: "ZA",
-  GS: "GS",
-  ES: "ES",
-  LK: "LK",
-  SD: "SD",
-  SR: "SR",
-  SJ: "SJ",
-  SZ: "SZ",
-  SE: "SE",
-  CH: "CH",
-  SY: "SY",
-  TW: "TW",
-  TJ: "TJ",
-  TZ: "TZ",
-  TH: "TH",
-  TL: "TL",
-  TG: "TG",
-  TK: "TK",
-  TO: "TO",
-  TT: "TT",
-  TN: "TN",
-  TR: "TR",
-  TM: "TM",
-  TC: "TC",
-  TV: "TV",
-  UG: "UG",
-  UA: "UA",
-  AE: "AE",
-  GB: "GB",
-  US: "US",
-  UM: "UM",
-  UY: "UY",
-  UZ: "UZ",
-  VU: "VU",
-  VE: "VE",
-  VN: "VN",
-  VG: "VG",
-  VI: "VI",
-  WF: "WF",
-  EH: "EH",
-  YE: "YE",
-  ZM: "ZM",
-  ZW: "ZW"
-}, S = Object.values(M);
+import { useEffect as _ } from "react";
+const c = (i, u, r) => {
+  _(() => {
+    if (!i?.data?.length) return;
+    const d = u(), m = new Map(i.data.map((e) => [e.id, e])), s = new Map(i.data.filter((e) => e.name).map((e) => [e.name?.toLowerCase(), e])), o = d.line_items.map((e) => {
+      const n = e.product.measure_unit_id, t = e.product.measure_unit_name || e.measure_unit?.name;
+      let a;
+      return n && m.has(n) ? a = m.get(n) : t && s.has(t.toLowerCase()) && (a = s.get(t.toLowerCase())), a ? {
+        ...e,
+        product: {
+          ...e.product,
+          measure_unit_id: a.id,
+          measure_unit_name: void 0
+        },
+        measure_unit: {
+          id: a.id,
+          name: a.name || ""
+        }
+      } : t ? {
+        ...e,
+        product: {
+          ...e.product,
+          measure_unit_id: void 0,
+          measure_unit_name: t
+        },
+        measure_unit: {
+          name: t,
+          id: null
+        }
+      } : n === "" || n === void 0 ? {
+        ...e,
+        product: {
+          ...e.product,
+          measure_unit_id: void 0
+        }
+      } : {
+        ...e
+      };
+    });
+    r({
+      ...d,
+      line_items: o
+    });
+  }, [i?.data, r, u]);
+};
 export {
-  S as AllowedCountries
+  c as useMeasureUnitsMapping
 };

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

@@ -5,7 +5,7 @@ import { InvoiceStatusChip as B } from "./index55.js";
 import { InvoicesFilterBar as E } from "./index164.js";
 import { InvoiceStatusCardsFilter as U } from "./index165.js";
 import { useInvoicesFilter as V } from "./index166.js";
-import { useGetReceivables as j } from "./index142.js";
+import { useGetReceivables as j } from "./index143.js";
 import { useMoniteContext as x } from "./index57.js";
 import { MoniteScopedProviders as G } from "./index83.js";
 import { useCurrencies as Q } from "./index58.js";
@@ -13,7 +13,7 @@ import { ReceivableCursorFields as C } from "./index167.js";
 import { GetNoRowsOverlay as W } from "./index157.js";
 import { DueDateCell as H } from "./index168.js";
 import { DataTable as J } from "./index158.js";
-import { Skeleton as X } from "./index132.js";
+import { Skeleton as X } from "./index134.js";
 import { useLingui as Y } from "@lingui/react";
 import Z from "@mui/icons-material/Sync";
 import { useState as u, useEffect as w } from "react";

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

@@ -1,48 +1,42 @@
-import { useEffect as _ } from "react";
-const c = (i, u, r) => {
-  _(() => {
-    if (!i?.data?.length) return;
-    const d = u(), m = new Map(i.data.map((e) => [e.id, e])), s = new Map(i.data.filter((e) => e.name).map((e) => [e.name?.toLowerCase(), e])), o = d.line_items.map((e) => {
-      const n = e.product.measure_unit_id, t = e.product.measure_unit_name || e.measure_unit?.name;
-      let a;
-      return n && m.has(n) ? a = m.get(n) : t && s.has(t.toLowerCase()) && (a = s.get(t.toLowerCase())), a ? {
-        ...e,
-        product: {
-          ...e.product,
-          measure_unit_id: a.id,
-          measure_unit_name: void 0
-        },
-        measure_unit: {
-          id: a.id,
-          name: a.name || ""
+import { useMoniteContext as n } from "./index57.js";
+import { getAPIErrorMessage as p } from "./index120.js";
+import { useLingui as c } from "@lingui/react";
+import { toast as t } from "react-hot-toast";
+const v = (a) => {
+  const {
+    i18n: i
+  } = c(), {
+    api: e,
+    queryClient: s
+  } = n();
+  return e.finops.patchReceivablesId.useMutation({
+    path: {
+      receivable_id: a
+    }
+  }, {
+    onSuccess: async (r) => {
+      e.finops.getReceivablesId.setQueryData({
+        path: {
+          receivable_id: a
         }
-      } : t ? {
-        ...e,
-        product: {
-          ...e.product,
-          measure_unit_id: void 0,
-          measure_unit_name: t
-        },
-        measure_unit: {
-          name: t,
-          id: null
+      }, r, s), await Promise.all([e.finops.getReceivablesIdPdfLink.resetQueries({
+        parameters: {
+          path: {
+            receivable_id: a
+          }
         }
-      } : n === "" || n === void 0 ? {
-        ...e,
-        product: {
-          ...e.product,
-          measure_unit_id: void 0
-        }
-      } : {
-        ...e
-      };
-    });
-    r({
-      ...d,
-      line_items: o
-    });
-  }, [i?.data, r, u]);
+      }, s), e.finops.getReceivables.invalidateQueries(s)]), t.success(i._("{receivableType} has been updated", {
+        receivableType: r.type
+      }));
+    },
+    onError: (r) => {
+      const o = p(i, r);
+      t.error(i._("Failed to update receivable: {errorMessage}", {
+        errorMessage: o
+      }));
+    }
+  });
 };
 export {
-  c as useMeasureUnitsMapping
+  v as useUpdateReceivable
 };

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

@@ -1,42 +1,36 @@
-import { useMoniteContext as n } from "./index57.js";
-import { getAPIErrorMessage as p } from "./index118.js";
-import { useLingui as c } from "@lingui/react";
-import { toast as t } from "react-hot-toast";
-const v = (a) => {
+import { useMoniteContext as o } from "./index57.js";
+import { getAPIErrorMessage as n } from "./index120.js";
+import { useLingui as p } from "@lingui/react";
+import { toast as c } from "react-hot-toast";
+const g = (e) => {
   const {
-    i18n: i
-  } = c(), {
-    api: e,
-    queryClient: s
-  } = n();
-  return e.finops.patchReceivablesId.useMutation({
+    api: r,
+    queryClient: i
+  } = o(), {
+    i18n: t
+  } = p();
+  return r.finops.putReceivablesIdLineItems.useMutation({
     path: {
-      receivable_id: a
+      receivable_id: e
     }
   }, {
-    onSuccess: async (r) => {
-      e.finops.getReceivablesId.setQueryData({
-        path: {
-          receivable_id: a
-        }
-      }, r, s), await Promise.all([e.finops.getReceivablesIdPdfLink.resetQueries({
+    onSuccess: async () => {
+      await r.finops.getReceivablesId.invalidateQueries({
         parameters: {
           path: {
-            receivable_id: a
+            receivable_id: e
           }
         }
-      }, s), e.finops.getReceivables.invalidateQueries(s)]), t.success(i._("{receivableType} has been updated", {
-        receivableType: r.type
-      }));
+      }, i);
     },
-    onError: (r) => {
-      const o = p(i, r);
-      t.error(i._("Failed to update receivable: {errorMessage}", {
-        errorMessage: o
+    onError: (s) => {
+      const a = n(t, s);
+      c.error(t._("Failed to update receivable line items: {errorMessage}", {
+        errorMessage: a
       }));
     }
   });
 };
 export {
-  v as useUpdateReceivable
+  g as useUpdateReceivableLineItems
 };

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

@@ -1,36 +1,10 @@
-import { useMoniteContext as o } from "./index57.js";
-import { getAPIErrorMessage as n } from "./index118.js";
-import { useLingui as p } from "@lingui/react";
-import { toast as c } from "react-hot-toast";
-const g = (e) => {
+import { useMoniteContext as t } from "./index57.js";
+const o = () => {
   const {
-    api: r,
-    queryClient: i
-  } = o(), {
-    i18n: t
-  } = p();
-  return r.finops.putReceivablesIdLineItems.useMutation({
-    path: {
-      receivable_id: e
-    }
-  }, {
-    onSuccess: async () => {
-      await r.finops.getReceivablesId.invalidateQueries({
-        parameters: {
-          path: {
-            receivable_id: e
-          }
-        }
-      }, i);
-    },
-    onError: (s) => {
-      const a = n(t, s);
-      c.error(t._("Failed to update receivable line items: {errorMessage}", {
-        errorMessage: a
-      }));
-    }
-  });
+    api: e
+  } = t();
+  return e.finops.getPaymentTerms.useQuery();
 };
 export {
-  g as useUpdateReceivableLineItems
+  o as useGetPaymentTerms
 };

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

@@ -1,10 +1,106 @@
-import { useMoniteContext as t } from "./index57.js";
-const o = () => {
+import { jsx as e, jsxs as d, Fragment as C } from "@emotion/react/jsx-runtime";
+import { Controller as c } from "react-hook-form";
+import { DefaultEmail as v } from "./index444.js";
+import { useRootElements as y } from "./index92.js";
+import { useCounterpartById as S } from "./index70.js";
+import "@tanstack/react-query";
+import "./index57.js";
+import { useCounterpartContactList as F } from "./index74.js";
+import "date-fns";
+import "react";
+import "react-hot-toast";
+import { useLingui as I } from "@lingui/react";
+import { useGetReceivableById as N } from "./index82.js";
+import { Card as u, CardContent as m, Stack as f, Typography as h, TextField as b, CircularProgress as M, FormControl as T, Select as B, MenuItem as L, FormHelperText as W } from "@mui/material";
+import { getDefaultContact as _, getContactList as j } from "./index364.js";
+const K = ({
+  formName: n,
+  style: t,
+  children: i,
+  handleIssueAndSend: a
+}) => /* @__PURE__ */ e("form", { id: n, noValidate: !0, onSubmit: a, style: t, children: i }), k = ({
+  invoiceId: n,
+  control: t
+}) => {
   const {
-    api: e
-  } = t();
-  return e.finops.getPaymentTerms.useQuery();
+    data: i
+  } = N(n), {
+    data: a
+  } = S(i?.counterpart_id), {
+    data: r,
+    isLoading: o
+  } = F(i?.counterpart_id), {
+    root: x
+  } = y();
+  if (o) return /* @__PURE__ */ e(M, {});
+  const g = _(r, a);
+  return /* @__PURE__ */ e(c, { name: "to", control: t, render: ({
+    field: p,
+    fieldState: {
+      error: s
+    }
+  }) => /* @__PURE__ */ d(T, { variant: "standard", required: !0, fullWidth: !0, error: !!s, children: [
+    /* @__PURE__ */ e(B, { MenuProps: {
+      container: x
+    }, className: "Monite-NakedField Monite-RecipientSelector", "data-testid": `${p.name}-select`, ...p, children: j(r, g).map((l) => /* @__PURE__ */ e(L, { value: l.email, children: /* @__PURE__ */ e(v, { email: l.email ?? "", isDefault: l.is_default }) }, l.id)) }),
+    s && /* @__PURE__ */ e(W, { children: s.message })
+  ] }) });
+}, O = ({
+  invoiceId: n,
+  control: t,
+  isDisabled: i
+}) => {
+  const {
+    i18n: a
+  } = I();
+  return /* @__PURE__ */ d(C, { children: [
+    /* @__PURE__ */ e(u, { sx: {
+      mb: 3
+    }, children: /* @__PURE__ */ e(m, { sx: {
+      px: 3,
+      pt: 1,
+      pb: 1,
+      "&:last-child": {
+        pb: 1
+      }
+      // last-child is necessary to override default style of the MUI theme
+    }, children: /* @__PURE__ */ d(f, { spacing: 2, direction: "row", alignItems: "center", children: [
+      /* @__PURE__ */ e(h, { variant: "body2", sx: {
+        minWidth: "52px"
+      }, children: a._("To") }),
+      /* @__PURE__ */ e(k, { invoiceId: n, control: t })
+    ] }) }) }),
+    /* @__PURE__ */ d(u, { children: [
+      /* @__PURE__ */ e(m, { sx: {
+        px: 3,
+        py: 1,
+        borderBottomWidth: "1px",
+        borderBottomStyle: "solid",
+        borderBottomColor: "divider"
+      }, children: /* @__PURE__ */ d(f, { spacing: 2, direction: "row", alignItems: "center", children: [
+        /* @__PURE__ */ e(h, { variant: "body2", children: a._("Subject") }),
+        /* @__PURE__ */ e(c, { name: "subject", control: t, render: ({
+          field: r,
+          fieldState: {
+            error: o
+          }
+        }) => /* @__PURE__ */ e(b, { id: r.name, "data-testid": `${r.name}-input`, variant: "standard", className: "Monite-NakedField", fullWidth: !0, error: !!o, helperText: o?.message, required: !0, ...r, disabled: i }) })
+      ] }) }),
+      /* @__PURE__ */ e(m, { sx: {
+        pl: 3,
+        pr: 3,
+        pb: 3,
+        pt: 1
+      }, children: /* @__PURE__ */ e(c, { name: "body", control: t, render: ({
+        field: r,
+        fieldState: {
+          error: o
+        }
+      }) => /* @__PURE__ */ e(b, { id: r.name, "data-testid": `${r.name}-input`, variant: "standard", className: "Monite-NakedField", fullWidth: !0, error: !!o, helperText: o?.message, required: !0, multiline: !0, rows: 8, ...r, disabled: i }) }) })
+    ] })
+  ] });
 };
 export {
-  o as useGetPaymentTerms
+  K as Form,
+  O as FormContent
 };