@tesouro/embedded-components-react 0.2.18 → 0.2.19

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

@@ -1,257 +1,19 @@
-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 { jsxs as n, jsx as e } from "@emotion/react/jsx-runtime";
+import { Button as r } from "./index86.js";
+import { ArrowUpRight as s } from "lucide-react";
+import { twMerge as w } from "tailwind-merge";
+const d = ({
+  label: o,
+  value: a,
+  status: t,
+  onClick: l
+}) => /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col", children: [
+  /* @__PURE__ */ e("h3", { className: "ttw:text-text ttw:text-sm ttw:font-medium ttw:leading-5", children: o }),
+  l ? /* @__PURE__ */ n(r, { variant: "link", onClick: l, className: "ttw:w-fit ttw:gap-1 ttw:h-5 ttw:hover:no-underline ttw:text-text ttw:font-normal ttw:p-0 ttw:has-[>svg]:px-0", children: [
+    /* @__PURE__ */ e("span", { className: "ttw:underline", children: a }),
+    /* @__PURE__ */ e(s, {})
+  ] }) : /* @__PURE__ */ e("p", { className: w("ttw:text-sm ttw:font-normal ttw:leading-5 ttw:text-text", t && t === "overdue" && "ttw:text-danger", t && t === "draft" && "ttw:text-neutral"), children: a })
+] });
 export {
-  S as AllowedCountries
+  d as InvoiceDetailsInfoBlock
 };

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

@@ -1,18 +1,63 @@
-import { useMoniteContext as e } from "./index59.js";
-const a = () => {
+import { jsxs as n, jsx as i, Fragment as _ } from "@emotion/react/jsx-runtime";
+import { useMoniteContext as f } from "./index59.js";
+import { useCurrencies as x } from "./index60.js";
+import "react";
+import "./index94.js";
+import { useLingui as v } from "@lingui/react";
+import "react-dom";
+import "@mui/x-data-grid";
+import { rateMinorToMajor as y } from "./index198.js";
+import { twMerge as b } from "tailwind-merge";
+import { useGetPaymentRecords as g } from "./index258.js";
+import { useGetReceivables as h } from "./index144.js";
+const r = ({
+  label: t,
+  value: a,
+  isBold: l
+}) => /* @__PURE__ */ n("li", { className: b("ttw:w-full ttw:flex ttw:gap-4 ttw:justify-between ttw:text-neutral ttw:font-normal ttw:text-sm ttw:leading-5", l && "ttw:font-medium ttw:text-text"), children: [
+  /* @__PURE__ */ i("span", { children: t }),
+  /* @__PURE__ */ i("span", { children: a })
+] }), S = ({
+  invoice: t
+}) => {
   const {
-    api: t,
-    queryClient: i
-  } = e();
-  return t.finops.putEntitiesIdLogo.useMutation(void 0, {
-    onSuccess: async (s) => {
-      t.finops.getEntityUsersMyEntity.setQueryData({}, (o) => o && {
-        ...o,
-        logo: s
-      }, i), await t.finops.getEntityUsersMyEntity.invalidateQueries(i);
-    }
-  });
+    i18n: a
+  } = v(), {
+    formatCurrencyToDisplay: l
+  } = x(), {
+    locale: o
+  } = f(), {
+    data: s
+  } = g(t?.id), u = t?.type === "invoice" ? t?.related_documents?.credit_note_ids : void 0, {
+    data: m
+  } = h({
+    id__in: u,
+    type: "credit_note"
+  }, !!u?.length), d = t?.status === "paid", c = t?.status === "partially_paid", p = t?.status === "canceled", w = d || c || p;
+  return /* @__PURE__ */ n("ul", { className: "ttw:w-full ttw:flex ttw:flex-col ttw:gap-2", children: [
+    /* @__PURE__ */ i(r, { label: a._("Subtotal"), value: l(t?.subtotal ?? 0, t?.currency) }),
+    /* @__PURE__ */ i("li", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: t?.total_tax_amounts?.map((e) => /* @__PURE__ */ n("div", { className: "ttw:w-full ttw:flex ttw:gap-4 ttw:justify-between ttw:text-neutral ttw:font-normal ttw:text-sm ttw:leading-5", children: [
+      /* @__PURE__ */ i("span", { children: a._("Total tax ({rate}%)", {
+        rate: y(e?.value)
+      }) }),
+      /* @__PURE__ */ i("span", { children: l(e?.amount ?? 0, t?.currency) })
+    ] }, e?.id)) }),
+    /* @__PURE__ */ i(r, { label: a._("Total ({invoice})", {
+      invoice: t?.currency
+    }), value: l(t?.total_amount ?? 0, t?.currency), isBold: !0 }),
+    w && /* @__PURE__ */ n(_, { children: [
+      s?.data?.map((e) => /* @__PURE__ */ i(r, { label: e?.paid_at ? a._("Amount paid on {i18nDate}", {
+        i18nDate: a.date(e?.paid_at, o.dateTimeFormat)
+      }) : a._("Amount paid"), value: l(e?.amount ?? 0, t?.currency) }, e?.id)),
+      m?.data?.map((e) => /* @__PURE__ */ i(r, { label: e?.issue_date ? a._("Credit applied on {i18nDate}", {
+        i18nDate: a.date(e?.issue_date, o.dateTimeFormat)
+      }) : a._("Credit applied"), value: l(e?.total_amount ?? 0, t?.currency) }, e?.id)),
+      /* @__PURE__ */ i(r, { label: a._("Amount due ({invoice})", {
+        invoice: t?.currency
+      }), value: l(t?.amount_due ?? 0, t?.currency), isBold: !0 })
+    ] })
+  ] });
 };
 export {
-  a as useUploadEntityLogo
+  S as InvoiceDetailsSummary
 };

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

