@tesouro/embedded-components-react 0.2.118 → 0.2.122

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

@@ -1,37 +1,28 @@
-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) => {
+import { useMoniteContext as o } from "./index57.js";
+import { useLingui as a } from "@lingui/react";
+import { toast as n } from "react-hot-toast";
+const d = () => {
   const {
-    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
+    i18n: e
+  } = a(), {
+    api: r,
+    queryClient: t
+  } = o();
+  return r.finops.postCounterpartsIdAddresses.useMutation(void 0, {
+    onSuccess: async (s) => {
+      await r.finops.getCounterpartsIdAddresses.invalidateQueries({
+        parameters: {
+          path: {
+            counterpart_id: s.counterpart_id
+          }
         }
-      }, {
-        ...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
-      }));
+      }, t);
+    },
+    onError: () => {
+      n.error(e._("There was an error setting up the address"));
     }
   });
 };
 export {
-  u as useCancelReceivableById
+  d as useCreateCounterpartAddress
 };

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

@@ -1,45 +1,56 @@
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import { getCommonRecurrenceIterationStatusLabel as w } from "./index279.js";
-import "date-fns";
-import { Badge as s } from "./index278.js";
-import { cn as g } from "./index100.js";
-import { useLingui as c } from "@lingui/react";
-import { cva as l } from "class-variance-authority";
-const r = l("", {
-  variants: {
-    variant: {
-      pending: "ttw:bg-zinc-100 ttw:text-zinc-700",
-      skipped: "ttw:bg-yellow-100 ttw:text-yellow-700",
-      canceled: "ttw:bg-red-100 ttw:text-red-700",
-      issue_failed: "ttw:bg-red-100 ttw:text-red-700",
-      send_failed: "ttw:bg-red-100 ttw:text-red-700",
-      completed: "ttw:bg-green-100 ttw:text-green-700"
-    },
-    dotVariant: {
-      pending: "ttw:border-zinc-100 ttw:bg-zinc-700",
-      skipped: "ttw:border-yellow-100 ttw:bg-yellow-700",
-      canceled: "ttw:border-red-100 ttw:bg-red-700",
-      issue_failed: "ttw:border-red-100 ttw:bg-red-700",
-      send_failed: "ttw:border-red-100 ttw:bg-red-700",
-      completed: "ttw:border-green-100 ttw:bg-green-700"
-    }
-  }
-}), z = ({
-  status: t,
-  className: o,
-  showBadgeBackground: e = !0,
-  dotSize: d,
-  ref: a
-}) => {
-  const {
-    i18n: n
-  } = c();
-  return /* @__PURE__ */ i(s, { ref: a, className: g("ttw:inline-flex ttw:items-center ttw:gap-1", r({
-    variant: t
-  }), o), dotClassName: r({
-    dotVariant: t
-  }), showBadgeBackground: e, showDotBorder: !e, dotSize: d, showDot: !0, children: w(n, t) });
+const a = {
+  AL: "Alabama",
+  AK: "Alaska",
+  AZ: "Arizona",
+  AR: "Arkansas",
+  CA: "California",
+  CO: "Colorado",
+  CT: "Connecticut",
+  DE: "Delaware",
+  FL: "Florida",
+  GA: "Georgia",
+  HI: "Hawaii",
+  ID: "Idaho",
+  IL: "Illinois",
+  IN: "Indiana",
+  IA: "Iowa",
+  KS: "Kansas",
+  KY: "Kentucky",
+  LA: "Louisiana",
+  ME: "Maine",
+  MD: "Maryland",
+  MA: "Massachusetts",
+  MI: "Michigan",
+  MN: "Minnesota",
+  MS: "Mississippi",
+  MO: "Missouri",
+  MT: "Montana",
+  NE: "Nebraska",
+  NV: "Nevada",
+  NH: "New Hampshire",
+  NJ: "New Jersey",
+  NM: "New Mexico",
+  NY: "New York",
+  NC: "North Carolina",
+  ND: "North Dakota",
+  OH: "Ohio",
+  OK: "Oklahoma",
+  OR: "Oregon",
+  PA: "Pennsylvania",
+  RI: "Rhode Island",
+  SC: "South Carolina",
+  SD: "South Dakota",
+  TN: "Tennessee",
+  TX: "Texas",
+  UT: "Utah",
+  VT: "Vermont",
+  VA: "Virginia",
+  WA: "Washington",
+  WV: "West Virginia",
+  WI: "Wisconsin",
+  WY: "Wyoming",
+  DC: "Washington D.C."
 };
 export {
-  z as InvoiceRecurrenceIterationStatusChip
+  a as USStatesEnum
 };

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

@@ -1,76 +1,38 @@
-import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
-import { useMoniteContext as h } from "./index57.js";
-import { useCurrencies as y } from "./index58.js";
-import "react";
-import "./index92.js";
-import { useLingui as f } from "@lingui/react";
-import "react-dom";
-import "@mui/x-data-grid";
-import "@tanstack/react-query";
-import "date-fns";
-import { useEntityUserByAuthToken as x } from "./index75.js";
-import "react-hot-toast";
-import { MoniteCard as g } from "./index444.js";
-import _ from "@mui/icons-material/DriveFileRenameOutline";
-import { Box as o, Typography as r, Skeleton as v, Alert as b } from "@mui/material";
-const L = ({
-  paymentRecords: i,
-  invoice: n
+import { jsxs as l, jsx as o } from "@emotion/react/jsx-runtime";
+import { useMemo as d } from "react";
+import { getCountriesArray as g } from "./index93.js";
+import { Combobox as v, ComboboxInput as L, ComboboxContent as y, ComboboxList as N, ComboboxEmpty as M, ComboboxCollection as _, ComboboxItem as j } from "./index90.js";
+import { useLingui as A } from "@lingui/react";
+const E = ({
+  value: c,
+  onChange: u,
+  disabled: b,
+  invalid: C,
+  allowedCountries: a,
+  showClearButton: h = !0,
+  className: p,
+  container: x
 }) => {
   const {
     i18n: t
-  } = f(), {
-    locale: c
-  } = h(), {
-    formatCurrencyToDisplay: s
-  } = y(), d = new Date(i.payment_date ?? "").setHours(i.payment_time?.getHours() ?? 0, i.payment_time?.getMinutes() ?? 0), p = t.date(new Date(d), c.dateTimeFormat), {
-    data: l,
-    isLoading: u
-  } = x(), m = `${l?.first_name ?? ""} ${l?.last_name ?? ""}`;
-  return /* @__PURE__ */ a(o, { sx: {
-    display: "flex",
-    flexDirection: "column",
-    gap: 3
-  }, children: [
-    /* @__PURE__ */ a(o, { sx: {
-      display: "flex",
-      flexDirection: "column",
-      gap: 1,
-      alignItems: "center",
-      textAlign: "center"
-    }, children: [
-      /* @__PURE__ */ e(o, { sx: {
-        borderRadius: "100%",
-        backgroundColor: "#F2F2F2",
-        width: "44px",
-        height: "44px",
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center"
-      }, children: /* @__PURE__ */ e(_, { sx: {
-        color: "#707070"
-      } }) }),
-      /* @__PURE__ */ e(r, { variant: "body1", children: t._("Manual payment record") }),
-      /* @__PURE__ */ a(o, { children: [
-        /* @__PURE__ */ e(r, { variant: "h2", children: s(i?.amount ?? 0, n.currency) }),
-        /* @__PURE__ */ e(r, { variant: "body1", children: t._("from {invoiceCounterpart_name}", {
-          invoiceCounterpart_name: n.counterpart_name
-        }) })
-      ] })
-    ] }),
-    /* @__PURE__ */ e(g, { items: [{
-      label: t._("Received"),
-      value: i.payment_date ? /* @__PURE__ */ e(r, { fontWeight: 500, children: p }) : "—"
-    }, {
-      label: t._("Reference"),
-      value: n.id ? /* @__PURE__ */ e(r, { fontWeight: 500, children: n.id }) : "—"
-    }, {
-      label: t._("Created by"),
-      value: u ? /* @__PURE__ */ e(v, { variant: "text", width: "50%" }) : m ? /* @__PURE__ */ e(r, { fontWeight: 500, children: m }) : "—"
-    }] }),
-    /* @__PURE__ */ e(b, { severity: "warning", children: /* @__PURE__ */ e(r, { variant: "body2", children: t._("Please, check the details of your payment record. You won't be able to change or delete it after.") }) })
+  } = A(), r = d(() => {
+    const e = g(t);
+    return a ? e.filter((n) => a.includes(n.code)) : e;
+  }, [a, t]), s = d(() => new Map(r.map((e) => [e.code, e])), [r]), m = b || r.length === 1, f = (e) => s.get(e)?.label ?? e;
+  return /* @__PURE__ */ l(v, { value: c ?? null, onValueChange: (e) => u?.(e ?? void 0), items: r.map((e) => e.code), itemToStringLabel: f, filter: (e, n, w) => {
+    const i = n.toLowerCase().trim();
+    return i ? e.toLowerCase().includes(i) || (w?.(e) ?? "").toLowerCase().includes(i) : !0;
+  }, disabled: m, children: [
+    /* @__PURE__ */ o(L, { showClear: h, disabled: m, className: p, placeholder: t._("Country"), "aria-invalid": C || void 0 }),
+    /* @__PURE__ */ o(y, { container: x, children: /* @__PURE__ */ l(N, { children: [
+      /* @__PURE__ */ o(M, { children: t._("No countries found") }),
+      /* @__PURE__ */ o(_, { children: (e) => /* @__PURE__ */ l(j, { value: e, children: [
+        /* @__PURE__ */ o("span", { children: s.get(e)?.label ?? e }),
+        /* @__PURE__ */ o("span", { className: "ttw:ml-auto ttw:text-xs ttw:text-muted-foreground", children: e })
+      ] }, e) })
+    ] }) })
   ] });
 };
 export {
-  L as ManualPaymentRecordDetails
+  E as MoniteCountryShadcn
 };

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

@@ -1,99 +1,98 @@
-import { jsx as e, Fragment as b, jsxs as o } from "@emotion/react/jsx-runtime";
-import { manualPaymentRecordValidationSchema as y } from "./index194.js";
-import { useCurrencies as g } from "./index58.js";
-import { useMemo as _, useEffect as C } from "react";
-import "./index92.js";
-import { useLingui as F } from "@lingui/react";
-import "react-dom";
+import { jsx as n, jsxs as I } from "@emotion/react/jsx-runtime";
+import { useState as l, useEffect as w } from "react";
+import { toast as c } from "react-hot-toast";
+import { useRootElements as S } from "./index92.js";
 import "./index57.js";
-import "@mui/x-data-grid";
-import { safeZodResolver as v } from "./index239.js";
-import { RHFDatePicker as D } from "./index473.js";
-import { RHFTextField as S } from "./index470.js";
-import { RHFTimePicker as R } from "./index474.js";
-import { DialogTitle as T, DialogContent as P, Grid as i, FormHelperText as k, Button as m, DialogActions as E, CircularProgress as H } from "@mui/material";
-import { useForm as V } from "react-hook-form";
-const Z = ({
-  invoice: r,
-  initialValues: n,
-  isLoading: u,
-  onSubmit: s,
-  onCancel: c
-}) => {
+import "@tanstack/react-query";
+import "date-fns";
+import { useLingui as R } from "@lingui/react";
+import { usePaymentIntentById as $ } from "./index80.js";
+import { useCreatePayablePaymentLink as v, usePaymentLinkById as B } from "./index464.js";
+import { Modal as j, Box as x, CircularProgress as D } from "@mui/material";
+const G = (r, d, f, i) => {
   const {
     i18n: t
-  } = F(), {
-    formatCurrencyToDisplay: p,
-    getSymbolFromCurrency: d
-  } = g(), {
-    control: a,
-    handleSubmit: f,
-    reset: l,
-    setValue: x
-  } = V({
-    resolver: v(y(t, r.amount_due)),
-    defaultValues: _(() => n ?? {
-      amount: 0,
-      payment_date: /* @__PURE__ */ new Date(),
-      payment_time: /* @__PURE__ */ new Date()
-    }, [n])
-  });
-  C(() => {
-    l(n);
-  }, [n, l]);
-  const h = d(r.currency);
-  return /* @__PURE__ */ e(b, { children: /* @__PURE__ */ o("form", { onSubmit: f(s), children: [
-    /* @__PURE__ */ e(T, { sx: {
-      px: 4,
-      pt: 4
-    }, variant: "h3", id: "dialog-title", children: t._("Record payment") }),
-    /* @__PURE__ */ e(P, { sx: {
-      p: 4
-    }, children: /* @__PURE__ */ o(i, { container: !0, spacing: 1, children: [
-      /* @__PURE__ */ o(i, { item: !0, xs: 12, children: [
-        /* @__PURE__ */ e(S, { label: t._("Amount"), name: "amount", placeholder: "0", control: a, type: "number", sx: {
-          "::after": {
-            content: `"${h}"`,
-            position: "absolute",
-            right: "16px",
-            bottom: 0,
-            transform: "translateY(-50%)",
-            fontSize: "16px",
-            color: "rgba(0,0,0,0.28)",
-            pointerEvents: "none"
+  } = R(), {
+    root: k
+  } = S(), b = v(), [L, m] = l(!1), [u, o] = l(null), [g, p] = l(null), [_, P] = l(!1), {
+    data: s,
+    isSuccess: h
+  } = $(i ?? "");
+  w(() => {
+    h && s?.payment_link_id && i && p(s.payment_link_id);
+  }, [h, s, i]);
+  const {
+    data: e,
+    refetch: C,
+    isSuccess: y,
+    isLoading: E
+  } = B(g ?? "");
+  return w(() => {
+    y && e?.payment_intent?.status === "processing" && f?.(r ?? "", e?.payment_intent?.status ?? "");
+  }, [e, y, f, r]), {
+    handlePay: async () => {
+      if (!d) {
+        c.error(t._("Vendor not found. Please create a vendor first."));
+        return;
+      }
+      if (!_)
+        try {
+          if (E) {
+            c.error(t._("Payment link is still loading. Please wait a moment and try again."));
+            return;
           }
-        }, fullWidth: !0, required: !0 }),
-        /* @__PURE__ */ o(k, { children: [
-          t._("Enter full amount due of"),
-          " ",
-          /* @__PURE__ */ e(m, { variant: "text", sx: {
-            textDecoration: "underline"
-          }, onClick: () => x("amount", r.amount_due / 100), children: p(r.amount_due, r.currency) })
-        ] })
-      ] }),
-      /* @__PURE__ */ e(i, { item: !0, xs: 6, children: /* @__PURE__ */ e(D, { label: t._("Date"), name: "payment_date", control: a }) }),
-      /* @__PURE__ */ e(i, { item: !0, xs: 6, children: /* @__PURE__ */ e(R, { label: t._("Time"), name: "payment_time", control: a, sx: {
-        "::after": {
-          content: '"UTC"',
-          position: "absolute",
-          right: "16px",
-          bottom: 0,
-          transform: "translateY(-50%)",
-          fontSize: "16px",
-          color: "rgba(0,0,0,0.28)",
-          pointerEvents: "none"
+          if (!g || y && e?.payment_intent?.status !== "created") {
+            if (P(!0), !r) throw new Error("Payable ID is undefined");
+            const a = await b(
+              r,
+              d,
+              ["sepa_credit"],
+              60
+              // 60 days from now
+            );
+            if (a.payment_page_url)
+              p(a.id), o(a.payment_page_url);
+            else
+              throw p(null), o(null), new Error("No payment page URL in response");
+          } else if (e?.payment_page_url)
+            o(e.payment_page_url);
+          else
+            throw new Error("No payment page URL in existing payment link");
+          m(!0);
+        } catch (a) {
+          console.error("Payment link creation/retrieval error:", a), c.error(i && s?.status === "created" ? t._("Failed to retrieve payment link. Please try again.") : t._("Failed to create payment link. Please try again.")), m(!1);
+        } finally {
+          P(!1);
         }
-      }, fullWidth: !0, required: !0 }) })
-    ] }) }),
-    /* @__PURE__ */ o(E, { sx: {
-      px: 4,
-      pb: 4
+    },
+    isCreatingPaymentLink: _,
+    modalComponent: /* @__PURE__ */ n(j, { open: L, onClose: async () => {
+      await C(), m(!1), o(null);
+    }, container: k, children: /* @__PURE__ */ n(x, { sx: {
+      position: "absolute",
+      top: "50%",
+      left: "50%",
+      transform: "translate(-50%, -50%)",
+      width: "80%",
+      maxWidth: 600,
+      bgcolor: "background.paper",
+      boxShadow: 24,
+      p: 4,
+      borderRadius: 2
+    }, children: u ? /* @__PURE__ */ n("iframe", { src: u, title: "Payment Page", width: "100%", height: "400px", style: {
+      border: "none"
+    } }) : /* @__PURE__ */ I(x, { sx: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      gap: 2,
+      py: 4
     }, children: [
-      /* @__PURE__ */ e(m, { autoFocus: !0, onClick: c, children: t._("Cancel") }),
-      /* @__PURE__ */ e(m, { variant: "contained", startIcon: u ? /* @__PURE__ */ e(H, { size: 20, color: "warning" }) : null, type: "submit", children: t._("Save") })
-    ] })
-  ] }) });
+      /* @__PURE__ */ n(D, {}),
+      /* @__PURE__ */ n("p", { children: t._("Loading payment page...") })
+    ] }) }) })
+  };
 };
 export {
-  Z as PaymentRecordForm
+  G as usePaymentHandler
 };

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

@@ -1,12 +1,40 @@
-const o = ["draft", "new", "waiting_to_be_paid", "approve_in_progress"], s = (n) => {
-  if (!n.due_date) return 0;
-  const e = /* @__PURE__ */ new Date();
-  e.setUTCHours(0, 0, 0, 0);
-  const t = new Date(n.due_date);
-  if (t.setUTCHours(0, 0, 0, 0), t.getTime() === e.getTime()) return 0;
-  const r = o.includes(n.status), i = t.getTime() < e.getTime();
-  return !r || !i ? 0 : Math.floor((e.getTime() - t.getTime()) / 864e5);
+import { useMoniteContext as u } from "./index57.js";
+import { getAPIErrorMessage as l } from "./index123.js";
+import { useLingui as m } from "@lingui/react";
+import { toast as a } from "react-hot-toast";
+const v = (i, n, s, p) => {
+  const {
+    api: e,
+    queryClient: t
+  } = u(), {
+    i18n: o
+  } = m();
+  return e.finops.postApprovalRequestsIdReject.useMutation({
+    path: {
+      approval_request_id: i
+    }
+  }, {
+    onSuccess: () => {
+      if (e.finops.getApprovalRequests.invalidateQueries(t), a.success(o._("Payable “{document_id}” has been rejected", {
+        document_id: p
+      })), !!s)
+        return n?.(s ?? ""), new Promise((r) => {
+          setTimeout(() => {
+            Promise.all([e.finops.getPayablesId.invalidateQueries({
+              parameters: {
+                path: {
+                  payable_id: s ?? ""
+                }
+              }
+            }, t), e.finops.getPayables.invalidateQueries(t)]).then(() => r());
+          }, 500);
+        });
+    },
+    onError: (r) => {
+      a.error(l(o, r));
+    }
+  });
 };
 export {
-  s as getInvoiceOverdueDays
+  v as useRejectApprovalRequest
 };

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

@@ -1,12 +1,37 @@
-const g = (r, t = /* @__PURE__ */ new Date()) => {
-  if (!r)
-    return 0;
-  const e = new Date(r);
-  if (Number.isNaN(e.getTime()))
-    return 0;
-  const n = 1e3 * 60 * 60 * 24, T = Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate()), o = Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate()), a = Math.floor((T - o) / n);
-  return a > 0 ? a : 0;
+import { useMoniteContext as u } from "./index57.js";
+import { getAPIErrorMessage as m } from "./index123.js";
+import { useLingui as d } from "@lingui/react";
+import { toast as a } from "react-hot-toast";
+const g = (i, p, t, n) => {
+  const {
+    api: e,
+    queryClient: o
+  } = u(), {
+    i18n: r
+  } = d();
+  return e.finops.postApprovalRequestsIdApprove.useMutation({
+    path: {
+      approval_request_id: i
+    }
+  }, {
+    onSuccess: () => (e.finops.getApprovalRequests.invalidateQueries(o), a.success(r._('Payable "{document_id}" has been approved', {
+      document_id: n ?? "document id is unknown"
+    })), p?.(t ?? ""), new Promise((s) => {
+      setTimeout(() => {
+        Promise.all([e.finops.getPayablesId.invalidateQueries({
+          parameters: {
+            path: {
+              payable_id: t ?? ""
+            }
+          }
+        }, o), e.finops.getPayables.invalidateQueries(o)]).then(() => s());
+      }, 500);
+    })),
+    onError: (s) => {
+      a.error(m(r, s));
+    }
+  });
 };
 export {
-  g as getDaysOverdue
+  g as useApproveApprovalRequest
 };