@tesouro/embedded-components-react 0.2.72 → 0.2.74

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

@@ -1,26 +1,69 @@
-import { jsxs as a, jsx as n } from "@emotion/react/jsx-runtime";
-import { FinanceHowItWorks as s } from "./index310.js";
-import { useKanmonContext as c } from "./index56.js";
-import { Dialog as m } from "./index50.js";
-import { useLingui as l } from "@lingui/react";
-import { Stack as p, Button as r } from "@mui/material";
-import { useState as g } from "react";
-const w = () => {
+import { jsxs as r, jsx as e, Fragment as T } from "@emotion/react/jsx-runtime";
+import { MeasureUnitsFormRow as f } from "./index401.js";
+import { ConfirmDeleteMeasureUnitDialog as j } from "./index402.js";
+import { TableActions as z } from "./index403.js";
+import { Table as A, TableHeader as E, TableRow as h, TableHead as l, TableBody as G, TableCell as d } from "./index236.js";
+import { useLingui as I } from "@lingui/react";
+import { Loader2 as b, Search as S } from "lucide-react";
+import { useState as m, useCallback as w } from "react";
+import "./index57.js";
+import "react-hot-toast";
+import { useGetMeasureUnits as _ } from "./index201.js";
+import { useDeleteMeasureUnit as y } from "./index404.js";
+import { InputGroup as F, InputGroupAddon as H, InputGroupInput as k } from "./index101.js";
+import { useDebounceCallback as R } from "./index65.js";
+const at = () => {
   const {
-    i18n: o
-  } = l(), {
-    startFinanceSession: t
-  } = c(), [e, i] = g(!1);
-  return /* @__PURE__ */ a(p, { direction: "row", gap: 1, alignItems: "center", children: [
-    /* @__PURE__ */ n(r, { variant: "text", onClick: () => i(!0), children: o._("How does invoice financing work?") }),
-    /* @__PURE__ */ n(r, { onClick: () => t(), variant: "contained", color: "primary", sx: {
-      px: 2.5,
-      py: 1.5,
-      height: 40
-    }, children: o._("Financing menu") }),
-    /* @__PURE__ */ n(m, { open: e, onClose: () => i(!1), alignDialog: "right", children: /* @__PURE__ */ n(s, {}) })
+    i18n: i
+  } = I(), [g, s] = m(null), [a, c] = m(null), x = !!a, [u, N] = m(""), {
+    data: C,
+    isLoading: M
+  } = _(), n = y(a?.name), $ = R((t) => {
+    N(t);
+  }, 500), D = C?.data?.filter((t) => t.name.toLowerCase().includes(u.toLowerCase()) || t.description && t.description.toLowerCase().includes(u.toLowerCase())) || [], L = w((t) => {
+    c(t);
+  }, []), o = w(() => {
+    c(null);
+  }, []), U = w(() => {
+    a && n.mutate({
+      path: {
+        unit_id: a.id
+      }
+    }, {
+      onSuccess: () => o()
+    });
+  }, [n, a, o]), p = n.isPending, v = () => {
+    s(null);
+  };
+  return /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:h-full ttw:relative", children: [
+    M ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:justify-center ttw:items-center ttw:h-full", children: /* @__PURE__ */ e(b, { className: "ttw:size-10 ttw:animate-spin ttw:text-muted-foreground" }) }) : /* @__PURE__ */ r(T, { children: [
+      p && /* @__PURE__ */ e("div", { className: "ttw:absolute ttw:inset-0 ttw:bg-white/70 ttw:flex ttw:justify-center ttw:items-center ttw:z-10", children: /* @__PURE__ */ e(b, { className: "ttw:size-10 ttw:animate-spin ttw:text-muted-foreground" }) }),
+      /* @__PURE__ */ r(F, { children: [
+        /* @__PURE__ */ e(H, { align: "inline-start", children: /* @__PURE__ */ e(S, {}) }),
+        /* @__PURE__ */ e(k, { placeholder: i._("Search"), onChange: (t) => $(t.target.value) })
+      ] }),
+      /* @__PURE__ */ r(A, { className: "ttw:table-fixed ttw:border ttw:border-border ttw:rounded-md", children: [
+        /* @__PURE__ */ e(E, { children: /* @__PURE__ */ r(h, { className: "ttw:hover:bg-transparent ttw:border-border", children: [
+          /* @__PURE__ */ e(l, { className: "ttw:w-[35%]", children: i._("Unit label") }),
+          /* @__PURE__ */ e(l, { className: "ttw:w-[55%]", children: i._("Description (optional)") }),
+          /* @__PURE__ */ e(l, { className: "ttw:w-[10%]" })
+        ] }) }),
+        /* @__PURE__ */ r(G, { children: [
+          /* @__PURE__ */ e(f, { isEditMode: !1 }),
+          D.map((t) => g?.id === t.id ? /* @__PURE__ */ e(f, { isEditMode: !0, initialValues: t, onCancel: v, onEdit: () => s(null), id: t.id }, t.id) : /* @__PURE__ */ r(h, { className: "ttw:border-border", children: [
+            /* @__PURE__ */ e(d, { className: "ttw:w-[35%] ttw:text-sm ttw:truncate", children: t.name }),
+            /* @__PURE__ */ e(d, { className: "ttw:w-[55%] ttw:text-sm ttw:text-muted-foreground ttw:truncate", children: t.description || "—" }),
+            /* @__PURE__ */ e(d, { className: "ttw:w-[10%]", children: /* @__PURE__ */ e(z, { permissions: {
+              isUpdateAllowed: !0,
+              isDeleteAllowed: !0
+            }, onEdit: () => s(t), onDelete: () => L(t) }) })
+          ] }, t.id))
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(j, { open: x, id: a?.id, name: a?.name || "", isLoading: p, onClose: o, onDelete: U })
   ] });
 };
 export {
-  w as FinanceMenuButtons
+  at as ManageMeasureUnitsForm
 };

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

@@ -1,65 +1,161 @@
-import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
-import { Fragment as m } from "react";
-import { useLingui as h } from "@lingui/react";
-import _ from "@mui/icons-material/MonetizationOnOutlined";
-import { useTheme as g, Box as i, Typography as n, lighten as f, List as x, ListItem as l } from "@mui/material";
-const F = ({
-  offers: p
-}) => {
+import { isIndividualCounterpart as v, isOrganizationCounterpart as y } from "./index7.js";
+import { fromMinorUnits as b, toMinorUnits as g } from "./index120.js";
+import { getIndividualName as x } from "./index95.js";
+import { format as D } from "date-fns";
+import { resolveNullableUpdate as q } from "./index408.js";
+const B = (t) => t ? t.map((e) => ({
+  value: e.id,
+  label: v(e) ? x(e.individual.first_name, e.individual.last_name) : y(e) ? e.organization.legal_name : ""
+})) : [];
+function p(t) {
+  const [e, a, r] = t.split("-");
+  return new Date(+e, +a - 1, +r);
+}
+const m = (t) => D(t, "yyyy-MM-dd"), M = (t, e, a) => {
+  if (!e)
+    return {
+      invoiceNumber: "",
+      counterpart: "",
+      counterpartBankAccount: "",
+      invoiceDate: void 0,
+      dueDate: void 0,
+      currency: "USD",
+      tags: [],
+      discount: null,
+      lineItems: [{
+        id: "",
+        name: "",
+        quantity: 1,
+        price: 0,
+        tax: 0
+      }]
+    };
   const {
-    i18n: t
-  } = h(), d = g();
-  return !p || p.length === 0 ? null : /* @__PURE__ */ a(i, { width: "100%", children: [
-    /* @__PURE__ */ e(n, { variant: "subtitle1", sx: {
-      mb: 3,
-      display: "inline-block"
-    }, children: t._("Current offer") }),
-    /* @__PURE__ */ e(i, { sx: {
-      display: "flex",
-      gap: 2,
-      flexWrap: "wrap"
-    }, children: p.map((o, c) => o?.pricing_plans?.map((r, s) => /* @__PURE__ */ a(i, { width: 232, height: 148, px: 3, py: 2.5, sx: {
-      backgroundColor: d.palette.background.paper,
-      borderRadius: "16px",
-      border: `1px solid ${d.palette.divider}`
-    }, children: [
-      /* @__PURE__ */ a(i, { sx: {
-        display: "flex",
-        alignItems: "center",
-        gap: 1,
-        mb: 2
-      }, children: [
-        /* @__PURE__ */ e(_, { sx: {
-          fontSize: 24,
-          color: f(d.palette.primary.main, 0.6)
-        } }),
-        /* @__PURE__ */ e(n, { variant: "body1", fontWeight: 500, sx: {
-          flex: "1 1 0%",
-          width: "100%"
-        }, children: t._("Financing plan") })
-      ] }),
-      /* @__PURE__ */ e(x, { sx: {
-        p: 0
-      }, children: /* @__PURE__ */ a(m, { children: [
-        /* @__PURE__ */ e(l, { sx: {
-          p: 0
-        }, children: /* @__PURE__ */ e(n, { variant: "body1", fontWeight: 400, children: t._("{itemAdvance_rate_percentage}% advance rate", {
-          itemAdvance_rate_percentage: r.advance_rate_percentage / 100
-        }) }) }),
-        /* @__PURE__ */ e(l, { sx: {
-          p: 0
-        }, children: /* @__PURE__ */ e(n, { variant: "body1", fontWeight: 400, children: t._("Pay in {itemRepayment_duration_days} days", {
-          itemRepayment_duration_days: r.repayment_duration_days
-        }) }) }),
-        /* @__PURE__ */ e(l, { sx: {
-          p: 0
-        }, children: /* @__PURE__ */ e(n, { variant: "body1", fontWeight: 400, children: t._("{itemFee_percentage}% fee", {
-          itemFee_percentage: r.fee_percentage / 100
-        }) }) })
-      ] }, r.advance_rate_percentage) })
-    ] }, `${o.available_amount}-${c}-${o.total_amount}-${s}`))) })
-  ] });
+    document_id: r,
+    counterpart_id: i,
+    counterpart_bank_account_id: o,
+    issued_at: u,
+    due_date: c,
+    currency: n,
+    tags: l,
+    discount: d
+  } = e;
+  return {
+    invoiceNumber: r ?? "",
+    counterpart: i ?? "",
+    counterpartBankAccount: o ?? "",
+    invoiceDate: u ? p(u) : void 0,
+    dueDate: c ? p(c) : void 0,
+    currency: n ?? "USD",
+    tags: l ?? [],
+    discount: d && n ? t(d, n) : null,
+    lineItems: (a || []).map((s) => ({
+      id: s.id ?? "",
+      name: s.name ?? "",
+      quantity: s.quantity ?? 1,
+      price: s.unit_price && n ? t(s.unit_price, n) ?? 0 : 0,
+      tax: s.tax ? I(s.tax) : 0,
+      ledger_account_id: s.ledger_account_id
+    }))
+  };
+}, T = ({
+  discount: t,
+  invoiceNumber: e,
+  counterpart: a,
+  counterpartBankAccount: r,
+  invoiceDate: i,
+  dueDate: o,
+  currency: u,
+  tags: c,
+  counterpartAddressId: n
+}, l) => ({
+  document_id: e,
+  discount: t && u ? l(t, u) ?? 0 : 0,
+  counterpart_id: a || void 0,
+  counterpart_bank_account_id: r || void 0,
+  issued_at: i instanceof Date ? m(i) : void 0,
+  due_date: o instanceof Date ? m(o) : void 0,
+  currency: u,
+  tag_ids: c.map((d) => d.id),
+  counterpart_address_id: n
+}), _ = (t, e) => {
+  const a = t * e;
+  return parseFloat(a.toFixed(2));
+}, f = (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 i = _(e, a);
+  return f(i, r || 0);
+}, z = (t, e) => {
+  const {
+    subtotal: a,
+    taxes: r,
+    total: i
+  } = t.reduce((o, u) => {
+    const c = _(u.price, u.quantity), n = f(c, u.tax || 0);
+    return {
+      subtotal: o.subtotal + c,
+      taxes: o.taxes + (n - c),
+      total: o.total + n
+    };
+  }, {
+    subtotal: 0,
+    taxes: 0,
+    total: 0
+  });
+  return {
+    subtotal: a,
+    taxes: r,
+    total: i - (e ?? 0)
+  };
+}, C = (t, e, a, r) => {
+  const {
+    name: i,
+    quantity: o,
+    price: u,
+    tax: c,
+    ledger_account_id: n
+  } = e, l = r?.allowLedgerUpdate ? q(n, r?.previous) : n, d = {
+    name: i,
+    quantity: o,
+    tax: F(c),
+    unit_price: a(u, t) ?? 0
+  };
+  return l !== void 0 && (d.ledger_account_id = l), d;
 };
+function F(t) {
+  return g(t);
+}
+function I(t) {
+  return b(t);
+}
+const L = (t, e, a) => {
+  const r = {
+    invoiceNumber: !0,
+    dueDate: !0,
+    tags: !0,
+    currency: !0
+  };
+  if (a)
+    return !1;
+  const i = r[t] ?? !1, o = e?.[t] ?? !1;
+  return i || o;
+}, O = (t, e) => t.find((a) => a.currency === e && a.is_default_for_currency)?.id || "";
 export {
-  F as FinanceOffers
+  w as calculateTotalPriceForLineItem,
+  z as calculateTotalsForPayable,
+  B as counterpartsToSelect,
+  m as dateToString,
+  O as findDefaultBankAccount,
+  L as isFieldRequired,
+  M as prepareDefaultValues,
+  C as prepareLineItemSubmit,
+  T as prepareSubmit
 };

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

@@ -1,16 +1,30 @@
 import { jsxs as r, jsx as o } from "@emotion/react/jsx-runtime";
-import { Box as f } from "@mui/material";
-import { FinanceLimits as e } from "./index314.js";
-import { FinanceOffers as i } from "./index316.js";
-const p = ({
-  offers: s
-}) => /* @__PURE__ */ r(f, { sx: {
-  display: "flex",
-  gap: 2
-}, children: [
-  /* @__PURE__ */ o(e, { offers: s }),
-  s?.[0]?.status === "CURRENT" && /* @__PURE__ */ o(i, { offers: s })
+import { classNames as a } from "./index183.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 {
-  p as FinanceWidget
+  x as FilterContainer
 };

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

@@ -1,16 +1,31 @@
-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 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"
+      }
+    } })
+  ] });
+};
 export {
-  r as getTagCategoryLabel,
-  a as tagCategories
+  u as DEBOUNCE_SEARCH_TIMEOUT,
+  x as SearchField
 };

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

