@tesouro/embedded-components-react 0.2.206 → 0.2.211

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

@@ -1,26 +1,207 @@
-import { useMoniteContext as u } from "./index57.js";
-import { useLingui as n } from "@lingui/react";
-import { toast as o } from "react-hot-toast";
-const p = (r, s) => {
+import { jsxs as l, jsx as e, Fragment as Q } from "@emotion/react/jsx-runtime";
+import { useState as v, useRef as y, useEffect as N } from "react";
+import { useFormContext as W } from "react-hook-form";
+import { useLingui as tt } from "@lingui/react";
+import { Trash2 as et, Loader2 as at, FileText as rt, X as it, ImageIcon as lt } from "lucide-react";
+import { Typography as n } from "./index85.js";
+import { Button as S } from "./index84.js";
+import { Checkbox as nt } from "./index351.js";
+import { Separator as st } from "./index159.js";
+import { cn as ot } from "./index100.js";
+import "./index57.js";
+import "react-hot-toast";
+import "./index92.js";
+import { useFileInput as ct } from "./index61.js";
+import "react-dom";
+import "@mui/x-data-grid";
+import { ATTACHMENT_ACCEPTED_FORMATS as k, ATTACHMENT_MAX_FILE_SIZE_MB as P, ATTACHMENT_MAX_FILE_COUNT as dt, ATTACHMENT_ACCEPTED_EXTENSIONS as mt } from "./index224.js";
+import { useDeleteFile as ut } from "./index385.js";
+import { useUploadReceivableAttachment as wt } from "./index386.js";
+import { validateAttachmentFile as pt } from "./index387.js";
+import { formatFileSize as ft } from "./index353.js";
+import { toFileArray as B } from "./index388.js";
+const Ot = ({
+  disabled: c,
+  onUploadingChange: u
+}) => {
   const {
-    i18n: e
-  } = n(), {
-    api: t,
-    queryClient: i
-  } = u();
-  return t.finops.deleteProductsId.useMutation({
-    path: {
-      product_id: r
+    i18n: r
+  } = tt(), {
+    watch: F,
+    setValue: h,
+    getValues: w
+  } = W(), {
+    mutateAsync: O
+  } = wt(), {
+    mutate: I
+  } = ut(), {
+    FileInput: U,
+    openFileInput: L,
+    resetInput: R
+  } = ct({
+    acceptedFormats: k,
+    maxFileSizeInMB: P
+  }), g = F("attachments") ?? [], T = F("frequency"), G = !!T && T !== "once", [m, p] = v([]), [H, b] = v(!1), [X, x] = v(!1), A = y(0), f = y(!1);
+  N(() => (f.current = !1, () => {
+    f.current = !0;
+  }), []);
+  const _ = y(/* @__PURE__ */ new Set()), C = m.some((t) => t.status === "uploading");
+  N(() => {
+    u?.(C);
+  }, [C, u]), N(() => () => u?.(!1), [u]);
+  const z = () => (A.current += 1, `attachment-${A.current}`), j = (t) => t === "too_large" ? r._("File too large (max 3 MB)") : r._("File type not supported. Use PDF, DOC, JPG or PNG"), J = async (t, i) => {
+    try {
+      const a = await O({
+        file: i,
+        file_type: "attachments"
+      });
+      if (f.current || _.current.delete(t)) {
+        I({
+          path: {
+            file_id: a.id
+          }
+        });
+        return;
+      }
+      p((d) => d.filter((s) => s.localId !== t)), h("attachments", [...w("attachments") ?? [], {
+        id: a.id,
+        include_in_email: !0,
+        name: a.name,
+        size: a.size
+      }], {
+        shouldDirty: !0
+      });
+    } catch {
+      const a = _.current.delete(t);
+      if (f.current || a) return;
+      p((d) => d.map((s) => s.localId === t ? {
+        ...s,
+        status: "error",
+        errorMessage: r._("Upload failed. Please try again.")
+      } : s));
     }
-  }, {
-    onSuccess: async () => {
-      await t.finops.getProducts.invalidateQueries(i), o.success(e._("Product was deleted.")), s?.();
-    },
-    onError: () => {
-      o.error(e._("Failed to delete product."));
+  }, D = (t) => {
+    if (t.length === 0) return;
+    const i = w("attachments") ?? [], a = m.filter((o) => o.status === "uploading").length;
+    let d = dt - i.length - a;
+    const s = [];
+    let E = !1;
+    for (const o of t) {
+      const M = pt(o, {
+        acceptedFormats: k,
+        acceptedExtensions: mt,
+        maxFileSizeInMB: P
+      });
+      if (M) {
+        s.push({
+          localId: z(),
+          name: o.name,
+          size: o.size,
+          status: "error",
+          errorMessage: j(M)
+        });
+        continue;
+      }
+      if (d <= 0) {
+        E = !0;
+        continue;
+      }
+      d -= 1;
+      const $ = z();
+      s.push({
+        localId: $,
+        name: o.name,
+        size: o.size,
+        status: "uploading"
+      }), J($, o);
     }
-  });
+    s.length > 0 && p((o) => [...o, ...s]), b(E);
+  }, V = (t, i) => {
+    h("attachments", (w("attachments") ?? []).map((a) => a.id === t ? {
+      ...a,
+      include_in_email: i
+    } : a), {
+      shouldDirty: !0
+    });
+  }, q = (t) => {
+    h("attachments", (w("attachments") ?? []).filter((i) => i.id !== t), {
+      shouldDirty: !0
+    }), b(!1), I({
+      path: {
+        file_id: t
+      }
+    });
+  }, Y = (t) => {
+    m.some((i) => i.localId === t && i.status === "uploading") && _.current.add(t), p((i) => i.filter((a) => a.localId !== t)), b(!1);
+  }, Z = (t) => {
+    t.preventDefault(), x(!1), !c && D(B(t.dataTransfer.files));
+  }, K = g.length > 0 || m.length > 0;
+  return /* @__PURE__ */ l("div", { 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__ */ e(n, { variant: "h4", children: r._("Attachments") }),
+      /* @__PURE__ */ e(n, { variant: "body2", color: "muted", className: "ttw:font-medium", children: r._("Associate additional documents with this invoice for your own reference or to share with the customer. e.g. contracts, photos, terms and conditions, etc.") })
+    ] }),
+    K && /* @__PURE__ */ l("div", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
+      g.length > 0 && /* @__PURE__ */ l(Q, { children: [
+        /* @__PURE__ */ e(n, { variant: "caption", color: "muted", children: G ? r._("Selected files will be attached to every invoice email in the recurring series.") : r._("Selected files will be attached to the invoice email sent to the customer.") }),
+        /* @__PURE__ */ e(st, {})
+      ] }),
+      /* @__PURE__ */ l("ul", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
+        g.map((t) => {
+          const i = `attachment-include-${t.id}`;
+          return /* @__PURE__ */ l("li", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+            /* @__PURE__ */ e(
+              nt,
+              {
+                id: i,
+                checked: t.include_in_email,
+                disabled: c,
+                "aria-label": `${r._("Include in email:")} ${t.name}`,
+                onCheckedChange: (a) => V(t.id, a === !0)
+              }
+            ),
+            /* @__PURE__ */ l("div", { className: "ttw:flex ttw:w-full ttw:items-center ttw:rounded-lg ttw:gap-3 ttw:bg-muted ttw:px-2 ttw:py-1", children: [
+              /* @__PURE__ */ l("div", { className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:items-center ttw:gap-1", children: [
+                /* @__PURE__ */ e(n, { variant: "body2", className: "ttw:truncate", children: t.name }),
+                /* @__PURE__ */ l(n, { variant: "body2", color: "muted", className: "ttw:shrink-0", children: [
+                  "(",
+                  ft(t.size),
+                  ")"
+                ] })
+              ] }),
+              /* @__PURE__ */ e(S, { type: "button", variant: "ghost", size: "icon", className: "ttw:size-4", disabled: c, "aria-label": `${r._("Remove")} ${t.name}`, onClick: () => q(t.id), children: /* @__PURE__ */ e(et, { className: "ttw:size-4" }) })
+            ] })
+          ] }, t.id);
+        }),
+        m.map((t) => /* @__PURE__ */ l("li", { className: "ttw:flex ttw:w-full ttw:items-center ttw:rounded-lg ttw:gap-3 ttw:bg-muted ttw:px-2 ttw:py-1", children: [
+          t.status === "uploading" ? /* @__PURE__ */ e(at, { className: "ttw:size-5 ttw:shrink-0 ttw:animate-spin ttw:text-muted-foreground" }) : /* @__PURE__ */ e(rt, { className: "ttw:size-5 ttw:shrink-0 ttw:text-destructive" }),
+          /* @__PURE__ */ l("div", { className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col", children: [
+            /* @__PURE__ */ e(n, { variant: "body2", className: "ttw:truncate", children: t.name }),
+            t.status === "uploading" ? /* @__PURE__ */ e(n, { variant: "caption", color: "muted", children: r._("Uploading…") }) : /* @__PURE__ */ e(n, { variant: "caption", role: "alert", className: "ttw:text-destructive", children: t.errorMessage })
+          ] }),
+          /* @__PURE__ */ e(S, { type: "button", variant: "ghost", size: "icon", disabled: c, "aria-label": `${r._("Remove")} ${t.name}`, onClick: () => Y(t.localId), children: /* @__PURE__ */ e(it, { className: "ttw:size-4" }) })
+        ] }, t.localId))
+      ] })
+    ] }),
+    /* @__PURE__ */ l("button", { type: "button", disabled: c, onClick: L, onDragOver: (t) => {
+      t.preventDefault(), c || x(!0);
+    }, onDragLeave: (t) => {
+      t.preventDefault(), x(!1);
+    }, onDrop: Z, className: ot("ttw:flex ttw:w-full ttw:flex-col ttw:items-center ttw:gap-2 ttw:rounded-xl ttw:border ttw:border-dashed ttw:p-6 ttw:text-center ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50", X ? "ttw:border-primary ttw:bg-primary/5" : "ttw:border-border ttw:bg-muted"), children: [
+      /* @__PURE__ */ e("span", { className: "ttw:flex ttw:size-10 ttw:items-center ttw:justify-center ttw:rounded-full ttw:border ttw:border-border", children: /* @__PURE__ */ e(lt, { className: "ttw:size-5 ttw:text-muted-foreground" }) }),
+      /* @__PURE__ */ l(n, { variant: "body2", children: [
+        r._("Drop your files here, or"),
+        " ",
+        /* @__PURE__ */ e("span", { className: "ttw:text-primary ttw:underline", children: r._("browse to upload") })
+      ] }),
+      /* @__PURE__ */ e(n, { variant: "caption", color: "muted", children: r._("PDF, DOC, JPG, PNG (max. 3MB)") })
+    ] }),
+    H && /* @__PURE__ */ e(n, { variant: "body2", role: "alert", className: "ttw:text-destructive", children: r._("You can attach up to 10 files.") }),
+    /* @__PURE__ */ e(U, { multiple: !0, onChange: (t) => {
+      D(B(t.target.files)), R();
+    } })
+  ] });
 };
 export {
-  p as useDeleteProduct
+  Ot as AttachmentSection
 };

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

