@tesouro/embedded-components-react 0.2.234 → 0.2.238

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

@@ -1,23 +1,148 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { TagsAutocomplete as f } from "./index455.js";
-import { FormControl as p } from "@mui/material";
-import { Controller as u } from "react-hook-form";
-const T = ({
-  control: t,
-  name: i,
-  label: n,
-  variant: o = "filled",
-  disabled: m = !1,
-  required: l = !1,
-  helperText: d
-}) => /* @__PURE__ */ r(u, { name: i, control: t, render: ({
-  field: a,
-  fieldState: {
-    error: e
-  }
-}) => /* @__PURE__ */ r(p, { variant: o, fullWidth: !0, required: l, error: !!e, children: /* @__PURE__ */ r(f, { disabled: m, value: a.value || [], onChange: (s) => {
-  a.onChange(s);
-}, label: n, variant: o, error: !!e, helperText: e?.message || d, required: l }) }) });
-export {
-  T as TagsAutocompleteInput
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { calculateDueDate as t } from "./index53.js";
+import { Button as n } from "./index56.js";
+import { Input as r } from "./index89.js";
+import { Typography as i } from "./index62.js";
+import { RadioGroup as a, RadioGroupItem as o } from "./index90.js";
+import { useUserPermissions as s } from "./index112.js";
+import { useGetPaymentReminderById as c } from "./index142.js";
+import { useGetPaymentReminders as l } from "./index143.js";
+import { useCreatePaymentReminder as u } from "./index144.js";
+import { useGetPaymentTermById as d } from "./index169.js";
+import "./index194.js";
+import { CUSTOM_DATE_PAYMENT_TERM as f, RECEIPT_DUE_PAYMENT_TERM as p } from "./index222.js";
+import { useState as m } from "react";
+import { Loader2 as h } from "lucide-react";
+import { differenceInCalendarDays as g, format as _ } from "date-fns";
+import { jsx as v, jsxs as y } from "@emotion/react/jsx-runtime";
+import { useLingui as b } from "@lingui/react";
+import { useFormContext as x } from "react-hook-form";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index456.js
+var S = "MMM d, yyyy", C = 1, w = 1e4, T = ({ disabled: T }) => {
+	let { data: E } = l(), [D, O] = m(""), { i18n: k } = b(), A = s().has(e.InvoiceWriteOrg), { watch: j, setValue: M } = x(), N = j("payment_reminder_id"), P = j("payment_terms_id"), F = j("payment_terms_custom_date"), I = P === f, L = P === p, { data: R } = d(P && !I && !L ? P : void 0), z = I ? F ?? void 0 : L ? /* @__PURE__ */ new Date() : R && t(R) || void 0, { mutate: B, isPending: V } = u(), H = Number(D), U = D !== "" && H >= C && H <= w, W = D !== "" && !U, G = I && F ? g(F, /* @__PURE__ */ new Date()) : void 0, { data: K } = c(N), q = K ? [
+		K.term_1_reminder?.days_before,
+		K.term_2_reminder?.days_before,
+		K.term_final_reminder?.days_before
+	].filter((e) => typeof e == "number") : [], J = G !== void 0 && (D !== "" && Number(D) > G || q.some((e) => e > G));
+	return /* @__PURE__ */ y("div", {
+		className: "ttw:border ttw:border-border ttw:rounded-lg ttw:min-h-28 ttw:p-2.5 ttw:flex ttw:w-full ttw:flex-col ttw:gap-4 ttw:xl:w-1/2",
+		children: [
+			/* @__PURE__ */ y(i, {
+				variant: "body2",
+				children: [
+					k._("Number of days"),
+					" ",
+					/* @__PURE__ */ v("span", {
+						className: "ttw:text-green-700 ttw:font-bold",
+						children: k._("BEFORE")
+					}),
+					" ",
+					k._("due date")
+				]
+			}),
+			/* @__PURE__ */ v(a, {
+				className: "ttw:contents",
+				value: N ?? "",
+				onValueChange: (e) => M("payment_reminder_id", e),
+				children: /* @__PURE__ */ y("ul", {
+					className: "ttw:flex ttw:flex-col ttw:gap-3",
+					children: [/* @__PURE__ */ v("li", {
+						className: "ttw:flex ttw:items-center ttw:gap-3 ttw:justify-between",
+						children: /* @__PURE__ */ y("div", {
+							className: "ttw:flex ttw:items-center ttw:gap-2",
+							children: [/* @__PURE__ */ v(o, {
+								value: "",
+								id: "no-payment-reminder"
+							}), /* @__PURE__ */ v(i, {
+								variant: "body2",
+								className: "ttw:leading-snug",
+								children: k._("No reminder")
+							})]
+						})
+					}), E?.map((e) => /* @__PURE__ */ v("li", {
+						className: "ttw:flex ttw:items-center ttw:gap-3 ttw:justify-between",
+						children: /* @__PURE__ */ y("div", {
+							className: "ttw:flex ttw:items-center ttw:gap-2",
+							children: [/* @__PURE__ */ v(o, {
+								value: e.value,
+								id: e.value
+							}), /* @__PURE__ */ v(i, {
+								variant: "body2",
+								className: "ttw:leading-snug",
+								children: e.label
+							})]
+						})
+					}, e.value))]
+				})
+			}),
+			A && /* @__PURE__ */ y("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2.5",
+				children: [
+					!!(E && E?.length > 0) && /* @__PURE__ */ v(i, {
+						variant: "caption",
+						color: "muted",
+						children: k._("Add schedule")
+					}),
+					/* @__PURE__ */ y("div", {
+						className: "ttw:flex ttw:items-center ttw:gap-2.5",
+						children: [
+							/* @__PURE__ */ v(r, {
+								type: "text",
+								inputMode: "numeric",
+								value: D,
+								onChange: (e) => O(e.target.value.replace(/\D/g, "")),
+								disabled: T || V,
+								name: "new_reminders",
+								className: "ttw:text-right ttw:w-full ttw:p-1.5 ttw:max-w-56",
+								placeholder: k._("e.g., 3"),
+								"aria-invalid": W,
+								"aria-describedby": W ? "new-reminder-error" : void 0
+							}),
+							/* @__PURE__ */ v(i, {
+								variant: "body2",
+								children: Number(D) === 1 ? k._("day") : k._("days")
+							}),
+							/* @__PURE__ */ v(n, {
+								type: "button",
+								variant: "secondary",
+								className: "ttw:hover:brightness-95 ttw:text-secondary-foreground ttw:text-xs",
+								disabled: !U || V,
+								onClick: () => {
+									let e = Number(D);
+									B({ body: {
+										name: e === 1 ? k._("{daysBefore} day", { daysBefore: e }) : k._("{daysBefore} days", { daysBefore: e }),
+										term_final_reminder: {
+											days_before: e,
+											subject: k._("Payment is due soon"),
+											body: z ? k._("Payment is due on {dueDate}.", { dueDate: _(z, S) }) : k._("Payment is due soon.")
+										}
+									} }, { onSuccess: (e) => {
+										O(""), M("payment_reminder_id", e.id);
+									} });
+								},
+								children: V ? /* @__PURE__ */ v(h, { className: "ttw:size-4 ttw:animate-spin" }) : k._("Save")
+							})
+						]
+					}),
+					W && /* @__PURE__ */ v(i, {
+						id: "new-reminder-error",
+						variant: "caption",
+						color: "destructive",
+						children: k._("Enter a number of days between {min} and {max}.", {
+							min: C,
+							max: w
+						})
+					})
+				]
+			}),
+			J && /* @__PURE__ */ v(i, {
+				variant: "body2",
+				className: "ttw:text-amber-700",
+				children: k._("This reminder would be sent after the due date has already passed.")
+			})
+		]
+	});
 };
