@tesouro/embedded-components-react 0.2.115 → 0.2.117

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

@@ -1,51 +1,44 @@
-import { jsx as t, Fragment as u, jsxs as a } from "@emotion/react/jsx-runtime";
-import { Button as c } from "./index84.js";
-import { Typography as o } from "./index85.js";
-import { useLingui as b } from "@lingui/react";
-import { Landmark as x, Plus as y } from "lucide-react";
-import { useState as k } from "react";
-import { twMerge as N } from "tailwind-merge";
-import { CounterpartBankFormContent as C } from "./index297.js";
-import { CounterpartBankForm as h } from "./index298.js";
-const E = ({
-  isStandalone: f,
-  counterpartId: i,
-  bankAccount: e,
-  isUpdateAllowed: d,
-  isDeleteAllowed: w,
-  onRemoveClick: g,
-  isLoading: m
+import { jsx as t, jsxs as c } from "@emotion/react/jsx-runtime";
+import { CenteredContentBox as p } from "./index232.js";
+import { DropdownMenu as d, DropdownMenuTrigger as h, DropdownMenuContent as u, DropdownMenuItem as f } from "./index193.js";
+import { Button as l } from "./index84.js";
+import { RefreshCw as s, ChevronDown as w } from "lucide-react";
+import { Typography as m } from "./index85.js";
+const B = ({
+  title: r,
+  descriptionLine1: o,
+  onAction: e,
+  actionButtonLabel: i,
+  actionOptions: a = [],
+  type: n
+}) => /* @__PURE__ */ t(p, { className: "ttw:min-h-48", children: /* @__PURE__ */ c("div", { className: "ttw:flex ttw:flex-col ttw:flex-1 ttw:items-center ttw:gap-3", children: [
+  /* @__PURE__ */ t(m, { variant: "h2", className: "ttw:font-medium", children: r }),
+  /* @__PURE__ */ t(m, { variant: "body1", color: "muted", className: "ttw:font-normal", children: o }),
+  /* @__PURE__ */ t(C, { onAction: e, actionButtonLabel: i, actionOptions: a, type: n })
+] }) }), C = ({
+  onAction: r,
+  actionButtonLabel: o,
+  actionOptions: e = [],
+  type: i
 }) => {
-  const {
-    i18n: r
-  } = b(), [v, l] = k(!1), p = !!e, s = p && (!e?.account_holder_name || !e?.account_number || !e?.routing_number), n = () => {
-    l(!1);
+  if (!o) return null;
+  const a = (n) => {
+    r && r(n);
   };
-  return v ? /* @__PURE__ */ t(u, { children: f && i ? /* @__PURE__ */ t(u, { children: e ? /* @__PURE__ */ t(h, { bankAccount: e, handleClose: n, counterpartId: i, onUpdate: n, isStandalone: !0 }) : /* @__PURE__ */ t(h, { handleClose: n, counterpartId: i, onCreate: n, isStandalone: !0 }) }) : /* @__PURE__ */ t(C, { hasExistingBankAccount: !1, handleCancel: n, isLoading: m, isStandalone: !1 }) }) : /* @__PURE__ */ a("div", { className: N("ttw:flex ttw:items-start ttw:gap-3 ttw:p-3 ttw:rounded-lg ttw:border ttw:border-border", s ? "ttw:border-danger" : "ttw:border-border"), children: [
-    /* @__PURE__ */ t("div", { className: "ttw:p-2 ttw:text-white ttw:flex ttw:items-center ttw:justify-center ttw:bg-primary ttw:rounded-lg", children: /* @__PURE__ */ t(x, { className: "ttw:size-4" }) }),
-    p ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:flex-1 ttw:gap-0.5", children: [
-      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5 ttw:flex-1", children: [
-        /* @__PURE__ */ t(o, { variant: "body2", className: "ttw:leading-5", children: r._("ACH bank transfer") }),
-        /* @__PURE__ */ t(o, { variant: "caption", color: s ? "destructive" : "muted", className: "ttw:leading-4", children: s ? r._("Incomplete") : r._("Account ending in {last4}", {
-          last4: e?.account_number?.slice(e.account_number?.length - 4)
-        }) })
-      ] }),
-      (d || w) && /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-3 ttw:items-center", children: [
-        d && /* @__PURE__ */ t(c, { type: "button", variant: "ghost", className: "ttw:text-primary ttw:p-0 ttw:hover:text-primary ttw:hover:underline ttw:w-fit ttw:hover:bg-transparent", onClick: () => l(!0), children: r._("Edit") }),
-        w && /* @__PURE__ */ t(c, { type: "button", variant: "ghost", className: "ttw:text-primary ttw:p-0 ttw:hover:text-primary ttw:hover:underline ttw:w-fit ttw:hover:bg-transparent", onClick: () => g?.(), children: r._("Remove") })
-      ] })
-    ] }) : /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
-      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
-        /* @__PURE__ */ t(o, { variant: "body2", className: "ttw:leading-5", children: r._("ACH bank transfer") }),
-        /* @__PURE__ */ t(o, { variant: "caption", color: "muted", className: "ttw:leading-4", children: r._("Fast, direct deposit to the vendor's bank. Arrives in 1–3 business days.") })
-      ] }),
-      /* @__PURE__ */ a(c, { type: "button", variant: "ghost", className: "ttw:text-primary ttw:hover:text-primary/70 ttw:w-fit ttw:px-0 ttw:has-[>svg]:px-0 ttw:py-2 ttw:hover:bg-transparent", onClick: () => l(!0), disabled: m, children: [
-        /* @__PURE__ */ t(y, {}),
-        r._("Add bank account")
-      ] })
-    ] })
+  return e.length > 1 ? /* @__PURE__ */ c(d, { children: [
+    /* @__PURE__ */ t(h, { asChild: !0, children: /* @__PURE__ */ c(l, { type: "button", children: [
+      i === "error" ? /* @__PURE__ */ t(s, {}) : void 0,
+      o,
+      /* @__PURE__ */ t(w, {})
+    ] }) }),
+    /* @__PURE__ */ t(u, { align: "end", children: e.map((n) => /* @__PURE__ */ t(f, { onClick: () => a(n), children: n }, n)) })
+  ] }) : /* @__PURE__ */ c(l, { onClick: (n) => {
+    n.preventDefault(), a(e?.[0]);
+  }, children: [
+    i === "error" ? /* @__PURE__ */ t(s, {}) : void 0,
+    o
   ] });
 };
 export {
-  E as CounterpartBankSection
+  B as DataGridEmptyState
 };

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

