@tesouro/embedded-components-react 0.2.160 → 0.2.162

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

@@ -1,36 +1,31 @@
-import { useMoniteContext as a } from "./index57.js";
-import { getAPIErrorMessage as n } from "./index118.js";
-import { useLingui as c } from "@lingui/react";
-import { toast as t } from "react-hot-toast";
-const d = () => {
-  const {
-    api: e,
-    queryClient: i
-  } = a(), {
-    i18n: r
-  } = c();
-  return e.finops.postRecurrences.useMutation(void 0, {
-    onError(s) {
-      t.error(n(r, s));
-    },
-    async onSuccess(s, o) {
-      await Promise.all([
-        e.finops.getReceivables.invalidateQueries(i),
-        // Refresh the invoice's details so the newly-created recurrence (its
-        // `recurrence_id` and schedule) shows immediately. This lives on the
-        // POST /recurrences success, not the PATCH /receivables one, since the
-        // recurrence is what the details view needs to re-read.
-        e.finops.getReceivablesId.invalidateQueries({
-          parameters: {
-            path: {
-              receivable_id: o.body.invoice_id
-            }
-          }
-        }, i)
-      ]), t.success(r._("Recurring billing activated"));
-    }
-  });
+import { jsxs as i, jsx as e } from "@emotion/react/jsx-runtime";
+import { useDebounceCallback as c } from "./index65.js";
+import m from "@mui/icons-material/Search";
+import { FormControl as s, InputLabel as h, Input as p, InputAdornment as d } from "@mui/material";
+const u = 500, x = ({
+  label: r,
+  value: o,
+  placeholder: l,
+  onChange: n
+}) => {
+  const t = c((a) => n(a), u);
+  return /* @__PURE__ */ i(s, { "aria-label": "search-by-name", className: "Monite-SearchField Monite-FilterControl", children: [
+    r && /* @__PURE__ */ e(h, { htmlFor: "search-by-name", shrink: !0, children: r }),
+    /* @__PURE__ */ e(p, { id: "search-by-name", name: "search-by-name", "aria-label": "search-by-name", placeholder: l, value: o, onChange: (a) => {
+      t(a.target.value || null);
+    }, startAdornment: /* @__PURE__ */ e(d, { position: "end", children: /* @__PURE__ */ e(m, { fontSize: "medium" }) }), sx: {
+      "&::placeholder": {
+        opacity: 1,
+        color: "text.primary"
+      },
+      "& input::placeholder": {
+        opacity: 1,
+        color: "text.primary"
+      }
+    } })
+  ] });
 };
 export {
-  d as useCreateRecurrence
+  u as DEBOUNCE_SEARCH_TIMEOUT,
+  x as SearchField
 };

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

@@ -1,34 +1,80 @@
-import { useMoniteContext as o } from "./index57.js";
-import { getAPIErrorMessage as a } from "./index118.js";
-import { useLingui as c } from "@lingui/react";
-import { toast as s } from "react-hot-toast";
-const l = () => {
-  const {
-    api: e,
-    queryClient: r
-  } = o(), {
-    i18n: i
-  } = c();
-  return e.finops.patchRecurrencesId.useMutation(void 0, {
-    onError(t) {
-      s.error(a(i, t));
-    },
-    async onSuccess(t, n) {
-      await Promise.all([
-        e.finops.getReceivables.invalidateQueries(r),
-        // Refresh the recurrence itself so the details view shows the updated
-        // schedule (the invoice didn't change, only its recurrence did).
-        e.finops.getRecurrencesId.invalidateQueries({
-          parameters: {
-            path: {
-              recurrence_id: n.path.recurrence_id
-            }
-          }
-        }, r)
-      ]), s.success(i._("Recurring billing updated"));
-    }
-  });
-};
+function i({
+  layout: r,
+  navigationPosition: e,
+  pageSizePosition: t,
+  hasPageSizeSelect: n
+}) {
+  if (!n)
+    return {
+      justifyContent: "center",
+      flexDirection: "row",
+      gap: void 0
+    };
+  if (r === "custom") {
+    if (e === "center" && t === "center")
+      return {
+        justifyContent: "center",
+        flexDirection: "row",
+        gap: 3
+      };
+    if (e === "left" && t === "left")
+      return {
+        justifyContent: "flex-start",
+        flexDirection: "row",
+        gap: 3
+      };
+    if (e === "right" && t === "right")
+      return {
+        justifyContent: "flex-end",
+        flexDirection: "row-reverse",
+        gap: 3
+      };
+    if (e === "left" && t === "right")
+      return {
+        justifyContent: "space-between",
+        flexDirection: "row",
+        gap: void 0
+      };
+    if (e === "right" && t === "left")
+      return {
+        justifyContent: "space-between",
+        flexDirection: "row-reverse",
+        gap: void 0
+      };
+    if (e === "center")
+      return {
+        justifyContent: "space-around",
+        flexDirection: t === "left" ? "row-reverse" : "row",
+        gap: void 0
+      };
+    if (t === "center")
+      return {
+        justifyContent: "space-around",
+        flexDirection: e === "left" ? "row" : "row-reverse",
+        gap: void 0
+      };
+  }
+  switch (r) {
+    case "reversed":
+      return {
+        justifyContent: "space-between",
+        flexDirection: "row-reverse",
+        gap: void 0
+      };
+    case "centered":
+      return {
+        justifyContent: "center",
+        flexDirection: "row",
+        gap: 3
+      };
+    default:
+      return {
+        justifyContent: "space-between",
+        flexDirection: "row",
+        gap: void 0
+      };
+  }
+}
 export {
-  l as useUpdateRecurrence
+  i as getLayoutStyles
 };

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

@@ -1,52 +1,27 @@
-import { useMemo as A } from "react";
-import { useLingui as E } from "@lingui/react";
-import { useUserPermissions as k } from "./index141.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 i } from "../../shared/data-access/dist/lib/scopes.js";
-import { getLineLabel as u } from "./index385.js";
-import { useGetEmbeddedBankAccounts as f } from "./index412.js";
-import { useGetEntityBankAccounts as L } from "./index411.js";
-import { useGetExternalBankAccounts as g } from "./index413.js";
-const V = (t = !0) => {
-  const {
-    i18n: o
-  } = E(), n = k(), m = t && n.has(i.BankAccountReadOrg), s = t && n.has(i.ExternalBankAccountReadOrg), {
-    data: e,
-    isLoading: d
-  } = L(void 0, t), {
-    data: c,
-    isLoading: p
-  } = f(void 0, m), {
-    data: r,
-    isLoading: _
-  } = g(void 0, s), l = d || p || _;
-  return {
-    bankAccounts: A(() => [...(e?.data ?? []).map((a) => ({
-      id: a.id,
-      display_name: a.display_name,
-      account_number: a.account_number,
-      account_number_last4: a.account_number_last4,
-      bank_account_type: "BANK_DETAILS"
-    })), ...(c?.data ?? []).filter((a) => a.status === "ACTIVE").map((a) => ({
-      id: a.id,
-      display_name: a.nickname,
-      account_number: a.accountNumber,
-      account_number_last4: null,
-      bank_account_type: "INTERNAL"
-    })), ...(r?.data ?? []).filter((a) => a.accountStatus === "ACTIVE" && a.verificationStatus === "VERIFIED").map((a) => ({
-      id: a.id,
-      display_name: a.nickname || a.nameOnAccount,
-      account_number: a.accountNumber,
-      account_number_last4: null,
-      bank_account_type: "EXTERNAL"
-    }))].sort((a, b) => u(a, o).localeCompare(u(b, o))), [e, c, r, o]),
-    isLoading: l
-  };
-};
+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
+});
 export {
-  V as useSelectableBankAccounts
+  s as buildInvoicePreviewData
 };

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

