@tesouro/embedded-components-react 0.2.20 → 0.2.21

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

@@ -1,5 +1,5 @@
 import { useMemo as p } from "react";
-import { useUserPermissions as y } from "./index133.js";
+import { useUserPermissions as y } from "./index143.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";

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

@@ -1,119 +1,39 @@
-import { jsxs as n, jsx as e, Fragment as h } from "@emotion/react/jsx-runtime";
-import { useDuplicateInvoice as q } from "./index289.js";
-import { useGetReceivablePDFById as G } from "./index291.js";
-import { useIssueReceivableById as T } from "./index292.js";
-import { InvoiceCancelModal as W } from "./index298.js";
-import { InvoiceDeleteModal as Y } from "./index299.js";
-import { MarkAsUncollectibleModal as H } from "./index300.js";
-import { RecordManualPaymentModal as J } from "./index302.js";
-import { RecurrenceCancelModal as K } from "./index303.js";
-import { useIsMobileScreen as Q } from "./index71.js";
-import { useUserPermissions as X } from "./index133.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 Z } from "../../shared/data-access/dist/lib/scopes.js";
-import { useState as m } from "react";
-import { Button as r } from "./index86.js";
-import { DropdownMenu as ee, DropdownMenuTrigger as ie, DropdownMenuContent as te, DropdownMenuItem as l } from "./index139.js";
-import { useLingui as oe } from "@lingui/react";
-import { FileCheck as ne, SquarePen as se, Mail as re, Download as ae, Copy as le, MoreVerticalIcon as ce, EyeOff as de, Eye as ue } from "lucide-react";
-import { toast as me } from "react-hot-toast";
-import { useCreateReceivablePaymentLink as pe } from "./index328.js";
-const Ue = ({
-  invoice: i,
-  recurrence: v,
-  actions: a,
-  isPDFViewerOpen: E
+import { jsxs as i, jsx as e } from "@emotion/react/jsx-runtime";
+import { useLingui as f } from "@lingui/react";
+import { useFormContext as p, Controller as n } from "react-hook-form";
+import { Field as d, FieldContent as s, FieldLabel as m, FieldError as c } from "./index155.js";
+import { Textarea as h } from "./index121.js";
+const N = ({
+  disabled: a
 }) => {
   const {
     i18n: t
-  } = oe(), p = Q(), [b, k] = m(!1), [y, _] = m(!1), [D, I] = m(!1), [w, M] = m(!1), F = t._("You don't have permission to update this document. Please, contact your system administrator for details."), s = X().has(Z.InvoiceWriteOrg), {
-    refetch: R,
-    isLoading: S
-  } = G(i.id, !1), {
-    createPaymentLink: x
-  } = pe(), {
-    mutateAsync: L,
-    isPending: P
-  } = T(i.id), {
-    mutate: U
-  } = q(a.onDuplicate), c = i.status === "draft", g = i.status === "issued", f = i.status === "overdue", N = i.status === "partially_paid", O = i.status === "uncollectible", V = i.status === "canceled", u = i.status === "recurring", j = v && v?.status === "canceled", z = g || f || N, C = z && p, $ = async () => {
-    await L(), await x(i?.id);
-  }, B = () => {
-    U({
-      path: {
-        receivable_id: i.id
+  } = f(), {
+    control: l
+  } = p();
+  return /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
+    /* @__PURE__ */ e(n, { name: "memo", control: l, render: ({
+      field: r,
+      fieldState: {
+        error: o
       }
-    });
-  }, A = async () => {
-    const d = await R();
-    d.data?.file_url && window.open(d.data.file_url, "_blank");
-  }, o = (d) => {
-    s ? d() : me.error(F);
-  };
-  return /* @__PURE__ */ n("div", { className: "ttw:flex ttw:items-center ttw:gap-1.5", children: [
-    b && /* @__PURE__ */ e(H, { invoiceId: i?.id ?? "", open: b, onClose: () => k(!1), onMarkAsUncollectible: a.onMarkAsUncollectible }),
-    y && /* @__PURE__ */ e(Y, { open: y, onClose: () => _(!1), invoiceId: i?.id ?? "", documentId: i?.document_id, onDelete: a.onDelete }),
-    D && /* @__PURE__ */ e(W, { invoiceId: i?.id ?? "", open: D, onClose: () => I(!1) }),
-    w && /* @__PURE__ */ e(K, { invoice: i, open: w, onClose: () => M(!1) }),
-    u && !V && !j && /* @__PURE__ */ e(r, { type: "button", variant: "destructive", size: "sm", onClick: () => o(() => M(!0)), disabled: !s, children: t._("Cancel recurrence") }),
-    c && /* @__PURE__ */ n(h, { children: [
-      /* @__PURE__ */ e(r, { type: "button", size: "sm", onClick: () => o(a.onIssueAndSendButtonClick), disabled: !s, children: t._("Issue and send") }),
-      !p && /* @__PURE__ */ n(h, { children: [
-        /* @__PURE__ */ n(r, { type: "button", variant: "outline", size: "sm", disabled: P || !s, onClick: () => o($), children: [
-          /* @__PURE__ */ e(ne, {}),
-          " ",
-          t._("Issue")
-        ] }),
-        /* @__PURE__ */ n(r, { type: "button", variant: "outline", size: "sm", onClick: () => o(a.onEditButtonClick), disabled: !s, children: [
-          /* @__PURE__ */ e(se, {}),
-          " ",
-          t._("Edit")
-        ] })
-      ] })
-    ] }),
-    z && /* @__PURE__ */ e(J, { invoice: i, children: ({
-      openModal: d
-    }) => /* @__PURE__ */ e(r, { type: "button", size: "sm", disabled: !s, onClick: () => o(d), children: t._("Record payment") }) }),
-    !c && !O && !C && !u && /* @__PURE__ */ n(r, { type: "button", variant: "outline", size: "sm", onClick: () => o(a.onIssueAndSendButtonClick), disabled: !s, children: [
-      /* @__PURE__ */ e(re, {}),
-      " ",
-      t._("Send")
-    ] }),
-    !c && !C && /* @__PURE__ */ n(r, { type: "button", variant: "outline", size: "sm", disabled: S, onClick: A, children: [
-      /* @__PURE__ */ e(ae, {}),
-      " ",
-      t._("PDF")
-    ] }),
-    u && /* @__PURE__ */ n(r, { type: "button", variant: "outline", size: "sm", onClick: () => o(B), children: [
-      /* @__PURE__ */ e(le, {}),
-      " ",
-      t._("Duplicate")
-    ] }),
-    !u && /* @__PURE__ */ n(ee, { children: [
-      /* @__PURE__ */ e(ie, { asChild: !0, children: /* @__PURE__ */ e(r, { type: "button", variant: "outline", size: "sm", disabled: !s, children: /* @__PURE__ */ e(ce, {}) }) }),
-      /* @__PURE__ */ n(te, { align: "end", children: [
-        c && p && /* @__PURE__ */ n(h, { children: [
-          /* @__PURE__ */ e(l, { disabled: P || !s, onClick: () => o($), children: t._("Issue") }),
-          /* @__PURE__ */ e(l, { disabled: !s, onClick: () => o(a.onEditButtonClick), children: t._("Edit") })
-        ] }),
-        /* @__PURE__ */ e(l, { onClick: () => o(B), children: t._("Duplicate") }),
-        (c || C) && /* @__PURE__ */ e(l, { onClick: A, children: t._("Download draft") }),
-        c && /* @__PURE__ */ e(l, { onClick: () => _(!0), variant: "destructive", children: t._("Delete") }),
-        (g || f) && /* @__PURE__ */ e(l, { onClick: () => o(() => I(!0)), children: t._("Cancel invoice") }),
-        f && /* @__PURE__ */ e(l, { onClick: () => o(() => k(!0)), children: t._("Mark as uncollectible") })
-      ] })
-    ] }),
-    /* @__PURE__ */ n(r, { type: "button", variant: "secondary", className: "ttw:ml-auto", size: "sm", onClick: a.onViewPDFButtonClick, children: [
-      E ? /* @__PURE__ */ e(de, {}) : /* @__PURE__ */ e(ue, {}),
-      " ",
-      t._("PDF view")
-    ] })
+    }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ i(s, { children: [
+      /* @__PURE__ */ e(m, { htmlFor: r.name, required: !0, children: t._("Memo") }),
+      /* @__PURE__ */ e(h, { ...r, id: r.name, disabled: a, placeholder: t._("Dear client, as discussed, please find attached our invoice:"), className: "ttw:h-20 ttw:resize-none", "aria-invalid": !!o }),
+      /* @__PURE__ */ e(c, { errors: o ? [o] : [] })
+    ] }) }) }),
+    /* @__PURE__ */ e(n, { name: "footer", control: l, render: ({
+      field: r,
+      fieldState: {
+        error: o
+      }
+    }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ i(s, { children: [
+      /* @__PURE__ */ e(m, { htmlFor: r.name, children: t._("Note to customer") }),
+      /* @__PURE__ */ e(h, { ...r, id: r.name, disabled: a, placeholder: t._("Add a note to be displayed below the line items"), className: "ttw:h-20 ttw:resize-none", "aria-invalid": !!o }),
+      /* @__PURE__ */ e(c, { errors: o ? [o] : [] })
+    ] }) }) })
   ] });
 };
 export {
-  Ue as InvoiceDetailsActions
+  N as EntitySection
 };

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

