@tesouro/embedded-components-react 0.2.190 → 0.2.193

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

@@ -1,164 +1,72 @@
-import { jsxs as s, jsx as r, Fragment as z } from "@emotion/react/jsx-runtime";
-import { useState as L } from "react";
-import { getCounterpartName as T } from "./index7.js";
-import { PayableStatusChip as h } from "./index165.js";
-import { useCounterpartById as W } from "./index70.js";
-import "@tanstack/react-query";
-import "./index57.js";
-import "react-hot-toast";
-import { useLingui as q } from "@lingui/react";
-import { DropdownMenu as G } from "./index450.js";
-import { FullScreenModalHeader as J } from "./index451.js";
-import { Box as K, Button as C } from "@mui/material";
-import { Wallet as Q } from "lucide-react";
-import { isPayableInOCRProcessing as U } from "./index261.js";
-import { PayableDetailsCancelModal as V } from "./index452.js";
-import { isBillOverdue as X } from "./index170.js";
-const fe = ({
-  payable: o,
-  permissions: a,
-  setEdit: d,
-  isEdit: _,
-  submitInvoice: b,
-  rejectInvoice: y,
-  approveInvoice: I,
-  forceRejectInvoice: j,
-  forceApproveInvoice: k,
-  cancelInvoice: x,
-  reopenInvoice: g,
-  deleteInvoice: R,
-  payInvoice: B,
-  payableDetailsFormId: $,
-  onClose: l,
-  modalComponent: D,
-  showPayButton: P
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { InvoicePreviewMonite as d } from "./index404.js";
+import { useAdaptiveScale as p } from "./index405.js";
+import { AspectRatio as v } from "./index406.js";
+import { cn as e } from "./index100.js";
+import { useRef as n } from "react";
+import { useGetMeasureUnits as h } from "./index285.js";
+const I = ({
+  address: i,
+  counterpart: s,
+  currency: o,
+  invoiceData: w,
+  entityData: m,
+  paymentTerms: l
 }) => {
-  const {
-    i18n: t
-  } = q(), {
-    data: w
-  } = W(o?.counterpart_id), [A, p] = L(!1), m = T(w), E = X(o?.status ?? "draft", o?.due_date), c = {
-    edit: {
-      variant: "outlined",
-      onClick: () => d(!0),
-      children: t._("Edit")
-    },
-    save: {
-      variant: "contained",
-      form: $,
-      type: "submit",
-      children: t._("Save")
-    },
-    cancelEdit: {
-      variant: "outlined",
-      onClick: () => {
-        d(!1), !o && l && l();
-      },
-      children: t._("Cancel")
-    },
-    submit: {
-      variant: "contained",
-      onClick: () => b(),
-      children: t._("Submit")
-    },
-    reject: {
-      variant: "text",
-      color: "error",
-      onClick: () => y(),
-      children: t._("Reject")
-    },
-    reopen: {
-      variant: "text",
-      color: "error",
-      onClick: () => g(),
-      children: t._("Reopen")
-    },
-    approve: {
-      variant: "contained",
-      onClick: () => I(),
-      children: t._("Approve")
-    },
-    cancel: {
-      variant: "text",
-      color: "error",
-      onClick: () => p(!0),
-      children: t._("Cancel bill")
-    },
-    delete: {
-      variant: "text",
-      color: "error",
-      onClick: () => {
-        R(), l?.();
-      },
-      children: t._("Delete bill")
-    },
-    pay: {
-      variant: "contained",
-      size: "small",
-      onClick: () => B(),
-      disabled: !P,
-      startIcon: /* @__PURE__ */ r(Q, { size: 14 }),
-      children: t._("Pay")
-    },
-    forceApprove: {
-      variant: "outlined",
-      onClick: () => k(),
-      children: t._("Force Approve")
-    },
-    forceReject: {
-      variant: "outlined",
-      color: "error",
-      onClick: () => j(),
-      children: t._("Force Reject")
-    }
-  }, F = "Monite-PayableDetails-Header", S = a.includes("cancel"), M = o?.document_id ? m ? `${t._("Bill")} #${o.document_id} ${t._("from")} ${m}` : _ ? `${t._("Edit bill")} #${o.document_id}` : `${t._("Bill")} #${o.document_id}` : t._("New incoming invoice");
-  let u = null;
-  if (!o || !U(o)) {
-    const f = a.filter((e) => e === "approve" || e === "reject"), N = a.filter((e) => e === "forceApprove" || e === "forceReject"), v = ["forceApprove", "forceReject"].filter((e) => N.includes(e)), O = v.map((e) => {
-      const {
-        children: i,
-        onClick: n
-      } = c[e];
-      return {
-        key: e,
-        label: i,
-        onClick: n,
-        sx: {
-          color: e === "forceReject" ? "error.main" : "text.primary"
-        }
-      };
-    }), H = a.filter((e) => !["approve", "reject", "forceApprove", "forceReject"].includes(e));
-    u = /* @__PURE__ */ s(K, { sx: {
-      display: "flex",
-      alignItems: "center",
-      gap: 1
-    }, children: [
-      H.map((e) => {
-        const {
-          children: i,
-          ...n
-        } = c[e];
-        return /* @__PURE__ */ r(C, { ...n, children: i }, e);
-      }),
-      f.length > 0 && f.map((e) => {
-        const {
-          children: i,
-          ...n
-        } = c[e];
-        return /* @__PURE__ */ r(C, { ...n, children: i }, e);
-      }),
-      v.length > 0 && /* @__PURE__ */ r(G, { items: O })
-    ] });
-  }
-  return /* @__PURE__ */ s(z, { children: [
-    /* @__PURE__ */ r(J, { className: F, title: M, statusElement: /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
-      /* @__PURE__ */ r(h, { status: o?.status ?? "draft", dueDate: o?.due_date }),
-      E && /* @__PURE__ */ r(h, { status: o?.status ?? "draft", dueDate: o?.due_date, showOverdueBadge: !0 })
-    ] }), actions: u, closeButtonTooltip: t._("Close payable details") }),
-    D,
-    S && /* @__PURE__ */ r(V, { isOpen: A, handleCloseModal: () => p(!1), handleConfirmation: x })
-  ] });
+  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 {
-  fe as PayableDetailsHeader
+  I as InvoicePreview
 };