@tesouro/embedded-components-react 0.2.191 → 0.2.193

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

@@ -1,27 +1,72 @@
-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 { 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 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 {
-  s as buildInvoicePreviewData
+  I as InvoicePreview
 };

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

@@ -1,39 +1,151 @@
-import { jsx as o, jsxs as n } from "@emotion/react/jsx-runtime";
-import { LoadingSpinner as f } from "./index131.js";
-import { Button as t } from "./index84.js";
-import { Dialog as C, DialogContent as u, DialogHeader as D, DialogTitle as b, DialogDescription as w, DialogFooter as L } from "./index222.js";
-import { useLingui as v } from "@lingui/react";
-const P = ({
-  open: e,
-  title: l,
-  message: s,
-  children: c,
-  confirmLabel: d,
-  cancelLabel: m,
-  onClose: a,
-  onConfirm: p,
-  container: g,
-  isLoading: r = !1
-}) => {
-  const {
-    i18n: h
-  } = v();
-  return /* @__PURE__ */ o(C, { open: e, onOpenChange: a, "aria-label": h._("Confirmation dialog"), children: /* @__PURE__ */ n(u, { container: g, showCloseButton: !1, children: [
-    /* @__PURE__ */ o(D, { children: /* @__PURE__ */ o(b, { children: l }) }),
-    /* @__PURE__ */ o(w, { children: s || c }),
-    /* @__PURE__ */ n(L, { children: [
-      /* @__PURE__ */ o(t, { onClick: (i) => {
-        i.stopPropagation(), a();
-      }, variant: "outline", children: m }),
-      /* @__PURE__ */ n(t, { onClick: (i) => {
-        i.stopPropagation(), p();
-      }, disabled: r, variant: "destructive", children: [
-        r && /* @__PURE__ */ o(f, { className: "ttw:w-5 ttw:h-5 ttw:border-inherit ttw:border-t-transparent" }),
-        d
-      ] })
-    ] })
-  ] }) });
-};
+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));
 export {
-  P as ConfirmationModal
+  N as CurrencyEnumSchema
 };

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

