@tesouro/embedded-components-react 0.2.66 → 0.2.70

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

@@ -1,257 +1,106 @@
-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 { 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 "./index438.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 "./index365.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 {
+    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 {
-  S as AllowedCountries
+  K as Form,
+  O as FormContent
 };

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

@@ -1,48 +1,23 @@
-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]);
-};
+import { isOrganizationCounterpart as e, getCounterpartName as o } from "./index7.js";
+const i = (r, t) => {
+  if (r && r.length)
+    return r.find((n) => n.is_default) ?? r[0];
+  if (!t || !e(t))
+    return;
+  const a = t.organization?.email;
+  if (a)
+    return {
+      id: "organization",
+      counterpart_id: t.id,
+      email: a,
+      is_default: !0,
+      first_name: o(t),
+      last_name: "",
+      is_customer: t.is_customer,
+      is_vendor: t.is_vendor
+    };
+}, u = (r, t) => r?.length ? r : t ? [t] : [];
 export {
-  c as useMeasureUnitsMapping
+  u as getContactList,
+  i as getDefaultContact
 };

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

@@ -1,42 +1,37 @@
-import { useMoniteContext as n } from "./index58.js";
-import { getAPIErrorMessage as p } from "./index121.js";
-import { useLingui as c } from "@lingui/react";
-import { toast as t } from "react-hot-toast";
-const v = (a) => {
+import { useMoniteContext as n } from "./index57.js";
+import { useLingui as o } from "@lingui/react";
+import { toast as r } from "react-hot-toast";
+const l = (i) => {
   const {
-    i18n: i
-  } = c(), {
+    i18n: a
+  } = o(), {
     api: e,
-    queryClient: s
+    queryClient: t
   } = n();
-  return e.finops.patchReceivablesId.useMutation({
+  return e.finops.postReceivablesIdSend.useMutation({
     path: {
-      receivable_id: a
+      receivable_id: i
     }
   }, {
-    onSuccess: async (r) => {
-      e.finops.getReceivablesId.setQueryData({
-        path: {
-          receivable_id: a
-        }
-      }, r, s), await Promise.all([e.finops.getReceivablesIdPdfLink.resetQueries({
+    onSuccess: async () => {
+      await Promise.all([e.finops.getReceivables.invalidateQueries(t), e.finops.getReceivablesId.invalidateQueries({
         parameters: {
           path: {
-            receivable_id: a
+            receivable_id: i
           }
         }
-      }, 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
+      }, t)]);
+      const s = e.finops.getReceivablesId.getQueryData({
+        path: {
+          receivable_id: i
+        }
+      }, t);
+      r.success(a._("This {type} has been sent", {
+        type: s?.type === "credit_note" ? "credit memo" : s?.type
       }));
     }
   });
 };
 export {
-  v as useUpdateReceivable
+  l as useSendReceivableById
 };

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

@@ -1,36 +1,59 @@
-import { useMoniteContext as o } from "./index58.js";
-import { getAPIErrorMessage as n } from "./index121.js";
-import { useLingui as p } from "@lingui/react";
-import { toast as c } from "react-hot-toast";
-const g = (e) => {
+import { jsx as t, Fragment as v, jsxs as i } from "@emotion/react/jsx-runtime";
+import { useLingui as b } from "@lingui/react";
+import { useState as y, useEffect as N } from "react";
+import { useCreateInvoiceEmailPreview as j } from "./index428.js";
+import { LanguageCodeEnum as C } from "./index232.js";
+import { CenteredContentBox as s } from "./index216.js";
+import { Button as _ } from "./index84.js";
+import { CircleAlert as E, RefreshCcw as P } from "lucide-react";
+import { LoadingSpinner as B } from "./index131.js";
+const q = ({
+  invoiceId: l,
+  body: c,
+  subject: m
+}) => {
   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
-      }));
-    }
-  });
+    i18n: e
+  } = b(), [a, d] = y(0), {
+    data: w,
+    mutateAsync: f,
+    isPending: p,
+    error: u
+  } = j(l), x = () => {
+    d(a + 1);
+  }, h = (r) => Object.values(C).includes(r), g = () => {
+    const r = e.locale, o = r.indexOf("-"), n = o >= 0 ? r.substring(0, o) : r;
+    return h(n) ? n : "en";
+  };
+  return N(() => {
+    f({
+      body_text: c,
+      subject_text: m,
+      language: g(),
+      type: "receivable"
+    });
+  }, [a]), /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:min-h-0 ttw:overflow-hidden ttw:flex-1", children: p ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(B, {}) }) : /* @__PURE__ */ t(v, { children: u ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:gap-4", children: [
+    /* @__PURE__ */ t(E, { className: "ttw:text-red-500" }),
+    /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:justify-center ttw:text-center ttw:gap-1 ttw:items-center", children: [
+      /* @__PURE__ */ t("h2", { className: "ttw:font-bold ttw:text-base", children: e._("Failed to generate email preview") }),
+      /* @__PURE__ */ i("div", { className: "ttw:items-center", children: [
+        /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:font-normal ttw:leading-5", children: e._("Please try to reload.") }),
+        /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:font-normal ttw:leading-5", children: e._("If the error recurs, contact support, please.") })
+      ] }),
+      /* @__PURE__ */ i(_, { variant: "ghost", onClick: x, "data-testid": "reload-preview-button", children: [
+        /* @__PURE__ */ t(P, {}),
+        e._("Reload")
+      ] })
+    ] })
+  ] }) }) : /* @__PURE__ */ t("iframe", { srcDoc: w?.body_preview, style: {
+    width: "100%",
+    height: "100%",
+    marginBottom: "-16px",
+    // Margin is necessary to avoid vertical scrollbar on the iframe container element. It's not clear why, but it helps.
+    border: 0,
+    flex: 1
+  } }) }) });
 };
 export {
-  g as useUpdateReceivableLineItems
+  q as PreviewEmail
 };

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

@@ -1,10 +1,37 @@
-import { useMoniteContext as t } from "./index58.js";
-const o = () => {
+import { useMoniteContext as c } from "./index57.js";
+import { useLingui as n } from "@lingui/react";
+import { toast as o } from "react-hot-toast";
+const u = (i) => {
   const {
-    api: e
-  } = t();
-  return e.finops.getPaymentTerms.useQuery();
+    i18n: s
+  } = n(), {
+    api: e,
+    queryClient: a
+  } = c();
+  return e.finops.postReceivablesIdCancel.useMutation({
+    path: {
+      receivable_id: i
+    }
+  }, {
+    onSuccess: async () => {
+      const t = e.finops.getReceivablesId.getQueryData({
+        path: {
+          receivable_id: i
+        }
+      }, a);
+      t?.type === "invoice" && e.finops.getReceivablesId.setQueryData({
+        path: {
+          receivable_id: i
+        }
+      }, {
+        ...t,
+        status: "canceled"
+      }, a), await e.finops.getReceivables.invalidateQueries(a), o.success(s._("This {type} has been canceled", {
+        type: t?.type === "credit_note" ? "credit memo" : t?.type
+      }));
+    }
+  });
 };
 export {
-  o as useGetPaymentTerms
+  u as useCancelReceivableById
 };