@tesouro/embedded-components-react 0.2.118 → 0.2.119

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

@@ -1,22 +1,69 @@
-import { useMoniteContext as n } from "./index57.js";
-import { useLingui as s } from "@lingui/react";
-import { toast as r } from "react-hot-toast";
-const p = () => {
+import { jsxs as r, jsx as e, Fragment as T } from "@emotion/react/jsx-runtime";
+import { MeasureUnitsFormRow as f } from "./index393.js";
+import { ConfirmDeleteMeasureUnitDialog as j } from "./index394.js";
+import { TableActions as z } from "./index395.js";
+import { Table as A, TableHeader as E, TableRow as h, TableHead as l, TableBody as G, TableCell as d } from "./index281.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 "./index209.js";
+import { useDeleteMeasureUnit as y } from "./index396.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: e
-  } = s(), {
-    api: t,
-    queryClient: o
-  } = n();
-  return t.finops.deleteCounterpartsId.useMutation(void 0, {
-    onSuccess: async () => {
-      await t.finops.getCounterparts.invalidateQueries(o), r.success(e._("Counterpart has been deleted."));
-    },
-    onError: () => {
-      r.error(e._("Failed to delete Counterpart."));
-    }
-  });
+    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 {
-  p as useDeleteCounterpart
+  at as ManageMeasureUnitsForm
 };

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

@@ -1,32 +1,16 @@
-import { useMoniteContext as s } from "./index57.js";
-import { useLingui as i } from "@lingui/react";
-import { toast as a } from "react-hot-toast";
-import { getCounterpartName as p } from "./index7.js";
-const f = () => {
-  const {
-    i18n: r
-  } = i(), {
-    api: t,
-    queryClient: o
-  } = s();
-  return t.finops.patchCounterpartsId.useMutation(void 0, {
-    onSuccess: async (e) => {
-      t.finops.getCounterpartsId.setQueryData({
-        path: {
-          counterpart_id: e.id
-        }
-      }, (n) => ({
-        ...n,
-        ...e
-      }), o), await t.finops.getCounterparts.invalidateQueries(o), a.success(r._("{name} has been updated.", {
-        name: p(e)
-      }));
-    },
-    onError: () => {
-      a.error(r._("Failed to update counterpart."));
-    }
-  });
-};
+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] : "";
+}
 export {
-  f as useUpdateCounterpart
+  r as getTagCategoryLabel,
+  a as tagCategories
 };

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

@@ -1,44 +1,82 @@
-import { useMoniteContext as n } from "./index57.js";
-import { useLingui as i } from "@lingui/react";
-import { toast as p } from "react-hot-toast";
-const m = ({
-  counterpartId: e,
-  addressId: t
+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 "./index121.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: a
-  } = i(), {
-    api: r,
-    queryClient: s
-  } = n();
-  return r.finops.patchCounterpartsIdAddressesId.useMutation({
-    path: {
-      counterpart_id: e,
-      address_id: t
+    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);
     }
-  }, {
-    onSuccess: async (d) => {
-      r.finops.getCounterpartsIdAddressesId.setQueryData({
-        path: {
-          counterpart_id: e,
-          address_id: t
-        }
-      }, (o) => ({
-        ...o,
-        ...d
-      }), s), await r.finops.getCounterpartsIdAddresses.invalidateQueries({
+  }), _ = i.finops.patchTagsId.useMutation(void 0, {
+    onSuccess: (e) => {
+      Promise.all([i.finops.getTags.invalidateQueries(o), i.finops.getTagsId.invalidateQueries({
         parameters: {
           path: {
-            counterpart_id: e
+            tag_id: e.id
           }
         }
-      }, s);
+      }, o)]), m?.(e);
     },
-    onError: () => {
-      p.error(a._("Failed to update address."));
+    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
+      });
+    }
+  };
 };
 export {
-  m as useUpdateCounterpartAddress
+  I as useTags
 };

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

