@tesouro/embedded-components-react 0.2.1 → 0.2.5

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

@@ -1,7 +1,75 @@
-const o = (e) => JSON.stringify(Object.entries(e).sort(([t], [a]) => t.localeCompare(a))), r = (e) => {
-  if (e)
-    return JSON.stringify(e.map(o).sort((t, a) => t.localeCompare(a)));
+import { useLingui as S } from "@lingui/react";
+import { getRuleLabel as g, getRuleName as L, APPROVAL_REQUEST_CALLS as n } from "./index477.js";
+const b = ({
+  approvalPolicy: t
+}) => {
+  const {
+    i18n: o
+  } = S(), s = (r) => {
+    if (typeof r != "object" || r === null || !("call" in r) || typeof r.call != "string" || ![n.REQUEST_APPROVAL_BY_USERS, n.REQUEST_APPROVAL_BY_ROLES].includes(r.call) || !("params" in r) || typeof r.params != "object" || r.params === null) return !1;
+    const e = r.params;
+    return !("user_ids" in e && !Array.isArray(e.user_ids) || "role_ids" in e && !Array.isArray(e.role_ids) || !("required_approval_count" in e) || typeof e.required_approval_count != "number");
+  }, i = (r) => typeof r != "object" || r === null || !("run_concurrently" in r) || typeof r.run_concurrently != "boolean" || !("all" in r) || !Array.isArray(r.all) ? !1 : r.all.every((e) => s(e) || i(e)), f = (r) => {
+    if (!Array.isArray(r) || r.length !== 1) return !1;
+    const [e] = r;
+    if (typeof e != "object" || e === null || !("if" in e) || !("then" in e) || !("else" in e)) return !1;
+    const {
+      if: a,
+      then: l,
+      else: R
+    } = e;
+    if (typeof a != "object" || a === null || !("run_concurrently" in a) || !("all" in a)) return !1;
+    const {
+      run_concurrently: E,
+      all: c
+    } = a;
+    return typeof E != "boolean" || !Array.isArray(c) || !Array.isArray(l) || !Array.isArray(R) ? !1 : c.every((y) => s(y) || i(y));
+  }, u = (r) => r.call === n.REQUEST_APPROVAL_BY_USERS && Array.isArray(r.params.user_ids) && r.params.user_ids.length === 1 && r.params.required_approval_count === 1, A = (r) => r.call === n.REQUEST_APPROVAL_BY_USERS && Array.isArray(r.params.user_ids) && r.params.user_ids.length > 1 && r.params.required_approval_count > 0, d = (r) => r.call === n.REQUEST_APPROVAL_BY_ROLES && Array.isArray(r.params.role_ids) && r.params.role_ids.length >= 1 && r.params.required_approval_count > 0, m = (r) => !r.run_concurrently && r.all.length > 1 && r.all.every((e) => s(e) && u(e)), _ = (r) => L(r, o), p = (r, e) => g(r, o, e);
+  return f(t?.script) ? {
+    rules: t?.script[0].if.all.reduce((r, e) => {
+      if (i(e)) {
+        if (m(e))
+          return {
+            ...r,
+            approval_chain: {
+              chainUserIds: e.all.reduce((a, l) => s(l) && u(l) && l.params.user_ids[0] && l.params.user_ids[0] ? [...a, l.params.user_ids[0]] : a, [])
+            }
+          };
+      } else if (s(e)) {
+        if (u(e))
+          return {
+            ...r,
+            single_user: {
+              userId: e.params.user_ids[0]
+            }
+          };
+        if (A(e))
+          return {
+            ...r,
+            users_from_list: {
+              userIds: e.params.user_ids,
+              count: e.params.required_approval_count
+            }
+          };
+        if (d(e))
+          return {
+            ...r,
+            roles_from_list: {
+              roleIds: e.params.role_ids,
+              count: e.params.required_approval_count
+            }
+          };
+      }
+      return r;
+    }, {}),
+    getRuleName: _,
+    getRuleLabel: p
+  } : {
+    rules: void 0,
+    getRuleName: _,
+    getRuleLabel: p
+  };
 };
 export {
-  r as getPayablesAnalyticsSnapshot
+  b as useApprovalPolicyScript
 };

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

@@ -1,129 +1,18 @@
-import { startOfDay as c, startOfYear as r, subYears as m, endOfYear as s, startOfQuarter as o, subQuarters as b, endOfQuarter as u, subDays as a, startOfMonth as l, subMonths as d, endOfMonth as n, startOfWeek as _, subWeeks as i, endOfWeek as f, endOfDay as y } from "date-fns";
-const v = [{
-  value: "today",
-  label: "Today",
-  group: "Current"
-}, {
-  value: "this_week",
-  label: "This week",
-  group: "Current"
-}, {
-  value: "this_month",
-  label: "This month",
-  group: "Current"
-}, {
-  value: "this_quarter",
-  label: "This quarter",
-  group: "Current"
-}, {
-  value: "this_year",
-  label: "This year",
-  group: "Current"
-}, {
-  value: "yesterday",
-  label: "Yesterday",
-  group: "Past"
-}, {
-  value: "last_week",
-  label: "Last week",
-  group: "Past"
-}, {
-  value: "last_month",
-  label: "Last month",
-  group: "Past"
-}, {
-  value: "last_30_days",
-  label: "Last 30 days",
-  group: "Past"
-}, {
-  value: "last_90_days",
-  label: "Last 90 days",
-  group: "Past"
-}, {
-  value: "last_quarter",
-  label: "Last quarter",
-  group: "Past"
-}, {
-  value: "last_year",
-  label: "Last year",
-  group: "Past"
-}];
-function g(h) {
-  const e = c(/* @__PURE__ */ new Date());
-  switch (h) {
-    case "today":
-      return {
-        from: e,
-        to: y(e)
-      };
-    case "this_week":
-      return {
-        from: _(e),
-        to: f(e)
-      };
-    case "this_month":
-      return {
-        from: l(e),
-        to: n(e)
-      };
-    case "this_quarter":
-      return {
-        from: o(e),
-        to: u(e)
-      };
-    case "this_year":
-      return {
-        from: r(e),
-        to: s(e)
-      };
-    case "yesterday": {
-      const t = a(e, 1);
-      return {
-        from: t,
-        to: y(t)
-      };
-    }
-    case "last_week": {
-      const t = _(i(e, 1));
-      return {
-        from: t,
-        to: f(t)
-      };
-    }
-    case "last_month": {
-      const t = l(d(e, 1));
-      return {
-        from: t,
-        to: n(t)
-      };
-    }
-    case "last_30_days":
-      return {
-        from: a(e, 30),
-        to: e
-      };
-    case "last_90_days":
-      return {
-        from: a(e, 90),
-        to: e
-      };
-    case "last_quarter": {
-      const t = o(b(e, 1));
-      return {
-        from: t,
-        to: u(t)
-      };
-    }
-    case "last_year": {
-      const t = r(m(e, 1));
-      return {
-        from: t,
-        to: s(t)
-      };
-    }
-  }
-}
+import { createElement as t } from "react";
+const e = ({
+  color: h = "currentColor",
+  size: a,
+  ...o
+}) => t("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: a,
+  height: a,
+  viewBox: "0 0 24 24",
+  fill: h,
+  ...o
+}, t("path", {
+  d: "M3.5,6a1,1,0,1,0,1,1A1,1,0,0,0,3.5,6Zm4,2h14a1,1,0,0,0,0-2H7.5a1,1,0,0,0,0,2Zm0,3a1,1,0,1,0,1,1A1,1,0,0,0,7.5,11Zm4,5a1,1,0,1,0,1,1A1,1,0,0,0,11.5,16Zm10-5h-10a1,1,0,0,0,0,2h10a1,1,0,0,0,0-2Zm0,5h-6a1,1,0,0,0,0,2h6a1,1,0,0,0,0-2Z"
+}));
 export {
-  v as DATE_PRESETS,
-  g as resolveDatePreset
+  e as UListUiAlt
 };

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