+//#endregion
+export { T as ReminderBeforeDueDate };

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

@@ -1,36 +1,147 @@
-import { useMoniteContext as n } from "./index57.js";
-const r = (e) => {
-  const {
-    api: t
-  } = n();
-  return t.finops.getPaymentLinksId.useQuery({
-    path: {
-      payment_link_id: e ?? ""
-    }
-  }, {
-    enabled: !!e
-  });
-}, y = () => {
-  const {
-    api: e
-  } = n(), t = e.finops.postPaymentLinks.useMutation({});
-  return async (a, s, i, o) => t.mutateAsync({
-    recipient: {
-      id: s,
-      type: "counterpart"
-    },
-    object: {
-      id: a,
-      type: "payable"
-    },
-    payment_methods: i,
-    expires_at: new Date(
-      Date.now() + o * 24 * 3600 * 1e3
-      // x days from now
-    ).toISOString()
-  });
-};
-export {
-  y as useCreatePayablePaymentLink,
-  r as usePaymentLinkById
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { calculateDueDate as t } from "./index53.js";
+import { Button as n } from "./index56.js";
+import { Input as r } from "./index89.js";
+import { Typography as i } from "./index62.js";
+import { RadioGroup as a, RadioGroupItem as o } from "./index90.js";
+import { useUserPermissions as s } from "./index112.js";
+import { useGetOverdueReminders as c } from "./index146.js";
+import { useCreateOverdueReminder as l } from "./index147.js";
+import { useGetPaymentTermById as u } from "./index169.js";
+import "./index194.js";
+import { CUSTOM_DATE_PAYMENT_TERM as d, RECEIPT_DUE_PAYMENT_TERM as f } from "./index222.js";
+import { Fragment as p, useState as m } from "react";
+import { Loader2 as h, Plus as g } from "lucide-react";
+import { format as _ } from "date-fns";
+import { jsx as v, jsxs as y } from "@emotion/react/jsx-runtime";
+import { useLingui as b } from "@lingui/react";
+import { useFormContext as x } from "react-hook-form";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index457.js
+var S = "MMM d, yyyy", C = 3, w = ({ disabled: w }) => {
+	let { data: T } = c(), [E, D] = m([""]), { i18n: O } = b(), k = s().has(e.InvoiceWriteOrg), { watch: A, setValue: j } = x(), M = A("overdue_reminder_id"), N = A("payment_terms_id"), P = A("payment_terms_custom_date"), F = N === d, I = N === f, { data: L } = u(N && !F && !I ? N : void 0), R = F ? P ?? void 0 : I ? /* @__PURE__ */ new Date() : L && t(L) || void 0, { mutate: z, isPending: B } = l(), V = (e, t) => {
+		D((n) => n.map((n, r) => r === e ? t : n));
+	}, H = () => {
+		D((e) => e.length < C ? [...e, ""] : e);
+	}, U = () => {
+		D([""]);
+	}, W = E.every((e) => Number(e) >= 1);
+	return /* @__PURE__ */ y("div", {
+		className: "ttw:border ttw:border-border ttw:rounded-lg ttw:min-h-28 ttw:p-2.5 ttw:flex ttw:w-full ttw:flex-col ttw:gap-4 ttw:xl:w-1/2",
+		children: [
+			/* @__PURE__ */ y(i, {
+				variant: "body2",
+				children: [
+					O._("Number of days"),
+					" ",
+					/* @__PURE__ */ v("span", {
+						className: "ttw:text-destructive ttw:font-bold",
+						children: O._("AFTER")
+					}),
+					" ",
+					O._("due date")
+				]
+			}),
+			/* @__PURE__ */ v(a, {
+				className: "ttw:contents",
+				value: M ?? "",
+				onValueChange: (e) => j("overdue_reminder_id", e),
+				children: /* @__PURE__ */ y("ul", {
+					className: "ttw:flex ttw:flex-col ttw:gap-3",
+					children: [/* @__PURE__ */ v("li", {
+						className: "ttw:flex ttw:items-center ttw:gap-3 ttw:justify-between",
+						children: /* @__PURE__ */ y("div", {
+							className: "ttw:flex ttw:items-center ttw:gap-2",
+							children: [/* @__PURE__ */ v(o, {
+								value: "",
+								id: "no-overdue-reminder"
+							}), /* @__PURE__ */ v(i, {
+								variant: "body2",
+								className: "ttw:leading-snug",
+								children: O._("No reminder")
+							})]
+						})
+					}), T?.map((e) => /* @__PURE__ */ v("li", {
+						className: "ttw:flex ttw:items-center ttw:gap-3 ttw:justify-between",
+						children: /* @__PURE__ */ y("div", {
+							className: "ttw:flex ttw:items-center ttw:gap-2",
+							children: [/* @__PURE__ */ v(o, {
+								value: e.value,
+								id: e.value
+							}), /* @__PURE__ */ v(i, {
+								variant: "body2",
+								className: "ttw:leading-snug",
+								children: e.label
+							})]
+						})
+					}, e.value))]
+				})
+			}),
+			k && /* @__PURE__ */ y("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2.5",
+				children: [
+					/* @__PURE__ */ v(i, {
+						variant: "caption",
+						color: "muted",
+						children: T && T.length > 0 ? O._("Add schedule (Specify up to 3 terms)") : O._("Send up to three reminders")
+					}),
+					/* @__PURE__ */ y("div", {
+						className: "ttw:flex ttw:items-center ttw:gap-2.5",
+						children: [E.map((e, t, n) => /* @__PURE__ */ y(p, { children: [/* @__PURE__ */ v(r, {
+							type: "text",
+							inputMode: "numeric",
+							value: e,
+							onChange: (e) => V(t, e.target.value.replace(/\D/g, "")),
+							disabled: w || B,
+							name: `new_reminders_${t}`,
+							className: "ttw:text-right ttw:w-15 ttw:p-1.5",
+							placeholder: n.length === 1 ? O._("e.g., 3") : void 0
+						}), /* @__PURE__ */ v(i, {
+							variant: "body2",
+							children: Number(e) === 1 ? O._("day") : O._("days")
+						})] }, t)), E.length < C && /* @__PURE__ */ y(n, {
+							type: "button",
+							variant: "ghost",
+							className: "ttw:text-xs ttw:text-primary ttw:hover:text-primary",
+							disabled: w || B || !E[E.length - 1],
+							onClick: H,
+							children: [/* @__PURE__ */ v(g, {}), O._("Add")]
+						})]
+					}),
+					/* @__PURE__ */ y("div", {
+						className: "ttw:flex ttw:items-center ttw:gap-2.5",
+						children: [/* @__PURE__ */ v(n, {
+							type: "button",
+							variant: "ghost",
+							className: "ttw:text-xs",
+							disabled: w || B,
+							onClick: U,
+							children: O._("Clear")
+						}), /* @__PURE__ */ v(n, {
+							type: "button",
+							variant: "secondary",
+							className: "ttw:hover:brightness-95 ttw:text-secondary-foreground ttw:text-xs",
+							disabled: w || B || !W,
+							onClick: () => {
+								let e = E.map((e) => Number(e)).sort((e, t) => e - t), t = e.map((e) => e === 1 ? O._("{daysAfter} day", { daysAfter: e }) : O._("{daysAfter} days", { daysAfter: e })), n = t.length === 1 ? t[0] : `${t.slice(0, -1).join(", ")} ${O._("and")} ${t[t.length - 1]}`;
+								z({ body: {
+									name: n,
+									terms: e.map((e) => ({
+										days_after: e,
+										subject: O._("Payment is overdue"),
+										body: R ? O._("Payment was due on {dueDate}.", { dueDate: _(R, S) }) : O._("Payment is overdue.")
+									}))
+								} }, { onSuccess: (e) => {
+									D([""]), j("overdue_reminder_id", e.id);
+								} });
+							},
+							children: B ? /* @__PURE__ */ v(h, { className: "ttw:size-4 ttw:animate-spin" }) : O._("Save")
+						})]
+					})
+				]
+			})
+		]
+	});
 };