@@ -1,65 +1,79 @@
-import { jsxs as n, jsx as e } from "@emotion/react/jsx-runtime";
-import { Button as f } from "./index84.js";
-import { Field as m, FieldContent as c, FieldLabel as s, FieldError as u } from "./index172.js";
-import { Input as h } from "./index117.js";
-import { Typography as p } from "./index85.js";
-import { useLingui as g } from "@lingui/react";
-import { useFormContext as y, Controller as w } from "react-hook-form";
-import { twMerge as N } from "tailwind-merge";
-const j = ({
-  hasExistingBankAccount: a,
-  isLoading: o,
-  isStandalone: b,
-  handleCancel: v
-}) => {
+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 "./index278.js";
+import { cn as i } from "./index100.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 {
-    i18n: t
-  } = g(), {
-    control: d,
-    resetField: l
-  } = y();
-  return /* @__PURE__ */ n("div", { className: N("ttw:flex ttw:flex-col ttw:gap-4 ttw:p-4 ttw:bg-zinc-100", !b && "ttw:border ttw:border-primary ttw:rounded-[10px]"), children: [
-    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border", children: [
-      /* @__PURE__ */ e(p, { variant: "body1", className: "ttw:font-medium", children: a ? t._("Editing ACH bank transfer") : t._("Adding ACH bank transfer") }),
-      !a && !b && /* @__PURE__ */ e(f, { type: "button", variant: "ghost", className: "ttw:text-primary ttw:hover:text-primary", onClick: () => {
-        l("accountHolderName"), l("accountNumber"), l("routingNumber"), v?.();
-      }, children: t._("Cancel") })
-    ] }),
-    /* @__PURE__ */ e(w, { name: "accountHolderName", control: d, render: ({
-      field: r,
-      fieldState: {
-        error: i
-      }
-    }) => /* @__PURE__ */ e(m, { "data-invalid": !!(!r.value && a), children: /* @__PURE__ */ n(c, { children: [
-      /* @__PURE__ */ e(s, { htmlFor: r.name, children: t._("Account holder name") }),
-      /* @__PURE__ */ e(h, { id: r.name, ...r, className: "ttw:bg-white", disabled: o, "aria-invalid": !!(!r.value && a) || !!i || void 0 }),
-      /* @__PURE__ */ e(u, { errors: [i] })
-    ] }) }) }),
-    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-4", children: [
-      /* @__PURE__ */ e(w, { name: "routingNumber", control: d, render: ({
-        field: r,
-        fieldState: {
-          error: i
-        }
-      }) => /* @__PURE__ */ e(m, { "data-invalid": !!(!r.value && a), children: /* @__PURE__ */ n(c, { children: [
-        /* @__PURE__ */ e(s, { htmlFor: r.name, children: t._("Routing number") }),
-        /* @__PURE__ */ e(h, { id: r.name, ...r, placeholder: t._("e.g., 123456789"), className: "ttw:bg-white", disabled: o, "aria-invalid": !!(!r.value && a) || !!i || void 0 }),
-        /* @__PURE__ */ e(u, { errors: [i] })
-      ] }) }) }),
-      /* @__PURE__ */ e(w, { name: "accountNumber", control: d, render: ({
-        field: r,
-        fieldState: {
-          error: i
-        }
-      }) => /* @__PURE__ */ e(m, { "data-invalid": !!(!r.value && a), children: /* @__PURE__ */ n(c, { children: [
-        /* @__PURE__ */ e(s, { htmlFor: r.name, children: t._("Account number") }),
-        /* @__PURE__ */ e(h, { id: r.name, ...r, placeholder: t._("e.g., 12345678"), className: "ttw:bg-white", disabled: o, "aria-invalid": !!(!r.value && a) || !!i || void 0 }),
-        /* @__PURE__ */ e(u, { errors: [i] })
-      ] }) }) })
-    ] }),
-    /* @__PURE__ */ e(p, { color: "muted", variant: "body2", children: t._("Ask your vendor for this — it's usually on their invoice, W-9, or a payment instructions email they send you.") })
-  ] });
-};
+    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;
+}
 export {
-  j as CounterpartBankFormContent
+  b as Form,
+  S as FormControl,
+  C as FormField,
+  N as FormItem,
+  M as FormLabel,
+  P as FormMessage,
+  d as useFormField
 };

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

