@tesouro/embedded-components-react 0.2.107 → 0.2.109

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

@@ -1,52 +1,185 @@
-import { useMemo as A } from "react";
-import { useLingui as E } from "@lingui/react";
-import { useUserPermissions as k } from "./index130.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 "./index345.js";
-import { useGetEmbeddedBankAccounts as f } from "./index348.js";
-import { useGetEntityBankAccounts as L } from "./index349.js";
-import { useGetExternalBankAccounts as g } from "./index350.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 a = {
+  ab: "ab",
+  aa: "aa",
+  af: "af",
+  ak: "ak",
+  sq: "sq",
+  am: "am",
+  ar: "ar",
+  an: "an",
+  hy: "hy",
+  av: "av",
+  ae: "ae",
+  ay: "ay",
+  az: "az",
+  bm: "bm",
+  ba: "ba",
+  eu: "eu",
+  be: "be",
+  bn: "bn",
+  bi: "bi",
+  bs: "bs",
+  br: "br",
+  bg: "bg",
+  my: "my",
+  ca: "ca",
+  ch: "ch",
+  ce: "ce",
+  ny: "ny",
+  zh: "zh",
+  cu: "cu",
+  cv: "cv",
+  kw: "kw",
+  co: "co",
+  cr: "cr",
+  hr: "hr",
+  cs: "cs",
+  da: "da",
+  dv: "dv",
+  nl: "nl",
+  dz: "dz",
+  en: "en",
+  eo: "eo",
+  et: "et",
+  ee: "ee",
+  fo: "fo",
+  fj: "fj",
+  fi: "fi",
+  fr: "fr",
+  fy: "fy",
+  ff: "ff",
+  gd: "gd",
+  gl: "gl",
+  lg: "lg",
+  ka: "ka",
+  de: "de",
+  el: "el",
+  kl: "kl",
+  gn: "gn",
+  gu: "gu",
+  ht: "ht",
+  ha: "ha",
+  he: "he",
+  hz: "hz",
+  hi: "hi",
+  ho: "ho",
+  hu: "hu",
+  io: "io",
+  ig: "ig",
+  id: "id",
+  ia: "ia",
+  ie: "ie",
+  iu: "iu",
+  ik: "ik",
+  ga: "ga",
+  it: "it",
+  ja: "ja",
+  jv: "jv",
+  kn: "kn",
+  kr: "kr",
+  ks: "ks",
+  kk: "kk",
+  km: "km",
+  ki: "ki",
+  rw: "rw",
+  ky: "ky",
+  kv: "kv",
+  kg: "kg",
+  ko: "ko",
+  kj: "kj",
+  ku: "ku",
+  lo: "lo",
+  la: "la",
+  lv: "lv",
+  li: "li",
+  ln: "ln",
+  lt: "lt",
+  lu: "lu",
+  lb: "lb",
+  mk: "mk",
+  mg: "mg",
+  ms: "ms",
+  ml: "ml",
+  mt: "mt",
+  gv: "gv",
+  mi: "mi",
+  mr: "mr",
+  mh: "mh",
+  mn: "mn",
+  na: "na",
+  nv: "nv",
+  nd: "nd",
+  nr: "nr",
+  ng: "ng",
+  ne: "ne",
+  no: "no",
+  nb: "nb",
+  nn: "nn",
+  ii: "ii",
+  oc: "oc",
+  oj: "oj",
+  om: "om",
+  os: "os",
+  pi: "pi",
+  ps: "ps",
+  fa: "fa",
+  pl: "pl",
+  pt: "pt",
+  pa: "pa",
+  qu: "qu",
+  ro: "ro",
+  rm: "rm",
+  rn: "rn",
+  ru: "ru",
+  se: "se",
+  sm: "sm",
+  sg: "sg",
+  sa: "sa",
+  sc: "sc",
+  sr: "sr",
+  sn: "sn",
+  sd: "sd",
+  si: "si",
+  sk: "sk",
+  sl: "sl",
+  so: "so",
+  st: "st",
+  es: "es",
+  su: "su",
+  sw: "sw",
+  ss: "ss",
+  sv: "sv",
+  tl: "tl",
+  ty: "ty",
+  tg: "tg",
+  ta: "ta",
+  tt: "tt",
+  te: "te",
+  th: "th",
+  bo: "bo",
+  ti: "ti",
+  to: "to",
+  ts: "ts",
+  tn: "tn",
+  tr: "tr",
+  tk: "tk",
+  tw: "tw",
+  ug: "ug",
+  uk: "uk",
+  ur: "ur",
+  uz: "uz",
+  ve: "ve",
+  vi: "vi",
+  vo: "vo",
+  wa: "wa",
+  cy: "cy",
+  wo: "wo",
+  xh: "xh",
+  yi: "yi",
+  yo: "yo",
+  za: "za",
+  zu: "zu"
+}, s = Object.values(a);
 export {
-  V as useSelectableBankAccounts
+  s as LanguageCodeEnum
 };

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

@@ -1,6 +1,15 @@
-import { toMinorUnits as r, fromMinorUnits as a } from "./index118.js";
-const s = (o) => a(o), t = (o) => r(o);
+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
+  };
+};
 export {
-  t as rateMajorToMinor,
-  s as rateMinorToMajor
+  a as useLineItemSubmitCleanup
 };

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

