@tesouro/embedded-components-react 0.2.212 → 0.2.216

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

@@ -1,207 +1,26 @@
-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 "./index142.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 "./index401.js";
-import { useUploadReceivableAttachment as wt } from "./index400.js";
-import { validateAttachmentFile as pt } from "./index423.js";
-import { formatFileSize as ft } from "./index367.js";
-import { toFileArray as B } from "./index424.js";
-const Ot = ({
-  disabled: c,
-  onUploadingChange: u
-}) => {
+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) => {
   const {
-    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));
+    i18n: e
+  } = n(), {
+    api: t,
+    queryClient: i
+  } = u();
+  return t.finops.deleteProductsId.useMutation({
+    path: {
+      product_id: r
     }
-  }, 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);
+  }, {
+    onSuccess: async () => {
+      await t.finops.getProducts.invalidateQueries(i), o.success(e._("Product was deleted.")), s?.();
+    },
+    onError: () => {
+      o.error(e._("Failed to delete product."));
     }
-    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 {
-  Ot as AttachmentSection
+  p as useDeleteProduct
 };

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

@@ -1,72 +1,27 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { InvoicePreviewMonite as d } from "./index425.js";
-import { useAdaptiveScale as p } from "./index426.js";
-import { AspectRatio as v } from "./index427.js";
-import { cn as e } from "./index100.js";
-import { useRef as n } from "react";
-import { useGetMeasureUnits as h } from "./index320.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 }) }) }) });
-};
+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 {
-  I as InvoicePreview
+  s as buildInvoicePreviewData
 };

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

@@ -1,26 +1,130 @@
-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 i, jsx as t, Fragment as z } from "@emotion/react/jsx-runtime";
+import { CreateCounterpartDialog as B } from "./index151.js";
+import { CounterpartSelector as U } from "./index402.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 "./index403.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: e
-  } = n(), {
-    api: t,
-    queryClient: i
-  } = u();
-  return t.finops.deleteProductsId.useMutation({
-    path: {
-      product_id: r
+    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
+        }
+      };
     }
-  }, {
-    onSuccess: async () => {
-      await t.finops.getProducts.invalidateQueries(i), o.success(e._("Product was deleted.")), s?.();
-    },
-    onError: () => {
-      o.error(e._("Failed to delete product."));
+    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 {
-  p as useDeleteProduct
+  Et as CustomerSection
 };

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

@@ -1,36 +1,51 @@
-import { useMoniteContext as s } from "./index57.js";
-import { useLingui as n } from "@lingui/react";
-import { toast as r } from "react-hot-toast";
-const c = (i) => {
+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 "./index404.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 "./index405.js";
+import { RemindersSection as v } from "./index406.js";
+const j = ({
+  paymentTerms: n,
+  disabled: a,
+  isPaymentTermsLoading: s,
+  showPurchaseOrder: d = !0,
+  lockRecurrenceSchedule: m = !1
+}) => {
   const {
-    i18n: e
-  } = n(), {
-    api: a,
-    queryClient: o
-  } = s();
-  return a.finops.patchProductsId.useMutation({
-    path: {
-      product_id: i
-    }
-  }, {
-    onSuccess: async (t) => {
-      await a.finops.getProducts.invalidateQueries(o), await a.finops.getProductsId.invalidateQueries({
-        parameters: {
-          path: {
-            product_id: t.id
+    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
           }
-        }
-      }, o), r.success(t.type === "product" ? e._("Product {name} was updated.", {
-        name: t.name
-      }) : e._("Service {name} was updated.", {
-        name: t.name
-      }));
-    },
-    onError: () => {
-      r.error(e._("Failed to update"));
-    }
-  });
+        }) => /* @__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 {
-  c as useUpdateProduct
+  j as BillingSection
 };