@tesouro/embedded-components-react 0.2.190 → 0.2.193

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

@@ -1,215 +1,31 @@
-import { formatDateRangeFilterChip as D, formatFilterChipMultiSelectValueSegment as C } from "./index97.js";
-import { getCounterpartName as I } from "./index7.js";
-import { useMoniteContext as $ } from "./index57.js";
-import { useCounterpartById as A } from "./index70.js";
-import "@tanstack/react-query";
-import { useState as w, useMemo as l, useCallback as d } from "react";
-import "react-hot-toast";
-import "@lingui/react";
-import { useCurrencies as x } from "./index58.js";
-import { toMinorUnits as E } from "./index118.js";
-import { formatISO as m } from "date-fns";
-import { DATE_PRESETS as _, resolveDatePreset as U } from "./index366.js";
-const v = [{
-  value: "draft",
-  label: "New"
-}, {
-  value: "pending_approval",
-  label: "Pending approval"
-}, {
-  value: "ready_to_pay",
-  label: "Ready to pay"
-}, {
-  value: "paid",
-  label: "Paid"
-}, {
-  value: "cancelled",
-  label: "Cancelled"
-}, {
-  value: "rejected",
-  label: "Rejected"
-}], j = {
-  draft: ["draft", "new"],
-  pending_approval: ["approve_in_progress"],
-  ready_to_pay: ["waiting_to_be_paid", "partially_paid"],
-  paid: ["paid"],
-  cancelled: ["canceled"],
-  rejected: ["rejected"]
-}, R = ["draft", "new", "approve_in_progress", "rejected", "waiting_to_be_paid", "partially_paid", "paid"];
-function h() {
-  return {
-    search: "",
-    activeDateField: "due_date",
-    datePreset: void 0,
-    dateFrom: void 0,
-    dateTo: void 0,
-    status: [],
-    amountMode: "any",
-    amountMin: "",
-    amountMax: "",
-    vendorName: "",
-    hasFile: void 0
-  };
-}
-function Q({
-  initialCounterpartId: f
-} = {}) {
-  const [e, o] = w(() => ({
-    ...h(),
-    counterpartId: f
-  })), {
-    formatToMinorUnits: u
-  } = x(), {
-    componentSettings: F
-  } = $(), {
-    data: b
-  } = A(e.counterpartId), c = I(b), p = F.onboarding.allowedCurrencies?.[0] ?? "USD", y = l(() => {
-    const a = {}, t = e.activeDateField;
-    if (e.dateFrom && (a[`${t}__gte`] = m(e.dateFrom, {
-      representation: "date"
-    })), e.dateTo && (a[`${t}__lte`] = m(e.dateTo, {
-      representation: "date"
-    })), e.status.length ? a.status__in = e.status.flatMap((r) => j[r] ?? [r]) : a.status__in = R, e.vendorName && (a.counterpart_name__icontains = e.vendorName), e.counterpartId && (a.counterpart_id = e.counterpartId), e.hasFile !== void 0 && (a.has_file = e.hasFile), e.search && (a.search_text = e.search), e.amountMode !== "any") {
-      const r = parseFloat(e.amountMin), s = parseFloat(e.amountMax), i = (n) => u(n, p) ?? E(n, 2);
-      if (e.amountMode === "exact") {
-        if (!isNaN(r)) {
-          const n = i(r);
-          a.total_amount__gte = n, a.total_amount__lte = n;
-        }
-      } else
-        isNaN(r) || (a.total_amount__gte = i(r)), isNaN(s) || (a.total_amount__lte = i(s));
-    }
-    return a;
-  }, [e, p, u]), g = l(() => {
-    let a = 0;
-    return e.status.length && a++, e.vendorName && a++, e.counterpartId && a++, e.hasFile !== void 0 && a++, e.amountMode !== "any" && a++, e.search && a++, a;
-  }, [e]), M = l(() => {
-    const a = [];
-    if (e.dateFrom || e.dateTo) {
-      const t = (e.datePreset ? _.find((s) => s.value === e.datePreset)?.label : void 0) ?? D(e.dateFrom, e.dateTo), r = e.activeDateField === "due_date" ? "Due date" : e.activeDateField === "created_at" ? "Created on" : "Issue date";
-      a.push({
-        key: "date",
-        label: `${r}: ${t}`
-      });
-    }
-    if (e.status.length) {
-      const t = e.status.map((r) => v.find((s) => s.value === r)?.label ?? r);
-      a.push({
-        key: "status",
-        label: `Status: ${C(t)}`
-      });
-    }
-    return e.vendorName && a.push({
-      key: "vendor",
-      label: `Vendor: ${e.vendorName}`
-    }), e.counterpartId && a.push({
-      key: "counterpart",
-      label: `Vendor: ${c || e.counterpartId}`
-    }), e.hasFile === !0 && a.push({
-      key: "attachment",
-      label: "Has attachment"
-    }), e.hasFile === !1 && a.push({
-      key: "attachment",
-      label: "No attachment"
-    }), e.amountMode !== "any" && a.push({
-      key: "amount",
-      label: "Amount"
-    }), e.search && a.push({
-      key: "search",
-      label: `Search: ${e.search}`
-    }), a;
-  }, [e, c]), N = d((a) => {
-    const {
-      from: t,
-      to: r
-    } = U(a);
-    o((s) => ({
-      ...s,
-      datePreset: a,
-      dateFrom: t,
-      dateTo: r
-    }));
-  }, []), P = d((a, t) => {
-    o((r) => ({
-      ...r,
-      datePreset: void 0,
-      dateFrom: a,
-      dateTo: t
-    }));
-  }, []), S = d((a) => {
-    o((t) => ({
-      ...t,
-      activeDateField: a
-    }));
-  }, []), T = d((a) => {
-    switch (a) {
-      case "date": {
-        o((t) => ({
-          ...t,
-          datePreset: void 0,
-          dateFrom: void 0,
-          dateTo: void 0,
-          activeDateField: "due_date"
-        }));
-        break;
+import { jsxs as i, jsx as e } from "@emotion/react/jsx-runtime";
+import { useDebounceCallback as c } from "./index65.js";
+import m from "@mui/icons-material/Search";
+import { FormControl as s, InputLabel as h, Input as p, InputAdornment as d } from "@mui/material";
+const u = 500, x = ({
+  label: r,
+  value: o,
+  placeholder: l,
+  onChange: n
+}) => {
+  const t = c((a) => n(a), u);
+  return /* @__PURE__ */ i(s, { "aria-label": "search-by-name", className: "Monite-SearchField Monite-FilterControl", children: [
+    r && /* @__PURE__ */ e(h, { htmlFor: "search-by-name", shrink: !0, children: r }),
+    /* @__PURE__ */ e(p, { id: "search-by-name", name: "search-by-name", "aria-label": "search-by-name", placeholder: l, value: o, onChange: (a) => {
+      t(a.target.value || null);
+    }, startAdornment: /* @__PURE__ */ e(d, { position: "end", children: /* @__PURE__ */ e(m, { fontSize: "medium" }) }), sx: {
+      "&::placeholder": {
+        opacity: 1,
+        color: "text.primary"
+      },
+      "& input::placeholder": {
+        opacity: 1,
+        color: "text.primary"
       }
-      case "status":
-        o((t) => ({
-          ...t,
-          status: []
-        }));
-        break;
-      case "vendor":
-        o((t) => ({
-          ...t,
-          vendorName: ""
-        }));
-        break;
-      case "counterpart":
-        o((t) => ({
-          ...t,
-          counterpartId: void 0
-        }));
-        break;
-      case "attachment":
-        o((t) => ({
-          ...t,
-          hasFile: void 0
-        }));
-        break;
-      case "amount":
-        o((t) => ({
-          ...t,
-          amountMode: "any",
-          amountMin: "",
-          amountMax: ""
-        }));
-        break;
-      case "search":
-        o((t) => ({
-          ...t,
-          search: ""
-        }));
-        break;
-    }
-  }, []), k = d(() => o(h()), []);
-  return {
-    state: e,
-    setState: o,
-    queryParams: y,
-    activeFilterCount: g,
-    activeChips: M,
-    datePresets: _,
-    statusOptions: v,
-    setDatePreset: N,
-    setDateRange: P,
-    setActiveDateField: S,
-    clearFilter: T,
-    clearAll: k
-  };
-}
+    } })
+  ] });
+};
 export {
-  R as AP_DEFAULT_STATUSES,
-  v as AP_STATUS_OPTIONS,
-  Q as usePayablesFilter
+  u as DEBOUNCE_SEARCH_TIMEOUT,
+  x as SearchField
 };

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

@@ -1,65 +1,80 @@
-const t = (e, r) => {
-  switch (r) {
-    case "draft":
-      return e._("Draft");
-    case "issued":
-      return e._("Issued");
-    case "accepted":
-      return e._("Accepted");
-    case "expired":
-      return e._("Expired");
-    case "declined":
-      return e._("Declined");
-    case "recurring":
-      return e._("Recurring");
-    case "partially_paid":
-      return e._("Partially paid");
-    case "paid":
-      return e._("Paid");
-    case "overdue":
-      return e._("Overdue");
-    case "uncollectible":
-      return e._("Uncollectible");
-    case "canceled":
-      return e._("Canceled");
-    case "deleted":
-      return e._("Deleted");
-    default:
-      throw new Error(`Unknown status ${JSON.stringify(r)}`);
-  }
-}, a = (e, r) => {
-  switch (r) {
-    case "active":
-      return e._("Active");
-    case "paused":
-      return e._("Paused");
-    case "canceled":
-      return e._("Cancelled");
-    case "completed":
-      return e._("Complete");
-    default:
-      throw new Error(`Unknown status ${JSON.stringify(r)}`);
+function i({
+  layout: r,
+  navigationPosition: e,
+  pageSizePosition: t,
+  hasPageSizeSelect: n
+}) {
+  if (!n)
+    return {
+      justifyContent: "center",
+      flexDirection: "row",
+      gap: void 0
+    };
+  if (r === "custom") {
+    if (e === "center" && t === "center")
+      return {
+        justifyContent: "center",
+        flexDirection: "row",
+        gap: 3
+      };
+    if (e === "left" && t === "left")
+      return {
+        justifyContent: "flex-start",
+        flexDirection: "row",
+        gap: 3
+      };
+    if (e === "right" && t === "right")
+      return {
+        justifyContent: "flex-end",
+        flexDirection: "row-reverse",
+        gap: 3
+      };
+    if (e === "left" && t === "right")
+      return {
+        justifyContent: "space-between",
+        flexDirection: "row",
+        gap: void 0
+      };
+    if (e === "right" && t === "left")
+      return {
+        justifyContent: "space-between",
+        flexDirection: "row-reverse",
+        gap: void 0
+      };
+    if (e === "center")
+      return {
+        justifyContent: "space-around",
+        flexDirection: t === "left" ? "row-reverse" : "row",
+        gap: void 0
+      };
+    if (t === "center")
+      return {
+        justifyContent: "space-around",
+        flexDirection: e === "left" ? "row" : "row-reverse",
+        gap: void 0
+      };
   }
-}, n = (e, r) => {
   switch (r) {
-    case "pending":
-      return e._("Scheduled");
-    case "skipped":
-      return e._("Skipped");
-    case "canceled":
-      return e._("Cancelled");
-    case "issue_failed":
-      return e._("Issue failed");
-    case "send_failed":
-      return e._("Send failed");
-    case "completed":
-      return e._("Complete");
+    case "reversed":
+      return {
+        justifyContent: "space-between",
+        flexDirection: "row-reverse",
+        gap: void 0
+      };
+    case "centered":
+      return {
+        justifyContent: "center",
+        flexDirection: "row",
+        gap: 3
+      };
     default:
-      throw new Error(`Unknown status ${JSON.stringify(r)}`);
+      return {
+        justifyContent: "space-between",
+        flexDirection: "row",
+        gap: void 0
+      };
   }
-};
+}
 export {
-  n as getCommonRecurrenceIterationStatusLabel,
-  a as getCommonRecurrenceStatusLabel,
-  t as getCommonStatusLabel
+  i as getLayoutStyles
 };

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

@@ -1,30 +1,27 @@
-import { jsx as t, jsxs as e } from "@emotion/react/jsx-runtime";
-import { useLingui as m } from "@lingui/react";
-import { twMerge as d } from "tailwind-merge";
-const p = ({
-  isAllStatus: s,
-  data: w,
-  amountOfItems: i,
-  selected: l,
-  onClick: n,
-  formatAmount: a,
-  statusChip: r,
-  allItemsText: o
-}) => {
-  const {
-    i18n: c
-  } = m();
-  return /* @__PURE__ */ t("button", { onClick: n, type: "button", className: d("ttw:flex ttw:flex-col ttw:gap-2 ttw:px-4 ttw:py-2 ttw:rounded-xl ttw:border ttw:w-42 ttw:shrink-0 ttw:text-left ttw:cursor-pointer ttw:transition-colors ttw:bg-white", l ? "ttw:border-indigo-700" : "ttw:border-white ttw:hover:border-indigo-700"), children: s ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
-    /* @__PURE__ */ t("span", { className: "ttw:text-xs ttw:font-medium ttw:text-zinc-950", children: o ?? c._("All items") }),
-    /* @__PURE__ */ t("span", { className: "ttw:text-2xl ttw:font-medium ttw:text-zinc-950 ttw:leading-8 ttw:tabular-nums", children: w })
-  ] }) : /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col", children: [
-    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-2", children: [
-      r,
-      /* @__PURE__ */ t("span", { className: "ttw:text-xs ttw:font-medium ttw:leading-4.5 ttw:text-zinc-950 ttw:tabular-nums", children: i ?? 0 })
-    ] }),
-    /* @__PURE__ */ t("span", { className: "ttw:text-2xl ttw:font-medium ttw:text-zinc-950 ttw:leading-8 ttw:tabular-nums ttw:overflow-hidden ttw:whitespace-nowrap ttw:text-ellipsis", children: a(w) })
-  ] }) });
-};
+const s = ({
+  lineItems: t,
+  paymentTermsId: a,
+  memo: o,
+  footer: n,
+  bankAccountId: r,
+  bankAccountType: m,
+  taxMode: d,
+  purchaseOrder: c,
+  taxRate: i
+}) => ({
+  payment_terms_id: a,
+  line_items: (t ?? []).map((e) => ({
+    ...e,
+    id: e.id || `temp-${Math.random().toString(36).substr(2, 9)}`
+  })),
+  memo: o,
+  footer: n,
+  bank_account_id: r,
+  bank_account_type: m,
+  tax_mode: d,
+  purchase_order: c || void 0,
+  tax_rate: i
+});
 export {
-  p as StatusCard
+  s as buildInvoicePreviewData
 };

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

@@ -1,129 +1,7 @@
-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)
-      };
-    }
-  }
-}
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { CenteredContentBox as r } from "./index213.js";
+import { LoadingSpinner as n } from "./index136.js";
+const m = () => /* @__PURE__ */ o(r, { children: /* @__PURE__ */ o(n, {}) });
 export {
-  v as DATE_PRESETS,
-  g as resolveDatePreset
+  m as LoadingPage
 };