@tesouro/embedded-components-react 0.2.84 → 0.2.85

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

@@ -1,27 +1,17 @@
-import { jsxs as n, jsx as t } from "@emotion/react/jsx-runtime";
-import { useLingui as r } from "@lingui/react";
-import { twMerge as i } from "tailwind-merge";
-const o = ({
-  label: e,
-  value: l,
-  className: a
-}) => /* @__PURE__ */ n("li", { className: i("ttw:flex ttw:justify-between ttw:items-center", a), children: [
-  /* @__PURE__ */ t("span", { children: e }),
-  /* @__PURE__ */ t("span", { children: l?.toString() })
-] }), u = ({
-  subtotalPrice: e,
-  totalTaxes: l,
-  totalPrice: a
-}) => {
-  const {
-    i18n: s
-  } = r();
-  return /* @__PURE__ */ n("ul", { className: "ttw:w-full ttw:flex ttw:flex-col ttw:gap-1.5 ttw:list-none", children: [
-    /* @__PURE__ */ t(o, { label: s._("Subtotal"), value: e, className: "ttw:text-sm ttw:font-normal" }),
-    /* @__PURE__ */ t(o, { label: s._("Tax"), value: l, className: "ttw:text-sm ttw:font-normal" }),
-    /* @__PURE__ */ t(o, { label: s._("Total"), value: a, className: "ttw:text-lg ttw:font-medium" })
-  ] });
-};
+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 {
-  u as InvoiceTotals
+  l as AspectRatio
 };

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

