@tesouro/embedded-components-react 0.2.225 → 0.2.227

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

@@ -1,72 +1,30 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { InvoicePreviewMonite as d } from "./index432.js";
-import { useAdaptiveScale as p } from "./index433.js";
-import { AspectRatio as v } from "./index434.js";
-import { cn as e } from "./index100.js";
-import { useRef as n } from "react";
-import { useGetMeasureUnits as h } from "./index332.js";
-const I = ({
-  address: i,
-  counterpart: s,
-  currency: o,
-  invoiceData: w,
-  entityData: m,
-  paymentTerms: l
+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 r = n(null), a = n(null), {
-    data: c
-  } = h(), f = p(r, a, {
-    containerPadding: 96,
-    minScale: 1,
-    initialDelay: 100,
-    useAdaptiveDimensions: !0
-    // Enable DPI-aware A4 dimensions
-  }), u = {
-    address: i,
-    counterpart: s,
-    currency: o,
-    invoiceData: w,
-    entityData: m,
-    paymentTerms: l,
-    measureUnits: c?.data || []
-  };
-  return /* @__PURE__ */ t("div", { ref: r, className: e(
-    // Container layout
-    "ttw:flex ttw:overflow-auto ttw:relative",
-    "ttw:w-full ttw:h-full ttw:min-h-0",
-    "ttw:p-12",
-    // 48px padding
-    "ttw:bg-gradient-to-br ttw:from-slate-50 ttw:to-slate-200",
-    // Force pixel-snapping for zoom stability
-    "ttw:[transform:translateZ(0)]"
-  ), style: {
-    justifyContent: "safe center",
-    alignItems: "safe center"
-  }, children: /* @__PURE__ */ t(v, { ratio: 21 / 29.7, className: e(
-    // Maximum width constraints for A4
-    "ttw:max-w-[21cm]",
-    // Minimum dimensions for proper scaling (A4: 794×1123px = 21cm × 29.7cm)
-    "ttw:min-w-[794px] ttw:min-h-[1123px]",
-    // Responsive scaling with our adaptive scale hook
-    "ttw:transition-transform ttw:duration-200 ttw:ease-in-out",
-    // Respect reduced motion preferences
-    "motion-reduce:ttw:transition-none",
-    "ttw:origin-center",
-    // Prevent unwanted shrinking and layout shifts
-    "ttw:shrink-0",
-    // CSS containment for layout stability
-    'ttw:[contain:"layout style"]'
-  ), style: {
-    // Dynamic transform must stay as inline style due to variable
-    transform: `scale(${f})`
-  }, children: /* @__PURE__ */ t("div", { ref: a, className: e(
-    // Full size within aspect ratio container
-    "ttw:w-full ttw:h-full",
-    "ttw:bg-white ttw:shrink-0",
-    "ttw:shadow-md",
-    "ttw:overflow-hidden"
-  ), children: /* @__PURE__ */ t(d, { ...u }) }) }) });
+  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) })
+  ] }) });
 };
 export {
-  I as InvoicePreview
+  p as StatusCard
 };

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

@@ -1,33 +1,129 @@
-import { format as m } from "date-fns";
-const a = "receipt_due", r = "custom";
-function _({
-  paymentTermId: e,
-  customDueDate: t
-}) {
-  return e === r ? t ? {
-    payment_terms: {
-      term_final: {
-        end_date: m(t, "yyyy-MM-dd")
-      }
+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)
+      };
     }
-  } : {
-    payment_terms: {
-      term_final: {
-        number_of_days: 0
-      }
+    case "last_week": {
+      const t = _(i(e, 1));
+      return {
+        from: t,
+        to: f(t)
+      };
     }
-  } : e === a ? {
-    payment_terms: {
-      term_final: {
-        number_of_days: 0
-      }
+    case "last_month": {
+      const t = l(d(e, 1));
+      return {
+        from: t,
+        to: n(t)
+      };
     }
-  } : e ? {
-    payment_terms_id: e
-  } : {};
+    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)
+      };
+    }
+  }
 }
 export {
-  r as CUSTOM_DATE_PAYMENT_TERM,
-  a as RECEIPT_DUE_PAYMENT_TERM,
-  _ as buildPaymentTermsPayload
+  v as DATE_PRESETS,
+  g as resolveDatePreset
 };

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

@@ -1,6 +1,16 @@
-import { toMinorUnits as r, fromMinorUnits as a } from "./index119.js";
-const s = (o) => a(o), t = (o) => r(o);
+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 {
-  t as rateMajorToMinor,
-  s as rateMinorToMajor
+  r as getTagCategoryLabel,
+  a as tagCategories
 };

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