@@ -1,26 +1,18 @@
-import { jsx as t, jsxs as e } from "@emotion/react/jsx-runtime";
-import { Button as a } from "./index86.js";
-import { Dialog as n, DialogContent as r, DialogHeader as l, DialogTitle as c, DialogDescription as d, DialogFooter as m } from "./index161.js";
-import { useLingui as p } from "@lingui/react";
-const f = ({
-  open: i,
-  onClose: s
-}) => {
-  const {
-    i18n: o
-  } = p();
-  return /* @__PURE__ */ t(n, { open: i, onOpenChange: s, children: /* @__PURE__ */ e(r, { className: "ttw:p-8 ttw:pb-4 ttw:gap-12", children: [
-    /* @__PURE__ */ e(l, { className: "ttw:gap-6", children: [
-      /* @__PURE__ */ t(c, { className: "ttw:text-2xl ttw:font-semibold ttw:leading-8", children: o._("Access restricted") }),
-      /* @__PURE__ */ e(d, { children: [
-        o._("You don't have permissions to view this page."),
-        /* @__PURE__ */ t("br", {}),
-        o._("Contact your system administrator for details.")
-      ] })
-    ] }),
-    /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(a, { onClick: s, children: o._("Close") }) })
-  ] }) });
-};
+import { createElement as e } from "react";
+const a = ({
+  color: o = "currentColor",
+  size: t,
+  ...r
+}) => e("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: t,
+  height: t,
+  viewBox: "0 0 24 24",
+  fill: o,
+  ...r
+}, e("path", {
+  d: "M12.3,12.22A4.92,4.92,0,0,0,14,8.5a5,5,0,0,0-10,0,4.92,4.92,0,0,0,1.7,3.72A8,8,0,0,0,1,19.5a1,1,0,0,0,2,0,6,6,0,0,1,12,0,1,1,0,0,0,2,0A8,8,0,0,0,12.3,12.22ZM9,11.5a3,3,0,1,1,3-3A3,3,0,0,1,9,11.5Zm9.74.32A5,5,0,0,0,15,3.5a1,1,0,0,0,0,2,3,3,0,0,1,3,3,3,3,0,0,1-1.5,2.59,1,1,0,0,0-.5.84,1,1,0,0,0,.45.86l.39.26.13.07a7,7,0,0,1,4,6.38,1,1,0,0,0,2,0A9,9,0,0,0,18.74,11.82Z"
+}));
 export {
-  f as AccessRestrictionModal
+  a as UUsersAlt
 };

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

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as s } from "@emotion/react/jsx-runtime";
-import { CreateCounterpartDialog as Ce } from "./index226.js";
+import { CreateCounterpartDialog as Ce } from "./index176.js";
 import { getCounterpartName as k } from "./index7.js";
 import "./index59.js";
 import { useLingui as xe } from "@lingui/react";