@@ -1,130 +1,33 @@
-import { jsxs as i, jsx as t, Fragment as z } from "@emotion/react/jsx-runtime";
-import { CreateCounterpartDialog as B } from "./index151.js";
-import { CounterpartSelector as U } from "./index379.js";
-import { getCounterpartName as P, getCounterpartEmail as R } from "./index7.js";
-import "./index57.js";
-import "@tanstack/react-query";
-import { useCounterpartAddresses as W } from "./index72.js";
-import { useRef as q, useState as F, useCallback as G, useEffect as k } from "react";
-import "react-hot-toast";
-import { useLingui as H } from "@lingui/react";
-import { useFormContext as J, Controller as K } from "react-hook-form";
-import { CounterpartDetails as Q } from "./index2.js";
-import { Typography as f } from "./index85.js";
-import { Avatar as X, AvatarFallback as Y } from "./index380.js";
-import { Field as Z, FieldContent as tt, FieldLabel as et, FieldError as rt } from "./index154.js";
-import { Input as at } from "./index117.js";
-import { Button as b } from "./index84.js";
-import { Separator as it } from "./index135.js";
-import { Plus as ot } from "lucide-react";
-const Et = ({
-  disabled: d,
-  canCreateCounterpart: _,
-  isEditCustomerOpen: m,
-  handleOpenEditCustomer: A,
-  counterpart: a
-}) => {
-  const {
-    i18n: s
-  } = H(), {
-    watch: l,
-    setValue: e,
-    control: S,
-    clearErrors: j
-  } = J(), o = l("counterpart_id"), g = q(o), x = l("default_billing_address_id"), y = l("default_shipping_address_id"), {
-    data: c
-  } = W(a?.id), [v, N] = F(!1), [E, h] = F(!1), D = !!o, w = P(a), I = R(a), O = w ? Array.from(w)[0]?.toUpperCase() ?? "?" : "?", C = l("counterpart_name") ?? "", $ = l("counterpart_email") ?? "", T = () => {
-    e("counterpart_id", ""), e("counterpart_name", ""), e("counterpart_email", "");
-  }, V = G((r) => {
-    const n = {
-      email: $,
-      phone: "",
-      isCustomer: !0,
-      isVendor: !1,
-      line1: "",
-      line2: "",
-      city: "",
-      state: "",
-      postalCode: "",
-      country: "US"
-    };
-    if (r === "individual") {
-      const p = C.trim(), u = p.indexOf(" "), L = u === -1 ? p : p.slice(0, u), M = u === -1 ? "" : p.slice(u + 1);
-      return {
-        tax_id: "",
-        counterpart: {
-          ...n,
-          firstName: L,
-          lastName: M
-        }
-      };
-    }
-    return {
-      tax_id: "",
-      counterpart: {
-        ...n,
-        companyName: C
+import { format as m } from "date-fns";
+const a = "receipt_due", r = "custom";
+function _({
+  paymentTermId: e,
+  customDueDate: t
+}) {
+  return e === r ? t ? {
+    payment_terms: {
+      term_final: {
+        end_date: m(t, "yyyy-MM-dd")
       }
-    };
-  }, [C, $]);
-  return k(() => {
-    g.current !== o && (g.current = o, e("default_billing_address_id", ""), e("default_shipping_address_id", ""));
-  }, [o, e]), k(() => {
-    if (c?.data?.length && !(!a || a.id !== o)) {
-      if (!x) {
-        const r = a.default_billing_address_id || (c.data.length === 1 ? c.data[0].id : "");
-        e("default_billing_address_id", r);
+    }
+  } : {
+    payment_terms: {
+      term_final: {
+        number_of_days: 0
       }
-      if (!y) {
-        const r = a.default_shipping_address_id || "";
-        e("default_shipping_address_id", r);
+    }
+  } : e === a ? {
+    payment_terms: {
+      term_final: {
+        number_of_days: 0
       }
     }
-  }, [c, e, a, o, x, y]), /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl", children: [
-    /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4", children: [
-      /* @__PURE__ */ t(f, { variant: "h4", children: s._("Customer details") }),
-      /* @__PURE__ */ t(f, { variant: "body2", color: "muted", className: "ttw:font-medium", children: s._("Who are you billing?") })
-    ] }),
-    D ? /* @__PURE__ */ i("div", { className: "ttw:flex ttw:gap-2 ttw:justify-between ttw:items-center ttw:border ttw:border-border ttw:p-3 ttw:rounded-xl", children: [
-      /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:gap-5", children: [
-        /* @__PURE__ */ t(X, { className: "ttw:size-16", children: /* @__PURE__ */ t(Y, { className: "ttw:text-sm ttw:font-normal", children: O }) }),
-        /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
-          /* @__PURE__ */ t(f, { variant: "body1", className: "ttw:font-medium", children: w }),
-          /* @__PURE__ */ t(f, { variant: "body2", color: "muted", children: I })
-        ] })
-      ] }),
-      /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center", children: [
-        /* @__PURE__ */ t(b, { type: "button", variant: "ghost", className: "ttw:text-primary ttw:hover:text-primary", disabled: d, onClick: () => N(!0), children: s._("View details") }),
-        /* @__PURE__ */ t(it, { orientation: "vertical", className: "ttw:h-6!" }),
-        /* @__PURE__ */ t(b, { type: "button", variant: "ghost", className: "ttw:text-primary ttw:hover:text-primary", disabled: d, onClick: T, children: s._("Clear") })
-      ] })
-    ] }) : /* @__PURE__ */ i(z, { children: [
-      /* @__PURE__ */ t(U, { disabled: d, canCreateCounterpart: _ }),
-      _ && /* @__PURE__ */ t(K, { name: "counterpart_email", control: S, render: ({
-        field: r,
-        fieldState: {
-          error: n
-        }
-      }) => /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ i(tt, { children: [
-        /* @__PURE__ */ t(et, { htmlFor: r.name, children: s._("Email") }),
-        /* @__PURE__ */ t(at, { ...r, id: r.name, type: "email", disabled: d, "aria-invalid": !!n }),
-        /* @__PURE__ */ t(rt, { errors: n ? [n] : [] })
-      ] }) }) }),
-      _ && /* @__PURE__ */ i(b, { onClick: () => h(!0), type: "button", variant: "ghost", disabled: d, className: "ttw:text-primary ttw:hover:text-primary ttw:w-fit", children: [
-        /* @__PURE__ */ t(ot, {}),
-        s._("Add more details including address, phone, etc.")
-      ] })
-    ] }),
-    E && /* @__PURE__ */ t(B, { open: E, onClose: () => {
-      h(!1);
-    }, onCreate: (r) => {
-      h(!1), e("counterpart_id", r), e("counterpart_name", ""), e("counterpart_email", ""), j(["counterpart_id", "counterpart_email"]);
-    }, getCounterpartDefaultValues: V, customerType: "customer" }),
-    (m || v) && /* @__PURE__ */ t(Q, { counterpartId: a?.id || "", open: m || v, onClose: () => {
-      m && A(!1), N(!1);
-    }, isEditMode: m, showActionsMenu: !1, customerType: "customer" })
-  ] });
-};
+  } : e ? {
+    payment_terms_id: e
+  } : {};
+}
 export {
-  Et as CustomerSection
+  r as CUSTOM_DATE_PAYMENT_TERM,
+  a as RECEIPT_DUE_PAYMENT_TERM,
+  _ as buildPaymentTermsPayload
 };

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

