@tesouro/embedded-components-react 0.2.125 → 0.2.126

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

@@ -1,215 +1,59 @@
-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 "./index119.js";
-import { formatISO as m } from "date-fns";
-import { DATE_PRESETS as _, resolveDatePreset as U } from "./index390.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));
+import { jsxs as f, jsx as s } from "@emotion/react/jsx-runtime";
+import { useState as c, useMemo as u } from "react";
+import { useMoniteContext as y } from "./index57.js";
+import { useRootElements as E } from "./index92.js";
+import { useDebounceCallback as x, useDebounce as N } from "./index65.js";
+import { useLingui as v } from "@lingui/react";
+import { X as T } from "lucide-react";
+import { SearchInput as A, DatePicker as R, Combobox as $ } from "../../../../packages/shared-ui-shadcn/dist/index.js";
+import { FILTER_TYPE_SEARCH as k, FILTER_TYPE_CREATED_BY as D, FILTER_TYPE_CREATED_AT as _ } from "./index305.js";
+const C = 500, F = (t) => {
+  const e = `${t.first_name ?? ""} ${t.last_name ?? ""}`.trim();
+  return e && t.email ? `${e} (${t.email})` : e || t.email || t.id;
+}, L = ({
+  onChange: t
+}) => {
+  const {
+    i18n: e
+  } = v(), {
+    api: n
+  } = y(), [r, l] = c(null), [m, a] = c(""), b = N(m, C), {
+    data: w
+  } = n.finops.getEntityUsers.useQuery({
+    query: {
+      name__istartswith: b || void 0
     }
-    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;
-      }
-      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
-  };
-}
+  }), d = u(() => w?.data ?? [], [w]), i = u(() => d.map((o) => ({
+    value: o.id,
+    label: F(o)
+  })), [d]), p = u(() => !r || i.some((o) => o.value === r.value) ? i : [r, ...i], [i, r]);
+  return /* @__PURE__ */ s($, { items: p, value: r?.value ?? "", placeholder: e._("Added by"), emptyMessage: e._("No users found"), clearAriaLabel: e._("Clear selection"), onQueryChange: a, onValueChange: (o) => {
+    const h = Array.isArray(o) ? o[0] ?? "" : o ?? "";
+    l(p.find((g) => g.value === h) ?? null), t(h || void 0);
+  } });
+}, q = ({
+  onChangeFilter: t
+}) => {
+  const {
+    i18n: e
+  } = v(), {
+    root: n
+  } = E(), [r, l] = c(void 0), m = x((a) => {
+    t(k, a.trim() ? a : null);
+  }, C);
+  return /* @__PURE__ */ f("div", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:px-2 ttw:py-2", children: [
+    /* @__PURE__ */ s("div", { className: "ttw:flex-1", children: /* @__PURE__ */ s(A, { placeholder: e._("Search"), className: "ttw:h-9 ttw:w-full", onChange: (a) => m(a.target.value) }) }),
+    /* @__PURE__ */ s("div", { className: "ttw:w-48 ttw:shrink-0", children: /* @__PURE__ */ s(L, { onChange: (a) => t(D, a ?? null) }) }),
+    /* @__PURE__ */ f("div", { className: "ttw:relative ttw:w-44 ttw:shrink-0", children: [
+      /* @__PURE__ */ s(R, { value: r, placeholder: e._("Created at"), className: `ttw:h-9 ttw:border-border${r ? " ttw:pr-8" : ""}`, container: n, onChange: (a) => {
+        l(a), t(_, a ?? null);
+      } }),
+      r ? /* @__PURE__ */ s("button", { type: "button", "aria-label": e._("Clear created at filter"), className: "ttw:absolute ttw:right-2 ttw:top-1/2 ttw:inline-flex ttw:size-4 ttw:-translate-y-1/2 ttw:cursor-pointer ttw:items-center ttw:justify-center ttw:rounded-sm ttw:text-muted-foreground ttw:opacity-70 hover:ttw:opacity-100", onClick: () => {
+        l(void 0), t(_, null);
+      }, children: /* @__PURE__ */ s(T, { className: "ttw:size-3.5" }) }) : null
+    ] })
+  ] });
+};
 export {
-  R as AP_DEFAULT_STATUSES,
-  v as AP_STATUS_OPTIONS,
-  Q as usePayablesFilter
+  q as Filters
 };

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