@@ -1,89 +1,118 @@
-import { jsxs as r, Fragment as s, jsx as t } from "@emotion/react/jsx-runtime";
-import { InvoiceDetailsInfoBlock as l } from "./index329.js";
-import { InvoiceDetailsSummary as w } from "./index330.js";
-import { useCurrencies as m } from "./index60.js";
-import "react";
-import "./index94.js";
-import { useLingui as p } from "@lingui/react";
-import "react-dom";
-import "./index59.js";
-import "@mui/x-data-grid";
-import { getCountries as u } from "./index95.js";
-import "date-fns";
-import { rateMinorToMajor as _ } from "./index211.js";
-const k = ({
-  invoice: e
+import { jsxs as l, jsx as i } from "@emotion/react/jsx-runtime";
+import { useFormErrors as M, FormErrorDisplay as q } from "./index345.js";
+import { InvoiceItemRow as G } from "./index346.js";
+import { InvoiceTotals as k } from "./index347.js";
+import { CUSTOM_ID as z } from "./index348.js";
+import { useLineItemManagement as B } from "./index349.js";
+import { useLingui as O } from "@lingui/react";
+import { Button as W } from "./index86.js";
+import { Field as H, FieldContent as Q, FieldLabel as Y } from "./index155.js";
+import { Typography as m } from "./index87.js";
+import { Plus as J } from "lucide-react";
+import { useCallback as f, useEffect as K, useRef as X } from "react";
+import { useFormContext as Z, Controller as tt } from "react-hook-form";
+import { LoadingSpinner as et } from "./index133.js";
+import { useGetMeasureUnits as it } from "./index205.js";
+import { InputGroup as rt, InputGroupInput as nt, InputGroupAddon as at } from "./index103.js";
+import { sanitizeTaxRateInput as ot } from "./index350.js";
+import { Separator as st } from "./index137.js";
+const Ct = ({
+  defaultCurrency: d = "USD",
+  registerLineItemCleanupFn: u,
+  handleOpenCreateProductDialog: I
 }) => {
   const {
-    i18n: a
-  } = p(), {
-    formatCurrencyToDisplay: c
-  } = m(), n = e?.bank_account_snapshot, o = e?.tax_mode === "inclusive";
-  return e?.type !== "invoice" ? null : /* @__PURE__ */ r(s, { children: [
-    /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
-      /* @__PURE__ */ t("h2", { className: "ttw:text-lg ttw:font-semibold ttw:leading-6", children: a._("Customer") }),
-      /* @__PURE__ */ r("div", { className: "ttw:grid ttw:grid-cols-2 ttw:gap-4", children: [
-        /* @__PURE__ */ t(l, { label: a._("Name"), value: e?.counterpart_name ?? "-" }),
-        e?.counterpart_tax_id && /* @__PURE__ */ t(l, { label: a._("Tax ID"), value: e?.counterpart_tax_id }),
-        /* @__PURE__ */ t(l, { label: a._("Billing address"), value: e?.counterpart_billing_address?.id ? `${e?.counterpart_billing_address?.line1}${e?.counterpart_billing_address?.line2 ? ` ${e?.counterpart_billing_address?.line2}` : ""}, ${e?.counterpart_billing_address?.postal_code}, ${e?.counterpart_billing_address?.city}, ${u(a)[e?.counterpart_billing_address?.country ?? ""]}` : "-" }),
-        /* @__PURE__ */ t(l, { label: a._("Contact person"), value: `${e?.counterpart_contact?.first_name} ${e?.counterpart_contact?.last_name}` })
-      ] })
+    i18n: n
+  } = O(), {
+    control: h,
+    formState: _,
+    getValues: c,
+    watch: $,
+    trigger: g
+  } = Z(), N = $("tax_mode") === "inclusive", {
+    data: b,
+    isLoading: C
+  } = it(), {
+    fields: w,
+    subtotalPrice: L,
+    totalPrice: P,
+    totalTaxes: F,
+    lineItemErrors: R,
+    handleAddRow: U,
+    handleRemoveItem: E,
+    setValueWithValidationLocal: p,
+    cleanUpLineItemsForSubmission: v
+  } = B({
+    defaultCurrency: d,
+    isInclusivePricing: N
+  }), r = f((t, e) => {
+    p(t, e, {
+      shouldValidate: !1
+    });
+  }, [p]);
+  K(() => (u?.(v), () => u?.(null)), [u, v]);
+  const x = X(null), {
+    generalError: T,
+    fieldErrors: S
+  } = M(R), y = f((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]), A = f((t, e, a) => {
+    const s = e.label ?? "";
+    if (r(`line_items.${t}.product.name`, s), e.id !== "" && e.id !== z && a) {
+      r(`line_items.${t}.product.price.value`, e.price?.value ?? 0), r(`line_items.${t}.product.price.currency`, d);
+      const o = c(`line_items.${t}.product.measure_unit_id`);
+      y(t, e, o), 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 ?? ""), g(`line_items.${t}`);
+    }
+  }, [d, c, r, y, g]);
+  return /* @__PURE__ */ l("div", { ref: x, 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", 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__ */ t("div", { className: "ttw:w-full ttw:h-px ttw:bg-border" }),
-    /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col", children: [
-      /* @__PURE__ */ t("h2", { className: "ttw:text-lg ttw:font-semibold ttw:leading-6", children: a._("Items") }),
-      /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-5", children: [
-        /* @__PURE__ */ r("table", { className: "ttw:w-full", children: [
-          /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ r("tr", { className: "ttw:border-b ttw:border-border ttw:h-10 ttw:text-text ttw:text-sm ttw:leading-5", children: [
-            /* @__PURE__ */ t("th", { className: "ttw:w-full ttw:text-left ttw:pr-2 ttw:whitespace-nowrap ttw:font-medium", children: a._("Item name") }),
-            /* @__PURE__ */ t("th", { className: "ttw:text-left ttw:px-2 ttw:whitespace-nowrap ttw:font-medium", children: a._("Qty x Price") }),
-            /* @__PURE__ */ t("th", { className: "ttw:text-right ttw:px-2 ttw:whitespace-nowrap ttw:font-medium", children: a._("Amount") }),
-            /* @__PURE__ */ t("th", { className: "ttw:text-right ttw:pl-2 ttw:whitespace-nowrap ttw:font-medium", children: a._("Sales tax") })
-          ] }) }),
-          /* @__PURE__ */ t("tbody", { children: e?.line_items?.length > 0 && e?.line_items?.map((i, d) => /* @__PURE__ */ r("tr", { className: "ttw:border-b ttw:border-border ttw:h-10 ttw:text-text ttw:text-sm ttw:leading-5", children: [
-            /* @__PURE__ */ t("td", { className: "ttw:py-4 ttw:pr-2 ttw:font-normal", children: i?.product?.name }),
-            /* @__PURE__ */ t("td", { className: "ttw:py-4 ttw:px-2 ttw:font-normal ttw:whitespace-nowrap", children: a._("{quantity} x {price}", {
-              quantity: i?.quantity,
-              price: c(o ? i?.product?.price_after_tax?.value : i?.product?.price?.value, i?.product?.price?.currency)
-            }) }),
-            /* @__PURE__ */ t("td", { className: "ttw:py-4 ttw:px-2 ttw:font-normal ttw:text-right ttw:whitespace-nowrap", children: c(o ? i?.total_after_tax : i?.product?.price?.value * i?.quantity, i?.product?.price?.currency) }),
-            /* @__PURE__ */ r("td", { className: "ttw:py-4 ttw:pl-2 ttw:font-normal ttw:text-right", children: [
-              _(i?.product?.tax_rate?.value),
-              "%"
-            ] })
-          ] }, `${i?.product?.id}-${d}`)) })
-        ] }),
-        /* @__PURE__ */ t(w, { invoice: e })
-      ] })
+    /* @__PURE__ */ i(q, { generalError: _?.errors?.line_items?.root?.message ?? T, fieldErrors: S }),
+    /* @__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" })
+      ] }),
+      C ? /* @__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, D, V) => {
+          const j = `line_items.${e}.${o}`;
+          p(j, D, V);
+        };
+        return /* @__PURE__ */ i(G, { field: t, index: e, control: h, errors: _.errors, defaultCurrency: d, measureUnitsData: b, onRequestLineItemValue: a, onLineItemValueChange: s, onRequestOpenCreateProductDialog: I, canRemove: w.length > 1, onUpdateItem: A, onRemoveItem: E, container: x }, t.id);
+      })
+    ] }),
+    /* @__PURE__ */ l(W, { type: "button", variant: "ghost", onClick: U, 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__ */ t("div", { className: "ttw:w-full ttw:h-px ttw:bg-border" }),
-    /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
-      /* @__PURE__ */ t("h2", { className: "ttw:text-lg ttw:font-semibold ttw:leading-6", children: a._("Payment info") }),
-      /* @__PURE__ */ r("div", { className: "ttw:grid ttw:grid-cols-2 ttw:gap-4", children: [
-        /* @__PURE__ */ t(l, { label: a._("Payment terms"), value: e?.payment_terms?.name ?? "-" }),
-        /* @__PURE__ */ t(l, { label: a._("Payment details"), value: /* @__PURE__ */ r(s, { children: [
-          /* @__PURE__ */ r("span", { children: [
-            a._("Bank name:"),
-            " ",
-            n?.bank_name ?? "-"
-          ] }),
-          /* @__PURE__ */ t("br", {}),
-          /* @__PURE__ */ r("span", { children: [
-            a._("Account number:"),
-            " ",
-            n?.account_number ?? "-"
-          ] }),
-          /* @__PURE__ */ t("br", {}),
-          /* @__PURE__ */ r("span", { children: [
-            a._("Routing number:"),
-            " ",
-            n?.routing_number ?? "-"
-          ] })
-        ] }) })
+    /* @__PURE__ */ i(tt, { name: "tax_rate", control: h, render: ({
+      field: t
+    }) => /* @__PURE__ */ i(H, { children: /* @__PURE__ */ l(Q, { className: "ttw:flex-row ttw:justify-end", children: [
+      /* @__PURE__ */ i(Y, { 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(k, { subtotalPrice: L, totalTaxes: F, totalPrice: P })
   ] });
 };
 export {
-  k as InvoiceDetailsTabDetails
+  Ct as ItemsSection
 };

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

@@ -1,111 +1,72 @@
-import { jsxs as r, Fragment as m, jsx as t } from "@emotion/react/jsx-runtime";
-import { getTypeLabel as g } from "./index331.js";
-import "date-fns";
-import { InvoiceDetailsInfoBlock as s } from "./index329.js";
-import { InvoiceDetailsOverviewRecurrenceSection as y } from "./index332.js";
-import { InvoiceDetailsOverviewReminders as b } from "./index333.js";
-import { InvoiceStatusChip as x } from "./index57.js";
-import { useGetReceivables as I } from "./index147.js";
-import { useMoniteContext as v } from "./index59.js";
-import { useCurrencies as h } from "./index60.js";
-import "react";
-import "./index94.js";
-import { useLingui as f } from "@lingui/react";
-import "react-dom";
-import "@mui/x-data-grid";
-import { Accordion as N, AccordionItem as _, AccordionTrigger as C, AccordionContent as D } from "./index283.js";
-import { Badge as F } from "./index284.js";
-import { Card as T, CardContent as A } from "./index334.js";
-import { File as R } from "lucide-react";
-const k = ({
-  documentId: e,
-  issueDate: n,
-  totalAmount: u,
-  currency: p,
-  status: a,
-  type: l
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { InvoicePreviewMonite as d } from "./index351.js";
+import { useAdaptiveScale as p } from "./index352.js";
+import { AspectRatio as v } from "./index353.js";
+import { cn as e } from "./index102.js";
+import { useRef as n } from "react";
+import { useGetMeasureUnits as h } from "./index205.js";
+const I = ({
+  address: i,
+  counterpart: s,
+  currency: o,
+  invoiceData: w,
+  entityData: m,
+  paymentTerms: l
 }) => {
-  const {
-    i18n: o
-  } = f(), {
-    locale: w
-  } = v(), {
-    formatCurrencyToDisplay: c
-  } = h();
-  return /* @__PURE__ */ t(T, { className: "ttw:py-3 ttw:px-4 ttw:border-border", children: /* @__PURE__ */ r(A, { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:px-0", children: [
-    /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:flex-1", children: [
-      /* @__PURE__ */ t(R, {}),
-      /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
-        /* @__PURE__ */ r("h3", { className: "ttw:text-text ttw:text-sm ttw:font-normal ttw:leading-5", children: [
-          g(o, l),
-          " ",
-          e
-        ] }),
-        /* @__PURE__ */ r("p", { className: "ttw:text-neutral ttw:text-sm ttw:font-normal ttw:leading-5", children: [
-          c(u, p),
-          " •",
-          " ",
-          o._("{status}", {
-            status: a === "draft" ? "Created" : "Issued"
-          }),
-          " ",
-          o.date(n, w.dateFormat)
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ t(x, { status: a })
-  ] }) });
-}, Q = ({
-  invoice: e,
-  recurrence: n,
-  handleTabChange: u,
-  openInvoiceDetails: p
-}) => {
-  const {
-    i18n: a
-  } = f(), {
-    locale: l
-  } = v(), {
-    formatCurrencyToDisplay: o
-  } = h(), w = e?.status === "recurring", c = e?.type === "invoice" ? e?.related_documents?.credit_note_ids : void 0, {
-    data: d
-  } = I({
-    id__in: c,
-    type: "credit_note"
-  }, !!c?.length);
-  return e?.type !== "invoice" ? null : /* @__PURE__ */ r(m, { children: [
-    /* @__PURE__ */ r("div", { className: "ttw:grid ttw:grid-cols-2 ttw:gap-4", children: [
-      /* @__PURE__ */ t(s, { label: a._("Customer"), value: e?.counterpart_name ?? "-" }),
-      n && /* @__PURE__ */ r(m, { children: [
-        /* @__PURE__ */ t(s, { label: a._("Payment terms"), value: e?.payment_terms?.name ?? "-" }),
-        /* @__PURE__ */ t(s, { label: a._("Created"), value: n?.created_at ? a.date(n?.created_at, l.dateFormat) : "-" })
-      ] }),
-      !n && /* @__PURE__ */ r(m, { children: [
-        /* @__PURE__ */ t(s, { label: a._("Document number"), value: e?.document_id ?? a._("INV-auto") }),
-        /* @__PURE__ */ t(s, { label: a._("Issue date"), value: e?.issue_date ? a.date(e?.issue_date, l.dateFormat) : "-" }),
-        /* @__PURE__ */ t(s, { label: a._("Due date"), value: e?.due_date ? a.date(e?.due_date, l.dateFormat) : "-", status: e?.status })
-      ] }),
-      e?.status !== "draft" && !n && /* @__PURE__ */ t(s, { label: a._("Payment status"), value: a._("{paid} paid / {due} due", {
-        paid: o(e?.amount_paid, e?.currency),
-        due: o(e?.amount_due, e?.currency)
-      }) })
-    ] }),
-    n && /* @__PURE__ */ r(m, { children: [
-      /* @__PURE__ */ t("div", { className: "ttw:w-full ttw:h-px ttw:bg-border" }),
-      /* @__PURE__ */ t(y, { recurrence: n, isCreatedFromRecurrence: !!(e?.recurrence_id && !w), openInvoiceDetails: p, handleTabChange: u })
-    ] }),
-    /* @__PURE__ */ r(N, { type: "multiple", className: "ttw:w-full", children: [
-      d?.data?.length && d?.data?.length > 0 && /* @__PURE__ */ r(_, { value: "item-1", disabled: !d?.data?.length, className: "ttw:border-border", children: [
-        /* @__PURE__ */ t(C, { className: "ttw:hover:no-underline ttw:group", children: /* @__PURE__ */ r("span", { className: "ttw:flex ttw:items-center ttw:gap-3", children: [
-          /* @__PURE__ */ t("span", { className: "ttw:group-hover:underline", children: a._("Linked documents") }),
-          d?.data?.length && d?.data?.length > 0 && /* @__PURE__ */ t(F, { variant: "secondary", className: "ttw:h-5 ttw:min-w-5 ttw:rounded-full ttw:px-1 ttw:tabular-nums", children: d?.data?.length })
-        ] }) }),
-        /* @__PURE__ */ t(D, { className: "ttw:flex ttw:flex-col ttw:gap-2", children: d?.data?.map((i) => /* @__PURE__ */ t(k, { type: i?.type, documentId: i?.document_id ?? "", issueDate: i?.status === "draft" ? i?.created_at ?? "" : i?.issue_date ?? "", totalAmount: i?.total_amount ?? 0, currency: i?.currency, status: i?.status }, i.id)) })
-      ] }),
-      (e?.payment_reminder_id || e?.overdue_reminder_id) && /* @__PURE__ */ t(_, { value: "item-2", className: "ttw:border-border", disabled: !e?.payment_reminder_id && !e?.overdue_reminder_id, children: /* @__PURE__ */ t(b, { paymentReminderId: e?.payment_reminder_id, overdueReminderId: e?.overdue_reminder_id, invoiceId: e?.id, counterpartId: e?.counterpart_id }) })
-    ] })
-  ] });
+  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 {
-  Q as InvoiceDetailsTabOverview
+  I as InvoicePreview
 };