@@ -1,51 +1,6 @@
-import { jsxs as t, jsx as e } from "@emotion/react/jsx-runtime";
-import { Typography as o } from "./index85.js";
-import { useLingui as w } from "@lingui/react";
-import { PaymentSection as p } from "./index381.js";
-import { useFormContext as h, Controller as f } from "react-hook-form";
-import { Field as u, FieldContent as b, FieldLabel as g, FieldError as x } from "./index154.js";
-import { Input as y } from "./index117.js";
-import { RecurrenceSection as N } from "./index382.js";
-import { RemindersSection as v } from "./index383.js";
-const j = ({
-  paymentTerms: n,
-  disabled: a,
-  isPaymentTermsLoading: s,
-  showPurchaseOrder: d = !0,
-  lockRecurrenceSchedule: m = !1
-}) => {
-  const {
-    i18n: r
-  } = w(), {
-    control: c
-  } = h();
-  return /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl", children: [
-    /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4", children: [
-      /* @__PURE__ */ e(o, { variant: "h4", children: r._("Billing details") }),
-      /* @__PURE__ */ e(o, { variant: "body2", color: "muted", className: "ttw:font-medium", children: r._("What are the billing terms?") })
-    ] }),
-    /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
-      /* @__PURE__ */ e(N, { lockSchedule: m }),
-      /* @__PURE__ */ t("div", { className: "ttw:flex ttw:items-start ttw:gap-2.5 ttw:w-full", children: [
-        /* @__PURE__ */ e(p, { paymentTerms: n, disabled: a, isLoading: s }),
-        d && /* @__PURE__ */ e(f, { name: "purchase_order", control: c, render: ({
-          field: i,
-          fieldState: {
-            error: l
-          }
-        }) => /* @__PURE__ */ e(u, { children: /* @__PURE__ */ t(b, { children: [
-          /* @__PURE__ */ t(g, { htmlFor: i.name, className: "ttw:text-nowrap", children: [
-            r._("PO Number"),
-            /* @__PURE__ */ e(o, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: r._("(optional)") })
-          ] }),
-          /* @__PURE__ */ e(y, { ...i, id: i.name, disabled: a, "aria-invalid": !!l }),
-          /* @__PURE__ */ e(x, { errors: l ? [l] : [] })
-        ] }) }) })
-      ] }),
-      /* @__PURE__ */ e(v, { disabled: a })
-    ] })
-  ] });
-};
+import { toMinorUnits as r, fromMinorUnits as a } from "./index119.js";
+const s = (o) => a(o), t = (o) => r(o);
 export {
-  j as BillingSection
+  t as rateMajorToMinor,
+  s as rateMinorToMajor
 };

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