@@ -1,191 +1,88 @@
-import { jsxs as c, jsx as a } from "@emotion/react/jsx-runtime";
-import { useState as x, useRef as te, useCallback as f, useMemo as C, useEffect as ne } from "react";
-import { useMoniteContext as ae } from "./index57.js";
-import { useCurrencies as re } from "./index58.js";
-import "./index92.js";
-import { useLingui as ie } from "@lingui/react";
-import "react-dom";
-import "@mui/x-data-grid";
-import { Combobox as se, ComboboxInput as oe, ComboboxContent as le, ComboboxList as me, ComboboxItem as b, ComboboxSeparator as ue } from "./index90.js";
-import { InputGroupAddon as ce } from "./index101.js";
-import { Loader2 as E, Plus as de } from "lucide-react";
-const y = "__create-new__", u = "custom", Ne = ({
-  fieldName: i,
-  error: F,
-  disabled: z,
-  index: B = 0,
-  defaultCurrency: G,
-  measureUnits: _,
-  container: H,
-  onCreateItem: M,
-  onChange: o
+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 "./index423.js";
+import { RECEIPT_DUE_PAYMENT_TERM as u, CUSTOM_DATE_PAYMENT_TERM as l } from "./index176.js";
+import { cn as D } from "./index100.js";
+import { Skeleton as O } from "./index132.js";
+import { Select as R, SelectTrigger as U, SelectValue as V, SelectContent as z, SelectItem as h, SelectSeparator as I } from "./index269.js";
+import { Popover as q, PopoverAnchor as B, PopoverContent as K } from "./index359.js";
+import { Calendar as G } from "./index424.js";
+import { Field as H, FieldContent as J, FieldLabel as Q, FieldDescription as W, FieldError as X } from "./index153.js";
+const S = "MMM d, yyyy", ue = ({
+  disabled: T,
+  paymentTerms: f,
+  isLoading: E
 }) => {
   const {
-    i18n: A
-  } = ie(), D = G, [t, h] = x(""), [v, O] = x(!1), [K, N] = x(null), [I, d] = x(!1), w = te(!1), {
-    api: Q
-  } = ae(), {
-    formatCurrencyToDisplay: T
-  } = re(), {
-    data: P,
-    isLoading: R,
-    fetchNextPage: U,
-    hasNextPage: j,
-    isFetchingNextPage: k
-  } = Q.finops.getProducts.useInfiniteQuery({
-    query: {
-      limit: 20,
-      currency: D
-    }
-  }, {
-    initialPageParam: {
-      query: {
-        pagination_token: void 0
-      }
-    },
-    getNextPageParam: (e) => {
-      if (e.next_pagination_token)
-        return {
-          query: {
-            pagination_token: e.next_pagination_token
-          }
-        };
-    },
-    enabled: !!D
-  }), W = f((e) => {
-    const {
-      scrollTop: n,
-      scrollHeight: m,
-      clientHeight: $
-    } = e.currentTarget;
-    m - n - $ < 100 && j && !k && U();
-  }, [U, j, k]), l = C(() => P ? P.pages.flatMap((e) => e.data).sort((e, n) => (e.name ?? "").localeCompare(n.name ?? "")) : [], [P]), r = C(() => !l || l.length === 0 ? [] : l.map((e) => {
-    const n = _ ? _.data.find((m) => m.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: n
-    };
-  }), [l, _, i]);
-  ne(() => {
-    !v && i && i.length > 0 && !t.length && (l?.find((e) => e?.name === i) || h(i));
-  }, [i, v, l, t]);
-  const J = f(() => {
-    O(!0), d(!0);
-  }, []), X = f(() => {
-    O(!1), t && t.trim() !== "" && !r.some((e) => e.label === t) && o({
-      id: u,
-      label: t
-    }, !1);
-  }, [t, r, o]);
-  let s = l?.find((e) => e?.id === K);
-  if (!v && i && i.length > 0 && !t.length && !s) {
-    const e = l?.find(
-      (n) => n?.name === i
-      // potentially item?.product.name, double check
-    );
-    e && (s = e);
-  }
-  const Y = s ? s.id : t ? u : null, L = s ? s.name : t, {
-    matchingItems: g,
-    nonMatchingItems: q,
-    showCustomOption: S
-  } = C(() => {
-    const e = L.toLowerCase().trim();
-    if (!e || s && s.name.toLowerCase() === e)
-      return {
-        matchingItems: r,
-        nonMatchingItems: [],
-        showCustomOption: !1
-      };
-    const n = [], m = [];
-    for (const p of r)
-      p.label.toLowerCase().includes(e) ? n.push(p) : m.push(p);
-    const $ = n.some((p) => p.label.toLowerCase() === e);
-    return {
-      matchingItems: n,
-      nonMatchingItems: m,
-      showCustomOption: !$ && !!t.trim()
-    };
-  }, [L, r, s, t]), Z = C(() => [
-    y,
-    ...r.map((e) => e.id),
-    // Always include CUSTOM_ID when there's a custom name so Base UI tracks
-    // it as the selected value and shows the clear button. The visible
-    // ComboboxItem is still gated by showCustomOption.
-    ...t ? [u] : []
-  ], [r, t]), V = f((e) => {
-    if (!e) {
-      N(null), h(""), o({
-        id: "",
-        label: ""
-      }, !1);
-      return;
-    }
-    if (e === y) {
-      M();
-      return;
-    }
-    if (e === u) {
-      w.current = !0, o({
-        id: u,
-        label: t
-      }, !1);
-      return;
-    }
-    const n = r.find((m) => m.id === e);
-    n && (N(n.id), h(""), o(n, !0));
-  }, [t, r, o, M]), ee = f((e) => {
-    if (e !== y && e !== u && !r.some((n) => n.id === e)) {
-      if (!e && w.current) {
-        w.current = !1;
-        return;
-      }
-      h(e), N(null), e.trim() && o({
-        id: u,
-        label: e
-      }, !1);
+    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
     }
-  }, [r, o]);
-  return /* @__PURE__ */ c(se, { value: Y, onValueChange: V, inputValue: L, onInputValueChange: ee, items: Z, filter: () => !0, disabled: z, open: I, onOpenChange: d, children: [
-    /* @__PURE__ */ a(oe, { id: `item-selector-${B}`, placeholder: A._("e.g., office supplies"), "aria-invalid": F || void 0, maxLength: 100, onFocus: J, onBlur: X, onClick: () => {
-      I || d(!0);
-    }, onKeyDown: (e) => {
-      e.key === "Enter" ? (e.preventDefault(), t.trim() && (w.current = !0), d(!1)) : e.key === "Tab" && I && g.length === 1 && (V(g[0].id), d(!1));
-    }, showClear: !0, className: "ttw:w-full", children: R && /* @__PURE__ */ a(ce, { align: "inline-start", children: /* @__PURE__ */ a(E, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) }) }),
-    /* @__PURE__ */ a(le, { container: H, className: "ttw:min-w-138", children: /* @__PURE__ */ c(me, { onScroll: W, children: [
-      /* @__PURE__ */ c(b, { value: y, className: "ttw:text-primary ttw:font-semibold ttw:hover:text-primary ttw:focus:text-primary", children: [
-        /* @__PURE__ */ a(de, {}),
-        A._("Create new item")
-      ] }),
-      g.map((e) => /* @__PURE__ */ c(b, { value: e.id, children: [
-        /* @__PURE__ */ a("span", { className: "ttw:flex-1 ttw:min-w-0 ttw:truncate", children: e.label }),
-        /* @__PURE__ */ c("span", { className: "ttw:shrink-0 ttw:text-right ttw:text-xs ttw:text-muted-foreground", children: [
-          e.smallestAmount,
-          " ",
-          e.measureUnit?.description,
-          e.price && ` / ${T(e.price.value, e.price.currency)}`
-        ] })
-      ] }, e.id)),
-      S && /* @__PURE__ */ a(b, { value: u, children: /* @__PURE__ */ a("span", { className: "ttw:flex-1 ttw:min-w-0 ttw:truncate", children: t }) }),
-      (g.length > 0 || S) && q.length > 0 && /* @__PURE__ */ a(ue, {}),
-      q.map((e) => /* @__PURE__ */ c(b, { value: e.id, children: [
-        /* @__PURE__ */ a("span", { className: "ttw:flex-1 ttw:min-w-0 ttw:truncate", children: e.label }),
-        /* @__PURE__ */ c("span", { className: "ttw:shrink-0 ttw:text-right ttw:text-xs ttw:text-muted-foreground", children: [
-          e.smallestAmount,
-          " ",
-          e.measureUnit?.description,
-          e.price && ` / ${T(e.price.value, e.price.currency)}`
+  }) => /* @__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))
         ] })
-      ] }, e.id)),
-      k && /* @__PURE__ */ a("div", { className: "ttw:flex ttw:justify-center ttw:py-1", children: /* @__PURE__ */ a(E, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) })
-    ] }) })
-  ] });
+      ] }),
+      /* @__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 {
-  u as CUSTOM_ID,
-  Ne as ItemSelector
+  ue as PaymentSection
 };