@tesouro/embedded-components-react 0.2.36 → 0.2.38

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

@@ -1,16 +1,65 @@
-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] : "";
-}
+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 {
-  r as getTagCategoryLabel,
-  a as tagCategories
+  n as getCommonRecurrenceIterationStatusLabel,
+  a as getCommonRecurrenceStatusLabel,
+  t as getCommonStatusLabel
 };

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

@@ -1,82 +1,161 @@
-import { useMoniteContext as h } from "./index59.js";
-import "@tanstack/react-query";
-import "date-fns";
-import "react";
-import { toast as u } from "react-hot-toast";
-import { getAPIErrorMessage as d } from "./index121.js";
-import { useLingui as v } from "@lingui/react";
-import { useEntitySettings as T, usePatchEntitiesIdSettings as w } from "./index83.js";
-const I = ({
-  setNameError: l,
-  onTagCreated: c,
-  onTagUpdated: m
-}) => {
+import { isIndividualCounterpart as v, isOrganizationCounterpart as y } from "./index7.js";
+import { fromMinorUnits as b, toMinorUnits as g } from "./index123.js";
+import { getIndividualName as x } from "./index97.js";
+import { format as D } from "date-fns";
+import { resolveNullableUpdate as q } from "./index400.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: 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));
-    }
+    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 {
-    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
-      });
-    }
+    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 {
-  I as useTags
+  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/index298.js

@@ -1,79 +1,30 @@
-import { jsx as m } from "@emotion/react/jsx-runtime";
-import * as a from "react";
-import { FormProvider as f, Controller as u, useFormContext as F, useFormState as I } from "react-hook-form";
-import { Label as p } from "./index325.js";
-import { cn as i } from "./index102.js";
-import { Slot as g } from "@radix-ui/react-slot";
-const b = f, l = a.createContext({}), C = ({
-  ...r
-}) => /* @__PURE__ */ m(l.Provider, { value: {
-  name: r.name
-}, children: /* @__PURE__ */ m(u, { ...r }) }), d = () => {
-  const r = a.useContext(l), e = a.useContext(c), {
-    getFieldState: t
-  } = F(), o = I({
-    name: r.name
-  }), s = t(r.name, o);
-  if (!r)
-    throw new Error("useFormField should be used within <FormField>");
-  const {
-    id: n
-  } = e;
-  return {
-    id: n,
-    name: r.name,
-    formItemId: `${n}-form-item`,
-    formDescriptionId: `${n}-form-item-description`,
-    formMessageId: `${n}-form-item-message`,
-    ...s
-  };
-}, c = a.createContext({});
-function N({
-  className: r,
-  ...e
-}) {
-  const t = a.useId();
-  return /* @__PURE__ */ m(c.Provider, { value: {
-    id: t
-  }, children: /* @__PURE__ */ m("div", { "data-slot": "form-item", className: i("ttw:grid ttw:gap-2", r), ...e }) });
-}
-function M({
-  className: r,
-  ...e
-}) {
-  const {
-    error: t,
-    formItemId: o
-  } = d();
-  return /* @__PURE__ */ m(p, { "data-slot": "form-label", "data-error": !!t, className: i("ttw:data-[error=true]:text-destructive", r), htmlFor: o, ...e });
-}
-function S({
-  ...r
-}) {
-  const {
-    error: e,
-    formItemId: t,
-    formDescriptionId: o,
-    formMessageId: s
-  } = d();
-  return /* @__PURE__ */ m(g, { "data-slot": "form-control", id: t, "aria-describedby": e ? `${o} ${s}` : `${o}`, "aria-invalid": !!e, ...r });
-}
-function P({
-  className: r,
-  ...e
-}) {
-  const {
-    error: t,
-    formMessageId: o
-  } = d(), s = t ? String(t?.message ?? "") : e.children;
-  return s ? /* @__PURE__ */ m("p", { "data-slot": "form-message", id: o, className: i("ttw:text-destructive ttw:text-sm", r), ...e, children: s }) : null;
-}
+import { jsxs as r, jsx as o } from "@emotion/react/jsx-runtime";
+import { classNames as a } from "./index190.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 {
-  b as Form,
-  S as FormControl,
-  C as FormField,
-  N as FormItem,
-  M as FormLabel,
-  P as FormMessage,
-  d as useFormField
+  x as FilterContainer
 };

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