@@ -1,151 +1,72 @@
-import { z as D } from "zod";
-const S = {
-  AED: "AED",
-  AFN: "AFN",
-  ALL: "ALL",
-  AMD: "AMD",
-  ANG: "ANG",
-  AOA: "AOA",
-  ARS: "ARS",
-  AUD: "AUD",
-  AWG: "AWG",
-  AZN: "AZN",
-  BAM: "BAM",
-  BBD: "BBD",
-  BDT: "BDT",
-  BGN: "BGN",
-  BHD: "BHD",
-  BIF: "BIF",
-  BMD: "BMD",
-  BND: "BND",
-  BOB: "BOB",
-  BRL: "BRL",
-  BSD: "BSD",
-  BTN: "BTN",
-  BWP: "BWP",
-  BYN: "BYN",
-  BZD: "BZD",
-  CAD: "CAD",
-  CDF: "CDF",
-  CHF: "CHF",
-  CLP: "CLP",
-  CNY: "CNY",
-  COP: "COP",
-  CRC: "CRC",
-  CVE: "CVE",
-  CZK: "CZK",
-  DJF: "DJF",
-  DKK: "DKK",
-  DOP: "DOP",
-  DZD: "DZD",
-  EGP: "EGP",
-  ETB: "ETB",
-  EUR: "EUR",
-  FJD: "FJD",
-  FKP: "FKP",
-  GBP: "GBP",
-  GEL: "GEL",
-  GHS: "GHS",
-  GIP: "GIP",
-  GMD: "GMD",
-  GNF: "GNF",
-  GTQ: "GTQ",
-  GYD: "GYD",
-  HKD: "HKD",
-  HNL: "HNL",
-  HTG: "HTG",
-  HUF: "HUF",
-  IDR: "IDR",
-  ILS: "ILS",
-  INR: "INR",
-  IQD: "IQD",
-  ISK: "ISK",
-  JMD: "JMD",
-  JOD: "JOD",
-  JPY: "JPY",
-  KES: "KES",
-  KGS: "KGS",
-  KHR: "KHR",
-  KMF: "KMF",
-  KRW: "KRW",
-  KWD: "KWD",
-  KYD: "KYD",
-  KZT: "KZT",
-  LAK: "LAK",
-  LBP: "LBP",
-  LKR: "LKR",
-  LRD: "LRD",
-  LSL: "LSL",
-  LYD: "LYD",
-  MAD: "MAD",
-  MDL: "MDL",
-  MGA: "MGA",
-  MKD: "MKD",
-  MMK: "MMK",
-  MNT: "MNT",
-  MOP: "MOP",
-  MUR: "MUR",
-  MVR: "MVR",
-  MWK: "MWK",
-  MXN: "MXN",
-  MYR: "MYR",
-  MZN: "MZN",
-  NAD: "NAD",
-  NGN: "NGN",
-  NIO: "NIO",
-  NOK: "NOK",
-  NPR: "NPR",
-  NZD: "NZD",
-  OMR: "OMR",
-  PAB: "PAB",
-  PEN: "PEN",
-  PGK: "PGK",
-  PHP: "PHP",
-  PKR: "PKR",
-  PLN: "PLN",
-  PYG: "PYG",
-  QAR: "QAR",
-  RON: "RON",
-  RSD: "RSD",
-  RUB: "RUB",
-  RWF: "RWF",
-  SAR: "SAR",
-  SBD: "SBD",
-  SCR: "SCR",
-  SEK: "SEK",
-  SGD: "SGD",
-  SHP: "SHP",
-  SLE: "SLE",
-  SOS: "SOS",
-  SRD: "SRD",
-  SSP: "SSP",
-  SVC: "SVC",
-  SZL: "SZL",
-  THB: "THB",
-  TJS: "TJS",
-  TMT: "TMT",
-  TND: "TND",
-  TOP: "TOP",
-  TRY: "TRY",
-  TTD: "TTD",
-  TWD: "TWD",
-  TZS: "TZS",
-  UAH: "UAH",
-  UGX: "UGX",
-  USD: "USD",
-  UYU: "UYU",
-  UZS: "UZS",
-  VND: "VND",
-  VUV: "VUV",
-  WST: "WST",
-  XAF: "XAF",
-  XCD: "XCD",
-  XOF: "XOF",
-  XPF: "XPF",
-  YER: "YER",
-  ZAR: "ZAR",
-  ZMW: "ZMW"
-}, N = D.enum(Object.keys(S));
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { InvoicePreviewMonite as d } from "./index389.js";
+import { useAdaptiveScale as p } from "./index390.js";
+import { AspectRatio as v } from "./index391.js";
+import { cn as e } from "./index100.js";
+import { useRef as n } from "react";
+import { useGetMeasureUnits as h } from "./index270.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 {
-  N as CurrencyEnumSchema
+  I as InvoicePreview
 };

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

