@tesouro/embedded-components-react 0.2.6 → 0.2.15

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

@@ -1,209 +1,194 @@
-import { jsx as e, jsxs as n, Fragment as y } from "@emotion/react/jsx-runtime";
-import { ReminderFormLayout as S } from "./index439.js";
-import { getBeforeDueDateValidationSchema as Q } from "./index185.js";
-import { useMoniteContext as T } from "./index59.js";
-import { getAPIErrorMessage as $ } from "./index121.js";
-import { DropdownMenu as U, DropdownMenuTrigger as V, DropdownMenuContent as A, DropdownMenuItem as N } from "./index152.js";
-import { LoadingPage as H } from "./index199.js";
-import { NotFound as M } from "./index154.js";
-import { zodResolver as G } from "@hookform/resolvers/zod";
-import { useLingui as k } from "@lingui/react";
-import { ChevronDown as J } from "lucide-react";
-import { useId as K } from "react";
-import { useForm as O, Controller as o } from "react-hook-form";
-import { toast as v } from "react-hot-toast";
-import { Button as R } from "./index86.js";
-import { Field as s, FieldContent as u, FieldLabel as c, FieldError as _ } from "./index222.js";
-import { Input as f } from "./index123.js";
-import { Label as x } from "./index265.js";
-import { SheetHeader as W, SheetTitle as X, SheetDescription as Y, SheetFooter as Z } from "./index146.js";
-import { Textarea as j } from "./index124.js";
-import { Typography as P } from "./index87.js";
-const Ce = ({
-  reminderId: d,
-  ...m
-}) => {
-  const {
-    i18n: t
+import { formatDateRangeFilterChip as T, formatFilterChipMultiSelectValueSegment as N } from "./index99.js";
+import { useMoniteContext as D } from "./index59.js";
+import { useCurrencies as k } from "./index60.js";
+import { toMinorUnits as $ } from "./index119.js";
+import { useState as C, useMemo as l, useCallback as d } from "react";
+import { formatISO as m } from "date-fns";
+import { DATE_PRESETS as p, resolveDatePreset as A } from "./index446.js";
+const _ = [{
+  value: "draft",
+  label: "New"
+}, {
+  value: "pending_approval",
+  label: "Pending approval"
+}, {
+  value: "ready_to_pay",
+  label: "Ready to pay"
+}, {
+  value: "paid",
+  label: "Paid"
+}, {
+  value: "cancelled",
+  label: "Cancelled"
+}, {
+  value: "rejected",
+  label: "Rejected"
+}], w = {
+  draft: ["draft", "new"],
+  pending_approval: ["approve_in_progress"],
+  ready_to_pay: ["waiting_to_be_paid", "partially_paid"],
+  paid: ["paid"],
+  cancelled: ["canceled"],
+  rejected: ["rejected"]
+}, x = ["draft", "new", "approve_in_progress", "rejected", "waiting_to_be_paid", "partially_paid", "paid"];
+function v() {
+  return {
+    search: "",
+    activeDateField: "due_date",
+    datePreset: void 0,
+    dateFrom: void 0,
+    dateTo: void 0,
+    status: [],
+    amountMode: "any",
+    amountMin: "",
+    amountMax: "",
+    vendorName: "",
+    hasFile: void 0
+  };
+}
+function V() {
+  const [e, s] = C(v), {
+    formatToMinorUnits: u
   } = k(), {
-    api: l
-  } = T(), {
-    data: h,
-    error: b,
-    isError: w,
-    isLoading: a
-  } = l.finops.getPaymentRemindersId.useQuery({
-    path: {
-      payment_reminder_id: d || ""
-    }
-  }, {
-    enabled: !!d
-  });
-  return a ? /* @__PURE__ */ e(H, {}) : w ? /* @__PURE__ */ e(M, { title: t._("Payment reminder error"), description: $(t, b) }) : d && !h ? /* @__PURE__ */ e(M, { title: t._("Reminder not found"), description: t._("There is no reminder by provided id: {id}", {
-    id: d
-  }) }) : /* @__PURE__ */ e(ee, { reminder: h, ...m });
-}, ee = ({
-  reminder: d,
-  ...m
-}) => {
-  const {
-    i18n: t
-  } = k(), {
-    api: l,
-    queryClient: h
-  } = T(), b = {
-    days_before: 1,
-    body: "",
-    subject: ""
-  }, w = O({
-    resolver: G(Q(t)),
-    defaultValues: {
-      name: d?.name ?? "",
-      term_1_reminder: d?.term_1_reminder ?? void 0,
-      term_2_reminder: d?.term_2_reminder ?? void 0,
-      term_final_reminder: d?.term_final_reminder ?? void 0
+    componentSettings: h
+  } = D(), c = h.onboarding.allowedCurrencies?.[0] ?? "USD", F = l(() => {
+    const a = {}, t = e.activeDateField;
+    if (e.dateFrom && (a[`${t}__gte`] = m(e.dateFrom, {
+      representation: "date"
+    })), e.dateTo && (a[`${t}__lte`] = m(e.dateTo, {
+      representation: "date"
+    })), e.status.length ? a.status__in = e.status.flatMap((o) => w[o] ?? [o]) : a.status__in = x, e.vendorName && (a.counterpart_name__icontains = e.vendorName), e.hasFile !== void 0 && (a.has_file = e.hasFile), e.search && (a.search_text = e.search), e.amountMode !== "any") {
+      const o = parseFloat(e.amountMin), r = parseFloat(e.amountMax), i = (n) => u(n, c) ?? $(n, 2);
+      if (e.amountMode === "exact") {
+        if (!isNaN(o)) {
+          const n = i(o);
+          a.total_amount__gte = n, a.total_amount__lte = n;
+        }
+      } else
+        isNaN(o) || (a.total_amount__gte = i(o)), isNaN(r) || (a.total_amount__lte = i(r));
     }
-  }), {
-    control: a,
-    handleSubmit: z,
-    setValue: p,
-    watch: E
-  } = w, [g, C, D] = E(["term_1_reminder", "term_2_reminder", "term_final_reminder"]), B = `Monite-Form-createBeforeDueDateReminder-${K()}`, q = l.finops.postPaymentReminders.useMutation(void 0, {
-    onSuccess: async (r) => {
-      await l.finops.getPaymentReminders.invalidateQueries(h), v.success(t._("Reminder has been created")), "onCreate" in m && m.onCreate?.(r.id);
-    },
-    onError: (r) => {
-      v.error($(t, r));
+    return a;
+  }, [e, c, u]), f = l(() => {
+    let a = 0;
+    return e.status.length && a++, e.vendorName && a++, e.hasFile !== void 0 && a++, e.amountMode !== "any" && a++, e.search && a++, a;
+  }, [e]), b = l(() => {
+    const a = [];
+    if (e.dateFrom || e.dateTo) {
+      const t = (e.datePreset ? p.find((r) => r.value === e.datePreset)?.label : void 0) ?? T(e.dateFrom, e.dateTo), o = e.activeDateField === "due_date" ? "Due date" : e.activeDateField === "created_at" ? "Created on" : "Issue date";
+      a.push({
+        key: "date",
+        label: `${o}: ${t}`
+      });
     }
-  }), L = l.finops.patchPaymentRemindersId.useMutation({
-    path: {
-      payment_reminder_id: d?.id ?? ""
+    if (e.status.length) {
+      const t = e.status.map((o) => _.find((r) => r.value === o)?.label ?? o);
+      a.push({
+        key: "status",
+        label: `Status: ${N(t)}`
+      });
     }
-  }, {
-    onSuccess: async (r) => {
-      l.finops.getPaymentRemindersId.setQueryData({
-        path: {
-          payment_reminder_id: r.id
-        }
-      }, r, h), await l.finops.getPaymentReminders.invalidateQueries(h), v.success(t._("Reminder has been updated")), "onUpdate" in m && m.onUpdate?.(r.id);
-    },
-    onError: (r) => {
-      v.error($(t, r));
+    return e.vendorName && a.push({
+      key: "vendor",
+      label: `Vendor: ${e.vendorName}`
+    }), e.hasFile === !0 && a.push({
+      key: "attachment",
+      label: "Has attachment"
+    }), e.hasFile === !1 && a.push({
+      key: "attachment",
+      label: "No attachment"
+    }), e.amountMode !== "any" && a.push({
+      key: "amount",
+      label: "Amount"
+    }), e.search && a.push({
+      key: "search",
+      label: `Search: ${e.search}`
+    }), a;
+  }, [e]), y = d((a) => {
+    const {
+      from: t,
+      to: o
+    } = A(a);
+    s((r) => ({
+      ...r,
+      datePreset: a,
+      dateFrom: t,
+      dateTo: o
+    }));
+  }, []), g = d((a, t) => {
+    s((o) => ({
+      ...o,
+      datePreset: void 0,
+      dateFrom: a,
+      dateTo: t
+    }));
+  }, []), M = d((a) => {
+    s((t) => ({
+      ...t,
+      activeDateField: a
+    }));
+  }, []), P = d((a) => {
+    switch (a) {
+      case "date": {
+        s((t) => ({
+          ...t,
+          datePreset: void 0,
+          dateFrom: void 0,
+          dateTo: void 0,
+          activeDateField: "due_date"
+        }));
+        break;
+      }
+      case "status":
+        s((t) => ({
+          ...t,
+          status: []
+        }));
+        break;
+      case "vendor":
+        s((t) => ({
+          ...t,
+          vendorName: ""
+        }));
+        break;
+      case "attachment":
+        s((t) => ({
+          ...t,
+          hasFile: void 0
+        }));
+        break;
+      case "amount":
+        s((t) => ({
+          ...t,
+          amountMode: "any",
+          amountMin: "",
+          amountMax: ""
+        }));
+        break;
+      case "search":
+        s((t) => ({
+          ...t,
+          search: ""
+        }));
+        break;
     }
-  }), I = d ? t._('Update "Before due date" reminder') : t._('Create "Before due date" reminder'), F = t._("For this reminder to be sent for your invoice, please make sure to set payment terms that include a discount");
-  return /* @__PURE__ */ n(y, { children: [
-    /* @__PURE__ */ n(W, { className: "ttw:border-b ttw:border-border", children: [
-      /* @__PURE__ */ e(X, { className: "ttw:text-xl", children: I }),
-      /* @__PURE__ */ e(Y, { hidden: !0, children: I })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-1 ttw:flex-col ttw:overflow-y-auto ttw:p-8", children: /* @__PURE__ */ e("form", { id: B, noValidate: !0, onSubmit: z((r) => d ? L.mutate(r) : q.mutate({
-      body: r
-    })), children: /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
-      /* @__PURE__ */ e(o, { name: "name", control: a, render: ({
-        field: r,
-        fieldState: {
-          error: i
-        }
-      }) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ n(u, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: r.name, required: !0, children: t._("Preset name") }),
-        /* @__PURE__ */ e(f, { ...r, id: r.name, value: r.value ?? "", "aria-invalid": !!i }),
-        /* @__PURE__ */ e(_, { errors: i ? [i] : [] })
-      ] }) }) }),
-      !!D && /* @__PURE__ */ e(S, { title: t._("Due date"), subTitle: F, daysBefore: /* @__PURE__ */ n(y, { children: [
-        /* @__PURE__ */ e(x, { htmlFor: "term_final_reminder.days_before", children: t._("Remind") }),
-        /* @__PURE__ */ e(o, { name: "term_final_reminder.days_before", control: a, render: ({
-          field: r
-        }) => /* @__PURE__ */ e(f, { id: "term_final_reminder.days_before", type: "number", value: r.value ?? "", onChange: (i) => r.onChange(i.target.value === "" ? void 0 : Number(i.target.value)), min: 1, className: "ttw:w-15" }) }),
-        /* @__PURE__ */ e(P, { variant: "body1", color: "muted", children: t._("days before due date") })
-      ] }), subject: /* @__PURE__ */ e(o, { name: "term_final_reminder.subject", control: a, render: ({
-        field: r,
-        fieldState: {
-          error: i
-        }
-      }) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ n(u, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: r.name, required: !0, children: t._("Subject") }),
-        /* @__PURE__ */ e(f, { ...r, id: r.name, value: r.value ?? "", "aria-invalid": !!i }),
-        /* @__PURE__ */ e(_, { errors: i ? [i] : [] })
-      ] }) }) }), body: /* @__PURE__ */ e(o, { name: "term_final_reminder.body", control: a, render: ({
-        field: r,
-        fieldState: {
-          error: i
-        }
-      }) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ n(u, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: r.name, required: !0, children: t._("Body") }),
-        /* @__PURE__ */ e(j, { ...r, id: r.name, value: r.value ?? "", className: "ttw:h-32 ttw:resize-none", "aria-invalid": !!i }),
-        /* @__PURE__ */ e(_, { errors: i ? [i] : [] })
-      ] }) }) }), onDelete: () => p("term_final_reminder", void 0) }),
-      !!g && /* @__PURE__ */ e(S, { title: t._("Discount date 1"), subTitle: F, daysBefore: /* @__PURE__ */ n(y, { children: [
-        /* @__PURE__ */ e(x, { htmlFor: "term_1_reminder.days_before", children: t._("Remind") }),
-        /* @__PURE__ */ e(o, { name: "term_1_reminder.days_before", control: a, render: ({
-          field: r
-        }) => /* @__PURE__ */ e(f, { id: "term_1_reminder.days_before", type: "number", value: r.value ?? "", onChange: (i) => r.onChange(i.target.value === "" ? void 0 : Number(i.target.value)), min: 1, className: "ttw:w-15" }) }),
-        /* @__PURE__ */ e(P, { variant: "body1", color: "muted", children: t._("days before discount date 1") })
-      ] }), subject: /* @__PURE__ */ e(o, { name: "term_1_reminder.subject", control: a, render: ({
-        field: r,
-        fieldState: {
-          error: i
-        }
-      }) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ n(u, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: r.name, required: !0, children: t._("Subject") }),
-        /* @__PURE__ */ e(f, { ...r, id: r.name, value: r.value ?? "", "aria-invalid": !!i }),
-        /* @__PURE__ */ e(_, { errors: i ? [i] : [] })
-      ] }) }) }), body: /* @__PURE__ */ e(o, { name: "term_1_reminder.body", control: a, render: ({
-        field: r,
-        fieldState: {
-          error: i
-        }
-      }) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ n(u, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: r.name, required: !0, children: t._("Body") }),
-        /* @__PURE__ */ e(j, { ...r, id: r.name, value: r.value ?? "", className: "ttw:h-32 ttw:resize-none", "aria-invalid": !!i }),
-        /* @__PURE__ */ e(_, { errors: i ? [i] : [] })
-      ] }) }) }), onDelete: () => p("term_1_reminder", void 0) }),
-      !!C && /* @__PURE__ */ e(S, { title: t._("Discount date 2"), subTitle: F, daysBefore: /* @__PURE__ */ n(y, { children: [
-        /* @__PURE__ */ e(x, { htmlFor: "term_2_reminder.days_before", children: t._("Remind") }),
-        /* @__PURE__ */ e(o, { name: "term_2_reminder.days_before", control: a, render: ({
-          field: r
-        }) => /* @__PURE__ */ e(f, { id: "term_2_reminder.days_before", type: "number", value: r.value ?? "", onChange: (i) => r.onChange(i.target.value === "" ? void 0 : Number(i.target.value)), min: 1, className: "ttw:w-15" }) }),
-        /* @__PURE__ */ e(P, { variant: "body1", color: "muted", children: t._("days before discount date 2") })
-      ] }), subject: /* @__PURE__ */ e(o, { name: "term_2_reminder.subject", control: a, render: ({
-        field: r,
-        fieldState: {
-          error: i
-        }
-      }) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ n(u, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: r.name, required: !0, children: t._("Subject") }),
-        /* @__PURE__ */ e(f, { ...r, id: r.name, value: r.value ?? "", "aria-invalid": !!i }),
-        /* @__PURE__ */ e(_, { errors: i ? [i] : [] })
-      ] }) }) }), body: /* @__PURE__ */ e(o, { name: "term_2_reminder.body", control: a, render: ({
-        field: r,
-        fieldState: {
-          error: i
-        }
-      }) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ n(u, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: r.name, required: !0, children: t._("Body") }),
-        /* @__PURE__ */ e(j, { ...r, id: r.name, value: r.value ?? "", className: "ttw:h-32 ttw:resize-none", "aria-invalid": !!i }),
-        /* @__PURE__ */ e(_, { errors: i ? [i] : [] })
-      ] }) }) }), onDelete: () => p("term_2_reminder", void 0) }),
-      !(D && g && C) && /* @__PURE__ */ n(U, { children: [
-        /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ n(R, { type: "button", className: "ttw:self-start", children: [
-          t._("Add reminder"),
-          /* @__PURE__ */ e(J, {})
-        ] }) }),
-        /* @__PURE__ */ n(A, { align: "start", children: [
-          !D && /* @__PURE__ */ e(N, { onClick: () => p("term_final_reminder", b), children: t._("Due date") }),
-          !g && /* @__PURE__ */ e(N, { onClick: () => p("term_1_reminder", b), children: t._("Discount date 1") }),
-          !C && /* @__PURE__ */ e(N, { onClick: () => p("term_2_reminder", b), children: t._("Discount date 2") })
-        ] })
-      ] })
-    ] }) }) }),
-    /* @__PURE__ */ n(Z, { className: "ttw:border-t ttw:border-border ttw:flex-row ttw:justify-end", children: [
-      m?.onClose && /* @__PURE__ */ e(R, { type: "button", variant: "ghost", className: "ttw:text-primary ttw:hover:text-primary", onClick: (r) => {
-        r.preventDefault(), m?.onClose?.();
-      }, children: t._("Cancel") }),
-      /* @__PURE__ */ e(R, { type: "submit", form: B, disabled: q.isPending, children: d ? t._("Update") : t._("Create") })
-    ] })
-  ] });
-};
+  }, []), S = d(() => s(v()), []);
+  return {
+    state: e,
+    setState: s,
+    queryParams: F,
+    activeFilterCount: f,
+    activeChips: b,
+    datePresets: p,
+    statusOptions: _,
+    setDatePreset: y,
+    setDateRange: g,
+    setActiveDateField: M,
+    clearFilter: P,
+    clearAll: S
+  };
+}
 export {
-  Ce as BeforeDueDateReminderForm
+  x as AP_DEFAULT_STATUSES,
+  _ as AP_STATUS_OPTIONS,
+  V as usePayablesFilter
 };

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