@@ -1,16 +1,9 @@
-import { useMoniteContext as n } from "./index57.js";
-const o = (t) => {
-  const {
-    api: e
-  } = n();
-  return e.finops.getCounterpartsIdBankAccounts.useQuery({
-    path: {
-      counterpart_id: t ?? ""
-    }
-  }, {
-    enabled: !!t
-  });
-};
+function s(...r) {
+  let o = "";
+  for (const t of r)
+    t && (o += t + " ");
+  return o;
+}
 export {
-  o as useCounterpartsBankAccountsList
+  s as classNames
 };

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

@@ -1,48 +1,7 @@
-import { jsx as t, Fragment as f, jsxs as r } from "@emotion/react/jsx-runtime";
-import { Button as h } from "./index84.js";
-import { Typography as a } from "./index85.js";
-import { useLingui as g } from "@lingui/react";
-import { Plus as b } from "lucide-react";
-import { useState as N } from "react";
-import { CounterpartAddressFormContent as C } from "./index299.js";
-import { CounterpartAddressForm as y } from "./index300.js";
-import { twMerge as A } from "tailwind-merge";
-const k = ({
-  isStandalone: p,
-  counterpartId: n,
-  counterpartAddress: e,
-  isUpdateAllowed: v,
-  isLoading: u,
-  customerType: d
-}) => {
-  const {
-    i18n: o
-  } = g(), [x, i] = N(!p), l = !!e, m = e?.city || "", c = e?.state || "", w = e?.postal_code || "", s = () => {
-    i(!1);
-  };
-  return x ? /* @__PURE__ */ t(f, { children: p && n ? /* @__PURE__ */ t(f, { children: e ? /* @__PURE__ */ t(y, { address: e, handleClose: s, counterpartId: n, onUpdate: s, isStandalone: !0, customerType: d }) : /* @__PURE__ */ t(y, { handleClose: s, counterpartId: n, onCreate: s, isStandalone: !0, customerType: d }) }) : /* @__PURE__ */ t(C, { hasExistingAddress: !1, isLoading: u, isStandalone: !1, customerType: d }) }) : /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col", children: [
-    /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7", children: [
-      /* @__PURE__ */ r(a, { variant: "body1", className: "ttw:font-medium", children: [
-        o._("Address"),
-        " ",
-        /* @__PURE__ */ t("span", { className: "ttw:text-muted-foreground", children: o._("(optional)") })
-      ] }),
-      l && v && /* @__PURE__ */ t(h, { type: "button", variant: "ghost", className: "ttw:text-primary ttw:p-0 ttw:hover:text-primary ttw:hover:underline ttw:w-fit ttw:hover:bg-transparent", onClick: () => i(!0), children: o._("Edit") })
-    ] }),
-    /* @__PURE__ */ t("div", { className: A("ttw:flex ttw:items-start ttw:rounded-lg", l ? "ttw:border-none" : "ttw:border ttw:border-border ttw:p-3"), children: l ? /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
-      /* @__PURE__ */ t(a, { variant: "body2", className: "ttw:font-medium", children: e?.line1 }),
-      e?.line2 && /* @__PURE__ */ t(a, { variant: "body2", className: "ttw:font-medium", children: e.line2 }),
-      /* @__PURE__ */ t(a, { variant: "body2", className: "ttw:font-medium", children: `${m && m}${m && (c || w) && ","} ${c && c} ${w && w}` }),
-      /* @__PURE__ */ t(a, { variant: "body2", className: "ttw:font-medium", children: e?.country })
-    ] }) : /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
-      /* @__PURE__ */ t(a, { variant: "body2", className: "ttw:leading-5", children: o._("No address on file") }),
-      /* @__PURE__ */ r(h, { type: "button", variant: "ghost", className: "ttw:text-primary ttw:hover:text-primary/70 ttw:w-fit ttw:px-0 ttw:has-[>svg]:px-0 ttw:py-2 ttw:hover:bg-transparent", onClick: () => i(!0), disabled: u, children: [
-        /* @__PURE__ */ t(b, {}),
-        o._("Add address")
-      ] })
-    ] }) })
-  ] });
-};
+function e() {
+  const t = window.getSelection();
+  return !!t && !!t.toString();
+}
 export {
-  k as CounterpartAddressSection
+  e as hasSelectedText
 };

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