@@ -1,26 +1,15 @@
-import { toast as o } from "react-hot-toast";
-import { useMoniteContext as n } from "./index59.js";
-import { useLingui as r } from "@lingui/react";
-const p = (i) => {
-  const {
-    api: t,
-    queryClient: s
-  } = n(), {
-    i18n: e
-  } = r();
-  return t.finops.deleteEntitiesIdLogo.useMutation({
-    path: {
-      entity_id: i
-    }
-  }, {
-    onSuccess: async () => {
-      await t.finops.getEntityUsersMyEntity.invalidateQueries(s), o.success(e._("Logo was removed."));
-    },
-    onError: () => {
-      o.error(e._("Failed to remove logo."));
-    }
-  });
+const r = (e, t) => {
+  switch (t) {
+    case "invoice":
+      return e._("Invoice");
+    case "credit_note":
+      return e._("Credit memo");
+    case "quote":
+      return e._("Quote");
+    default:
+      return e._("Receivable");
+  }
 };
 export {
-  p as useDeleteEntityLogo
+  r as getTypeLabel
 };

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

@@ -1,52 +1,96 @@
-import { jsx as t, jsxs as e, Fragment as c } from "@emotion/react/jsx-runtime";
-import { useEffect as f } from "react";
-import { useLingui as h } from "@lingui/react";
-import { X as g, CloudUpload as x, AlertCircle as N, CheckCircle2 as b } from "lucide-react";
-import { LoadingSpinner as y } from "./index140.js";
-import { Typography as l } from "./index87.js";
-import { twMerge as v } from "tailwind-merge";
-import { UploadBar as C } from "./index445.js";
-const U = ({
-  isUploading: o,
-  isSuccess: r,
-  isError: i,
-  isDraggingOver: d,
-  resetUpload: a,
-  fileName: m,
-  onClick: u
+import { jsxs as n, Fragment as g, jsx as r } from "@emotion/react/jsx-runtime";
+import { getCreateRecurrenceValidationSchema as b } from "./index188.js";
+import { useUpdateRecurrenceById as x } from "./index409.js";
+import { InvoiceDetailsInfoBlock as c } from "./index374.js";
+import { InvoiceRecurrenceStatusChip as y } from "./index164.js";
+import { RecurrenceFormContent as S } from "./index455.js";
+import { Button as o } from "./index86.js";
+import { Form as N } from "./index360.js";
+import { Sheet as C, SheetContent as j, SheetHeader as D, SheetTitle as R, SheetDescription as F, SheetFooter as I } from "./index132.js";
+import { zodResolver as $ } from "@hookform/resolvers/zod";
+import { useLingui as k } from "@lingui/react";
+import { format as E } from "date-fns";
+import { SquarePen as z } from "lucide-react";
+import { useState as q, useMemo as B } from "react";
+import { useForm as T } from "react-hook-form";
+const X = ({
+  recurrence: t,
+  handleTabChange: _,
+  openInvoiceDetails: l,
+  isCreatedFromRecurrence: i
 }) => {
   const {
-    i18n: s
-  } = h(), w = o || r || i;
-  function p() {
-    return i ? /* @__PURE__ */ t(N, { className: "ttw:size-5 ttw:text-danger" }) : r ? /* @__PURE__ */ t(b, { className: "ttw:size-5 ttw:text-success" }) : /* @__PURE__ */ t(y, { className: "ttw:w-5 ttw:h-5" });
-  }
-  return f(() => {
-    let n;
-    return r && (n = setTimeout(() => a(), 2e3)), () => clearTimeout(n);
-  }, [r, a]), /* @__PURE__ */ t("div", { className: v("ttw:w-full ttw:h-38 ttw:bg-white ttw:box-border ttw:transition-all ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:text-center ttw:gap-2 ttw:rounded-lg ttw:border ttw:px-4 ttw:py-6", d ? "ttw:border-solid ttw:border-primary" : "ttw:border-dashed ttw:border-border"), onClick: () => {
-    w || u();
-  }, children: w ? /* @__PURE__ */ e(c, { children: [
-    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-4 ttw:justify-center ttw:w-full", children: [
-      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-2 ttw:w-1/2 ttw:items-center", children: [
-        p(),
-        /* @__PURE__ */ t("span", { className: "ttw:w-full ttw:text-sm ttw:leading-5 ttw:text-medium ttw:text-neutral ttw:truncate", children: m })
+    i18n: e
+  } = k(), [m, s] = q(!1), u = new Date(t?.start_date).getDate(), h = B(() => t?.iterations?.filter((a) => a.status === "completed"), [t]), {
+    mutateAsync: w,
+    isPending: p
+  } = x(t?.id, t?.invoice_id), d = "edit-recurrence-form", f = T({
+    // See the identical cast in CreateReceivables.tsx — `zodResolver`'s
+    // inferred `Resolver` and react-hook-form's own `Resolver` type are
+    // structurally "unrelated" to `tsc --build` for this schema shape.
+    resolver: $(b(e)),
+    defaultValues: {
+      frequency: t?.frequency,
+      recurrence_max_occurrences: t?.max_occurrences ?? 1,
+      recurrence_start_date: new Date(t?.start_date),
+      recurrence_end_date: t?.end_date ? new Date(t?.end_date) : void 0,
+      recurrence_issue_mode: u === 1 ? "first_day" : "last_day",
+      recurrence_subject_text: t?.subject_text ?? e._("Recurrent invoice"),
+      recurrence_body_text: t?.body_text ?? e._("This invoice was generated from a recurrence. Please find the details of the recurrence in the invoice details section.")
+    }
+  }), v = async (a) => {
+    await w({
+      end_date: a.recurrence_end_date ? E(new Date(a.recurrence_end_date), "yyyy-MM-dd") : void 0,
+      subject_text: a.recurrence_subject_text || void 0,
+      body_text: a.recurrence_body_text || void 0
+    }), s(!1);
+  };
+  return /* @__PURE__ */ n(g, { children: [
+    m && /* @__PURE__ */ r(C, { open: m, onOpenChange: s, children: /* @__PURE__ */ r(N, { ...f, children: /* @__PURE__ */ r("form", { id: d, name: d, onSubmit: f.handleSubmit(v), children: /* @__PURE__ */ n(j, { className: "ttw:gap-0", showCloseButton: !1, children: [
+      /* @__PURE__ */ n(D, { className: "ttw:border-b ttw:border-border", children: [
+        /* @__PURE__ */ r(R, { children: e._("Edit recurrence settings") }),
+        /* @__PURE__ */ r(F, { hidden: !0, children: e._("Edit the settings for this recurring invoice") })
       ] }),
-      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-2 ttw:items-center", children: [
-        /* @__PURE__ */ t(C, { shouldStartProgress: o, isError: i, isSuccess: r }),
-        i && /* @__PURE__ */ t("button", { type: "button", disabled: o, onClick: a, className: "ttw:border-none ttw:cursor-pointer", children: /* @__PURE__ */ t(g, { className: "ttw:size-4" }) })
+      /* @__PURE__ */ n("div", { className: "ttw:p-8 ttw:flex ttw:flex-col ttw:gap-10", children: [
+        /* @__PURE__ */ r("p", { className: "ttw:text-sm ttw:font-normal ttw:leading-5 ttw:text-foreground", children: e._("You can set a different period length and the date of issuance. The starting date cannot be updated.") }),
+        /* @__PURE__ */ r(S, { isUpdate: !0 })
+      ] }),
+      /* @__PURE__ */ n(I, { className: "ttw:border-t ttw:border-border ttw:flex-row ttw:justify-end", children: [
+        /* @__PURE__ */ r(o, { variant: "outline", size: "sm", onClick: () => s(!1), children: e._("Cancel") }),
+        /* @__PURE__ */ r(o, { size: "sm", type: "submit", form: d, disabled: p, children: e._("Save") })
+      ] })
+    ] }) }) }) }),
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
+      i ? /* @__PURE__ */ n("div", { className: "ttw:flex ttw:justify-between ttw:items-center ttw:gap-4", children: [
+        /* @__PURE__ */ r("h2", { className: "ttw:text-lg ttw:font-semibold ttw:leading-6", children: e._("Created from recurrence") }),
+        /* @__PURE__ */ r(y, { status: t?.status })
+      ] }) : /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
+        /* @__PURE__ */ r("h2", { className: "ttw:text-lg ttw:font-semibold ttw:leading-6", children: e._("Recurrence") }),
+        /* @__PURE__ */ r("p", { className: "ttw:text-sm ttw:font-normal ttw:leading-5 ttw:text-muted-foreground", children: e._("All future invoices will be issued based on this invoice") })
+      ] }),
+      /* @__PURE__ */ n("div", { className: "ttw:grid ttw:grid-cols-2 ttw:gap-4", children: [
+        /* @__PURE__ */ r(c, { label: e._("Start"), value: t?.start_date ? e.date(t?.start_date, {
+          month: "long",
+          year: "numeric"
+        }) : "-" }),
+        /* @__PURE__ */ r(c, { label: e._("End"), value: t?.end_date ? e.date(t?.end_date, {
+          month: "long",
+          year: "numeric"
+        }) : "-" }),
+        /* @__PURE__ */ r(c, { label: e._("Frequency"), value: u === 1 ? e._("Every first day of month") : e._("Every last day of month") }),
+        /* @__PURE__ */ r(c, { label: e._("Issued documents"), value: `${h.length} / ${t?.iterations.length} ${e._("issued")}`, onClick: () => {
+          i && l?.(t?.invoice_id), _("scheduled-invoices");
+        } })
+      ] }),
+      i && /* @__PURE__ */ r(o, { variant: "outline", size: "sm", className: "ttw:w-fit", onClick: () => l?.(t?.invoice_id), children: e._("View recurrence") }),
+      !i && t?.status !== "canceled" && /* @__PURE__ */ n(o, { variant: "outline", size: "sm", className: "ttw:w-fit", onClick: () => s(!0), children: [
+        /* @__PURE__ */ r(z, {}),
+        " ",
+        e._("Edit settings")
       ] })
-    ] }),
-    i && /* @__PURE__ */ t(l, { variant: "body2", color: "destructive", className: "ttw:font-medium", children: s._("Wrong file format. Please, upload the file in JPEG, PNG or GIF format.") })
-  ] }) : /* @__PURE__ */ e(c, { children: [
-    /* @__PURE__ */ t("div", { className: "ttw:p-3 ttw:bg-primary ttw:rounded-full", children: /* @__PURE__ */ t(x, { className: "ttw:text-white ttw:size-5" }) }),
-    /* @__PURE__ */ e(l, { variant: "body2", className: "ttw:font-medium", children: [
-      s._("Drop your files here, or "),
-      /* @__PURE__ */ t("span", { className: "ttw:text-primary ttw:underline ttw:hover:cursor-pointer", children: s._("click to browse") })
-    ] }),
-    /* @__PURE__ */ t(l, { variant: "caption", color: "muted", children: s._("PNG, JPG or GIF (max. 10MB)") })
-  ] }) });
+    ] })
+  ] });
 };
 export {
-  U as DragAndDropBox
+  X as InvoiceDetailsOverviewRecurrenceSection
 };