@tesouro/embedded-components-react 0.2.108 → 0.2.109

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

@@ -1,29 +1,15 @@
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import { ConfirmationModal as s } from "./index156.js";
-import { useLingui as d } from "@lingui/react";
-import "./index57.js";
-import "react-hot-toast";
-import { useGetProductById as u } from "./index178.js";
-import { useDeleteProduct as c } from "./index277.js";
-const P = ({
-  id: e,
-  open: a,
-  onClose: t,
-  onDeleted: r
-}) => {
-  const {
-    i18n: o
-  } = d(), {
-    data: n
-  } = u(e), i = c(e, () => {
-    t(), r?.(e);
-  }), m = () => {
-    i.mutate(void 0);
+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
   };
-  return n ? /* @__PURE__ */ l(s, { open: a && !!e, title: o._('Delete "{name}"?', {
-    name: n.name
-  }), message: o._("It will remain in all the documents where it is added. You can't undo this action."), confirmLabel: o._("Delete"), cancelLabel: o._("Cancel"), onClose: t, onConfirm: m, isLoading: i.isPending }) : null;
 };
 export {
-  P as ProductDeleteModal
+  a as useLineItemSubmitCleanup
 };

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

@@ -1,15 +1,24 @@
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import { Badge as n } from "./index217.js";
-import { useLingui as p } from "@lingui/react";
-import { twMerge as c } from "tailwind-merge";
-const d = ({
-  type: e
+import { useMoniteContext as o } from "./index57.js";
+const a = ({
+  counterpart_billing_address_id: e,
+  counterpart_country: r,
+  counterpart_id: t,
+  counterpart_type: n
 }) => {
   const {
-    i18n: t
-  } = p(), r = e === "product", o = r ? t._("Product") : t._("Service");
-  return /* @__PURE__ */ i(n, { variant: "secondary", className: c(r ? "ttw:bg-blue-100 ttw:text-blue-700" : "ttw:bg-pink-100 ttw:text-pink-700"), children: o });
+    api: i
+  } = o();
+  return i.finops.getReceivablesRequiredFields.useQuery({
+    query: {
+      counterpart_billing_address_id: e,
+      counterpart_country: r,
+      counterpart_id: t,
+      counterpart_type: n
+    }
+  }, {
+    enabled: !!e && !!t
+  });
 };
 export {
-  d as ProductType
+  a as useGetInvoiceRequiredFields
 };

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

@@ -1,22 +1,52 @@
-import { jsx as t, jsxs as o } from "@emotion/react/jsx-runtime";
-import { useDebounceCallback as s } from "./index65.js";
-import { InputGroup as i, InputGroupAddon as m, InputGroupInput as p } from "./index101.js";
-import { useLingui as l } from "@lingui/react";
-import { Search as u } from "lucide-react";
-import { FILTER_TYPE_SEARCH as c } from "./index167.js";
-const x = ({
-  onChangeFilter: r
-}) => {
+import { useMemo as A } from "react";
+import { useLingui as E } from "@lingui/react";
+import { useUserPermissions as k } from "./index166.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 "./index330.js";
+import { useGetEmbeddedBankAccounts as f } from "./index333.js";
+import { useGetEntityBankAccounts as L } from "./index334.js";
+import { useGetExternalBankAccounts as g } from "./index335.js";
+const V = (t = !0) => {
   const {
-    i18n: n
-  } = l(), a = s((e) => {
-    r(c, e);
-  }, 500);
-  return /* @__PURE__ */ t("div", { className: "ttw:flex ttw:justify-between ttw:items-center ttw:gap-4", children: /* @__PURE__ */ o(i, { className: "ttw:w-80", children: [
-    /* @__PURE__ */ t(m, { align: "inline-start", children: /* @__PURE__ */ t(u, {}) }),
-    /* @__PURE__ */ t(p, { placeholder: n._("Search by name"), onChange: (e) => a(e.target.value) })
-  ] }) });
+    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
+  };
 };
 export {
-  x as Filters
+  V as useSelectableBankAccounts
 };

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

@@ -1,23 +1,10 @@
-import { jsx as o } from "@emotion/react/jsx-runtime";
-import { memo as a } from "react";
-import { useMoniteContext as m } from "./index57.js";
-import { Skeleton as n } from "./index132.js";
-import { Typography as s } from "./index85.js";
-const c = a(({
-  unitId: e
-}) => {
+import { useMoniteContext as e } from "./index57.js";
+function o() {
   const {
-    api: r
-  } = m(), {
-    data: t,
-    isLoading: i
-  } = r.finops.getMeasureUnitsId.useQuery({
-    path: {
-      unit_id: e
-    }
-  });
-  return i ? /* @__PURE__ */ o(n, { className: "ttw:h-4 ttw:w-4" }) : t ? /* @__PURE__ */ o(s, { color: "muted", variant: "body2", children: t.name }) : null;
-});
+    userPermissions: s
+  } = e();
+  return s;
+}
 export {
-  c as MeasureUnit
+  o as useUserPermissions
 };

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