@@ -1,17 +1,120 @@
-import { jsx as t, jsxs as e } from "@emotion/react/jsx-runtime";
-import { CenteredContentBox as a } from "./index221.js";
-import { SearchX as o } from "lucide-react";
-import { Typography as r } from "./index85.js";
-const d = ({
-  title: i,
-  description: s
-}) => /* @__PURE__ */ t(a, { children: /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-4", children: [
-  /* @__PURE__ */ t(o, { className: "ttw:text-destructive ttw:size-8" }),
-  /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-2", children: [
-    /* @__PURE__ */ t(r, { variant: "h4", children: i }),
-    /* @__PURE__ */ t(r, { variant: "body1", className: "ttw:text-center", children: s })
-  ] })
-] }) });
+import { jsxs as l, jsx as i } from "@emotion/react/jsx-runtime";
+import { useFormErrors as M, FormErrorDisplay as D } from "./index284.js";
+import { InvoiceItemRow as k } from "./index285.js";
+import { InvoiceTotals as q } from "./index286.js";
+import { CUSTOM_ID as z } from "./index287.js";
+import { useLineItemManagement as B } from "./index288.js";
+import { useLingui as W } from "@lingui/react";
+import { Button as O } from "./index84.js";
+import { Field as Q, FieldContent as Y, FieldLabel as H } from "./index218.js";
+import { Typography as m } from "./index85.js";
+import { Plus as J } from "lucide-react";
+import { useCallback as h, useEffect as K, useRef as X } from "react";
+import { useFormContext as Z, Controller as tt } from "react-hook-form";
+import { LoadingSpinner as et } from "./index188.js";
+import { useGetMeasureUnits as it } from "./index174.js";
+import { InputGroup as rt, InputGroupInput as nt, InputGroupAddon as at } from "./index101.js";
+import { sanitizeTaxRateInput as ot } from "./index289.js";
+import { Separator as st } from "./index204.js";
+const Ct = ({
+  defaultCurrency: d = "USD",
+  registerLineItemCleanupFn: u
+}) => {
+  const {
+    i18n: n
+  } = W(), {
+    control: _,
+    formState: g,
+    getValues: c,
+    watch: N,
+    trigger: v,
+    clearErrors: x
+  } = Z(), b = N("tax_mode") === "inclusive", {
+    data: C,
+    isLoading: L
+  } = it(), {
+    fields: w,
+    subtotalPrice: E,
+    totalPrice: F,
+    totalTaxes: U,
+    lineItemErrors: P,
+    handleAddRow: R,
+    handleRemoveItem: T,
+    setValueWithValidationLocal: p,
+    cleanUpLineItemsForSubmission: y
+  } = B({
+    defaultCurrency: d,
+    isInclusivePricing: b
+  }), r = h((t, e) => {
+    p(t, e, {
+      shouldValidate: !1
+    });
+  }, [p]);
+  K(() => (u?.(y), () => u?.(null)), [u, y]);
+  const $ = X(null), {
+    generalError: S,
+    fieldErrors: A
+  } = M(P), I = h((t, e, a) => {
+    const s = e.measureUnit?.id, o = e.measureUnit?.name;
+    o && !s ? (r(`line_items.${t}.product.measure_unit_id`, ""), r(`line_items.${t}.product.measure_unit_name`, o), r(`line_items.${t}.measure_unit`, {
+      name: o,
+      id: null
+    })) : (s || a) && (r(`line_items.${t}.product.measure_unit_id`, s || a), r(`line_items.${t}.product.measure_unit_name`, void 0), r(`line_items.${t}.measure_unit`, void 0));
+  }, [r]), V = h((t, e, a) => {
+    const s = e.label ?? "";
+    r(`line_items.${t}.product.name`, s), s.trim() && x(`line_items.${t}.product.name`);
+    const o = e.id !== "" && e.id !== z && a;
+    if (r(`line_items.${t}.product_id`, o ? e.id : ""), o) {
+      r(`line_items.${t}.product.price.value`, e.price?.value ?? 0), r(`line_items.${t}.product.price.currency`, d);
+      const f = c(`line_items.${t}.product.measure_unit_id`);
+      I(t, e, f), r(`line_items.${t}.quantity`, e.smallestAmount ?? 1), r(`line_items.${t}.product.smallest_amount`, e.smallestAmount), r(`line_items.${t}.product.type`, "product"), r(`line_items.${t}.product.description`, e.description ?? ""), v(`line_items.${t}`);
+    }
+  }, [d, c, r, I, v, x]);
+  return /* @__PURE__ */ l("div", { ref: $, className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl", children: [
+    /* @__PURE__ */ l("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4", children: [
+      /* @__PURE__ */ i(m, { variant: "h4", children: n._("Products and services") }),
+      /* @__PURE__ */ i(m, { variant: "body2", color: "muted", className: "ttw:font-medium", children: n._("Add the products and services on this invoice. You'll have the option to save new items to your inventory.") })
+    ] }),
+    /* @__PURE__ */ i(D, { generalError: g?.errors?.line_items?.root?.message ?? S, fieldErrors: A }),
+    /* @__PURE__ */ l("ul", { className: "ttw:flex ttw:flex-col ttw:gap-2.5", children: [
+      /* @__PURE__ */ l("li", { className: "ttw:flex ttw:items-center ttw:gap-2.5 ttw:h-5", children: [
+        /* @__PURE__ */ i(m, { variant: "body2", className: "ttw:font-medium ttw:leading-5 ttw:min-w-30 ttw:whitespace-nowrap ttw:inline-flex ttw:flex-1", children: n._("Item name") }),
+        /* @__PURE__ */ i(m, { variant: "body2", className: "ttw:font-medium ttw:leading-5 ttw:w-24 ttw:min-w-24", children: n._("Quantity") }),
+        /* @__PURE__ */ i(m, { variant: "body2", className: "ttw:font-medium ttw:leading-5 ttw:w-20.5 ttw:min-w-20.5", children: n._("Units") }),
+        /* @__PURE__ */ i(m, { variant: "body2", className: "ttw:font-medium ttw:leading-5 ttw:max-w-41 ttw:w-full ttw:min-w-29", children: n._("Price") }),
+        /* @__PURE__ */ i(m, { variant: "body2", className: "ttw:font-medium ttw:leading-5 ttw:w-12 ttw:min-w-12", children: n._("Taxable") }),
+        w.length > 1 && /* @__PURE__ */ i("div", { className: "ttw:w-10 ttw:min-w-10" })
+      ] }),
+      L ? /* @__PURE__ */ i("li", { className: "ttw:flex ttw:items-center ttw:justify-center ttw:h-9", children: /* @__PURE__ */ i(et, { className: "ttw:w-5 ttw:h-5" }) }) : w.map((t, e) => {
+        const a = (o) => c(`line_items.${e}.${o}`), s = (o, f, j) => {
+          const G = `line_items.${e}.${o}`;
+          p(G, f, j);
+        };
+        return /* @__PURE__ */ i(k, { field: t, index: e, control: _, errors: g.errors, defaultCurrency: d, measureUnitsData: C, onRequestLineItemValue: a, onLineItemValueChange: s, canRemove: w.length > 1, onUpdateItem: V, onRemoveItem: T, container: $ }, t.id);
+      })
+    ] }),
+    /* @__PURE__ */ l(O, { type: "button", variant: "ghost", onClick: R, className: "ttw:text-primary ttw:hover:text-primary ttw:w-fit", children: [
+      /* @__PURE__ */ i(J, { className: "ttw:size-5 ttw:text-primary" }),
+      n._("Add item")
+    ] }),
+    /* @__PURE__ */ i(tt, { name: "tax_rate", control: _, render: ({
+      field: t
+    }) => /* @__PURE__ */ i(Q, { children: /* @__PURE__ */ l(Y, { className: "ttw:flex-row ttw:justify-end", children: [
+      /* @__PURE__ */ i(H, { htmlFor: t.name, children: n._("Tax rate") }),
+      /* @__PURE__ */ l(rt, { className: "ttw:w-28 ttw:has-[>[data-align=inline-end]]:[&>input]:pr-0", children: [
+        /* @__PURE__ */ i(nt, { ...t, value: t.value ?? "", id: t.name, className: "ttw:text-right", placeholder: n._("e.g. 6.25"), type: "text", inputMode: "decimal", onChange: (e) => {
+          t.onChange(ot(e.target.value));
+        }, onBlur: (e) => {
+          const a = e.target.value;
+          t.onChange(a.endsWith(".") ? a.slice(0, -1) : a), t.onBlur();
+        } }),
+        /* @__PURE__ */ i(at, { align: "inline-end", children: "%" })
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ i(st, {}),
+    /* @__PURE__ */ i(q, { subtotalPrice: E, totalTaxes: U, totalPrice: F })
+  ] });
+};
 export {
-  d as NotFound
+  Ct as ItemsSection
 };

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

@@ -1,13 +1,72 @@
-const r = /* @__PURE__ */ new Set(["new", "approve_in_progress", "waiting_to_be_paid", "partially_paid"]);
-function i(s, e) {
-  if (e && r.has(s)) {
-    const t = /* @__PURE__ */ new Date();
-    t.setUTCHours(0, 0, 0, 0);
-    const n = new Date(e);
-    return n.setUTCHours(0, 0, 0, 0), n.getTime() < t.getTime();
-  }
-  return !1;
-}
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { InvoicePreviewMonite as d } from "./index290.js";
+import { useAdaptiveScale as p } from "./index291.js";
+import { AspectRatio as v } from "./index292.js";
+import { cn as e } from "./index100.js";
+import { useRef as n } from "react";
+import { useGetMeasureUnits as h } from "./index174.js";
+const I = ({
+  address: i,
+  counterpart: s,
+  currency: o,
+  invoiceData: w,
+  entityData: m,
+  paymentTerms: l
+}) => {
+  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 }) }) }) });
+};
 export {
-  i as isBillOverdue
+  I as InvoicePreview
 };