@@ -1,22 +1,82 @@
-import { useMoniteContext as s } from "./index57.js";
-import { getAPIErrorMessage as i } from "./index120.js";
-import { useLingui as a } from "@lingui/react";
-import { toast as n } from "react-hot-toast";
-const f = () => {
+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 "./index123.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: e
-  } = a(), {
-    api: r
-  } = s();
-  return r.finops.postReceivables.useMutation({}, {
-    onError: (o) => {
-      const t = i(e, o);
-      n.error(e._("Failed to create invoice: {errorMessage}", {
-        errorMessage: 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);
+    }
+  }), _ = 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
+      });
+    }
+  };
 };
 export {
-  f as useCreateReceivable
+  I as useTags
 };

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

@@ -1,40 +1,79 @@
-import { useMoniteContext as o } from "./index57.js";
-import { getAPIErrorMessage as n } from "./index120.js";
-import { useLingui as p } from "@lingui/react";
-import { toast as c } from "react-hot-toast";
-const v = (r) => {
+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 "./index323.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: s
-  } = p(), {
-    api: e,
-    queryClient: a
-  } = o();
-  return e.finops.patchReceivablesId.useMutation({
-    path: {
-      receivable_id: r
-    }
-  }, {
-    onSuccess: async (i) => {
-      e.finops.getReceivablesId.setQueryData({
-        path: {
-          receivable_id: r
-        }
-      }, i, a), await Promise.all([e.finops.getReceivablesIdPdfLink.resetQueries({
-        parameters: {
-          path: {
-            receivable_id: r
-          }
-        }
-      }, a), e.finops.getReceivables.invalidateQueries(a)]);
-    },
-    onError: (i) => {
-      const t = n(s, i);
-      c.error(s._("Failed to update receivable: {errorMessage}", {
-        errorMessage: t
-      }));
-    }
-  });
-};
+    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 {
-  v as useUpdateReceivable
+  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/index347.js

@@ -1,33 +1,46 @@
-import { useMoniteContext as i } from "./index57.js";
-import { getAPIErrorMessage as a } from "./index120.js";
-import { useLingui as n } from "@lingui/react";
-import { toast as m } from "react-hot-toast";
-const l = (r) => {
-  const {
-    api: t
-  } = i(), {
-    i18n: e
-  } = n();
-  return t.finops.putReceivablesIdLineItems.useMutation({
-    path: {
-      receivable_id: r
+import { jsxs as l, jsx as o } from "@emotion/react/jsx-runtime";
+import * as w from "react";
+import { Badge as d } from "./index221.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: u,
+  ...c
+}) => {
+  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("");
     }
-  }, {
-    // No cache invalidation here on purpose. This endpoint is only ever called
-    // from the invoice edit submit, immediately followed by a PATCH
-    // /receivables/{id} whose response (the full invoice, including these line
-    // items) refreshes the invoice-details cache. Self-invalidating the
-    // details query here raced that PATCH — its refetch could read the
-    // pre-PATCH invoice and overwrite a just-saved field (e.g. a newly added
-    // bank account). See `useReceivableSubmit`.
-    onError: (o) => {
-      const s = a(e, o);
-      m.error(e._("Failed to update receivable line items: {errorMessage}", {
-        errorMessage: s
-      }));
+  }, [r, a, e]);
+  const f = () => {
+    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(), f()) : t.key === "Backspace" && r.length === 0 && e.length > 0 && (t.preventDefault(), a(e.slice(0, -1)));
+    }, ...c, ref: u })
+  ] });
 };
+g.displayName = "InputTags";
 export {
-  l as useUpdateReceivableLineItems
+  g as InputTags
 };

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

@@ -1,36 +1,23 @@
-import { useMoniteContext as a } from "./index57.js";
-import { getAPIErrorMessage as n } from "./index120.js";
-import { useLingui as c } from "@lingui/react";
-import { toast as t } from "react-hot-toast";
-const d = () => {
+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 {
-    api: e,
-    queryClient: i
-  } = a(), {
-    i18n: r
-  } = c();
-  return e.finops.postRecurrences.useMutation(void 0, {
-    onError(s) {
-      t.error(n(r, s));
-    },
-    async onSuccess(s, o) {
-      await Promise.all([
-        e.finops.getReceivables.invalidateQueries(i),
-        // Refresh the invoice's details so the newly-created recurrence (its
-        // `recurrence_id` and schedule) shows immediately. This lives on the
-        // POST /recurrences success, not the PATCH /receivables one, since the
-        // recurrence is what the details view needs to re-read.
-        e.finops.getReceivablesId.invalidateQueries({
-          parameters: {
-            path: {
-              receivable_id: o.body.invoice_id
-            }
-          }
-        }, i)
-      ]), t.success(r._("Recurring billing activated"));
-    }
-  });
+    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 || ""}` });
 };
 export {
-  d as useCreateRecurrence
+  u as UserCell
 };