@@ -1,23 +1,65 @@
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import "./index57.js";
-import "@tanstack/react-query";
-import "date-fns";
-import { useEntityUserById as m } from "./index75.js";
-import "react";
-import "react-hot-toast";
-import "@lingui/react";
-import { Skeleton as e } from "@mui/material";
-const u = ({
-  id: r
-}) => {
-  const {
-    data: t,
-    isLoading: o
-  } = m(r);
-  return /* @__PURE__ */ i("span", { children: o ? /* @__PURE__ */ i(e, { animation: "wave", height: 10, width: "100%", sx: {
-    minWidth: "4em"
-  } }) : !!t && `${t?.first_name || ""} ${t?.last_name || ""}` });
+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)}`);
+  }
+}, 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");
+    default:
+      throw new Error(`Unknown status ${JSON.stringify(r)}`);
+  }
 };
 export {
-  u as UserCell
+  n as getCommonRecurrenceIterationStatusLabel,
+  a as getCommonRecurrenceStatusLabel,
+  t as getCommonStatusLabel
 };

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

@@ -1,45 +1,162 @@
-import { jsx as a } from "@emotion/react/jsx-runtime";
-import { toast as g } from "react-hot-toast";
-import { useMoniteContext as c } from "./index57.js";
-import { MoniteScopedProviders as p } from "./index83.js";
-import { ConfirmationModal as u } from "./index214.js";
-import { useLingui as f } from "@lingui/react";
-const D = (e) => /* @__PURE__ */ a(p, { children: /* @__PURE__ */ a(C, { ...e }) }), C = ({
-  tag: e,
-  onClose: i,
-  onDelete: m,
-  modalOpened: d
-}) => {
+import { isIndividualCounterpart as y, isOrganizationCounterpart as b } from "./index7.js";
+import { fromMinorUnits as g, toMinorUnits as x } from "./index121.js";
+import { getIndividualName as D } from "./index95.js";
+import { format as q } from "date-fns";
+import { resolveNullableUpdate as I } from "./index418.js";
+const C = (t, e, a) => t?.find((n) => n.id === a)?.default_billing_address_id ?? (e?.id === a ? e?.default_billing_address_id : void 0), T = (t) => t ? t.map((e) => ({
+  value: e.id,
+  label: y(e) ? D(e.individual.first_name, e.individual.last_name) : b(e) ? e.organization.legal_name : ""
+})) : [];
+function _(t) {
+  const [e, a, r] = t.split("-");
+  return new Date(+e, +a - 1, +r);
+}
+const m = (t) => q(t, "yyyy-MM-dd"), M = (t, e, a, r) => {
+  if (!e)
+    return {
+      invoiceNumber: "",
+      counterpart: r ?? "",
+      counterpartBankAccount: "",
+      invoiceDate: void 0,
+      dueDate: void 0,
+      currency: "USD",
+      tags: [],
+      discount: null,
+      lineItems: [{
+        id: "",
+        name: "",
+        quantity: 1,
+        price: 0,
+        tax: 0
+      }]
+    };
   const {
-    i18n: o
-  } = f(), n = e?.id, {
-    api: t,
-    queryClient: s
-  } = c(), r = t.finops.deleteTagsId.useMutation({
-    path: {
-      tag_id: n ?? ""
-    }
+    document_id: n,
+    counterpart_id: i,
+    counterpart_bank_account_id: o,
+    issued_at: u,
+    due_date: c,
+    currency: d,
+    tags: l,
+    discount: p
+  } = e;
+  return {
+    invoiceNumber: n ?? "",
+    counterpart: i ?? "",
+    counterpartBankAccount: o ?? "",
+    invoiceDate: u ? _(u) : void 0,
+    dueDate: c ? _(c) : void 0,
+    currency: d ?? "USD",
+    tags: l ?? [],
+    discount: p && d ? t(p, d) : null,
+    lineItems: (a || []).map((s) => ({
+      id: s.id ?? "",
+      name: s.name ?? "",
+      quantity: s.quantity ?? 1,
+      price: s.unit_price && d ? t(s.unit_price, d) ?? 0 : 0,
+      tax: s.tax ? N(s.tax) : 0,
+      ledger_account_id: s.ledger_account_id
+    }))
+  };
+}, P = ({
+  discount: t,
+  invoiceNumber: e,
+  counterpart: a,
+  counterpartBankAccount: r,
+  invoiceDate: n,
+  dueDate: i,
+  currency: o,
+  tags: u,
+  counterpartAddressId: c
+}, d) => ({
+  document_id: e,
+  discount: t && o ? d(t, o) ?? 0 : 0,
+  counterpart_id: a || void 0,
+  counterpart_bank_account_id: r || void 0,
+  issued_at: n instanceof Date ? m(n) : void 0,
+  due_date: i instanceof Date ? m(i) : void 0,
+  currency: o,
+  tag_ids: u.map((l) => l.id),
+  counterpart_address_id: c
+}), f = (t, e) => {
+  const a = t * e;
+  return parseFloat(a.toFixed(2));
+}, v = (t, e) => {
+  const a = t + e * t / 100;
+  return parseFloat(a.toFixed(2));
+}, w = (t) => {
+  const {
+    price: e,
+    quantity: a,
+    tax: r
+  } = t;
+  if (!e || !a) return 0;
+  const n = f(e, a);
+  return v(n, r || 0);
+}, z = (t, e) => {
+  const {
+    subtotal: a,
+    taxes: r,
+    total: n
+  } = t.reduce((i, o) => {
+    const u = f(o.price, o.quantity), c = v(u, o.tax || 0);
+    return {
+      subtotal: i.subtotal + u,
+      taxes: i.taxes + (c - u),
+      total: i.total + c
+    };
   }, {
-    onSuccess: () => (t.finops.getTagsId.removeQueries({
-      parameters: {
-        path: {
-          tag_id: n
-        }
-      }
-    }, s), t.finops.getTags.invalidateQueries(s))
-  }), l = () => {
-    r.mutate(void 0, {
-      onSuccess: () => {
-        g.success(o._("Tag “{tagName}” was deleted", {
-          tagName: e.name
-        })), i?.(), m?.(e.id);
-      }
-    });
+    subtotal: 0,
+    taxes: 0,
+    total: 0
+  });
+  return {
+    subtotal: a,
+    taxes: r,
+    total: n - (e ?? 0)
   };
-  return /* @__PURE__ */ a(u, { open: d, title: o._("Delete “{tagName}” tag?", {
-    tagName: e.name
-  }), message: o._("This action can’t be undone."), confirmLabel: o._("Delete"), cancelLabel: o._("Cancel"), onClose: i, onConfirm: l, isLoading: r.isPending });
+}, L = (t, e, a, r) => {
+  const {
+    name: n,
+    quantity: i,
+    price: o,
+    tax: u,
+    ledger_account_id: c
+  } = e, d = r?.allowLedgerUpdate ? I(c, r?.previous) : c, l = {
+    name: n,
+    quantity: i,
+    tax: F(u),
+    unit_price: a(o, t) ?? 0
+  };
+  return d !== void 0 && (l.ledger_account_id = d), l;
 };
+function F(t) {
+  return x(t);
+}
+function N(t) {
+  return g(t);
+}
+const O = (t, e, a) => {
+  const r = {
+    invoiceNumber: !0,
+    dueDate: !0,
+    tags: !0,
+    currency: !0
+  };
+  if (a)
+    return !1;
+  const n = r[t] ?? !1, i = e?.[t] ?? !1;
+  return n || i;
+}, R = (t, e) => t.find((a) => a.currency === e && a.is_default_for_currency)?.id || "";
 export {
-  D as ConfirmDeleteModal
+  w as calculateTotalPriceForLineItem,
+  z as calculateTotalsForPayable,
+  T as counterpartsToSelect,
+  m as dateToString,
+  R as findDefaultBankAccount,
+  O as isFieldRequired,
+  M as prepareDefaultValues,
+  L as prepareLineItemSubmit,
+  P as prepareSubmit,
+  C as resolveCreatePayableCounterpartAddressId
 };

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as n } from "./index57.js";
-import { getAPIErrorMessage as d } from "./index121.js";
+import { getAPIErrorMessage as d } from "./index123.js";
 import { useLingui as p } from "@lingui/react";
 import { toast as r } from "react-hot-toast";
 const f = (s, i) => {

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

@@ -1,16 +1,30 @@
-const a = ["document_type", "department", "project", "cost_center", "vendor_type", "payment_method", "approval_status"], o = (e) => ({
-  document_type: e._("Document Type"),
-  department: e._("Department"),
-  project: e._("Project"),
-  cost_center: e._("Cost Center"),
-  vendor_type: e._("Vendor Type"),
-  payment_method: e._("Payment Method"),
-  approval_status: e._("Approval Status")
-});
-function r(e, t) {
-  return e ? o(t)[e] : "";
-}
+import { jsxs as r, jsx as o } from "@emotion/react/jsx-runtime";
+import { classNames as a } from "./index172.js";
+import { Stack as e } from "@mui/material";
+const x = ({
+  className: t,
+  searchField: i,
+  children: s,
+  sx: n
+}) => /* @__PURE__ */ r(e, { direction: "row", justifyContent: "space-between", alignItems: "center", className: a("Monite-Filters", t), sx: Object.assign({
+  "& > *": {
+    flexBasis: "fit-content",
+    flexGrow: 1
+  },
+  "& > .Monite-SearchField": {
+    maxWidth: "400px",
+    width: "100%"
+  }
+}, n || {}), children: [
+  i,
+  /* @__PURE__ */ o(e, { gap: 1, direction: "row", justifyContent: "flex-end", alignItems: "center", className: "Monite-Filters-Group", sx: {
+    ml: 2,
+    "& .Monite-FilterControl": {
+      maxWidth: "160px",
+      width: "100%"
+    }
+  }, children: s })
+] });
 export {
-  r as getTagCategoryLabel,
-  a as tagCategories
+  x as FilterContainer
 };