@@ -1,4 +1,6 @@
-const E = "search";
+import { toMinorUnits as r, fromMinorUnits as a } from "./index118.js";
+const s = (o) => a(o), t = (o) => r(o);
 export {
-  E as FILTER_TYPE_SEARCH
+  t as rateMajorToMinor,
+  s as rateMinorToMajor
 };

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

@@ -1,14 +1,28 @@
-import { useMoniteContext as r } from "./index57.js";
-const u = (e, t = !0) => {
-  const {
-    api: o
-  } = r();
-  return o.finops.getProducts.useQuery({
-    query: e
-  }, {
-    enabled: t
-  });
+import { jsxs as e, jsx as t, Fragment as l } from "@emotion/react/jsx-runtime";
+import { CenteredContentBox as a } from "./index221.js";
+import { useDialog as m } from "./index50.js";
+import { IconWrapper as d } from "./index222.js";
+import { useLingui as w } from "@lingui/react";
+import { X as p, LockKeyhole as h } from "lucide-react";
+const C = (r) => {
+  const i = "Monite-AccessRestriction", o = m(), {
+    i18n: s
+  } = w(), c = r.title ?? s._("Access Restricted"), n = r.description ?? /* @__PURE__ */ e("span", { children: [
+    s._("You don’t have permissions to view this page."),
+    /* @__PURE__ */ t("br", {}),
+    s._("Contact your system administrator for details.")
+  ] });
+  return /* @__PURE__ */ e(l, { children: [
+    o && /* @__PURE__ */ t("div", { className: `ttw:flex ttw:justify-end ttw:p-4 ${i}-InDialog-Header`, children: /* @__PURE__ */ t(d, { onClick: o.onClose, color: "inherit", "aria-label": "close", children: /* @__PURE__ */ t(p, {}) }) }),
+    /* @__PURE__ */ t(a, { className: i + "-Content", children: /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:space-y-4", children: [
+      /* @__PURE__ */ t(h, { className: "ttw:w-8 ttw:h-8 ttw:text-primary" }),
+      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:space-y-2", children: [
+        /* @__PURE__ */ t("h3", { className: "ttw:text-2xl ttw:font-semibold", children: c }),
+        /* @__PURE__ */ t("p", { className: "ttw:text-center", children: n })
+      ] })
+    ] }) })
+  ] });
 };
 export {
-  u as useGetProducts
+  C as AccessRestriction
 };

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