@@ -10,13 +10,13 @@ import "react-dom";
 import "@mui/x-data-grid";
 import { useIsMounted as ge } from "./index70.js";
 import { useCounterpartList as Ne } from "./index73.js";
-import { Alert as $, AlertTitle as _e, AlertDescription as ee } from "./index186.js";
+import { Alert as $, AlertTitle as _e, AlertDescription as ee } from "./index177.js";
 import { Button as g } from "./index86.js";
 import { useComboboxAnchor as Ae, Combobox as te, ComboboxChips as Te, ComboboxChip as ke, ComboboxChipsInput as Le, ComboboxContent as re, ComboboxList as ae, ComboboxItem as j, ComboboxInput as Ve, ComboboxEmpty as De } from "./index92.js";
-import { Field as ie, FieldContent as oe, FieldLabel as ne, FieldError as Ee } from "./index227.js";
-import { Input as Ie } from "./index128.js";
+import { Field as ie, FieldContent as oe, FieldLabel as ne, FieldError as Ee } from "./index178.js";
+import { Input as Ie } from "./index124.js";
 import { Typography as le } from "./index87.js";
-import { LoadingSpinner as ze } from "./index164.js";
+import { LoadingSpinner as ze } from "./index152.js";
 import { Plus as se, Sparkles as Fe } from "lucide-react";
 import { useFormContext as Se, Controller as je } from "react-hook-form";
 const P = "__create-new__", Pe = 50, ot = ({

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

@@ -1,24 +1,24 @@
 import { jsx as t, jsxs as s, Fragment as Ze } from "@emotion/react/jsx-runtime";
-import { RecurrenceSection as et } from "./index166.js";
-import { EntitySection as tt } from "./index167.js";
-import { ItemsSection as rt } from "./index168.js";
-import { FullfillmentSummary as it } from "./index169.js";
-import { InvoicePreview as at } from "./index170.js";
-import { getCreateInvoiceValidationSchema as nt } from "./index171.js";
+import { RecurrenceSection as et } from "./index203.js";
+import { EntitySection as tt } from "./index204.js";
+import { ItemsSection as rt } from "./index205.js";
+import { FullfillmentSummary as it } from "./index206.js";
+import { InvoicePreview as at } from "./index207.js";
+import { getCreateInvoiceValidationSchema as nt } from "./index208.js";
 import { BankAccountFormDialog as ot } from "./index43.js";
-import { BankAccountSection as dt } from "./index172.js";
-import { CreateInvoiceReminderDialog as st } from "./index173.js";
-import { CustomerSection as ct } from "./index174.js";
-import { EditInvoiceReminderDialog as lt } from "./index175.js";
-import { RemindersSection as mt } from "./index176.js";
-import { InvoiceCreationHeader as ut } from "./index177.js";
+import { BankAccountSection as dt } from "./index209.js";
+import { CreateInvoiceReminderDialog as st } from "./index210.js";
+import { CustomerSection as ct } from "./index211.js";
+import { EditInvoiceReminderDialog as lt } from "./index212.js";
+import { RemindersSection as mt } from "./index213.js";
+import { InvoiceCreationHeader as ut } from "./index214.js";
 import { useLocalStorageFields as _t } from "./index66.js";
-import { useCreateReceivable as pt } from "./index178.js";
-import { useCreateRecurrence as ft } from "./index179.js";
-import { useLineItemSubmitCleanup as yt } from "./index180.js";
-import { useGetEntityBankAccounts as vt } from "./index181.js";
-import { useGetInvoiceRequiredFields as ht } from "./index182.js";
-import { useInvoiceReminderDialogs as bt } from "./index183.js";
+import { useCreateReceivable as pt } from "./index215.js";
+import { useCreateRecurrence as ft } from "./index216.js";
+import { useLineItemSubmitCleanup as yt } from "./index217.js";
+import { useGetEntityBankAccounts as vt } from "./index218.js";
+import { useGetInvoiceRequiredFields as ht } from "./index219.js";
+import { useInvoiceReminderDialogs as bt } from "./index220.js";
 import { useMoniteContext as gt } from "./index59.js";
 import { MoniteScopedProviders as wt } from "./index85.js";
 import { useCounterpartById as Ct } from "./index72.js";
@@ -29,15 +29,15 @@ import { useMyEntity as St } from "./index80.js";
 import { useState as c, useRef as Dt, useMemo as Z, useId as kt, useEffect as ee } from "react";
 import { toast as y } from "react-hot-toast";
 import { useLingui as te } from "@lingui/react";
-import { rateMajorToMinor as It } from "./index184.js";
-import { AccessRestriction as Rt } from "./index135.js";
-import { LoadingPage as Ft } from "./index185.js";
+import { rateMajorToMinor as It } from "./index221.js";
+import { AccessRestriction as Rt } from "./index138.js";
+import { LoadingPage as Ft } from "./index222.js";
 import { zodResolver as At } from "@hookform/resolvers/zod";
 import { useForm as Et, FormProvider as $t } from "react-hook-form";
-import { Dialog as Mt, DialogContent as Pt } from "./index161.js";
-import { Alert as Lt } from "./index186.js";
+import { Dialog as Mt, DialogContent as Pt } from "./index201.js";
+import { Alert as Lt } from "./index177.js";
 import { Typography as Nt } from "./index87.js";
-import { useGetMeasureUnits as Tt } from "./index187.js";
+import { useGetMeasureUnits as Tt } from "./index223.js";
 import { CreateProduct as Bt } from "./index46.js";
 const Rr = (u) => {
   const {

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

@@ -1,18 +1,18 @@
-import { useMoniteContext as e } from "./index59.js";
-const a = () => {
-  const {
-    api: t,
-    queryClient: i
-  } = e();
-  return t.finops.putEntitiesIdLogo.useMutation(void 0, {
-    onSuccess: async (s) => {
-      t.finops.getEntityUsersMyEntity.setQueryData({}, (o) => o && {
-        ...o,
-        logo: s
-      }, i), await t.finops.getEntityUsersMyEntity.invalidateQueries(i);
-    }
-  });
-};
+import { createElement as e } from "react";
+const A = ({
+  color: r = "currentColor",
+  size: a,
+  ...t
+}) => e("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: a,
+  height: a,
+  viewBox: "0 0 24 24",
+  fill: r,
+  ...t
+}, e("path", {
+  d: "M14.81,12.28a3.73,3.73,0,0,0,1-2.5,3.78,3.78,0,0,0-7.56,0,3.73,3.73,0,0,0,1,2.5A5.94,5.94,0,0,0,6,16.89a1,1,0,0,0,2,.22,4,4,0,0,1,7.94,0A1,1,0,0,0,17,18h.11a1,1,0,0,0,.88-1.1A5.94,5.94,0,0,0,14.81,12.28ZM12,11.56a1.78,1.78,0,1,1,1.78-1.78A1.78,1.78,0,0,1,12,11.56ZM19,2H5A3,3,0,0,0,2,5V19a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3V5A3,3,0,0,0,19,2Zm1,17a1,1,0,0,1-1,1H5a1,1,0,0,1-1-1V5A1,1,0,0,1,5,4H19a1,1,0,0,1,1,1Z"
+}));
 export {
-  a as useUploadEntityLogo
+  A as UUserSquare
 };

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

@@ -1,26 +1,13 @@
-import { toast as o } from "react-hot-toast";
-import { useMoniteContext as n } from "./index59.js";
-import { useLingui as r } from "@lingui/react";
-const p = (i) => {
-  const {
-    api: t,
-    queryClient: s
-  } = n(), {
-    i18n: e
-  } = r();
-  return t.finops.deleteEntitiesIdLogo.useMutation({
-    path: {
-      entity_id: i
-    }
-  }, {
-    onSuccess: async () => {
-      await t.finops.getEntityUsersMyEntity.invalidateQueries(s), o.success(e._("Logo was removed."));
-    },
-    onError: () => {
-      o.error(e._("Failed to remove logo."));
-    }
-  });
-};
+const e = {
+  singleUser: (s) => s._("Single user"),
+  anyUserFromList: (s) => s._("Any user from the list"),
+  anyUsersFromList: (s, r) => s._("Any {count} users from the list", {
+    count: r.toString()
+  }),
+  anyUserWithRole: (s) => s._("Any user with role"),
+  allUsersFromList: (s) => s._("All users from list, one by one")
+}, t = (s, r = 0) => r === 1 ? e.anyUserFromList(s) : e.anyUsersFromList(s, r);
 export {
-  p as useDeleteEntityLogo
+  e as getSharedApprovalRuleLabel,
+  t as getUsersFromListLabel
 };

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

@@ -1,52 +1,98 @@
-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 "./index164.js";
-import { Typography as l } from "./index87.js";
-import { twMerge as v } from "tailwind-merge";
-import { UploadBar as C } from "./index474.js";
-const U = ({
-  isUploading: o,
-  isSuccess: r,
-  isError: i,
-  isDraggingOver: d,
-  resetUpload: a,
-  fileName: m,
-  onClick: u
-}) => {
+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 "./index94.js";
+import "./index59.js";
+import "@tanstack/react-query";
+import "date-fns";
+import { useLingui as R } from "@lingui/react";
+import { usePaymentIntentById as $ } from "./index82.js";
+import { useCreatePayablePaymentLink as v, usePaymentLinkById as B } from "./index476.js";
+import { Modal as j, Box as x, CircularProgress as D } from "@mui/material";
+const G = (r, d, f, i) => {
   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)") })
-  ] }) });
+    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 {
-  U as DragAndDropBox
+  G as usePaymentHandler
 };