@tesouro/embedded-components-react 0.2.83 → 0.2.84

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

@@ -1,52 +1,16 @@
-import { jsx as t, jsxs as e, Fragment as c } from "@emotion/react/jsx-runtime";
-import { useEffect as f } from "react";
-import { useLingui as h } from "@lingui/react";
-import { X as g, CloudUpload as x, AlertCircle as N, CheckCircle2 as b } from "lucide-react";
-import { LoadingSpinner as y } from "./index133.js";
-import { Typography as l } from "./index85.js";
-import { twMerge as v } from "tailwind-merge";
-import { UploadBar as C } from "./index463.js";
-const U = ({
-  isUploading: o,
-  isSuccess: r,
-  isError: i,
-  isDraggingOver: d,
-  resetUpload: a,
-  fileName: m,
-  onClick: u
-}) => {
+import { useMoniteContext as n } from "./index57.js";
+const m = (e) => {
   const {
-    i18n: s
-  } = h(), w = o || r || i;
-  function p() {
-    return i ? /* @__PURE__ */ t(N, { className: "ttw:size-5 ttw:text-danger" }) : r ? /* @__PURE__ */ t(b, { className: "ttw:size-5 ttw:text-success" }) : /* @__PURE__ */ t(y, { className: "ttw:w-5 ttw:h-5" });
-  }
-  return f(() => {
-    let n;
-    return r && (n = setTimeout(() => a(), 2e3)), () => clearTimeout(n);
-  }, [r, a]), /* @__PURE__ */ t("div", { className: v("ttw:w-full ttw:h-38 ttw:bg-white ttw:box-border ttw:transition-all ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:text-center ttw:gap-2 ttw:rounded-lg ttw:border ttw:px-4 ttw:py-6", d ? "ttw:border-solid ttw:border-primary" : "ttw:border-dashed ttw:border-border"), onClick: () => {
-    w || u();
-  }, children: w ? /* @__PURE__ */ e(c, { children: [
-    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-4 ttw:justify-center ttw:w-full", children: [
-      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-2 ttw:w-1/2 ttw:items-center", children: [
-        p(),
-        /* @__PURE__ */ t("span", { className: "ttw:w-full ttw:text-sm ttw:leading-5 ttw:text-medium ttw:text-neutral ttw:truncate", children: m })
-      ] }),
-      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-2 ttw:items-center", children: [
-        /* @__PURE__ */ t(C, { shouldStartProgress: o, isError: i, isSuccess: r }),
-        i && /* @__PURE__ */ t("button", { type: "button", disabled: o, onClick: a, className: "ttw:border-none ttw:cursor-pointer", children: /* @__PURE__ */ t(g, { className: "ttw:size-4" }) })
-      ] })
-    ] }),
-    i && /* @__PURE__ */ t(l, { variant: "body2", color: "destructive", className: "ttw:font-medium", children: s._("Wrong file format. Please, upload the file in JPEG, PNG or GIF format.") })
-  ] }) : /* @__PURE__ */ e(c, { children: [
-    /* @__PURE__ */ t("div", { className: "ttw:p-3 ttw:bg-primary ttw:rounded-full", children: /* @__PURE__ */ t(x, { className: "ttw:text-white ttw:size-5" }) }),
-    /* @__PURE__ */ e(l, { variant: "body2", className: "ttw:font-medium", children: [
-      s._("Drop your files here, or "),
-      /* @__PURE__ */ t("span", { className: "ttw:text-primary ttw:underline ttw:hover:cursor-pointer", children: s._("click to browse") })
-    ] }),
-    /* @__PURE__ */ t(l, { variant: "caption", color: "muted", children: s._("PNG, JPG or GIF (max. 10MB)") })
-  ] }) });
+    api: t
+  } = n();
+  return t.finops.getPaymentTermsId.useQuery({
+    path: {
+      payment_terms_id: e ?? ""
+    }
+  }, {
+    enabled: !!e
+  });
 };
 export {
-  U as DragAndDropBox
+  m as useGetPaymentTermById
 };

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

