@tesouro/embedded-components-react 0.2.91 → 0.2.92

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

@@ -1,31 +1,129 @@
-import { useRef as t, useEffect as p } from "react";
-import "./index57.js";
-import "@lingui/react";
-import "react-hot-toast";
-import "./index92.js";
-import "@emotion/react/jsx-runtime";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useIsMounted as d } from "./index68.js";
-const z = (o, s = 50) => {
-  const c = t(o), e = t(void 0), r = t(void 0), i = d();
-  c.current = o;
-  const m = (u) => {
-    !u || typeof window > "u" || (r.current && r.current.disconnect(), r.current = new ResizeObserver(() => {
-      e.current && clearTimeout(e.current), e.current = setTimeout(() => {
-        i.current && c.current();
-      }, s);
-    }), r.current.observe(u));
-  }, n = () => {
-    r.current && r.current.disconnect(), e.current && clearTimeout(e.current);
-  };
-  return p(() => () => {
-    n();
-  }, []), {
-    observe: m,
-    disconnect: n
-  };
-};
+import { startOfDay as c, startOfYear as r, subYears as m, endOfYear as s, startOfQuarter as o, subQuarters as b, endOfQuarter as u, subDays as a, startOfMonth as l, subMonths as d, endOfMonth as n, startOfWeek as _, subWeeks as i, endOfWeek as f, endOfDay as y } from "date-fns";
+const v = [{
+  value: "today",
+  label: "Today",
+  group: "Current"
+}, {
+  value: "this_week",
+  label: "This week",
+  group: "Current"
+}, {
+  value: "this_month",
+  label: "This month",
+  group: "Current"
+}, {
+  value: "this_quarter",
+  label: "This quarter",
+  group: "Current"
+}, {
+  value: "this_year",
+  label: "This year",
+  group: "Current"
+}, {
+  value: "yesterday",
+  label: "Yesterday",
+  group: "Past"
+}, {
+  value: "last_week",
+  label: "Last week",
+  group: "Past"
+}, {
+  value: "last_month",
+  label: "Last month",
+  group: "Past"
+}, {
+  value: "last_30_days",
+  label: "Last 30 days",
+  group: "Past"
+}, {
+  value: "last_90_days",
+  label: "Last 90 days",
+  group: "Past"
+}, {
+  value: "last_quarter",
+  label: "Last quarter",
+  group: "Past"
+}, {
+  value: "last_year",
+  label: "Last year",
+  group: "Past"
+}];
+function g(h) {
+  const e = c(/* @__PURE__ */ new Date());
+  switch (h) {
+    case "today":
+      return {
+        from: e,
+        to: y(e)
+      };
+    case "this_week":
+      return {
+        from: _(e),
+        to: f(e)
+      };
+    case "this_month":
+      return {
+        from: l(e),
+        to: n(e)
+      };
+    case "this_quarter":
+      return {
+        from: o(e),
+        to: u(e)
+      };
+    case "this_year":
+      return {
+        from: r(e),
+        to: s(e)
+      };
+    case "yesterday": {
+      const t = a(e, 1);
+      return {
+        from: t,
+        to: y(t)
+      };
+    }
+    case "last_week": {
+      const t = _(i(e, 1));
+      return {
+        from: t,
+        to: f(t)
+      };
+    }
+    case "last_month": {
+      const t = l(d(e, 1));
+      return {
+        from: t,
+        to: n(t)
+      };
+    }
+    case "last_30_days":
+      return {
+        from: a(e, 30),
+        to: e
+      };
+    case "last_90_days":
+      return {
+        from: a(e, 90),
+        to: e
+      };
+    case "last_quarter": {
+      const t = o(b(e, 1));
+      return {
+        from: t,
+        to: u(t)
+      };
+    }
+    case "last_year": {
+      const t = r(m(e, 1));
+      return {
+        from: t,
+        to: s(t)
+      };
+    }
+  }
+}
 export {
-  z as useResizeObserver
+  v as DATE_PRESETS,
+  g as resolveDatePreset
 };

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

@@ -1,26 +1,56 @@
-import { useRef as u, useEffect as s } from "react";
-import "./index57.js";
-import "@lingui/react";
-import "react-hot-toast";
-import "./index92.js";
-import "@emotion/react/jsx-runtime";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useIsMounted as m } from "./index68.js";
-const E = (r, t = 100) => {
-  const o = u(r), e = u(void 0), i = m();
-  o.current = r, s(() => {
-    if (typeof window > "u") return;
-    const n = () => {
-      e.current && clearTimeout(e.current), e.current = setTimeout(() => {
-        i.current && o.current();
-      }, t);
-    };
-    return window.addEventListener("resize", n), () => {
-      window.removeEventListener("resize", n), e.current && clearTimeout(e.current);
-    };
-  }, [t, i]);
+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 {
-  E as useWindowResize
+  a as USStatesEnum
 };

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

@@ -1,41 +1,38 @@
-import { useState as p, useEffect as f } from "react";
-const s = {
-  inches: {
-    width: 8.27,
-    height: 11.69
-  }
-}, y = () => {
-  const [h, r] = p({
-    width: 794,
-    height: 1123,
-    dpi: 96
-  });
-  return f(() => {
-    if (typeof window > "u") return;
-    const t = () => {
-      const c = [72, 96, 120, 144, 192, 240, 288, 384];
-      let n = 96;
-      for (const d of c)
-        if (window.matchMedia(`(resolution: ${d}dpi)`).matches) {
-          n = d;
-          break;
-        }
-      const u = window.devicePixelRatio || 1, w = n * u, e = document.createElement("div");
-      e.style.width = "1in", e.style.height = "1in", e.style.position = "absolute", e.style.left = "-9999px", document.body.appendChild(e);
-      const a = e.getBoundingClientRect(), o = Math.round(a.width);
-      document.body.removeChild(e);
-      const i = o > 0 ? o : w, l = Math.round(s.inches.width * i), m = Math.round(s.inches.height * i);
-      r({
-        width: l,
-        height: m,
-        dpi: i
-      });
-    };
-    return t(), window.addEventListener("resize", t), () => {
-      window.removeEventListener("resize", t);
-    };
-  }, []), h;
+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
+  } = 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 {
-  y as useA4Dimensions
+  E as MoniteCountryShadcn
 };

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

@@ -1,10 +1,98 @@
-const e = (a) => ({
-  bank_name: a?.bank_name || void 0,
-  display_name: a?.display_name || void 0,
-  account_holder_name: a?.account_holder_name || void 0,
-  account_number: a?.account_number || void 0,
-  routing_number: a?.routing_number || void 0
-});
+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 "@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 "./index471.js";
+import { Modal as j, Box as x, CircularProgress as D } from "@mui/material";
+const G = (r, d, f, i) => {
+  const {
+    i18n: t
+  } = 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;
+          }
+          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);
+        }
+    },
+    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__ */ n(D, {}),
+      /* @__PURE__ */ n("p", { children: t._("Loading payment page...") })
+    ] }) }) })
+  };
+};
 export {
-  e as prepareBankAccountCreatePayload
+  G as usePaymentHandler
 };

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

@@ -1,7 +1,40 @@
-function r(l, e) {
-  if (l !== void 0) return l;
-  if (e !== void 0) return null;
-}
+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 {
-  r as resolveNullableUpdate
+  v as useRejectApprovalRequest
 };

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

@@ -1,12 +1,37 @@
-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 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 {
-  s as getInvoiceOverdueDays
+  g as useApproveApprovalRequest
 };