@@ -1,164 +1,43 @@
-import { jsx as e, jsxs as d, Fragment as N } from "@emotion/react/jsx-runtime";
-import { ReminderFormLayout as M } from "./index439.js";
-import { getOverdueValidationSchema as P } from "./index185.js";
-import { useMoniteContext as j } from "./index59.js";
-import { getAPIErrorMessage as $ } from "./index121.js";
-import { LoadingPage as D } from "./index199.js";
-import { NotFound as O } from "./index154.js";
-import { zodResolver as E } from "@hookform/resolvers/zod";
-import { useLingui as A } from "@lingui/react";
-import { Plus as T, TriangleAlert as k } from "lucide-react";
-import { useId as q } from "react";
-import { useForm as Q, useFieldArray as U, Controller as p } from "react-hook-form";
-import { toast as f } from "react-hot-toast";
-import { Alert as V, AlertDescription as z } from "./index200.js";
-import { Button as v } from "./index86.js";
-import { Field as b, FieldContent as y, FieldLabel as _, FieldError as g } from "./index222.js";
-import { Input as w } from "./index123.js";
-import { Label as B } from "./index265.js";
-import { SheetHeader as H, SheetTitle as Y, SheetDescription as G, SheetFooter as J } from "./index146.js";
-import { Textarea as K } from "./index124.js";
-import { Typography as W } from "./index87.js";
-const ge = ({
-  reminderId: a,
-  ...n
+import { jsxs as t, jsx as e } from "@emotion/react/jsx-runtime";
+import { useLingui as s } from "@lingui/react";
+import { Dialog as d, DialogTitle as h, Typography as n, DialogContent as x, DialogActions as g, Button as l } from "@mui/material";
+const v = ({
+  open: a,
+  type: p,
+  onClose: i,
+  onConfirm: c
 }) => {
   const {
-    i18n: r
-  } = A(), {
-    api: m
-  } = j(), {
-    data: u,
-    error: l,
-    isError: h,
-    isLoading: c
-  } = m.finops.getOverdueRemindersId.useQuery({
-    path: {
-      overdue_reminder_id: a || ""
+    i18n: o
+  } = s(), r = p === "approve";
+  return /* @__PURE__ */ t(d, { open: a, onClose: i, maxWidth: "sm", fullWidth: !0, container: () => document.body, PaperProps: {
+    sx: {
+      borderRadius: 3,
+      padding: 2
     }
-  }, {
-    enabled: !!a
-  });
-  return c ? /* @__PURE__ */ e(D, {}) : h ? /* @__PURE__ */ e(O, { title: r._("Overdue reminder error"), description: $(r, l) }) : a && !u ? /* @__PURE__ */ e(O, { title: r._("Reminder not found"), description: r._("There is no reminder by provided id: {id}", {
-    id: a
-  }) }) : /* @__PURE__ */ e(X, { ...n, reminder: u });
-}, X = ({
-  reminder: a,
-  ...n
-}) => {
-  const {
-    i18n: r
-  } = A(), {
-    api: m,
-    queryClient: u
-  } = j(), {
-    control: l,
-    handleSubmit: h,
-    formState: c
-  } = Q({
-    resolver: E(P(r)),
-    defaultValues: {
-      name: a?.name ?? "",
-      terms: a?.terms ?? []
-    }
-  }), {
-    fields: F,
-    append: I,
-    remove: L
-  } = U({
-    control: l,
-    name: "terms",
-    rules: {
-      maxLength: 3
-    }
-  }), x = `Monite-Form-createOverdueReminder-${q()}`, R = m.finops.postOverdueReminders.useMutation(void 0, {
-    onSuccess: async (t) => {
-      await m.finops.getOverdueReminders.invalidateQueries(u), f.success(r._("Reminder has been created")), "onCreate" in n && n.onCreate?.(t.id);
-    },
-    onError: (t) => {
-      f.error($(r, t));
-    }
-  }), S = m.finops.patchOverdueRemindersId.useMutation({
-    path: {
-      overdue_reminder_id: a?.id ?? ""
-    }
-  }, {
-    onSuccess: async (t) => {
-      m.finops.getOverdueRemindersId.setQueryData({
-        path: {
-          overdue_reminder_id: t.id
-        }
-      }, t, u), await m.finops.getOverdueReminders.invalidateQueries(u), f.success(r._("Reminder has been updated")), "onUpdate" in n && n.onUpdate?.(t.id);
-    },
-    onError: (t) => {
-      f.error($(r, t));
-    }
-  }), C = a ? r._('Update "Overdue" reminder') : r._('Create "Overdue" reminder');
-  return /* @__PURE__ */ d(N, { children: [
-    /* @__PURE__ */ d(H, { className: "ttw:border-b ttw:border-border", children: [
-      /* @__PURE__ */ e(Y, { className: "ttw:text-xl", children: C }),
-      /* @__PURE__ */ e(G, { hidden: !0, children: C })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-1 ttw:flex-col ttw:overflow-y-auto ttw:p-8", children: /* @__PURE__ */ d("form", { id: x, noValidate: !0, onSubmit: h((t) => a ? S.mutate(t) : R.mutate({
-      body: t
-    })), children: [
-      /* @__PURE__ */ d("div", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
-        /* @__PURE__ */ e(p, { name: "name", control: l, render: ({
-          field: t,
-          fieldState: {
-            error: i
-          }
-        }) => /* @__PURE__ */ e(b, { children: /* @__PURE__ */ d(y, { children: [
-          /* @__PURE__ */ e(_, { htmlFor: t.name, required: !0, children: r._("Preset name") }),
-          /* @__PURE__ */ e(w, { ...t, id: t.name, value: t.value ?? "", "aria-invalid": !!i }),
-          /* @__PURE__ */ e(g, { errors: i ? [i] : [] })
-        ] }) }) }),
-        F.map((t, i) => /* @__PURE__ */ e(M, { title: r._("Reminder {number}", {
-          number: i + 1
-        }), daysBefore: /* @__PURE__ */ d(N, { children: [
-          /* @__PURE__ */ e(B, { htmlFor: `terms.${i}.days_after`, children: r._("Remind") }),
-          /* @__PURE__ */ e(p, { name: `terms.${i}.days_after`, control: l, render: ({
-            field: s
-          }) => /* @__PURE__ */ e(w, { id: `terms.${i}.days_after`, type: "number", value: s.value ?? "", onChange: (o) => s.onChange(o.target.value === "" ? void 0 : Number(o.target.value)), min: 1, className: "ttw:w-15" }) }),
-          /* @__PURE__ */ e(W, { variant: "body1", color: "muted", children: r._("days after due date") })
-        ] }), subject: /* @__PURE__ */ e(p, { name: `terms.${i}.subject`, control: l, render: ({
-          field: s,
-          fieldState: {
-            error: o
-          }
-        }) => /* @__PURE__ */ e(b, { children: /* @__PURE__ */ d(y, { children: [
-          /* @__PURE__ */ e(_, { htmlFor: `terms.${i}.subject`, required: !0, children: r._("Subject") }),
-          /* @__PURE__ */ e(w, { ...s, id: `terms.${i}.subject`, value: s.value ?? "", "aria-invalid": !!o }),
-          /* @__PURE__ */ e(g, { errors: o ? [o] : [] })
-        ] }) }) }), body: /* @__PURE__ */ e(p, { name: `terms.${i}.body`, control: l, render: ({
-          field: s,
-          fieldState: {
-            error: o
-          }
-        }) => /* @__PURE__ */ e(b, { children: /* @__PURE__ */ d(y, { children: [
-          /* @__PURE__ */ e(_, { htmlFor: `terms.${i}.body`, required: !0, children: r._("Body") }),
-          /* @__PURE__ */ e(K, { ...s, id: `terms.${i}.body`, value: s.value ?? "", className: "ttw:h-32 ttw:resize-none", "aria-invalid": !!o }),
-          /* @__PURE__ */ e(g, { errors: o ? [o] : [] })
-        ] }) }) }), onDelete: () => L(i) }, t.id)),
-        F.length < 3 && /* @__PURE__ */ d(v, { type: "button", className: "ttw:self-start", onClick: () => I({
-          days_after: 1,
-          subject: "",
-          body: ""
-        }), children: [
-          /* @__PURE__ */ e(T, {}),
-          r._("Add reminder")
-        ] })
-      ] }),
-      c.errors.terms?.message && /* @__PURE__ */ e(V, { variant: "error", icon: /* @__PURE__ */ e(k, {}), className: "ttw:mt-4", children: /* @__PURE__ */ e(z, { children: c.errors.terms.message }) })
-    ] }) }),
-    /* @__PURE__ */ d(J, { className: "ttw:border-t ttw:border-border ttw:flex-row ttw:justify-end", children: [
-      n?.onClose && /* @__PURE__ */ e(v, { type: "button", variant: "ghost", className: "ttw:text-primary ttw:hover:text-primary", onClick: (t) => {
-        t.preventDefault(), n?.onClose?.();
-      }, children: r._("Cancel") }),
-      /* @__PURE__ */ e(v, { type: "submit", form: x, disabled: R.isPending || S.isPending, children: a ? r._("Update") : r._("Create") })
+  }, children: [
+    /* @__PURE__ */ e(h, { sx: {
+      p: "16px !important"
+    }, children: /* @__PURE__ */ e(n, { variant: "h5", fontWeight: 600, children: r ? o._("Force Approve bill?") : o._("Force Reject bill?") }) }),
+    /* @__PURE__ */ e(x, { sx: {
+      px: 2,
+      pb: 3
+    }, children: /* @__PURE__ */ e(n, { variant: "body1", color: "text.secondary", children: r ? o._("The bill status will change to Approved, skipping the approval flow.") : o._("The bill status will change to Rejected, skipping the approval flow.") }) }),
+    /* @__PURE__ */ t(g, { sx: {
+      px: 0,
+      pt: 2,
+      gap: 2
+    }, children: [
+      /* @__PURE__ */ e(l, { onClick: i, variant: "text", sx: {
+        color: "primary.main",
+        fontWeight: 500,
+        textTransform: "none",
+        fontSize: "16px"
+      }, children: o._("Cancel") }),
+      /* @__PURE__ */ e(l, { onClick: c, variant: "contained", color: r ? "primary" : "error", children: r ? o._("Force Approve") : o._("Force Reject") })
     ] })
   ] });
 };
 export {
-  ge as OverdueReminderForm
+  v as PayableDetailsForceActionDialog
 };