@@ -1,46 +1,31 @@
-import { jsxs as l, jsx as o } from "@emotion/react/jsx-runtime";
-import * as w from "react";
-import { Badge as d } from "./index252.js";
-import { Button as m } from "./index86.js";
-import { cn as p } from "./index102.js";
-import { XIcon as h } from "lucide-react";
-const g = ({
-  className: i,
-  value: e,
-  onChange: a,
-  ref: c,
-  ...f
+import { jsxs as i, jsx as e } from "@emotion/react/jsx-runtime";
+import { useDebounceCallback as c } from "./index67.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 [r, n] = w.useState("");
-  w.useEffect(() => {
-    if (r.includes(",")) {
-      const t = /* @__PURE__ */ new Set([...e, ...r.split(",").map((s) => s.trim())]);
-      a(Array.from(t)), n("");
-    }
-  }, [r, a, e]);
-  const u = () => {
-    if (r) {
-      const t = /* @__PURE__ */ new Set([...e, r]);
-      a(Array.from(t)), n("");
-    }
-  };
-  return /* @__PURE__ */ l("div", { className: p(
-    // caveat: :has() variant requires tailwind v3.4 or above: https://tailwindcss.com/blog/tailwindcss-v3-4#new-has-variant
-    "ttw:has-[:focus-visible]:ttw:outline-none ttw:has-[:focus-visible]:ttw:ring-2 ttw:has-[:focus-visible]:ttw:ring-neutral-950 ttw:has-[:focus-visible]:ttw:ring-offset-2 dark:ttw:has-[:focus-visible]:ttw:ring-neutral-300 ttw:min-h-10 ttw:flex ttw:w-full ttw:flex-wrap ttw:gap-2 ttw:rounded-md ttw:border ttw:border-neutral-200 ttw:bg-white ttw:px-3 ttw:py-2 ttw:text-sm ttw:ring-offset-white ttw:disabled:ttw:cursor-not-allowed ttw:disabled:ttw:opacity-50 dark:ttw:border-neutral-800 dark:ttw:bg-neutral-950 dark:ttw:ring-offset-neutral-950",
-    i
-  ), children: [
-    e.map((t) => /* @__PURE__ */ l(d, { variant: "secondary", children: [
-      t,
-      /* @__PURE__ */ o(m, { variant: "ghost", size: "icon", className: "ttw:ml-2 ttw:h-3 ttw:w-3", onClick: () => {
-        a(e.filter((s) => s !== t));
-      }, children: /* @__PURE__ */ o(h, { className: "ttw:w-3" }) })
-    ] }, t)),
-    /* @__PURE__ */ o("input", { className: "ttw:flex-1 ttw:outline-none ttw:placeholder:ttw:text-neutral-500 dark:ttw:placeholder:ttw:text-neutral-400", value: r, onChange: (t) => n(t.target.value), onKeyDown: (t) => {
-      t.key === "Enter" || t.key === "," ? (t.preventDefault(), u()) : t.key === "Backspace" && r.length === 0 && e.length > 0 && (t.preventDefault(), a(e.slice(0, -1)));
-    }, ...f, ref: c })
+  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"
+      }
+    } })
   ] });
 };
-g.displayName = "InputTags";
 export {
-  g as InputTags
+  u as DEBOUNCE_SEARCH_TIMEOUT,
+  x as SearchField
 };

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

@@ -2,9 +2,9 @@ import { jsx as o, jsxs as h, Fragment as T } from "@emotion/react/jsx-runtime";
 import { CounterpartDetails as b } from "./index2.js";
 import { CustomersTable as k } from "./index6.js";
 import { VendorsTable as v } from "./index5.js";
-import { CreateCounterpartDialog as w } from "./index155.js";
+import { CreateCounterpartDialog as w } from "./index157.js";
 import { MoniteScopedProviders as x } from "./index85.js";
-import { useUserPermissions as M } from "./index133.js";
+import { useUserPermissions as M } from "./index148.js";
 import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
 import "../../shared/data-access/dist/lib/EmbedApiContext.js";
 import "../../shared/data-access/dist/lib/rest/client.gen.js";
@@ -12,7 +12,7 @@ import "@tanstack/react-query";
 import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as l } from "../../shared/data-access/dist/lib/scopes.js";
 import { useState as u, useCallback as c } from "react";
-import { AccessRestriction as R } from "./index135.js";
+import { AccessRestriction as R } from "./index158.js";
 import { Button as y } from "./index86.js";
 import "clsx";
 import "tailwind-merge";

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

@@ -1,6 +1,6 @@
 import { useMoniteContext as _ } from "./index59.js";
 import { useLingui as l } from "@lingui/react";
-import { getAPIErrorMessage as b } from "./index121.js";
+import { getAPIErrorMessage as b } from "./index124.js";
 import { toast as s } from "react-hot-toast";
 import { useUpdatePayable as m } from "./index25.js";
 const A = ({

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

@@ -1,24 +1,80 @@
-import { jsx as p } from "@emotion/react/jsx-runtime";
-import { useTheme as i, Box as n } from "@mui/material";
-const d = ({
-  children: a,
-  shouldApplyFinanceStyles: r = !1
-}) => {
-  const e = i();
-  return /* @__PURE__ */ p(n, { sx: {
-    background: `linear-gradient(180deg, ${e.palette.primary.light} 0%, ${e.palette.background.paper} 100%)`,
-    display: "flex",
-    flexDirection: "column",
-    gap: 1,
-    px: 3,
-    py: r ? 3 : 2.5,
-    width: "100%",
-    minHeight: "auto",
-    borderRadius: "16px",
-    boxShadow: "0 16px 24px 0 rgba(0, 0, 0, 0.02)",
-    border: r ? "none" : `1px solid ${e.palette.divider}`
-  }, children: a });
-};
+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 {
-  d as FinanceBannerWrapper
+  i as getLayoutStyles
 };