@@ -1,82 +1,80 @@
-import { useMoniteContext as h } from "./index57.js";
-import "@tanstack/react-query";
-import "date-fns";
-import "react";
-import { toast as u } from "react-hot-toast";
-import { getAPIErrorMessage as d } from "./index120.js";
-import { useLingui as v } from "@lingui/react";
-import { useEntitySettings as T, usePatchEntitiesIdSettings as w } from "./index81.js";
-const I = ({
-  setNameError: l,
-  onTagCreated: c,
-  onTagUpdated: m
-}) => {
-  const {
-    i18n: n
-  } = v(), {
-    api: i,
-    queryClient: o
-  } = h(), {
-    data: a
-  } = T(), {
-    mutateAsync: f
-  } = w(), r = a?.payables_ocr_auto_tagging || [], g = i.finops.postTags.useMutation({}, {
-    onSuccess: () => i.finops.getTags.invalidateQueries(o),
-    onError: (e) => {
-      const t = d(n, e);
-      t === "This tag already exists." ? l?.(t) : u.error(t);
-    }
-  }), _ = i.finops.patchTagsId.useMutation(void 0, {
-    onSuccess: (e) => {
-      Promise.all([i.finops.getTags.invalidateQueries(o), i.finops.getTagsId.invalidateQueries({
-        parameters: {
-          path: {
-            tag_id: e.id
-          }
-        }
-      }, o)]), m?.(e);
-    },
-    onError: (e) => {
-      u.error(d(n, e));
-    }
-  });
-  return {
-    tagsWithKeywords: Object.fromEntries(r.map((e) => [e.tag_id, e.keywords])),
-    inProgress: g.isPending || _.isPending,
-    createTag: (e) => g.mutateAsync({
-      ...e
-    }, {
-      onSuccess: (t) => c?.(t)
-    }),
-    updateTag: (e, t) => _.mutateAsync({
-      path: {
-        tag_id: e
-      },
-      body: t
-    }),
-    updateOcrAutoTagging: (e, t = []) => {
-      const s = r.filter((y) => y.tag_id !== e);
-      if (s.length === r.length && !t.length)
-        return;
-      const p = t.length ? [...s, {
-        tag_id: e,
-        keywords: [...new Set(t)],
-        enabled: !0
-      }] : s;
-      p.length && f({
-        tax_mode: a.tax_mode,
-        payment_priority: a.payment_priority,
-        quote_signature_required: a.quote_signature_required,
-        receivable_edit_flow: a.receivable_edit_flow,
-        allow_purchase_order_autolinking: a.allow_purchase_order_autolinking,
-        generate_paid_invoice_pdf: a.generate_paid_invoice_pdf,
-        payables_ocr_auto_tagging: p,
-        payables_skip_approval_flow: a.payables_skip_approval_flow,
-        tax_inclusive_discount_mode: a.tax_inclusive_discount_mode
-      });
-    }
-  };
-};
+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
+      };
+  }
+  switch (r) {
+    case "reversed":
+      return {
+        justifyContent: "space-between",
+        flexDirection: "row-reverse",
+        gap: void 0
+      };
+    case "centered":
+      return {
+        justifyContent: "center",
+        flexDirection: "row",
+        gap: 3
+      };
+    default:
+      return {
+        justifyContent: "space-between",
+        flexDirection: "row",
+        gap: void 0
+      };
+  }
+}
 export {
-  I as useTags
+  i as getLayoutStyles
 };

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

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