@@ -1,24 +1,7 @@
-import { jsx as e, jsxs as n } from "@emotion/react/jsx-runtime";
-import { Button as s } from "./index84.js";
-import { Sheet as a, SheetContent as i, SheetHeader as d, SheetTitle as h, SheetDescription as l, SheetFooter as m } from "./index170.js";
-import { useLingui as c } from "@lingui/react";
-import { ManageMeasureUnitsForm as p } from "./index273.js";
-const x = ({
-  handleClose: r,
-  open: o
-}) => {
-  const {
-    i18n: t
-  } = c();
-  return /* @__PURE__ */ e(a, { open: o, onOpenChange: r, children: /* @__PURE__ */ n(i, { side: "right", className: "ttw:gap-0 ttw:p-0", children: [
-    /* @__PURE__ */ n(d, { className: "ttw:border-b ttw:border-border", children: [
-      /* @__PURE__ */ e(h, { children: t._("Manage measure units") }),
-      /* @__PURE__ */ e(l, { hidden: !0, children: t._("Manage measure units") })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "ttw:flex-1 ttw:overflow-y-auto ttw:px-6 ttw:py-4", children: /* @__PURE__ */ e(p, {}) }),
-    /* @__PURE__ */ e(m, { className: "ttw:border-t ttw:border-border ttw:flex-row ttw:justify-end", children: /* @__PURE__ */ e(s, { onClick: r, children: t._("Done") }) })
-  ] }) });
-};
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { CenteredContentBox as r } from "./index221.js";
+import { LoadingSpinner as n } from "./index179.js";
+const m = () => /* @__PURE__ */ o(r, { children: /* @__PURE__ */ o(n, {}) });
 export {
-  x as ManageMeasureUnits
+  m as LoadingPage
 };

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

@@ -1,78 +1,90 @@
-import { jsx as a, jsxs as i } from "@emotion/react/jsx-runtime";
+import { jsx as e, jsxs as n } from "@emotion/react/jsx-runtime";
 import { cn as s } from "./index100.js";
 import * as o from "@radix-ui/react-dialog";
-import { XIcon as d } from "lucide-react";
-function h({
+import { XIcon as c } from "lucide-react";
+function x({
   ...t
 }) {
-  return /* @__PURE__ */ a(o.Root, { "data-slot": "sheet", ...t });
+  return /* @__PURE__ */ e(o.Root, { "data-slot": "dialog", ...t });
 }
-function g({
+function u({
   ...t
 }) {
-  return /* @__PURE__ */ a(o.Close, { "data-slot": "sheet-close", ...t });
+  return /* @__PURE__ */ e(o.Portal, { "data-slot": "dialog-portal", ...t });
 }
-function c({
-  container: t,
-  ...e
+function v({
+  ...t
 }) {
-  return /* @__PURE__ */ a(o.Portal, { "data-slot": "sheet-portal", ...e, container: t });
+  return /* @__PURE__ */ e(o.Close, { "data-slot": "dialog-close", ...t });
 }
-function u({
+function g({
   className: t,
-  ...e
+  ...a
 }) {
-  return /* @__PURE__ */ a(o.Overlay, { "data-slot": "sheet-overlay", className: s("ttw:data-[state=open]:animate-in ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=open]:fade-in-0 ttw:fixed ttw:inset-0 ttw:z-1300 ttw:bg-black/50", t), ...e });
+  return /* @__PURE__ */ e(o.Overlay, { "data-slot": "dialog-overlay", className: s("ttw:data-[state=open]:animate-in ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=open]:fade-in-0 ttw:fixed ttw:inset-0 ttw:z-1300 ttw:bg-black/50", t), ...a });
 }
-function x({
+function N({
   className: t,
-  children: e,
-  side: n = "right",
-  container: l = typeof document < "u" ? document.body : null,
+  children: a,
   showCloseButton: r = !0,
-  ...w
+  fullScreen: i = !1,
+  container: l = typeof document < "u" ? document.body : null,
+  ...d
 }) {
-  return /* @__PURE__ */ i(c, { container: l, children: [
-    /* @__PURE__ */ a(u, {}),
-    /* @__PURE__ */ i(o.Content, { "data-slot": "sheet-content", className: s("ttw:bg-background ttw:data-[state=open]:animate-in ttw:data-[state=closed]:animate-out ttw:fixed ttw:z-1300 ttw:flex ttw:flex-col ttw:gap-4 ttw:shadow-lg ttw:transition ttw:ease-in-out ttw:data-[state=closed]:duration-300 ttw:data-[state=open]:duration-500", n === "right" && "ttw:data-[state=closed]:slide-out-to-right ttw:data-[state=open]:slide-in-from-right ttw:inset-y-0 ttw:right-0 ttw:h-full ttw:w-3/4 ttw:sm:max-w-[600px]", n === "left" && "ttw:data-[state=closed]:slide-out-to-left ttw:data-[state=open]:slide-in-from-left ttw:inset-y-0 ttw:left-0 ttw:h-full ttw:w-3/4 ttw:sm:max-w-[600px]", n === "top" && "ttw:data-[state=closed]:slide-out-to-top ttw:data-[state=open]:slide-in-from-top ttw:inset-x-0 ttw:top-0 ttw:h-auto ttw:border-b", n === "bottom" && "ttw:data-[state=closed]:slide-out-to-bottom ttw:data-[state=open]:slide-in-from-bottom ttw:inset-x-0 ttw:bottom-0 ttw:h-auto ttw:border-t", t), ...w, children: [
-      e,
-      r && /* @__PURE__ */ i(o.Close, { className: "ttw:p-2 ttw:ring-offset-background ttw:focus:ring-ring ttw:data-[state=open]:bg-neutral ttw:absolute ttw:top-4 ttw:right-4 ttw:rounded-xs ttw:opacity-70 ttw:transition-opacity ttw:hover:opacity-100 ttw:focus:ring-2 ttw:focus:ring-offset-2 ttw:focus:outline-hidden ttw:cursor-pointer ttw:disabled:pointer-events-none", children: [
-        /* @__PURE__ */ a(d, { className: "ttw:size-4" }),
-        /* @__PURE__ */ a("span", { className: "ttw:sr-only", children: "Close" })
-      ] })
-    ] })
+  return /* @__PURE__ */ n(u, { container: l, "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ e(g, {}),
+    /* @__PURE__ */ n(
+      o.Content,
+      {
+        "data-slot": "dialog-content",
+        className: s("ttw:bg-background ttw:data-[state=open]:animate-in ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=open]:fade-in-0 ttw:data-[state=closed]:zoom-out-95 ttw:data-[state=open]:zoom-in-95 ttw:fixed ttw:top-[50%] ttw:left-[50%] ttw:z-1300 ttw:grid ttw:w-full ttw:max-w-[calc(100%-2rem)] ttw:translate-x-[-50%] ttw:translate-y-[-50%] ttw:gap-4 ttw:rounded-lg ttw:border ttw:p-6 ttw:shadow-lg ttw:duration-200 ttw:sm:max-w-lg", i && "ttw:border-none ttw:rounded-none ttw:h-screen ttw:max-w-screen ttw:sm:max-w-screen", t),
+        ...d,
+        onCloseAutoFocus: (w) => {
+          w.preventDefault(), (l ?? document.body).style.pointerEvents = "";
+        },
+        children: [
+          a,
+          r && /* @__PURE__ */ n(o.Close, { "data-slot": "dialog-close", className: "ttw:ring-offset-background ttw:focus:ring-ring ttw:data-[state=open]:bg-accent ttw:data-[state=open]:text-muted-foreground ttw:absolute ttw:top-4 ttw:right-4 ttw:rounded-xs ttw:opacity-70 ttw:transition-opacity ttw:hover:opacity-100 ttw:focus:ring-2 ttw:focus:ring-offset-2 ttw:focus:outline-hidden ttw:disabled:pointer-events-none ttw:[&_svg]:pointer-events-none ttw:[&_svg]:shrink-0 ttw:[&_svg:not([class*=size-])]:size-4", children: [
+            /* @__PURE__ */ e(c, {}),
+            /* @__PURE__ */ e("span", { className: "ttw:sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
   ] });
 }
 function b({
   className: t,
-  ...e
+  ...a
 }) {
-  return /* @__PURE__ */ a("div", { "data-slot": "sheet-header", className: s("ttw:flex ttw:flex-col ttw:gap-1.5 ttw:p-4", t), ...e });
+  return /* @__PURE__ */ e("div", { "data-slot": "dialog-header", className: s("ttw:flex ttw:flex-col ttw:gap-2 ttw:text-center ttw:sm:text-left", t), ...a });
 }
-function N({
+function h({
   className: t,
-  ...e
+  ...a
 }) {
-  return /* @__PURE__ */ a("div", { "data-slot": "sheet-footer", className: s("ttw:mt-auto ttw:flex ttw:flex-col ttw:gap-2 ttw:p-4", t), ...e });
+  return /* @__PURE__ */ e("div", { "data-slot": "dialog-footer", className: s("ttw:flex ttw:flex-col-reverse ttw:gap-2 ttw:sm:flex-row ttw:sm:justify-end", t), ...a });
 }
 function y({
   className: t,
-  ...e
+  ...a
 }) {
-  return /* @__PURE__ */ a(o.Title, { "data-slot": "sheet-title", className: s("ttw:text-foreground ttw:font-semibold", t), ...e });
+  return /* @__PURE__ */ e(o.Title, { "data-slot": "dialog-title", className: s("ttw:text-lg ttw:leading-none ttw:font-semibold", t), ...a });
 }
-function S({
+function D({
   className: t,
-  ...e
+  ...a
 }) {
-  return /* @__PURE__ */ a(o.Description, { "data-slot": "sheet-description", className: s("ttw:text-muted-foreground ttw:text-sm", t), ...e });
+  return /* @__PURE__ */ e(o.Description, { "data-slot": "dialog-description", className: s("ttw:text-muted-foreground ttw:text-sm", t), ...a });
 }
 export {
-  h as Sheet,
-  g as SheetClose,
-  x as SheetContent,
-  S as SheetDescription,
-  N as SheetFooter,
-  b as SheetHeader,
-  y as SheetTitle
+  x as Dialog,
+  v as DialogClose,
+  N as DialogContent,
+  D as DialogDescription,
+  h as DialogFooter,
+  b as DialogHeader,
+  g as DialogOverlay,
+  u as DialogPortal,
+  y as DialogTitle
 };

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

@@ -1,8 +1,39 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { twMerge as e } from "tailwind-merge";
-const w = ({
-  className: t
-}) => /* @__PURE__ */ r("div", { className: e("ttw:w-8 ttw:h-8 ttw:rounded-full ttw:border-3 ttw:border-primary ttw:border-t-transparent ttw:animate-spin", t) });
+import { jsx as o, jsxs as n } from "@emotion/react/jsx-runtime";
+import { LoadingSpinner as f } from "./index179.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 "./index170.js";
+import { useLingui as x } from "@lingui/react";
+const N = ({
+  open: e,
+  title: l,
+  message: s,
+  children: c,
+  confirmLabel: d,
+  cancelLabel: m,
+  onClose: a,
+  onConfirm: p,
+  container: g,
+  isLoading: r = !1
+}) => {
+  const {
+    i18n: h
+  } = x();
+  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
+      ] })
+    ] })
+  ] }) });
+};
 export {
-  w as LoadingSpinner
+  N as ConfirmationModal
 };

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

@@ -1,24 +1,10 @@
-import { useMoniteContext as i } from "./index57.js";
-import { useLingui as a } from "@lingui/react";
-import { toast as s } from "react-hot-toast";
-const m = (r) => {
+import { useMoniteContext as s } from "./index57.js";
+const n = () => {
   const {
-    api: e,
-    queryClient: n
-  } = i(), {
-    i18n: t
-  } = a();
-  return e.finops.postProducts.useMutation(void 0, {
-    onSuccess: async (o) => {
-      r?.(o), await e.finops.getProducts.invalidateQueries(n), s.success(t._("{name} has been added to the list.", {
-        name: o.name
-      }));
-    },
-    onError: () => {
-      s.error(t._("Failed to create"));
-    }
-  });
+    api: e
+  } = s();
+  return e.finops.getMeasureUnits.useQuery();
 };
 export {
-  m as useCreateProduct
+  n as useGetMeasureUnits
 };

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

@@ -1,29 +1,49 @@
-import { CurrencyEnumSchema as t } from "./index280.js";
-import { z as r } from "zod";
-const n = (e) => r.object({
-  name: r.string().trim().min(1, e._("Product name is required")).max(100, e._("Product name must be 100 characters or less")).meta({
-    title: e._("Product Name")
-  }),
-  type: r.enum(["product", "service"], e._("Product type is required")).meta({
-    title: e._("Type")
-  }),
-  pricePerUnit: r.number().min(0, e._("Price per unit must be 0 or greater")).meta({
-    title: e._("Price Per Unit")
-  }),
-  currency: t.meta({
-    title: e._("Currency")
-  }),
-  description: r.string().trim().max(280, e._("Description must be 280 characters or less")).optional().meta({
-    title: e._("Description")
-  }),
-  measureUnitId: r.string().optional().meta({
-    title: e._("Unit")
-  })
-}), m = (e) => r.object({
-  name: r.string().trim().min(1, e._("Unit label is required")),
-  description: r.string().trim().optional()
-});
+import { jsxs as e, jsx as t } from "@emotion/react/jsx-runtime";
+import { Typography as l } from "./index85.js";
+import { useLingui as m } from "@lingui/react";
+import { PaymentSection as c } from "./index313.js";
+import { useFormContext as p, Controller as w } from "react-hook-form";
+import { Field as f, FieldContent as h, FieldLabel as u, FieldError as b } from "./index197.js";
+import { Input as g } from "./index122.js";
+import { RecurrenceSection as x } from "./index314.js";
+import { RemindersSection as y } from "./index315.js";
+const j = ({
+  paymentTerms: n,
+  disabled: i,
+  isPaymentTermsLoading: d
+}) => {
+  const {
+    i18n: r
+  } = m(), {
+    control: s
+  } = p();
+  return /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl", children: [
+    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4", children: [
+      /* @__PURE__ */ t(l, { variant: "h4", children: r._("Billing details") }),
+      /* @__PURE__ */ t(l, { variant: "body2", color: "muted", className: "ttw:font-medium", children: r._("What are the billing terms?") })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
+      /* @__PURE__ */ t(x, {}),
+      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-start ttw:gap-2.5 ttw:w-full", children: [
+        /* @__PURE__ */ t(c, { paymentTerms: n, disabled: i, isLoading: d }),
+        /* @__PURE__ */ t(w, { name: "purchase_order", control: s, render: ({
+          field: a,
+          fieldState: {
+            error: o
+          }
+        }) => /* @__PURE__ */ t(f, { children: /* @__PURE__ */ e(h, { children: [
+          /* @__PURE__ */ e(u, { htmlFor: a.name, className: "ttw:text-nowrap", children: [
+            r._("PO Number"),
+            /* @__PURE__ */ t(l, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: r._("(optional)") })
+          ] }),
+          /* @__PURE__ */ t(g, { ...a, id: a.name, disabled: i, "aria-invalid": !!o }),
+          /* @__PURE__ */ t(b, { errors: o ? [o] : [] })
+        ] }) }) })
+      ] }),
+      /* @__PURE__ */ t(y, { disabled: i })
+    ] })
+  ] });
+};
 export {
-  m as getMeasureUnitValidationSchema,
-  n as getProductValidationSchema
+  j as BillingSection
 };