@@ -1,15 +1,130 @@
-import { useRef as l, useCallback as n } from "react";
-const a = () => {
-  const e = l(null), t = n((r) => {
-    e.current = r;
-  }, []), u = n(() => {
-    e.current?.();
-  }, []);
-  return {
-    registerLineItemCleanupFn: t,
-    runLineItemCleanup: u
-  };
+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 "./index378.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 "./index379.js";
+import { Field as Z, FieldContent as tt, FieldLabel as et, FieldError as rt } from "./index154.js";
+import { Input as at } from "./index118.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
+      }
+    };
+  }, [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);
+      }
+      if (!y) {
+        const r = a.default_shipping_address_id || "";
+        e("default_shipping_address_id", r);
+      }
+    }
+  }, [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" })
+  ] });
 };
 export {
-  a as useLineItemSubmitCleanup
+  Et as CustomerSection
 };

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

@@ -1,10 +1,51 @@
-import { useMoniteContext as s } from "./index57.js";
-const n = () => {
+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 "./index380.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 "./index118.js";
+import { RecurrenceSection as N } from "./index381.js";
+import { RemindersSection as v } from "./index382.js";
+const j = ({
+  paymentTerms: n,
+  disabled: a,
+  isPaymentTermsLoading: s,
+  showPurchaseOrder: d = !0,
+  lockRecurrenceSchedule: m = !1
+}) => {
   const {
-    api: e
-  } = s();
-  return e.finops.getMeasureUnits.useQuery();
+    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 })
+    ] })
+  ] });
 };
 export {
-  n as useGetMeasureUnits
+  j as BillingSection
 };

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

@@ -1,26 +1,120 @@
-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 i } from "@emotion/react/jsx-runtime";
+import { useFormErrors as M, FormErrorDisplay as D } from "./index383.js";
+import { InvoiceItemRow as k } from "./index384.js";
+import { InvoiceTotals as q } from "./index385.js";
+import { CUSTOM_ID as z } from "./index386.js";
+import { useLineItemManagement as B } from "./index387.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 "./index154.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 "./index131.js";
+import { useGetMeasureUnits as it } from "./index299.js";
+import { InputGroup as rt, InputGroupInput as nt, InputGroupAddon as at } from "./index101.js";
+import { sanitizeTaxRateInput as ot } from "./index388.js";
+import { Separator as st } from "./index135.js";
+const Ct = ({
+  defaultCurrency: d = "USD",
+  registerLineItemCleanupFn: u
+}) => {
   const {
-    i18n: e
-  } = n(), {
-    api: t,
-    queryClient: i
-  } = u();
-  return t.finops.deleteProductsId.useMutation({
-    path: {
-      product_id: r
+    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}`);
     }
-  }, {
-    onSuccess: async () => {
-      await t.finops.getProducts.invalidateQueries(i), o.success(e._("Product was deleted.")), s?.();
-    },
-    onError: () => {
-      o.error(e._("Failed to delete product."));
-    }
-  });
+  }, [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 {
-  p as useDeleteProduct
+  Ct as ItemsSection
 };