@@ -1,13 +1,69 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { Switch as a } from "radix-ui";
-import { cn as e } from "./index100.js";
-function o({
-  className: s,
-  size: r = "default",
-  ...i
-}) {
-  return /* @__PURE__ */ t(a.Root, { "data-slot": "switch", "data-size": r, className: e("ttw:peer ttw:group/switch ttw:inline-flex ttw:shrink-0 ttw:items-center ttw:rounded-full ttw:border ttw:border-transparent ttw:shadow-xs ttw:transition-all ttw:outline-none ttw:focus-visible:border-ring ttw:focus-visible:ring-[3px] ttw:focus-visible:ring-ring/50 ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50 ttw:data-[size=default]:h-[1.15rem] ttw:data-[size=default]:w-8 ttw:data-[size=sm]:h-3.5 ttw:data-[size=sm]:w-6 ttw:data-[state=checked]:bg-primary ttw:data-[state=unchecked]:bg-input ttw:dark:data-[state=unchecked]:bg-input/80", s), ...i, children: /* @__PURE__ */ t(a.Thumb, { "data-slot": "switch-thumb", className: e("ttw:pointer-events-none ttw:block ttw:rounded-full ttw:bg-background ttw:ring-0 ttw:transition-transform ttw:group-data-[size=default]/switch:size-4 ttw:group-data-[size=sm]/switch:size-3 ttw:data-[state=checked]:translate-x-[calc(100%-2px)] ttw:data-[state=unchecked]:translate-x-0 ttw:dark:data-[state=checked]:bg-primary-foreground ttw:dark:data-[state=unchecked]:bg-foreground") }) });
-}
+import { Price as v } from "./index404.js";
+import { useMemo as m } from "react";
+const w = ({
+  lineItems: c,
+  isInclusivePricing: o,
+  actualCurrency: p,
+  formatCurrencyToDisplay: i,
+  taxRate: n
+}) => {
+  const b = (e) => {
+    const a = e.product?.price?.value ?? e.price?.value ?? 0, r = e.quantity ?? 1;
+    return {
+      price: a,
+      quantity: r
+    };
+  }, s = m(() => {
+    const e = n !== void 0 ? (n ?? 0) / 100 : void 0, a = c.reduce((t, f) => {
+      const {
+        price: l,
+        quantity: u
+      } = b(f);
+      if (o && e && f.taxable) {
+        const d = l * u / (1 + e);
+        return t + d;
+      }
+      return t + l * u;
+    }, 0), r = p ?? c.find((t) => !!t.product?.price?.currency)?.product?.price?.currency ?? c.find((t) => !!t.price?.currency)?.price?.currency;
+    if (r)
+      return new v({
+        value: a,
+        currency: r,
+        formatter: i
+      });
+  }, [c, i, p, o, n]), y = m(() => {
+    const e = p ?? c.find((r) => !!r.product?.price?.currency)?.product?.price?.currency ?? c.find((r) => !!r.price?.currency)?.price?.currency;
+    if (!e)
+      return;
+    if (!n)
+      return new v({
+        value: 0,
+        currency: e,
+        formatter: i
+      });
+    const a = c.reduce((r, t) => {
+      if (!t.taxable) return r;
+      const {
+        price: f,
+        quantity: l
+      } = b(t), u = n / 100, d = f * l;
+      return o ? r + d * u / (1 + u) : r + d * u;
+    }, 0);
+    return new v({
+      value: a,
+      currency: e,
+      formatter: i
+    });
+  }, [c, i, p, n, o]), x = m(() => {
+    if (!(!s || !y))
+      return s.add(y);
+  }, [s, y]);
+  return {
+    subtotalPrice: s,
+    totalTaxes: y,
+    totalPrice: x
+  };
+};
 export {
-  o as Switch
+  w as useCreateInvoiceProductsTable
 };

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