+//#endregion
+export { w as ReminderOverdue };

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

@@ -1,77 +1,40 @@
-import { jsxs as I, jsx as f } from "@emotion/react/jsx-runtime";
-import { useMemo as d, useState as g, useEffect as j } from "react";
-import { useCurrencies as N } from "./index58.js";
-import "./index92.js";
-import { useLingui as G } from "@lingui/react";
-import "react-dom";
-import "./index57.js";
-import "@mui/x-data-grid";
-import { InputGroup as T, InputGroupAddon as $, InputGroupInput as D } from "./index101.js";
-import { formatMinorToMajorCurrency as n, parseMajorToMinorCurrency as P } from "./index390.js";
-const J = ({
-  value: i,
-  error: v = !1,
-  currency: m,
-  disabled: w = !1,
-  onChange: u,
-  locale: x
-}) => {
-  const {
-    getSymbolFromCurrency: y
-  } = N(), {
-    i18n: M
-  } = G(), e = x ?? M.locale, o = d(() => new Intl.NumberFormat(e, {
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 2
-  }), [e]), {
-    decimalSeparator: F,
-    groupSeparator: S
-  } = d(() => {
-    const r = new Intl.NumberFormat(e).formatToParts(12345.67);
-    return {
-      decimalSeparator: r.find((t) => t.type === "decimal")?.value || ".",
-      groupSeparator: r.find((t) => t.type === "group")?.value || ""
-    };
-  }, [e]), [s, a] = g(n(i, o)), [l, p] = g(!1);
-  j(() => {
-    if (!l) {
-      const r = n(i, o);
-      r !== s && a(r);
-    }
-  }, [i, l, e, o, s]);
-  const b = (r) => {
-    const t = r.target.value;
-    a(t);
-  }, h = () => {
-    p(!0);
-  }, C = (r) => {
-    p(!1);
-    const t = r.target.value.trim();
-    if (t === "") {
-      a(n(0, o)), u(0);
-      return;
-    }
-    const c = P(t, F, S);
-    a(n(c, o)), u(c);
-  };
-  return /* @__PURE__ */ I(T, { className: "ttw:max-w-41 ttw:w-full ttw:min-w-29", children: [
-    /* @__PURE__ */ f($, { align: "inline-start", children: y(m) || m }),
-    /* @__PURE__ */ f(
-      D,
-      {
-        type: "text",
-        inputMode: "decimal",
-        className: "ttw:text-right",
-        "aria-invalid": v || void 0,
-        disabled: w,
-        value: s,
-        onChange: b,
-        onFocus: h,
-        onBlur: C
-      }
-    )
-  ] });
-};
-export {
-  J as PriceField
+import { Typography as e } from "./index62.js";
+import { RECEIPT_DUE_PAYMENT_TERM as t } from "./index222.js";
+import { Switch as n } from "./index455.js";
+import { ReminderBeforeDueDate as r } from "./index456.js";
+import { ReminderOverdue as i } from "./index457.js";
+import { useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "@emotion/react/jsx-runtime";
+import { useLingui as l } from "@lingui/react";
+import { useFormContext as u } from "react-hook-form";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index458.js
+var d = ({ disabled: d }) => {
+	let { i18n: f } = l(), { watch: p, setValue: m } = u(), h = p("payment_terms_id"), g = p("payment_terms_custom_date"), _ = p("payment_reminder_id"), v = p("overdue_reminder_id"), y = !!(h || g), b = !!(_ || v), x = h !== t, [S, C] = a(y || b);
+	return /* @__PURE__ */ c("section", {
+		className: "ttw:flex ttw:flex-col ttw:gap-6",
+		children: [/* @__PURE__ */ c("div", {
+			className: "ttw:flex ttw:items-center ttw:gap-3",
+			children: [/* @__PURE__ */ s(n, {
+				checked: S,
+				disabled: !y,
+				onCheckedChange: (e) => {
+					e || (m("payment_reminder_id", "", { shouldDirty: !0 }), m("overdue_reminder_id", "", { shouldDirty: !0 })), C(e);
+				},
+				"aria-label": f._("Payment reminders")
+			}), /* @__PURE__ */ s(e, {
+				variant: "body2",
+				children: f._("Send reminders when an invoice is approaching its due date or past due.")
+			})]
+		}), S && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ c("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:w-full ttw:xl:flex-row",
+			children: [x && /* @__PURE__ */ s(r, { disabled: d }), /* @__PURE__ */ s(i, { disabled: d })]
+		}), /* @__PURE__ */ s(e, {
+			variant: "body2",
+			color: "muted",
+			className: "ttw:font-medium",
+			children: f._("New reminders will be saved to your organization's library and can be managed via Invoice settings")
+		})] })]
+	});
 };