@@ -1,121 +1,22 @@
-import { jsxs as l, jsx as i } from "@emotion/react/jsx-runtime";
-import { useFormErrors as G, FormErrorDisplay as k } from "./index384.js";
-import { InvoiceItemRow as q } from "./index385.js";
-import { InvoiceTotals as z } from "./index386.js";
-import { CUSTOM_ID as B } from "./index387.js";
-import { useLineItemManagement as W } from "./index388.js";
-import { useLingui as H } from "@lingui/react";
-import { Button as O } from "./index84.js";
-import { Field as Q, FieldContent as Y, FieldLabel as J } from "./index154.js";
-import { Typography as m } from "./index85.js";
-import { Plus as K } from "lucide-react";
-import { useCallback as h, useEffect as X, useRef as Z } from "react";
-import { useFormContext as tt, Controller as et } from "react-hook-form";
-import { LoadingSpinner as it } from "./index131.js";
-import { useGetMeasureUnits as rt } from "./index293.js";
-import { InputGroup as nt, InputGroupInput as at, InputGroupAddon as ot } from "./index101.js";
-import { sanitizeTaxRateInput as st } from "./index389.js";
-import { Separator as lt } from "./index135.js";
-const Ft = ({
-  defaultCurrency: d = "USD",
-  registerLineItemCleanupFn: u
-}) => {
+import { useMoniteContext as s } from "./index57.js";
+import { getAPIErrorMessage as i } from "./index121.js";
+import { useLingui as a } from "@lingui/react";
+import { toast as n } from "react-hot-toast";
+const f = () => {
   const {
-    i18n: n
-  } = H(), {
-    control: _,
-    formState: g,
-    getValues: c,
-    watch: N,
-    trigger: v,
-    clearErrors: x
-  } = tt(), b = N("tax_mode") === "inclusive", {
-    data: C,
-    isLoading: F
-  } = rt(), {
-    fields: w,
-    subtotalPrice: L,
-    totalPrice: E,
-    totalTaxes: T,
-    lineItemErrors: U,
-    autoFocusIndex: P,
-    handleAddRow: R,
-    handleRemoveItem: S,
-    setValueWithValidationLocal: p,
-    cleanUpLineItemsForSubmission: $
-  } = W({
-    defaultCurrency: d,
-    isInclusivePricing: b
-  }), r = h((t, e) => {
-    p(t, e, {
-      shouldValidate: !1
-    });
-  }, [p]);
-  X(() => (u?.($), () => u?.(null)), [u, $]);
-  const y = Z(null), {
-    generalError: A,
-    fieldErrors: V
-  } = G(U), 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]), j = 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 !== B && 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}`);
+    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
+      }));
     }
-  }, [d, c, r, I, v, x]);
-  return /* @__PURE__ */ l("div", { ref: y, 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(k, { generalError: g?.errors?.line_items?.root?.message ?? A, fieldErrors: V }),
-    /* @__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" })
-      ] }),
-      F ? /* @__PURE__ */ i("li", { className: "ttw:flex ttw:items-center ttw:justify-center ttw:h-9", children: /* @__PURE__ */ i(it, { className: "ttw:w-5 ttw:h-5" }) }) : w.map((t, e) => {
-        const a = (o) => c(`line_items.${e}.${o}`), s = (o, f, D) => {
-          const M = `line_items.${e}.${o}`;
-          p(M, f, D);
-        };
-        return /* @__PURE__ */ i(q, { field: t, index: e, control: _, errors: g.errors, defaultCurrency: d, measureUnitsData: C, onRequestLineItemValue: a, onLineItemValueChange: s, canRemove: w.length > 1, autoFocusName: e === P, onUpdateItem: j, onRemoveItem: S, container: y }, 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(K, { className: "ttw:size-5 ttw:text-primary" }),
-      n._("Add item")
-    ] }),
-    /* @__PURE__ */ i(et, { name: "tax_rate", control: _, render: ({
-      field: t
-    }) => /* @__PURE__ */ i(Q, { children: /* @__PURE__ */ l(Y, { className: "ttw:flex-row ttw:justify-end", children: [
-      /* @__PURE__ */ i(J, { htmlFor: t.name, children: n._("Tax rate") }),
-      /* @__PURE__ */ l(nt, { className: "ttw:w-28 ttw:has-[>[data-align=inline-end]]:[&>input]:pr-0", children: [
-        /* @__PURE__ */ i(at, { ...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(st(e.target.value));
-        }, onBlur: (e) => {
-          const a = e.target.value;
-          t.onChange(a.endsWith(".") ? a.slice(0, -1) : a), t.onBlur();
-        } }),
-        /* @__PURE__ */ i(ot, { align: "inline-end", children: "%" })
-      ] })
-    ] }) }) }),
-    /* @__PURE__ */ i(lt, {}),
-    /* @__PURE__ */ i(z, { subtotalPrice: L, totalTaxes: T, totalPrice: E })
-  ] });
+  });
 };
 export {
-  Ft as ItemsSection
+  f as useCreateReceivable
 };