@tesouro/embedded-components-react 0.2.6 → 0.2.7

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

@@ -1,46 +1,37 @@
-import { jsxs as l, jsx as o } from "@emotion/react/jsx-runtime";
-import * as w from "react";
-import { Badge as d } from "./index275.js";
-import { Button as m } from "./index86.js";
-import { cn as p } from "./index102.js";
-import { XIcon as h } from "lucide-react";
-const g = ({
-  className: i,
-  value: e,
-  onChange: a,
-  ref: c,
-  ...f
-}) => {
-  const [r, n] = w.useState("");
-  w.useEffect(() => {
-    if (r.includes(",")) {
-      const t = /* @__PURE__ */ new Set([...e, ...r.split(",").map((s) => s.trim())]);
-      a(Array.from(t)), n("");
+import { useMoniteContext as n } from "./index59.js";
+import { useLingui as o } from "@lingui/react";
+import { toast as r } from "react-hot-toast";
+const l = (i) => {
+  const {
+    i18n: a
+  } = o(), {
+    api: e,
+    queryClient: t
+  } = n();
+  return e.finops.postReceivablesIdSend.useMutation({
+    path: {
+      receivable_id: i
     }
-  }, [r, a, e]);
-  const u = () => {
-    if (r) {
-      const t = /* @__PURE__ */ new Set([...e, r]);
-      a(Array.from(t)), n("");
+  }, {
+    onSuccess: async () => {
+      await Promise.all([e.finops.getReceivables.invalidateQueries(t), e.finops.getReceivablesId.invalidateQueries({
+        parameters: {
+          path: {
+            receivable_id: i
+          }
+        }
+      }, 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
+      }));
     }
-  };
-  return /* @__PURE__ */ l("div", { className: p(
-    // caveat: :has() variant requires tailwind v3.4 or above: https://tailwindcss.com/blog/tailwindcss-v3-4#new-has-variant
-    "ttw:has-[:focus-visible]:ttw:outline-none ttw:has-[:focus-visible]:ttw:ring-2 ttw:has-[:focus-visible]:ttw:ring-neutral-950 ttw:has-[:focus-visible]:ttw:ring-offset-2 dark:ttw:has-[:focus-visible]:ttw:ring-neutral-300 ttw:min-h-10 ttw:flex ttw:w-full ttw:flex-wrap ttw:gap-2 ttw:rounded-md ttw:border ttw:border-neutral-200 ttw:bg-white ttw:px-3 ttw:py-2 ttw:text-sm ttw:ring-offset-white ttw:disabled:ttw:cursor-not-allowed ttw:disabled:ttw:opacity-50 dark:ttw:border-neutral-800 dark:ttw:bg-neutral-950 dark:ttw:ring-offset-neutral-950",
-    i
-  ), children: [
-    e.map((t) => /* @__PURE__ */ l(d, { variant: "secondary", children: [
-      t,
-      /* @__PURE__ */ o(m, { variant: "ghost", size: "icon", className: "ttw:ml-2 ttw:h-3 ttw:w-3", onClick: () => {
-        a(e.filter((s) => s !== t));
-      }, children: /* @__PURE__ */ o(h, { className: "ttw:w-3" }) })
-    ] }, t)),
-    /* @__PURE__ */ o("input", { className: "ttw:flex-1 ttw:outline-none ttw:placeholder:ttw:text-neutral-500 dark:ttw:placeholder:ttw:text-neutral-400", value: r, onChange: (t) => n(t.target.value), onKeyDown: (t) => {
-      t.key === "Enter" || t.key === "," ? (t.preventDefault(), u()) : t.key === "Backspace" && r.length === 0 && e.length > 0 && (t.preventDefault(), a(e.slice(0, -1)));
-    }, ...f, ref: c })
-  ] });
+  });
 };
-g.displayName = "InputTags";
 export {
-  g as InputTags
+  l as useSendReceivableById
 };

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

@@ -1,257 +1,59 @@
-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 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 "./index414.js";
+import { LanguageCodeEnum as C } from "./index264.js";
+import { CenteredContentBox as s } from "./index141.js";
+import { Button as _ } from "./index86.js";
+import { CircleAlert as E, RefreshCcw as P } from "lucide-react";
+import { LoadingSpinner as B } from "./index144.js";
+const q = ({
+  invoiceId: l,
+  body: c,
+  subject: m
+}) => {
+  const {
+    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 {
-  S as AllowedCountries
+  q as PreviewEmail
 };

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

@@ -1,20 +1,20 @@
 import { jsx as r, jsxs as l, Fragment as B } from "@emotion/react/jsx-runtime";
-import { InvoiceRecurrenceStatusChip as q } from "./index157.js";
+import { InvoiceRecurrenceStatusChip as q } from "./index171.js";
 import { InvoiceStatusChip as E } from "./index57.js";
-import { InvoicesFilterBar as U } from "./index158.js";
-import { InvoiceStatusCardsFilter as j } from "./index159.js";
-import { useInvoicesFilter as G } from "./index160.js";
-import { useGetReceivables as V } from "./index161.js";
+import { InvoicesFilterBar as U } from "./index172.js";
+import { InvoiceStatusCardsFilter as j } from "./index173.js";
+import { useInvoicesFilter as G } from "./index174.js";
+import { useGetReceivables as V } from "./index154.js";
 import { useMoniteContext as N } from "./index59.js";
 import { MoniteScopedProviders as Q } from "./index85.js";
 import { useAreCounterpartsLoading as W } from "./index64.js";
 import { useCurrencies as H } from "./index60.js";
-import { ReceivableCursorFields as w } from "./index162.js";
-import { CounterpartNameCellById as J } from "./index163.js";
-import { GetNoRowsOverlay as X } from "./index140.js";
-import { DueDateCell as Y } from "./index164.js";
-import { DataTable as Z } from "./index139.js";
-import { Skeleton as F } from "./index153.js";
+import { ReceivableCursorFields as w } from "./index175.js";
+import { CounterpartNameCellById as J } from "./index167.js";
+import { GetNoRowsOverlay as X } from "./index168.js";
+import { DueDateCell as Y } from "./index176.js";
+import { DataTable as Z } from "./index169.js";
+import { Skeleton as F } from "./index145.js";
 import { useLingui as tt } from "@lingui/react";
 import et from "@mui/icons-material/Sync";
 import { useState as u, useEffect as C } from "react";

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

@@ -1,52 +1,22 @@
-import { useEffect as m, useMemo as f } from "react";
-import { useMoniteContext as k } from "./index59.js";
-const p = 100, h = (s, g = !0) => {
+import { toast as s } from "react-hot-toast";
+import { useMoniteContext as a } from "./index59.js";
+import { useLingui as r } from "@lingui/react";
+const d = (i) => {
   const {
-    api: u
-  } = k(), e = u.embeddedBanking.getBankAccounts.useInfiniteQuery({
-    query: {
-      ...s,
-      limit: p
-    }
-  }, {
-    initialPageParam: {
-      query: {
-        pagination_token: void 0
-      }
-    },
-    getNextPageParam: (a, P, x, d) => {
-      const t = a.nextPaginationToken ?? void 0;
-      if (!(!t || d.some((c) => c?.query?.pagination_token === t)))
-        return {
-          query: {
-            pagination_token: t
-          }
-        };
+    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."));
     },
-    enabled: g
-  }), {
-    hasNextPage: n,
-    isFetchingNextPage: i,
-    isError: o,
-    fetchNextPage: r
-  } = e;
-  return m(() => {
-    n && !i && !o && r();
-  }, [n, i, o, r]), {
-    data: f(() => {
-      if (e.data)
-        return {
-          data: e.data.pages.flatMap((a) => a.data ?? []),
-          nextPaginationToken: null,
-          prevPaginationToken: null
-        };
-    }, [e.data]),
-    isLoading: e.isLoading,
-    isFetching: e.isFetching,
-    isError: e.isError,
-    error: e.error
-  };
+    onError: (e) => {
+      s.error(e?.detail?.[0]?.msg || o._("Failed to duplicate invoice."));
+    }
+  });
 };
 export {
-  h as useGetEmbeddedBankAccounts
+  d as useDuplicateInvoice
 };

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

@@ -1,52 +1,16 @@
-import { useEffect as m, useMemo as p } from "react";
-import { useMoniteContext as k } from "./index59.js";
-const l = 100, h = (s, g = !0) => {
+import { useMoniteContext as i } from "./index59.js";
+const a = (e, t) => {
   const {
-    api: u
-  } = k(), e = u.embeddedBanking.getExternalBankAccounts.useInfiniteQuery({
-    query: {
-      ...s,
-      limit: l
+    api: s
+  } = i();
+  return s.finops.getReceivablesIdPdfLink.useQuery({
+    path: {
+      receivable_id: e
     }
   }, {
-    initialPageParam: {
-      query: {
-        pagination_token: void 0
-      }
-    },
-    getNextPageParam: (a, x, P, d) => {
-      const t = a.nextPaginationToken ?? void 0;
-      if (!(!t || d.some((c) => c?.query?.pagination_token === t)))
-        return {
-          query: {
-            pagination_token: t
-          }
-        };
-    },
-    enabled: g
-  }), {
-    hasNextPage: n,
-    isFetchingNextPage: i,
-    isError: r,
-    fetchNextPage: o
-  } = e;
-  return m(() => {
-    n && !i && !r && o();
-  }, [n, i, r, o]), {
-    data: p(() => {
-      if (e.data)
-        return {
-          data: e.data.pages.flatMap((a) => a.data ?? []),
-          nextPaginationToken: null,
-          prevPaginationToken: null
-        };
-    }, [e.data]),
-    isLoading: e.isLoading,
-    isFetching: e.isFetching,
-    isError: e.isError,
-    error: e.error
-  };
+    enabled: t
+  });
 };
 export {
-  h as useGetExternalBankAccounts
+  a as useGetReceivablePDFById
 };