@@ -1,7 +1,24 @@
-import { jsx as o } from "@emotion/react/jsx-runtime";
-import { CenteredContentBox as r } from "./index216.js";
-import { LoadingSpinner as n } from "./index174.js";
-const m = () => /* @__PURE__ */ o(r, { children: /* @__PURE__ */ o(n, {}) });
+import { useMoniteContext as o } from "./index57.js";
+const a = ({
+  counterpart_billing_address_id: e,
+  counterpart_country: r,
+  counterpart_id: t,
+  counterpart_type: n
+}) => {
+  const {
+    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 {
-  m as LoadingPage
+  a as useGetInvoiceRequiredFields
 };

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

@@ -1,90 +1,52 @@
-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 c } from "lucide-react";
-function x({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Root, { "data-slot": "dialog", ...t });
-}
-function u({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Portal, { "data-slot": "dialog-portal", ...t });
-}
-function v({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Close, { "data-slot": "dialog-close", ...t });
-}
-function g({
-  className: t,
-  ...a
-}) {
-  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 N({
-  className: t,
-  children: a,
-  showCloseButton: r = !0,
-  fullScreen: i = !1,
-  container: l = typeof document < "u" ? document.body : null,
-  ...d
-}) {
-  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,
-  ...a
-}) {
-  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 h({
-  className: t,
-  ...a
-}) {
-  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,
-  ...a
-}) {
-  return /* @__PURE__ */ e(o.Title, { "data-slot": "dialog-title", className: s("ttw:text-lg ttw:leading-none ttw:font-semibold", t), ...a });
-}
-function D({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(o.Description, { "data-slot": "dialog-description", className: s("ttw:text-muted-foreground ttw:text-sm", t), ...a });
-}
+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: 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 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
+  V as useSelectableBankAccounts
 };

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

@@ -1,39 +1,10 @@
-import { jsx as o, jsxs as n } from "@emotion/react/jsx-runtime";
-import { LoadingSpinner as f } from "./index174.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 "./index165.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
-}) => {
+import { useMoniteContext as e } from "./index57.js";
+function o() {
   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
-      ] })
-    ] })
-  ] }) });
-};
+    userPermissions: s
+  } = e();
+  return s;
+}
 export {
-  N as ConfirmationModal
+  o as useUserPermissions
 };

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

@@ -1,10 +1,6 @@
-import { useMoniteContext as s } from "./index57.js";
-const n = () => {
-  const {
-    api: e
-  } = s();
-  return e.finops.getMeasureUnits.useQuery();
-};
+import { toMinorUnits as r, fromMinorUnits as a } from "./index118.js";
+const s = (o) => a(o), t = (o) => r(o);
 export {
-  n as useGetMeasureUnits
+  t as rateMajorToMinor,
+  s as rateMinorToMajor
 };

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

@@ -1,49 +1,28 @@
-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 "./index306.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 "./index192.js";
-import { Input as g } from "./index127.js";
-import { RecurrenceSection as x } from "./index307.js";
-import { RemindersSection as y } from "./index308.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 })
-    ] })
+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 {
-  j as BillingSection
+  C as AccessRestriction
 };

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

@@ -1,52 +1,7 @@
-import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
-import { Typography as i } from "./index85.js";
-import { useLingui as w } from "@lingui/react";
-import { useFormContext as f, Controller as s } from "react-hook-form";
-import { Field as d, FieldContent as c, FieldLabel as m, FieldDescription as h, FieldError as p } from "./index192.js";
-import { Textarea as u } from "./index128.js";
-const _ = ({
-  disabled: n
-}) => {
-  const {
-    i18n: t
-  } = w(), {
-    control: l
-  } = f();
-  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl", children: [
-    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4", children: [
-      /* @__PURE__ */ e(i, { variant: "h4", children: t._("Notes") }),
-      /* @__PURE__ */ e(i, { variant: "body2", color: "muted", className: "ttw:font-medium", children: t._("Provide additional information for your customer.") })
-    ] }),
-    /* @__PURE__ */ e(s, { name: "memo", control: l, render: ({
-      field: r,
-      fieldState: {
-        error: o
-      }
-    }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ a(c, { children: [
-      /* @__PURE__ */ a(m, { htmlFor: r.name, className: "ttw:text-nowrap", children: [
-        t._("Opening note to the customer"),
-        /* @__PURE__ */ e(i, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: t._("(optional)") })
-      ] }),
-      /* @__PURE__ */ e(u, { ...r, id: r.name, disabled: n, placeholder: t._("e.g., As discussed on our call, please find the attached invoice."), className: "ttw:h-26 ttw:resize-none", "aria-invalid": !!o }),
-      /* @__PURE__ */ e(h, { children: t._("Appears above your line items. Use it to reference a discussion, agreement, or project.") }),
-      /* @__PURE__ */ e(p, { errors: o ? [o] : [] })
-    ] }) }) }),
-    /* @__PURE__ */ e(s, { name: "footer", control: l, render: ({
-      field: r,
-      fieldState: {
-        error: o
-      }
-    }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ a(c, { children: [
-      /* @__PURE__ */ a(m, { htmlFor: r.name, className: "ttw:text-nowrap", children: [
-        t._("Closing note to the customer"),
-        /* @__PURE__ */ e(i, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: t._("(optional)") })
-      ] }),
-      /* @__PURE__ */ e(u, { ...r, id: r.name, disabled: n, placeholder: t._("e.g., Thank you for your business!"), className: "ttw:h-26 ttw:resize-none", "aria-invalid": !!o }),
-      /* @__PURE__ */ e(h, { children: t._("Appears below your line items. Commonly used for thank you messages or payment instructions.") }),
-      /* @__PURE__ */ e(p, { errors: o ? [o] : [] })
-    ] }) }) })
-  ] });
-};
+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 {
-  _ as NotesSection
+  m as LoadingPage
 };