@@ -1,98 +1,46 @@
-import { jsx as u, jsxs as d } from "@emotion/react/jsx-runtime";
-import { useForm as y, FormProvider as B } from "react-hook-form";
-import { useLingui as v } from "@lingui/react";
-import { useId as F, useMemo as z, useCallback as H } from "react";
-import { zodResolver as P } from "@hookform/resolvers/zod";
-import { Button as w } from "./index84.js";
-import { getCounterpartBankValidationSchema as U } from "./index235.js";
-import "./index57.js";
-import { toast as l } from "react-hot-toast";
-import { useCreateCounterpartBank as A } from "./index236.js";
-import { useUpdateCounterpartBank as D } from "./index388.js";
-import "date-fns";
-import { getCounterpartName as L } from "./index7.js";
-import { LoadingSpinner as j } from "./index145.js";
-import { CounterpartBankFormContent as I } from "./index274.js";
-const $ = ({
-  counterpartId: p,
-  isStandalone: g,
-  bankAccount: t,
-  handleClose: b,
-  onUpdate: c,
-  onCreate: i
+import { jsxs as l, jsx as o } from "@emotion/react/jsx-runtime";
+import * as w from "react";
+import { Badge as d } from "./index244.js";
+import { Button as m } from "./index84.js";
+import { cn as p } from "./index100.js";
+import { XIcon as h } from "lucide-react";
+const g = ({
+  className: i,
+  value: e,
+  onChange: a,
+  ref: c,
+  ...f
 }) => {
-  const {
-    i18n: e
-  } = v(), h = `vendor-bank-form-${F()}`, N = !!t, {
-    mutate: f,
-    isPending: k
-  } = D(), {
-    mutate: _,
-    isPending: C
-  } = A(), o = k || C, S = z(() => ({
-    accountHolderName: t?.account_holder_name ?? "",
-    accountNumber: t?.account_number ?? "",
-    routingNumber: t?.routing_number ?? ""
-  }), [t]), {
-    resetField: n,
-    ...a
-  } = y({
-    resolver: P(U(e)),
-    defaultValues: S
-  }), x = H((m) => {
-    m.preventDefault(), m.stopPropagation(), a.handleSubmit((r) => {
-      if (t) {
-        const s = {
-          account_holder_name: r.accountHolderName,
-          account_number: r.accountNumber,
-          routing_number: r.routingNumber
-        };
-        return f({
-          path: {
-            counterpart_id: p,
-            bank_account_id: t?.id
-          },
-          body: s
-        }, {
-          onSuccess: () => {
-            l.success(e._("Bank account information has been updated.")), c && c();
-          }
-        });
-      } else {
-        const s = {
-          account_holder_name: r.accountHolderName,
-          account_number: r.accountNumber,
-          routing_number: r.routingNumber,
-          country: "US",
-          currency: "USD",
-          is_default_for_currency: !0
-        };
-        return _({
-          path: {
-            counterpart_id: p
-          },
-          body: s
-        }, {
-          onSuccess: () => {
-            l.success(e._("Bank Account has been added.")), i && i();
-          }
-        });
-      }
-    })(m);
-  }, [l, f, _, L, c, i, a.handleSubmit, e]);
-  return /* @__PURE__ */ u(B, { resetField: n, ...a, children: /* @__PURE__ */ d("form", { id: h, onSubmit: x, className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:p-4 ttw:border ttw:border-primary ttw:rounded-[10px] ttw:bg-zinc-100", children: [
-    /* @__PURE__ */ u(I, { hasExistingBankAccount: N, handleCancel: b, isLoading: o, isStandalone: g }),
-    /* @__PURE__ */ d("div", { className: "ttw:flex ttw:gap-4 ttw:pt-6", children: [
-      /* @__PURE__ */ u(w, { type: "button", variant: "outline", className: "ttw:border-border ttw:flex-1", disabled: o, onClick: () => {
-        n("accountHolderName"), n("accountNumber"), n("routingNumber"), b();
-      }, children: e._("Cancel") }),
-      /* @__PURE__ */ d(w, { type: "submit", className: "ttw:flex-1", disabled: o || !a.formState.isDirty, children: [
-        o && /* @__PURE__ */ u(j, { className: "ttw:border-white ttw:border-t-transparent ttw:size-4" }),
-        e._("Save")
-      ] })
-    ] })
-  ] }) });
+  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 })
+  ] });
 };
+g.displayName = "InputTags";
 export {
-  $ as CounterpartBankForm
+  g as InputTags
 };