@@ -1,24 +1,23 @@
-import { toast as o } from "react-hot-toast";
-import { useMoniteContext as s } from "./index57.js";
-import { useLingui as r } from "@lingui/react";
-const p = (t) => {
-  const {
-    i18n: n
-  } = r(), {
-    api: a,
-    queryClient: i
-  } = s();
-  return a.finops.postBankDetails.useMutation(void 0, {
-    onSuccess: async (e) => {
-      await a.finops.getBankDetails.invalidateQueries(i), t && t(e?.id), o.success(n._('Bank Account "{name}" has been created.', {
-        name: e.display_name
-      }));
-    },
-    onError: (e) => {
-      o.error(e?.detail?.[0]?.msg || n._("Failed to create Bank Account."));
-    }
-  });
-};
+class t {
+  value;
+  currency;
+  formatter;
+  constructor(r) {
+    this.value = r.value, this.currency = r.currency, this.formatter = r.formatter;
+  }
+  add(r) {
+    if (this.currency !== r.currency)
+      throw new Error("Currencies must match");
+    return new t({
+      value: Number(this.value) + Number(r.value),
+      currency: this.currency,
+      formatter: this.formatter
+    });
+  }
+  toString() {
+    return this.formatter(this.value, this.currency) ?? "";
+  }
+}
 export {
-  p as useCreateEntityBankAccount
+  t as Price
 };

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

@@ -1,69 +1,4 @@
-import { useMemo as g } from "react";
-import { useMoniteContext as k } from "./index57.js";
-const p = (t, u) => {
-  const {
-    api: r
-  } = k(), i = !!(t && u), o = i && u === "BANK_DETAILS", c = i && u === "INTERNAL", d = i && u === "EXTERNAL", {
-    data: n,
-    isLoading: b
-  } = r.finops.getBankDetailsId.useQuery({
-    path: {
-      bank_account_id: t ?? ""
-    }
-  }, {
-    enabled: o,
-    retry: !1
-  }), {
-    data: e,
-    isLoading: m
-  } = r.embeddedBanking.getBankAccount.useQuery({
-    path: {
-      id: t ?? ""
-    }
-  }, {
-    enabled: c,
-    retry: !1
-  }), {
-    data: a,
-    isLoading: _
-  } = r.embeddedBanking.getExternalBankAccount.useQuery({
-    path: {
-      id: t ?? ""
-    }
-  }, {
-    enabled: d,
-    retry: !1
-  }), s = b || m || _;
-  return {
-    data: g(() => {
-      if (n)
-        return {
-          id: n.id,
-          bank_name: n.bank_name,
-          account_number: n.account_number,
-          routing_number: n.routing_number,
-          bank_account_type: "BANK_DETAILS"
-        };
-      if (e)
-        return {
-          id: e.id,
-          bank_name: null,
-          account_number: e.accountNumber,
-          routing_number: e.routingNumber,
-          bank_account_type: "INTERNAL"
-        };
-      if (a)
-        return {
-          id: a.id,
-          bank_name: null,
-          account_number: a.accountNumber,
-          routing_number: a.routingNumber,
-          bank_account_type: "EXTERNAL"
-        };
-    }, [n, e, a]),
-    isLoading: s
-  };
-};
+const t = () => typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `${Date.now().toString(36)}-${Math.random().toString(36).substring(2, 9)}`;
 export {
-  p as useGetBankAccountById
+  t as generateUniqueId
 };

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

