@tesouro/embedded-components-react 0.2.133 → 0.2.149

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

@@ -1,143 +1,51 @@
-import { jsxs as P, jsx as i } from "@emotion/react/jsx-runtime";
-import { useState as x, useCallback as p, useMemo as w, useEffect as J } from "react";
-import { useMoniteContext as R } from "./index57.js";
-import { useCurrencies as X } from "./index58.js";
+import { useState as S, useRef as W, useCallback as $, useEffect as v } from "react";
+import { useResizeObserver as x } from "./index438.js";
+import { useWindowResize as z } from "./index439.js";
+import "./index57.js";
+import "@lingui/react";
+import "react-hot-toast";
 import "./index92.js";
-import { useLingui as Y } from "@lingui/react";
+import "@emotion/react/jsx-runtime";
 import "react-dom";
 import "@mui/x-data-grid";
-import { useUserPermissions as Z } from "./index135.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";
-import "@tanstack/react-query";
-import "../../shared/data-access/dist/lib/rest/zod.gen.js";
-import { Scope as $ } from "../../shared/data-access/dist/lib/scopes.js";
-import { Combobox as ee, ComboboxInput as te, ComboboxContent as ne, ComboboxList as ie, ComboboxEmpty as ae, ComboboxItem as oe } from "./index90.js";
-import { InputGroupAddon as re } from "./index101.js";
-import { Loader2 as M } from "lucide-react";
-const se = "custom", Pe = ({
-  fieldName: a,
-  error: V,
-  disabled: j,
-  index: B = 0,
-  defaultCurrency: D,
-  measureUnits: C,
-  container: E,
-  onChange: l
-}) => {
+import { useIsMounted as O } from "./index68.js";
+import { useA4Dimensions as T } from "./index440.js";
+const K = (e, c, D = {}) => {
   const {
-    i18n: f
-  } = Y(), k = D, [g, m] = x(""), [b, I] = x(!1), [q, y] = x(null), [_, u] = x(!1), {
-    api: z
-  } = R(), {
-    formatCurrencyToDisplay: A
-  } = X(), d = Z().has($.ProductWriteOrg), {
-    data: N,
-    isLoading: F,
-    fetchNextPage: S,
-    hasNextPage: T,
-    isFetchingNextPage: v
-  } = z.finops.getProducts.useInfiniteQuery({
-    query: {
-      limit: 20,
-      currency: k
-    }
-  }, {
-    initialPageParam: {
-      query: {
-        pagination_token: void 0
-      }
-    },
-    getNextPageParam: (e) => {
-      if (e.next_pagination_token)
-        return {
-          query: {
-            pagination_token: e.next_pagination_token
-          }
-        };
-    },
-    enabled: !!k
-  }), H = p((e) => {
-    const {
-      scrollTop: t,
-      scrollHeight: r,
-      clientHeight: L
-    } = e.currentTarget;
-    r - t - L < 100 && T && !v && S();
-  }, [S, T, v]), o = w(() => N ? N.pages.flatMap((e) => e.data).sort((e, t) => (e.name ?? "").localeCompare(t.name ?? "")) : [], [N]), c = w(() => !o || o.length === 0 ? [] : o.map((e) => {
-    const t = C ? C.data.find((r) => r.id === e.measure_unit_id) : void 0;
-    return {
-      id: e.id,
-      label: e.name,
-      description: e.description,
-      price: e.price,
-      smallestAmount: e.smallest_amount,
-      measureUnit: t
-    };
-  }), [o, C]);
-  J(() => {
-    !b && a && a.length > 0 && !g.length && (o?.find((e) => e?.name === a) || m(a));
-  }, [a, b, o, g]);
-  let n = o?.find((e) => e?.id === q);
-  if (!b && a && a.length > 0 && !g.length && !n) {
-    const e = o?.find((t) => t?.name === a);
-    e && (n = e);
-  }
-  const O = n ? n.id : null, h = n ? n.name : g, s = w(() => {
-    const e = h.toLowerCase().trim();
-    return !e || n && n.name.toLowerCase() === e ? c : c.filter((t) => t.label.toLowerCase().includes(e));
-  }, [h, c, n]), W = w(() => s.map((e) => e.id), [s]), G = p(() => {
-    I(!0), u(!0);
-  }, []), K = p(() => {
-    I(!1);
-  }, []), U = p((e) => {
-    if (!e) {
-      y(null), m(""), l({
-        id: "",
-        label: ""
-      }, !1);
+    minWidth: b,
+    minHeight: y,
+    containerPadding: n = 96,
+    minScale: o = 1,
+    initialDelay: m = 100,
+    useAdaptiveDimensions: a = !0
+  } = D, [M, p] = S(1), f = W(!1), d = O(), l = T(), s = b ?? (a ? l.width : 794), u = y ?? (a ? l.height : 1123), r = $(() => {
+    if (!e.current || !c.current || typeof window > "u" || !d.current)
       return;
-    }
-    const t = c.find((r) => r.id === e);
-    t && (y(t.id), m(""), l(t, !0));
-  }, [c, l]), Q = p((e, t) => {
-    if (t.reason !== "input-change") {
-      d || m("");
+    const i = e.current, w = i.clientWidth - n, g = i.clientHeight - n;
+    if (w <= 0 || g <= 0 || s <= 0 || u <= 0) {
+      p(o);
       return;
     }
-    m(e), y(null), d && l(e.trim() ? {
-      id: se,
-      label: e
-    } : {
-      id: "",
-      label: ""
-    }, !1);
-  }, [d, l]);
-  return /* @__PURE__ */ P(ee, { value: O, onValueChange: U, inputValue: h, onInputValueChange: Q, items: W, filter: () => !0, disabled: j, open: _, onOpenChange: u, children: [
-    /* @__PURE__ */ i(te, { id: `item-selector-${B}`, placeholder: d ? f._("e.g., The machine that goes ping") : f._("Search for an item"), "aria-invalid": V || void 0, maxLength: 100, onFocus: G, onBlur: K, onClick: () => {
-      _ || u(!0);
-    }, onKeyDown: (e) => {
-      if (e.key === "Enter")
-        e.preventDefault(), u(!1);
-      else if (e.key === "Tab" && _) {
-        const t = h.toLowerCase().trim();
-        if (!t) return;
-        const r = s.find((L) => L.label.toLowerCase() === t) ?? (s.length === 1 ? s[0] : void 0);
-        r && (U(r.id), u(!1));
-      }
-    }, className: "ttw:w-full", children: F && /* @__PURE__ */ i(re, { align: "inline-start", children: /* @__PURE__ */ i(M, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) }) }),
-    /* @__PURE__ */ i(ne, { container: E, className: "ttw:min-w-138", children: /* @__PURE__ */ P(ie, { onScroll: H, children: [
-      /* @__PURE__ */ i(ae, { children: d ? f._("No saved items found - type to add an item") : f._("No saved items found") }),
-      s.map((e) => /* @__PURE__ */ P(oe, { value: e.id, children: [
-        /* @__PURE__ */ i("span", { className: "ttw:flex-1 ttw:min-w-0 ttw:truncate", children: e.label }),
-        /* @__PURE__ */ i("span", { className: "ttw:shrink-0 ttw:text-right ttw:text-xs ttw:text-muted-foreground", children: [e.price && A(e.price.value, e.price.currency), e.measureUnit?.name].filter(Boolean).join(" ") })
-      ] }, e.id)),
-      v && /* @__PURE__ */ i("div", { className: "ttw:flex ttw:justify-center ttw:py-1", children: /* @__PURE__ */ i(M, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) })
-    ] }) })
-  ] });
+    const A = w / s, H = g / u, R = Math.max(Math.min(A, H), o);
+    p(R);
+  }, [e, c, d, n, s, u, o]);
+  z(r, 100);
+  const {
+    observe: t,
+    disconnect: h
+  } = x(r, 50);
+  return v(() => {
+    if (typeof window > "u") return;
+    const i = setTimeout(() => {
+      r(), f.current = !0;
+    }, m);
+    return e.current && t(e.current), () => {
+      clearTimeout(i), h();
+    };
+  }, [t, h, m, r, e]), v(() => {
+    e.current && f.current && t(e.current);
+  }, [e, t]), M;
 };
 export {
-  se as CUSTOM_ID,
-  Pe as ItemSelector
+  K as useAdaptiveScale
 };

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

@@ -1,114 +1,17 @@
-import { useCreateInvoiceProductsTable as N } from "./index412.js";
-import { sanitizeLineItems as W } from "./index335.js";
-import { useCurrencies as k } from "./index58.js";
-import { useRef as z, useState as J, useCallback as u, useEffect as x, useMemo as O } from "react";
-import "./index92.js";
-import "@emotion/react/jsx-runtime";
-import "@lingui/react";
-import "react-dom";
-import "./index57.js";
-import "@mui/x-data-grid";
-import { useIsMounted as j } from "./index68.js";
-import { generateUniqueId as B } from "./index414.js";
-import { useFormContext as G, useFieldArray as H } from "react-hook-form";
-const oe = ({
-  defaultCurrency: p,
-  isInclusivePricing: C
-}) => {
-  const {
-    control: P,
-    formState: {
-      errors: o
-    },
-    setValue: l,
-    getValues: t,
-    watch: f,
-    clearErrors: m,
-    trigger: h,
-    reset: g
-  } = G(), {
-    fields: n,
-    append: y,
-    remove: v
-  } = H({
-    control: P,
-    name: "line_items",
-    shouldUnregister: !1
-  }), c = j(), s = z(!1), [I, b] = J(!1), V = f("line_items"), T = f("tax_rate"), D = W(V), {
-    formatCurrencyToDisplay: L
-  } = k(), {
-    subtotalPrice: R,
-    totalPrice: S,
-    totalTaxes: q
-  } = N({
-    lineItems: D,
-    actualCurrency: p,
-    isInclusivePricing: C,
-    formatCurrencyToDisplay: L,
-    taxRate: Number(T) || void 0
-  }), i = u((e) => {
-    const r = {
-      name: e?.product?.name || "",
-      price: {
-        currency: p,
-        value: e?.product?.price?.value || 0
-      },
-      measure_unit_id: e?.product?.measure_unit_id || "",
-      type: e?.product?.type || "product"
-    };
-    return {
-      id: e?.id ?? B(),
-      product_id: e?.product_id || "",
-      product: r,
-      quantity: e?.quantity ?? 1,
-      tax_rate_value: e?.tax_rate_value ? e?.tax_rate_value ?? 0 : void 0,
-      ...e?.measure_unit ? {
-        measure_unit: e.measure_unit
-      } : {},
-      taxable: !0
-    };
-  }, [p]), A = u(() => {
-    if (s.current) return;
-    s.current = !0, y(i());
-    const e = t("line_items");
-    e && e.length > 0 && m(`line_items.${e.length - 1}`);
-  }, [y, i, t, m]);
-  x(() => {
-    s.current && Promise.resolve().then(() => {
-      c.current && (s.current = !1);
-    });
-  }, [n.length, c]), x(() => {
-    !c.current || I || !t("line_items")?.length && !s.current && (g({
-      ...t(),
-      line_items: [i()]
-    }), b(!0));
-  }, [c, I, t, g, i]);
-  const E = u((e) => v(e), [v, t]), F = u(() => {
-    const e = t("line_items");
-    if (!e?.length) return;
-    const r = e.filter((a) => !!a?.product?.name?.trim()), d = e.find((a) => !a?.product?.name?.trim()), _ = r.length > 0 ? r : e.length > 0 ? [i(d || void 0)] : [];
-    (_.length !== e.length || !_.every((a, w) => a.id === e[w]?.id)) && (m("line_items"), l("line_items", _, {
-      shouldValidate: !1,
-      shouldDirty: !0
-    }));
-  }, [t, l, m, i]), M = u((e, r, d) => {
-    l(e, r, {
-      shouldDirty: !0,
-      ...d
-    }), d?.shouldValidate && h(e);
-  }, [l, h]), U = JSON.stringify(o.line_items), $ = O(() => Array.isArray(o.line_items) ? n.map((e, r) => o.line_items?.[r] ?? {}) : n.map(() => ({})), [o.line_items, U, n]);
-  return {
-    fields: n,
-    subtotalPrice: R,
-    totalPrice: S,
-    totalTaxes: q,
-    lineItemErrors: $,
-    handleAddRow: A,
-    handleRemoveItem: E,
-    setValueWithValidationLocal: M,
-    cleanUpLineItemsForSubmission: F
-  };
-};
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { cn as c } from "./index100.js";
+const l = ({
+  ratio: t,
+  children: s,
+  className: a,
+  style: e,
+  ref: i,
+  ...o
+}) => /* @__PURE__ */ r("div", { ref: i, className: c("ttw:w-full", a), style: {
+  ...e,
+  aspectRatio: t.toString()
+}, ...o, children: s });
+l.displayName = "AspectRatio";
 export {
-  oe as useLineItemManagement
+  l as AspectRatio
 };

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

@@ -1,84 +1,88 @@
-import { rateMinorToMajor as p, rateMajorToMinor as f } from "./index94.js";
-import { generateUniqueId as l } from "./index414.js";
-const c = (t, e) => {
-  let r = t;
-  for (const n of e) {
-    if (typeof r != "object" || r === null || !(n in r))
-      return;
-    r = r[n];
-  }
-  return typeof r == "object" && r !== null && "message" in r && typeof r.message == "string" ? String(r.message) : void 0;
-};
-function m(t, e) {
-  if (!t)
-    return;
-  const r = typeof t == "object";
-  if (r && "message" in t && typeof t.message == "string")
-    return t.message;
-  const n = e.split("."), s = !Array.isArray(t);
-  if (s && r)
-    return c(t, n);
-  if (s) return;
-  const a = t.find((o) => {
-    if (!o || typeof o != "object" || o === null) return !1;
-    let i = o;
-    for (const u of n) {
-      if (typeof i != "object" || i === null || !(u in i))
-        return !1;
-      i = i[u];
-    }
-    return typeof i == "object" && i !== null && "message" in i && typeof i.message == "string";
-  });
-  if (a)
-    return c(a, n);
-}
-const d = (t, e) => m(t, e), M = (t) => {
-  let e = t.replace(/[^0-9.]/g, "");
-  const r = e.indexOf(".");
-  if (r !== -1 && (e = e.slice(0, r + 1) + e.slice(r + 1).replace(/\./g, ""), e = e.slice(0, r + 3)), e.length > 1 && e.startsWith("0") && e[1] !== "." && (e = e.replace(/^0+/, "") || "0"), e === "" || e === ".")
-    return e;
-  const n = Number(e);
-  return !isNaN(n) && n > 100 ? "100" : e;
-}, j = (t, e) => {
-  if (t === void 0 || isNaN(t)) return "";
-  const r = p(t);
-  return e.format(r);
-}, b = (t, e, r) => {
-  if (t.trim() === "") return 0;
-  let n = t;
-  if (r) {
-    const a = r.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-    n = n.replace(new RegExp(a, "g"), "");
-  }
-  n = n.replace(e, ".");
-  const s = parseFloat(n);
-  return isNaN(s) ? 0 : f(s);
-}, _ = (t) => !t || !Array.isArray(t) ? [] : t.filter((e) => !!e?.product?.name).map((e) => ({
-  ...e,
-  id: e.product_id || l(),
-  quantity: e.quantity ?? 1,
-  product: {
-    ...e.product,
-    type: e.product?.type,
-    price: {
-      ...e.product?.price || {},
-      value: e.product?.price?.value ?? 0,
-      currency: e.product?.price?.currency || "USD"
-    },
-    measure_unit_id: e.product?.measure_unit_id || ""
-  },
-  ...e.measure_unit?.name ? {
-    measure_unit: {
-      name: e.measure_unit.name,
-      id: null
+import { jsx as e, Fragment as v, jsxs as n } from "@emotion/react/jsx-runtime";
+import { useState as k, useMemo as b } from "react";
+import { useFormContext as Y, Controller as j } from "react-hook-form";
+import { format as x } from "date-fns";
+import { Calendar as A } from "lucide-react";
+import { calculateDueDate as N } from "./index7.js";
+import { useLingui as L } from "@lingui/react";
+import { dedupePaymentTermsByContent as $ } from "./index430.js";
+import { RECEIPT_DUE_PAYMENT_TERM as u, CUSTOM_DATE_PAYMENT_TERM as l } from "./index189.js";
+import { cn as D } from "./index100.js";
+import { Skeleton as O } from "./index136.js";
+import { Select as R, SelectTrigger as U, SelectValue as V, SelectContent as z, SelectItem as h, SelectSeparator as I } from "./index286.js";
+import { Popover as q, PopoverAnchor as B, PopoverContent as K } from "./index382.js";
+import { Calendar as G } from "./index431.js";
+import { Field as H, FieldContent as J, FieldLabel as Q, FieldDescription as W, FieldError as X } from "./index156.js";
+const S = "MMM d, yyyy", ue = ({
+  disabled: T,
+  paymentTerms: f,
+  isLoading: E
+}) => {
+  const {
+    i18n: a
+  } = L(), {
+    control: M,
+    watch: w,
+    setValue: _
+  } = Y(), [F, m] = k(!1), i = w("payment_terms_id"), y = w("frequency") !== "once", o = w("payment_terms_custom_date") ?? void 0, p = (r) => _("payment_terms_custom_date", r ?? null), {
+    dedupedTerms: g
+  } = b(() => $(f?.data ?? []), [f]), d = g.find((r) => r?.id === i), P = d && N(d), c = () => {
+    window.setTimeout(() => m(!0), 0);
+  }, C = (r, s) => /* @__PURE__ */ n("span", { className: "ttw:flex ttw:w-full ttw:min-w-0 ttw:items-center ttw:justify-between ttw:gap-2", children: [
+    /* @__PURE__ */ e("span", { className: "ttw:truncate", children: r }),
+    s && /* @__PURE__ */ e("span", { className: "ttw:text-muted-foreground ttw:shrink-0 ttw:text-xs", children: x(s, S) })
+  ] });
+  return /* @__PURE__ */ e(v, { children: E ? /* @__PURE__ */ e(O, { className: "ttw:w-full ttw:h-9" }) : /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(j, { name: "payment_terms_id", control: M, render: ({
+    field: r,
+    fieldState: {
+      error: s
     }
-  } : {}
-}));
+  }) => /* @__PURE__ */ e(H, { children: /* @__PURE__ */ n(J, { children: [
+    /* @__PURE__ */ e(Q, { htmlFor: "payment_terms_id", children: a._("Payment terms") }),
+    /* @__PURE__ */ n(q, { open: F, onOpenChange: (t) => {
+      m(t), !t && i === l && !o && r.onChange(void 0);
+    }, children: [
+      /* @__PURE__ */ n(R, { ...r, disabled: T, value: r.value, onValueChange: (t) => {
+        if (t === l) {
+          i !== l && p(void 0), r.onChange(t), c();
+          return;
+        }
+        r.onChange(t), t === u && _("payment_reminder_id", "", {
+          shouldDirty: !0
+        }), p(void 0), m(!1);
+      }, children: [
+        /* @__PURE__ */ e(B, { className: "ttw:w-full", children: /* @__PURE__ */ e(U, { id: "payment_terms_id", className: "ttw:w-full", "aria-invalid": !!s, children: /* @__PURE__ */ n(V, { placeholder: a._("Select payment terms"), children: [
+          i === u && /* @__PURE__ */ e("span", { className: "ttw:truncate", children: a._("Due on receipt") }),
+          i === l && /* @__PURE__ */ n("span", { className: "ttw:flex ttw:w-full ttw:min-w-0 ttw:items-center ttw:justify-between ttw:gap-2", children: [
+            /* @__PURE__ */ n("span", { className: "ttw:flex ttw:min-w-0 ttw:items-center ttw:gap-1.5", children: [
+              /* @__PURE__ */ e(A, { className: D("ttw:size-4 ttw:shrink-0", !o && "ttw:text-muted-foreground") }),
+              /* @__PURE__ */ e("span", { className: D("ttw:truncate", !o && "ttw:text-muted-foreground"), children: o ? x(o, S) : a._("Mon DD, YYYY") })
+            ] }),
+            /* @__PURE__ */ e("span", { className: "ttw:text-muted-foreground ttw:shrink-0 ttw:text-xs", children: a._("Custom date") })
+          ] }),
+          d && C(d.name, P)
+        ] }) }) }),
+        /* @__PURE__ */ n(z, { children: [
+          /* @__PURE__ */ e(h, { value: u, children: a._("Due on receipt") }),
+          !y && /* @__PURE__ */ e(h, { value: l, onPointerUp: c, onClick: c, onKeyDown: (t) => {
+            (t.key === "Enter" || t.key === " ") && c();
+          }, children: a._("Custom date") }),
+          /* @__PURE__ */ e(I, {}),
+          g.map((t) => /* @__PURE__ */ e(h, { value: t.id, children: C(t.name, N(t)) }, t.id))
+        ] })
+      ] }),
+      /* @__PURE__ */ e(K, { className: "ttw:w-auto ttw:overflow-hidden ttw:p-0", align: "start", onFocusOutside: (t) => {
+        t.preventDefault();
+      }, children: /* @__PURE__ */ e(G, { mode: "single", captionLayout: "dropdown", selected: o, disabled: {
+        before: /* @__PURE__ */ new Date()
+      }, onSelect: (t) => {
+        p(t), m(!1);
+      } }) })
+    ] }),
+    y && /* @__PURE__ */ e(W, { children: a._("Each invoice in the series will have the same payment term.") }),
+    /* @__PURE__ */ e(X, { errors: s ? [s] : [] })
+  ] }) }) }) }) });
+};
 export {
-  j as formatMinorToMajorCurrency,
-  m as getErrorMessage,
-  d as getLineItemErrorMessage,
-  b as parseMajorToMinorCurrency,
-  _ as sanitizeLineItems,
-  M as sanitizeTaxRateInput
+  ue as PaymentSection
 };