+//#endregion
+export { d as RemindersSection };

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

@@ -1,70 +1,66 @@
-import { jsx as o, jsxs as V } from "@emotion/react/jsx-runtime";
-import { useState as x, useEffect as q } from "react";
-import { Controller as C } from "react-hook-form";
-import { Minus as R, Plus as M } from "lucide-react";
-import { InputGroup as N, InputGroupAddon as v, InputGroupButton as y, InputGroupInput as B } from "./index101.js";
-const I = (e) => Math.round(e * 100) / 100, b = (e) => {
-  let t = e.replace(/[^0-9.]/g, "");
-  const n = t.indexOf(".");
-  return n !== -1 && (t = t.slice(0, n + 1) + t.slice(n + 1).replace(/\./g, ""), t = t.slice(0, n + 3)), t;
-}, E = ({
-  field: e,
-  index: t,
-  canRemove: n,
-  hasProduct: s,
-  hasQuantityError: m,
-  onLineItemValueChange: l,
-  onRemoveItem: d
-}) => {
-  const i = Math.max(0, Number(e.value) || 0), w = n ? 0 : 1, [p, c] = x(i === 0 ? "" : String(i)), [h, f] = x(!1);
-  q(() => {
-    if (!h) {
-      const r = i === 0 ? "" : String(i);
-      r !== p && c(r);
-    }
-  }, [i, h, p]);
-  const g = (r) => {
-    const a = I(r);
-    if (a <= 0 && n) {
-      d(t);
-      return;
-    }
-    const u = Math.max(w, a);
-    l("quantity", u, {
-      shouldValidate: !0
-    });
-  };
-  return /* @__PURE__ */ V(N, { className: "ttw:w-26 ttw:min-w-26 ttw:has-[>[data-align=inline-start]]:[&>input]:pl-0 ttw:has-[>[data-align=inline-end]]:[&>input]:pr-0", children: [
-    /* @__PURE__ */ o(v, { align: "inline-start", children: /* @__PURE__ */ o(y, { type: "button", size: "icon-xs", disabled: !s || !n && i <= 1, onClick: () => g(i - 1), children: /* @__PURE__ */ o(R, {}) }) }),
-    /* @__PURE__ */ o(B, { ref: e.ref, name: e.name, type: "text", inputMode: "decimal", "aria-invalid": m || void 0, value: p, className: "ttw:text-center ttw:px-0", onFocus: () => f(!0), onChange: (r) => {
-      const a = b(r.target.value);
-      c(a);
-      const u = a === "" || a === "." ? 0 : Number(a);
-      l("quantity", u, {
-        shouldValidate: !1
-      });
-    }, onBlur: (r) => {
-      f(!1);
-      const a = b(r.target.value), u = a === "" || a === "." ? 0 : I(Number(a));
-      u <= 0 ? n ? d(t) : (c("1"), l("quantity", 1, {
-        shouldValidate: !0
-      })) : (c(String(u)), l("quantity", u, {
-        shouldValidate: !0
-      })), e.onBlur();
-    } }),
-    /* @__PURE__ */ o(v, { align: "inline-end", children: /* @__PURE__ */ o(y, { type: "button", size: "icon-xs", disabled: !s, onClick: () => g(i + 1), children: /* @__PURE__ */ o(M, {}) }) })
-  ] });
-}, z = ({
-  index: e,
-  control: t,
-  quantityError: n,
-  canRemove: s,
-  hasProduct: m,
-  onLineItemValueChange: l,
-  onRemoveItem: d
-}) => /* @__PURE__ */ o(C, { name: `line_items.${e}.quantity`, control: t, render: ({
-  field: i
-}) => /* @__PURE__ */ o(E, { field: i, index: e, canRemove: s, hasProduct: m, hasQuantityError: n, onLineItemValueChange: l, onRemoveItem: d }) });
-export {
-  z as QuantityField
+import { Input as e } from "./index89.js";
+import { Typography as t } from "./index62.js";
+import { Field as n, FieldContent as r, FieldError as i, FieldLabel as a } from "./index88.js";
+import { PaymentSection as o } from "./index452.js";
+import { RecurrenceSection as s } from "./index454.js";
+import { RemindersSection as c } from "./index458.js";
+import { jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
+import { useLingui as d } from "@lingui/react";
+import { Controller as f, useFormContext as p } from "react-hook-form";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index459.js
+var m = ({ paymentTerms: m, disabled: h, isPaymentTermsLoading: g, showPurchaseOrder: _ = !0, lockRecurrenceSchedule: v = !1 }) => {
+	let { i18n: y } = d(), { control: b } = p();
+	return /* @__PURE__ */ u("div", {
+		className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl",
+		children: [/* @__PURE__ */ u("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
+			children: [/* @__PURE__ */ l(t, {
+				variant: "h4",
+				children: y._("Billing details")
+			}), /* @__PURE__ */ l(t, {
+				variant: "body2",
+				color: "muted",
+				className: "ttw:font-medium",
+				children: y._("What are the billing terms?")
+			})]
+		}), /* @__PURE__ */ u("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-6",
+			children: [
+				/* @__PURE__ */ l(s, { lockSchedule: v }),
+				/* @__PURE__ */ u("div", {
+					className: "ttw:flex ttw:items-start ttw:gap-2.5 ttw:w-full",
+					children: [/* @__PURE__ */ l(o, {
+						paymentTerms: m,
+						disabled: h,
+						isLoading: g
+					}), _ && /* @__PURE__ */ l(f, {
+						name: "purchase_order",
+						control: b,
+						render: ({ field: o, fieldState: { error: s } }) => /* @__PURE__ */ l(n, { children: /* @__PURE__ */ u(r, { children: [
+							/* @__PURE__ */ u(a, {
+								htmlFor: o.name,
+								className: "ttw:text-nowrap",
+								children: [y._("PO Number"), /* @__PURE__ */ l(t, {
+									variant: "body2",
+									color: "muted",
+									className: "ttw:leading-snug",
+									children: y._("(optional)")
+								})]
+							}),
+							/* @__PURE__ */ l(e, {
+								...o,
+								id: o.name,
+								disabled: h,
+								"aria-invalid": !!s
+							}),
+							/* @__PURE__ */ l(i, { errors: s ? [s] : [] })
+						] }) })
+					})]
+				}),
+				/* @__PURE__ */ l(c, { disabled: h })
+			]
+		})]
+	});
 };
+//#endregion
+export { m as BillingSection };