@@ -1,21 +1,12 @@
-import { useMoniteContext as a } from "./index57.js";
-const m = (r) => {
-  const t = [r.term_1_reminder, r.term_2_reminder, r.term_final_reminder].filter((e) => !!e).map((e) => e.days_before);
-  return t.length > 0 ? Math.min(...t) : Number.POSITIVE_INFINITY;
-}, s = () => {
-  const {
-    api: r
-  } = a();
-  return r.finops.getPaymentReminders.useQuery(void 0, {
-    select: (t) => [...t.data].sort((e, n) => m(e) - m(n)).map(({
-      id: e,
-      name: n
-    }) => ({
-      value: e,
-      label: n
-    }))
-  });
+const o = ["draft", "new", "waiting_to_be_paid", "approve_in_progress"], s = (n) => {
+  if (!n.due_date) return 0;
+  const e = /* @__PURE__ */ new Date();
+  e.setUTCHours(0, 0, 0, 0);
+  const t = new Date(n.due_date);
+  if (t.setUTCHours(0, 0, 0, 0), t.getTime() === e.getTime()) return 0;
+  const r = o.includes(n.status), i = t.getTime() < e.getTime();
+  return !r || !i ? 0 : Math.floor((e.getTime() - t.getTime()) / 864e5);
 };
 export {
-  s as useGetPaymentReminders
+  s as getInvoiceOverdueDays
 };

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

@@ -1,23 +1,56 @@
-import { useMoniteContext as n } from "./index57.js";
-import { getAPIErrorMessage as i } from "./index118.js";
-import { useLingui as a } from "@lingui/react";
-import { toast as o } from "react-hot-toast";
-const c = () => {
-  const {
-    api: e,
-    queryClient: s
-  } = n(), {
-    i18n: r
-  } = a();
-  return e.finops.postPaymentReminders.useMutation(void 0, {
-    onSuccess: async () => {
-      await e.finops.getPaymentReminders.invalidateQueries(s), o.success(r._("Reminder has been added"));
-    },
-    onError: (t) => {
-      o.error(i(r, t));
-    }
-  });
+const a = {
+  AL: "Alabama",
+  AK: "Alaska",
+  AZ: "Arizona",
+  AR: "Arkansas",
+  CA: "California",
+  CO: "Colorado",
+  CT: "Connecticut",
+  DE: "Delaware",
+  FL: "Florida",
+  GA: "Georgia",
+  HI: "Hawaii",
+  ID: "Idaho",
+  IL: "Illinois",
+  IN: "Indiana",
+  IA: "Iowa",
+  KS: "Kansas",
+  KY: "Kentucky",
+  LA: "Louisiana",
+  ME: "Maine",
+  MD: "Maryland",
+  MA: "Massachusetts",
+  MI: "Michigan",
+  MN: "Minnesota",
+  MS: "Mississippi",
+  MO: "Missouri",
+  MT: "Montana",
+  NE: "Nebraska",
+  NV: "Nevada",
+  NH: "New Hampshire",
+  NJ: "New Jersey",
+  NM: "New Mexico",
+  NY: "New York",
+  NC: "North Carolina",
+  ND: "North Dakota",
+  OH: "Ohio",
+  OK: "Oklahoma",
+  OR: "Oregon",
+  PA: "Pennsylvania",
+  RI: "Rhode Island",
+  SC: "South Carolina",
+  SD: "South Dakota",
+  TN: "Tennessee",
+  TX: "Texas",
+  UT: "Utah",
+  VT: "Vermont",
+  VA: "Virginia",
+  WA: "Washington",
+  WV: "West Virginia",
+  WI: "Wisconsin",
+  WY: "Wyoming",
+  DC: "Washington D.C."
 };
 export {
-  c as useCreatePaymentReminder
+  a as USStatesEnum
 };

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

@@ -1,18 +1,38 @@
-import { useMoniteContext as m } from "./index57.js";
-const a = (e) => e && e.length > 0 ? Math.min(...e.map((t) => t.days_after)) : Number.POSITIVE_INFINITY, i = () => {
+import { jsxs as l, jsx as o } from "@emotion/react/jsx-runtime";
+import { useMemo as d } from "react";
+import { getCountriesArray as g } from "./index93.js";
+import { Combobox as v, ComboboxInput as L, ComboboxContent as y, ComboboxList as N, ComboboxEmpty as M, ComboboxCollection as _, ComboboxItem as j } from "./index90.js";
+import { useLingui as A } from "@lingui/react";
+const E = ({
+  value: c,
+  onChange: u,
+  disabled: b,
+  invalid: C,
+  allowedCountries: a,
+  showClearButton: h = !0,
+  className: p,
+  container: x
+}) => {
   const {
-    api: e
-  } = m();
-  return e.finops.getOverdueReminders.useQuery(void 0, {
-    select: (t) => [...t.data].sort((r, s) => a(r.terms) - a(s.terms)).map(({
-      id: r,
-      name: s
-    }) => ({
-      value: r,
-      label: s
-    }))
-  });
+    i18n: t
+  } = A(), r = d(() => {
+    const e = g(t);
+    return a ? e.filter((n) => a.includes(n.code)) : e;
+  }, [a, t]), s = d(() => new Map(r.map((e) => [e.code, e])), [r]), m = b || r.length === 1, f = (e) => s.get(e)?.label ?? e;
+  return /* @__PURE__ */ l(v, { value: c ?? null, onValueChange: (e) => u?.(e ?? void 0), items: r.map((e) => e.code), itemToStringLabel: f, filter: (e, n, w) => {
+    const i = n.toLowerCase().trim();
+    return i ? e.toLowerCase().includes(i) || (w?.(e) ?? "").toLowerCase().includes(i) : !0;
+  }, disabled: m, children: [
+    /* @__PURE__ */ o(L, { showClear: h, disabled: m, className: p, placeholder: t._("Country"), "aria-invalid": C || void 0 }),
+    /* @__PURE__ */ o(y, { container: x, children: /* @__PURE__ */ l(N, { children: [
+      /* @__PURE__ */ o(M, { children: t._("No countries found") }),
+      /* @__PURE__ */ o(_, { children: (e) => /* @__PURE__ */ l(j, { value: e, children: [
+        /* @__PURE__ */ o("span", { children: s.get(e)?.label ?? e }),
+        /* @__PURE__ */ o("span", { className: "ttw:ml-auto ttw:text-xs ttw:text-muted-foreground", children: e })
+      ] }, e) })
+    ] }) })
+  ] });
 };
 export {
-  i as useGetOverdueReminders
+  E as MoniteCountryShadcn
 };

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

@@ -1,23 +1,28 @@
-import { useMoniteContext as t } from "./index57.js";
-import { getAPIErrorMessage as n } from "./index118.js";
+import { useMoniteContext as o } from "./index57.js";
 import { useLingui as a } from "@lingui/react";
-import { toast as s } from "react-hot-toast";
-const c = () => {
+import { toast as n } from "react-hot-toast";
+const d = () => {
   const {
-    api: e,
-    queryClient: o
-  } = t(), {
-    i18n: r
-  } = a();
-  return e.finops.postOverdueReminders.useMutation(void 0, {
-    onSuccess: async () => {
-      await e.finops.getOverdueReminders.invalidateQueries(o), s.success(r._("Reminder has been added"));
+    i18n: e
+  } = a(), {
+    api: r,
+    queryClient: t
+  } = o();
+  return r.finops.postCounterpartsIdAddresses.useMutation(void 0, {
+    onSuccess: async (s) => {
+      await r.finops.getCounterpartsIdAddresses.invalidateQueries({
+        parameters: {
+          path: {
+            counterpart_id: s.counterpart_id
+          }
+        }
+      }, t);
     },
-    onError: (i) => {
-      s.error(n(r, i));
+    onError: () => {
+      n.error(e._("There was an error setting up the address"));
     }
   });
 };
 export {
-  c as useCreateOverdueReminder
+  d as useCreateCounterpartAddress
 };

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

@@ -5,7 +5,7 @@ import { InvoicesTable as x } from "./index36.js";
 import { QuotesTable as $ } from "./index37.js";
 import { useMoniteContext as T } from "./index57.js";
 import { MoniteScopedProviders as I } from "./index83.js";
-import { classNames as q } from "./index172.js";
+import { classNames as q } from "./index185.js";
 import { useLingui as R } from "@lingui/react";
 import { Box as s, Tabs as D } from "@mui/material";
 import { useState as N, useId as S } from "react";

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

@@ -1,14 +1,36 @@
-import { useMoniteContext as i } from "./index57.js";
-const s = (e) => {
+import { useMoniteContext as e } from "./index57.js";
+import { useLingui as i } from "@lingui/react";
+import { toast as u } from "react-hot-toast";
+const d = () => {
   const {
-    api: t
+    api: r,
+    queryClient: n
+  } = e(), {
+    i18n: o
   } = i();
-  return t.finops.postReceivablesIdPreview.useMutation({
-    path: {
-      receivable_id: e
+  return r.finops.patchCounterpartsIdBankAccountsId.useMutation(void 0, {
+    onSuccess: async (t) => {
+      r.finops.getCounterpartsIdBankAccountsId.setQueryData({
+        path: {
+          counterpart_id: t.counterpart_id,
+          bank_account_id: t.id
+        }
+      }, (a) => ({
+        ...a,
+        ...t
+      }), n), await r.finops.getCounterpartsIdBankAccounts.invalidateQueries({
+        parameters: {
+          path: {
+            counterpart_id: t.counterpart_id
+          }
+        }
+      }, n);
+    },
+    onError: () => {
+      u.error(o._("Failed to update Bank Account."));
     }
   });
 };
 export {
-  s as useCreateInvoiceEmailPreview
+  d as useUpdateCounterpartBank
 };

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

@@ -1,16 +1,98 @@
-import { useMoniteContext as n } from "./index57.js";
-const m = (e) => {
+import { jsx as n, jsxs as I } from "@emotion/react/jsx-runtime";
+import { useState as l, useEffect as w } from "react";
+import { toast as c } from "react-hot-toast";
+import { useRootElements as S } from "./index92.js";
+import "./index57.js";
+import "@tanstack/react-query";
+import "date-fns";
+import { useLingui as R } from "@lingui/react";
+import { usePaymentIntentById as $ } from "./index80.js";
+import { useCreatePayablePaymentLink as v, usePaymentLinkById as B } from "./index459.js";
+import { Modal as j, Box as x, CircularProgress as D } from "@mui/material";
+const G = (r, d, f, i) => {
   const {
-    api: t
-  } = n();
-  return t.finops.getPaymentTermsId.useQuery({
-    path: {
-      payment_terms_id: e ?? ""
-    }
-  }, {
-    enabled: !!e
-  });
+    i18n: t
+  } = R(), {
+    root: k
+  } = S(), b = v(), [L, m] = l(!1), [u, o] = l(null), [g, p] = l(null), [_, P] = l(!1), {
+    data: s,
+    isSuccess: h
+  } = $(i ?? "");
+  w(() => {
+    h && s?.payment_link_id && i && p(s.payment_link_id);
+  }, [h, s, i]);
+  const {
+    data: e,
+    refetch: C,
+    isSuccess: y,
+    isLoading: E
+  } = B(g ?? "");
+  return w(() => {
+    y && e?.payment_intent?.status === "processing" && f?.(r ?? "", e?.payment_intent?.status ?? "");
+  }, [e, y, f, r]), {
+    handlePay: async () => {
+      if (!d) {
+        c.error(t._("Vendor not found. Please create a vendor first."));
+        return;
+      }
+      if (!_)
+        try {
+          if (E) {
+            c.error(t._("Payment link is still loading. Please wait a moment and try again."));
+            return;
+          }
+          if (!g || y && e?.payment_intent?.status !== "created") {
+            if (P(!0), !r) throw new Error("Payable ID is undefined");
+            const a = await b(
+              r,
+              d,
+              ["sepa_credit"],
+              60
+              // 60 days from now
+            );
+            if (a.payment_page_url)
+              p(a.id), o(a.payment_page_url);
+            else
+              throw p(null), o(null), new Error("No payment page URL in response");
+          } else if (e?.payment_page_url)
+            o(e.payment_page_url);
+          else
+            throw new Error("No payment page URL in existing payment link");
+          m(!0);
+        } catch (a) {
+          console.error("Payment link creation/retrieval error:", a), c.error(i && s?.status === "created" ? t._("Failed to retrieve payment link. Please try again.") : t._("Failed to create payment link. Please try again.")), m(!1);
+        } finally {
+          P(!1);
+        }
+    },
+    isCreatingPaymentLink: _,
+    modalComponent: /* @__PURE__ */ n(j, { open: L, onClose: async () => {
+      await C(), m(!1), o(null);
+    }, container: k, children: /* @__PURE__ */ n(x, { sx: {
+      position: "absolute",
+      top: "50%",
+      left: "50%",
+      transform: "translate(-50%, -50%)",
+      width: "80%",
+      maxWidth: 600,
+      bgcolor: "background.paper",
+      boxShadow: 24,
+      p: 4,
+      borderRadius: 2
+    }, children: u ? /* @__PURE__ */ n("iframe", { src: u, title: "Payment Page", width: "100%", height: "400px", style: {
+      border: "none"
+    } }) : /* @__PURE__ */ I(x, { sx: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      gap: 2,
+      py: 4
+    }, children: [
+      /* @__PURE__ */ n(D, {}),
+      /* @__PURE__ */ n("p", { children: t._("Loading payment page...") })
+    ] }) }) })
+  };
 };
 export {
-  m as useGetPaymentTermById
+  G as usePaymentHandler
 };