@@ -1,21 +1,33 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { cn as i } from "./index100.js";
-import * as e from "@radix-ui/react-radio-group";
-import { CircleIcon as s } from "lucide-react";
-function w({
-  className: r,
-  ...a
+import { format as m } from "date-fns";
+const a = "receipt_due", r = "custom";
+function _({
+  paymentTermId: e,
+  customDueDate: t
 }) {
-  return /* @__PURE__ */ t(e.Root, { "data-slot": "radio-group", className: i("ttw:grid ttw:gap-3", r), ...a });
-}
-function c({
-  className: r,
-  dotClassName: a,
-  ...o
-}) {
-  return /* @__PURE__ */ t(e.Item, { "data-slot": "radio-group-item", className: i("ttw:border-input ttw:text-primary ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive ttw:dark:bg-input/30 ttw:aspect-square ttw:size-4 ttw:shrink-0 ttw:rounded-full ttw:border ttw:shadow-xs ttw:transition-[color,box-shadow] ttw:outline-none ttw:focus-visible:ring-[3px] ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50", r), ...o, children: /* @__PURE__ */ t(e.Indicator, { "data-slot": "radio-group-indicator", className: "ttw:relative ttw:flex ttw:items-center ttw:justify-center", children: /* @__PURE__ */ t(s, { className: i("ttw:fill-primary ttw:absolute ttw:top-1/2 ttw:left-1/2 ttw:size-2 ttw:-translate-x-1/2 ttw:-translate-y-1/2", a) }) }) });
+  return e === r ? t ? {
+    payment_terms: {
+      term_final: {
+        end_date: m(t, "yyyy-MM-dd")
+      }
+    }
+  } : {
+    payment_terms: {
+      term_final: {
+        number_of_days: 0
+      }
+    }
+  } : e === a ? {
+    payment_terms: {
+      term_final: {
+        number_of_days: 0
+      }
+    }
+  } : e ? {
+    payment_terms_id: e
+  } : {};
 }
 export {
-  w as RadioGroup,
-  c as RadioGroupItem
+  r as CUSTOM_DATE_PAYMENT_TERM,
+  a as RECEIPT_DUE_PAYMENT_TERM,
+  _ as buildPaymentTermsPayload
 };

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

@@ -1,10 +1,6 @@
-import { useMoniteContext as s } from "./index57.js";
-const n = () => {
-  const {
-    api: e
-  } = s();
-  return e.finops.getMeasureUnits.useQuery();
-};
+import { toMinorUnits as r, fromMinorUnits as a } from "./index118.js";
+const s = (o) => a(o), t = (o) => r(o);
 export {
-  n as useGetMeasureUnits
+  t as rateMajorToMinor,
+  s as rateMinorToMajor
 };

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

@@ -1,27 +1,22 @@
-const s = ({
-  lineItems: t,
-  paymentTermsId: a,
-  memo: o,
-  footer: n,
-  bankAccountId: r,
-  bankAccountType: m,
-  taxMode: d,
-  purchaseOrder: c,
-  taxRate: i
-}) => ({
-  payment_terms_id: a,
-  line_items: (t ?? []).map((e) => ({
-    ...e,
-    id: e.id || `temp-${Math.random().toString(36).substr(2, 9)}`
-  })),
-  memo: o,
-  footer: n,
-  bank_account_id: r,
-  bank_account_type: m,
-  tax_mode: d,
-  purchase_order: c || void 0,
-  tax_rate: i
-});
+import { useMoniteContext as s } from "./index57.js";
+import { getAPIErrorMessage as i } from "./index120.js";
+import { useLingui as a } from "@lingui/react";
+import { toast as n } from "react-hot-toast";
+const f = () => {
+  const {
+    i18n: e
+  } = a(), {
+    api: r
+  } = s();
+  return r.finops.postReceivables.useMutation({}, {
+    onError: (o) => {
+      const t = i(e, o);
+      n.error(e._("Failed to create invoice: {errorMessage}", {
+        errorMessage: t
+      }));
+    }
+  });
+};
 export {
-  s as buildInvoicePreviewData
+  f as useCreateReceivable
 };