@tesouro/embedded-components-react 0.2.86 → 0.2.87

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

@@ -1,90 +1,31 @@
-import { jsx as d, jsxs as m } from "@emotion/react/jsx-runtime";
-import { useForm as N, FormProvider as F } from "react-hook-form";
-import { useLingui as I } from "@lingui/react";
-import { useId as P, useMemo as z, useCallback as L } from "react";
-import { zodResolver as U } from "@hookform/resolvers/zod";
-import { Button as y } from "./index84.js";
-import { getAddressValidationSchema as j } from "./index232.js";
-import "./index57.js";
-import { toast as p } from "react-hot-toast";
-import "date-fns";
-import { getCounterpartName as k } from "./index7.js";
-import { useUpdateCounterpartAddress as D } from "./index275.js";
-import { useCreateCounterpartAddress as T } from "./index386.js";
-import { LoadingSpinner as V } from "./index131.js";
-import { CounterpartAddressFormContent as B } from "./index278.js";
-const tt = ({
-  counterpartId: c,
-  isStandalone: C,
-  address: t,
-  customerType: u,
-  handleClose: h,
-  onUpdate: i,
-  onCreate: n
-}) => {
+import { toast as n } from "react-hot-toast";
+import { useMoniteContext as o } from "./index57.js";
+import { useLingui as a } from "@lingui/react";
+const c = (e) => {
   const {
-    i18n: r
-  } = I(), S = `counterpart-address-form-${P()}`, g = !!t, {
-    mutate: f,
-    isPending: x
-  } = D({
-    counterpartId: c,
-    addressId: t?.id ?? ""
-  }), {
-    mutate: w,
-    isPending: A
-  } = T(), o = x || A, v = z(() => ({
-    line1: t?.line1 ?? "",
-    line2: t?.line2 ?? "",
-    city: t?.city ?? "",
-    state: t?.state ?? "",
-    country: t?.country ?? "US",
-    postalCode: t?.postal_code ?? ""
-  }), [t]), {
-    resetField: e,
-    ...a
-  } = N({
-    resolver: U(j(r, u === "vendor")),
-    defaultValues: v
-  }), _ = L((l) => {
-    l.preventDefault(), l.stopPropagation(), a.handleSubmit((s) => {
-      const b = {
-        line1: s.line1 ?? "",
-        line2: s.line2,
-        city: s.city ?? "",
-        state: s.state ?? "",
-        country: s.country,
-        postal_code: s.postalCode ?? ""
-      };
-      return t ? f(b, {
-        onSuccess: () => {
-          p.success(r._("Address has been updated.")), i && i();
+    api: t,
+    queryClient: i
+  } = o(), {
+    i18n: s
+  } = a();
+  return t.finops.patchEntitiesIdSettings.useMutation(void 0, {
+    onSuccess: () => {
+      n.success(s._("Settings updated successfully.")), t.finops.getEntitiesIdSettings.invalidateQueries({
+        parameters: {
+          path: {
+            entity_id: e
+          }
         }
-      }) : w({
-        path: {
-          counterpart_id: c
-        },
-        body: b
-      }, {
-        onSuccess: () => {
-          p.success(r._("Address has been added.")), n && n();
+      }, i), t.finops.getDocumentsIdNextNumbers.invalidateQueries({
+        parameters: {
+          path: {
+            entity_id: e
+          }
         }
-      });
-    })(l);
-  }, [p, f, w, k, i, n, a.handleSubmit, r]);
-  return /* @__PURE__ */ d(F, { resetField: e, ...a, children: /* @__PURE__ */ m("form", { id: S, onSubmit: _, className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:p-4 ttw:border ttw:border-primary ttw:rounded-[10px] ttw:bg-zinc-100", children: [
-    /* @__PURE__ */ d(B, { hasExistingAddress: g, isLoading: o, isStandalone: C, customerType: u }),
-    /* @__PURE__ */ m("div", { className: "ttw:flex ttw:gap-4 ttw:pt-6", children: [
-      /* @__PURE__ */ d(y, { type: "button", variant: "outline", className: "ttw:border-border ttw:flex-1", disabled: o, onClick: () => {
-        e("line1"), e("line2"), e("city"), e("state"), e("postalCode"), e("country"), h();
-      }, children: r._("Cancel") }),
-      /* @__PURE__ */ m(y, { type: "submit", className: "ttw:flex-1", disabled: o || !a.formState.isDirty, children: [
-        o && /* @__PURE__ */ d(V, { className: "ttw:border-white ttw:border-t-transparent ttw:size-4" }),
-        r._("Save")
-      ] })
-    ] })
-  ] }) });
+      }, i);
+    }
+  });
 };
 export {
-  tt as CounterpartAddressForm
+  c as usePatchEntitySettings
 };

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as i } from "./index57.js";
-import { getAPIErrorMessage as a } from "./index121.js";
+import { getAPIErrorMessage as a } from "./index124.js";
 import { useLingui as n } from "@lingui/react";
 import { toast as m } from "react-hot-toast";
 const d = (t) => {

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

@@ -1,24 +1,7 @@
-import e from "@mui/icons-material/Cancel";
-import _ from "@mui/icons-material/DangerousOutlined";
-import r from "@mui/icons-material/HourglassEmpty";
-import a from "@mui/icons-material/PaidOutlined";
-const s = ["waiting", "approved", "rejected", "canceled"], o = {
-  approved: "success",
-  canceled: "secondary",
-  rejected: "error",
-  waiting: "warning"
-}, A = {
-  approved: a,
-  canceled: e,
-  rejected: _,
-  waiting: r
-}, R = "status", d = "created_at", i = "created_by", S = "current_user";
+import { zodResolver as e } from "@hookform/resolvers/zod";
+function t(o) {
+  return e(o);
+}
 export {
-  s as APPROVAL_REQUEST_STATUSES,
-  A as APPROVAL_REQUEST_STATUS_TO_MUI_ICON_MAP,
-  i as FILTER_TYPE_ADDED_BY,
-  d as FILTER_TYPE_CREATED_AT,
-  S as FILTER_TYPE_CURRENT_USER,
-  R as FILTER_TYPE_STATUS,
-  o as ROW_TO_STATUS_MUI_MAP
+  t as safeZodResolver
 };

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

@@ -1,59 +1,79 @@
-import { jsxs as n, jsx as t } from "@emotion/react/jsx-runtime";
-import { useRootElements as s } from "./index92.js";
-import { FilterContainer as p } from "./index318.js";
-import { useLingui as m } from "@lingui/react";
-import { FormControl as u, InputLabel as c, Select as d, MenuItem as E, FormControlLabel as F, Switch as T } from "@mui/material";
-import { DatePicker as _ } from "@mui/x-date-pickers";
-import { APPROVAL_REQUEST_STATUSES as v, FILTER_TYPE_STATUS as R, FILTER_TYPE_ADDED_BY as A, FILTER_TYPE_CREATED_AT as C, FILTER_TYPE_CURRENT_USER as h } from "./index280.js";
-import { getRowToStatusTextMap as S } from "./index387.js";
-import { AutocompleteCreatedBy as M } from "./index388.js";
-const O = ({
-  onChangeFilter: l,
-  sx: i
+import { jsxs as n, jsx as e } from "@emotion/react/jsx-runtime";
+import { useFormContext as $, Controller as c } from "react-hook-form";
+import { useLingui as F } from "@lingui/react";
+import { Typography as d } from "./index85.js";
+import { Field as m, FieldContent as s, FieldLabel as w, FieldError as u } from "./index153.js";
+import { Input as g } from "./index120.js";
+import { Checkbox as S } from "./index359.js";
+const E = ({
+  control: o
 }) => {
   const {
-    i18n: a
-  } = m(), {
-    root: r
-  } = s();
-  return /* @__PURE__ */ n(p, { className: "Monite-ApprovalRequestsFilters", sx: i, children: [
-    /* @__PURE__ */ n(u, { variant: "standard", fullWidth: !0, className: "Monite-ApprovalStatusFilter Monite-FilterControl", children: [
-      /* @__PURE__ */ t(c, { id: "status", children: a._("Status") }),
-      /* @__PURE__ */ t(d, { labelId: "status", label: a._("Status"), defaultValue: "all", MenuProps: {
-        container: r
-      }, onChange: (e) => {
-        l(R, e && e.target.value);
-      }, children: [{
-        label: a._("All invoices"),
-        value: "all"
-      }, ...Object.values(v).map((e) => ({
-        label: S(a)[e],
-        value: e
-      }))].map(({
-        label: e,
-        value: o
-      }) => /* @__PURE__ */ t(E, { value: o, children: e }, o)) })
+    i18n: i
+  } = F(), {
+    setValue: v,
+    watch: a
+  } = $(), p = a("min_digits"), f = a("prefix"), h = a("separator"), b = a("include_date"), x = a("invoice"), N = a("invoice_number");
+  function y() {
+    return `${x}${h}${f ? `${f}${h}` : ""}${b ? `${(/* @__PURE__ */ new Date()).getFullYear()}${h}` : ""}${N.toString().padStart(p, "0")}`;
+  }
+  const _ = y();
+  return /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5", children: [
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5 ttw:pt-5 ttw:pb-2.5", children: [
+      /* @__PURE__ */ e(d, { variant: "h3", children: i._("Invoice numbering") }),
+      /* @__PURE__ */ e(d, { variant: "body2", color: "muted", children: i._("Specify how you want your invoices to be numbered. Changes apply to new invoices only. Existing invoice numbers won't be updated.") })
     ] }),
-    /* @__PURE__ */ t(M, { onChange: (e) => l(A, e || null) }),
-    /* @__PURE__ */ t(_, { label: a._("Requested on"), className: "Monite-ApprovalRequestedOnFilter Monite-FilterControl Monite-DateFilterControl", onChange: (e, o) => {
-      o.validationError || l(C, e);
-    }, slotProps: {
-      textField: {
-        variant: "standard"
-      },
-      popper: {
-        container: r
-      },
-      dialog: {
-        container: r
-      },
-      actionBar: {
-        actions: ["clear", "today"]
-      }
-    }, views: ["year", "month", "day"] }),
-    /* @__PURE__ */ t(F, { control: /* @__PURE__ */ t(T, {}), className: "Monite-ApprovalOnlyMyFilter Monite-FilterControl", label: a._("Only my approvals"), onChange: (e, o) => l(h, o) })
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:w-94 ttw:gap-0.5 ttw:p-4 ttw:bg-neutral-200 ttw:rounded-xl", children: [
+      /* @__PURE__ */ e(d, { variant: "body2", color: "muted", children: i._("Preview") }),
+      /* @__PURE__ */ e(d, { variant: "h4", className: "ttw:font-medium", children: _ })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:w-min ttw:gap-2 ttw:p-2", children: [
+      /* @__PURE__ */ e(c, { name: "invoice", control: o, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(m, { children: /* @__PURE__ */ n(s, { className: "ttw:grow-0", children: [
+        /* @__PURE__ */ e(w, { htmlFor: t.name, children: i._("Invoice prefix") }),
+        /* @__PURE__ */ e(g, { ...t, id: t.name, maxLength: 25, "aria-invalid": !!r || void 0, className: "ttw:w-29 ttw:min-w-29 ttw:bg-white" }),
+        /* @__PURE__ */ e(u, { errors: [r] })
+      ] }) }) }),
+      /* @__PURE__ */ e(c, { name: "invoice_number", control: o, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(m, { children: /* @__PURE__ */ n(s, { className: "ttw:grow-0", children: [
+        /* @__PURE__ */ e(w, { htmlFor: t.name, children: i._("Starting number") }),
+        /* @__PURE__ */ e(g, { ...t, id: t.name, type: "number", "aria-invalid": !!r || void 0, onChange: (l) => {
+          const C = l.target.value.replace(/^0+(?=\d)/, "");
+          t.onChange(Number(C));
+        }, value: t.value.toString().padStart(p, "0"), className: "ttw:w-29 ttw:min-w-29 ttw:bg-white" }),
+        /* @__PURE__ */ e(u, { errors: [r] })
+      ] }) }) }),
+      /* @__PURE__ */ e(c, { name: "min_digits", control: o, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(m, { children: /* @__PURE__ */ n(s, { className: "ttw:grow-0", children: [
+        /* @__PURE__ */ e(w, { htmlFor: t.name, children: i._("Digit count") }),
+        /* @__PURE__ */ e(g, { ...t, id: t.name, type: "number", className: "ttw:bg-white ttw:w-29 ttw:max-w-29", onChange: (l) => {
+          +l.target.value > 20 ? v("min_digits", 20, {
+            shouldDirty: !0
+          }) : t.onChange(l);
+        }, "aria-invalid": !!r || void 0 }),
+        /* @__PURE__ */ e(u, { errors: [r] })
+      ] }) }) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "ttw:bg-transparent ttw:w-full ttw:p-2", children: /* @__PURE__ */ e(c, { name: "include_date", control: o, render: ({
+      field: t
+    }) => /* @__PURE__ */ e(m, { orientation: "horizontal", children: /* @__PURE__ */ n(s, { className: "ttw:flex-row ttw:items-center", children: [
+      /* @__PURE__ */ e(S, { id: t.name, ref: t.ref, checked: t.value ?? !1, onCheckedChange: t.onChange, onBlur: t.onBlur, className: "ttw:bg-white" }),
+      /* @__PURE__ */ e(w, { htmlFor: t.name, className: "ttw:font-normal", children: i._("Include the current year in the invoice number prefix") })
+    ] }) }) }) })
   ] });
 };
 export {
-  O as ApprovalRequestsFilter
+  E as InvoiceNumbering
 };

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

@@ -1,31 +1,34 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { useLingui as n } from "@lingui/react";
-import { Chip as u } from "@mui/material";
-import { styled as l, useThemeProps as f } from "@mui/material/styles";
-import { ROW_TO_STATUS_MUI_MAP as A, APPROVAL_REQUEST_STATUS_TO_MUI_ICON_MAP as S } from "./index280.js";
-import { getRowToStatusTextMap as T } from "./index387.js";
-const c = ({
-  ref: s,
-  ...e
-}) => {
-  const {
-    status: t,
-    icon: a,
-    size: i,
-    variant: p
-  } = f({
-    props: e,
-    name: "MoniteApprovalRequestStatusChip"
-  }), {
-    i18n: m
-  } = n(), o = S[t];
-  return /* @__PURE__ */ r(_, { ref: s, color: A[t], icon: a && o ? /* @__PURE__ */ r(o, { fontSize: "small" }) : void 0, label: T(m)[t], size: i, status: t, variant: p ?? "filled" });
-}, _ = l(u, {
-  // eslint-disable-next-line lingui/no-unlocalized-strings
-  name: "MoniteApprovalRequestStatusChip",
-  slot: "root",
-  shouldForwardProp: () => !0
-})({});
+import { z as e } from "zod";
+const i = (n, t) => e.object({
+  min_digits: e.coerce.number().int().min(1, n._("Can't be less than 1")).max(20, n._("Can't be greater than 20")),
+  credit_note: e.string().min(1),
+  credit_note_number: e.coerce.number().int().min(t.credit_note, n._("Can't be less than {nextNumbersCredit_note}", {
+    nextNumbersCredit_note: t.credit_note
+  })),
+  delivery_note: e.string().min(1),
+  delivery_note_number: e.coerce.number().int().min(t.delivery_note, n._("Can't be less than {nextNumbersDelivery_note}", {
+    nextNumbersDelivery_note: t.delivery_note
+  })),
+  quote: e.string().min(1),
+  quote_number: e.coerce.number().int().min(t.quote, n._("Can't be less than {nextNumbersQuote}", {
+    nextNumbersQuote: t.quote
+  })),
+  invoice: e.string().min(1, n._("Invoice prefix is required")).max(25, n._("Invoice prefix should have at most 25 characters")),
+  invoice_number: e.coerce.number().int().min(t.invoice, n._("Can't be less than {nextNumbersInvoice}", {
+    nextNumbersInvoice: t.invoice
+  })),
+  purchase_order: e.string().min(1),
+  purchase_order_number: e.coerce.number().int().min(t.purchase_order, n._("Can't be less than {nextNumbersPurchase_order}", {
+    nextNumbersPurchase_order: t.purchase_order
+  })),
+  include_date: e.boolean(),
+  prefix: e.string().max(25, n._("Prefix should have at most 25 characters")),
+  separator: e.enum(["/", "-", "|", ".", ""]),
+  invoice_bank_display: e.boolean(),
+  update_paid_invoices: e.boolean(),
+  quote_signature_display: e.boolean(),
+  quote_electronic_signature: e.union([e.boolean(), e.string()])
+});
 export {
-  c as ApprovalRequestStatusChip
+  i as getInvoiceSettingsFormSchema
 };

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

@@ -1,62 +1,22 @@
-import { jsxs as d, jsx as e } from "@emotion/react/jsx-runtime";
-import { useState as c } from "react";
-import "./index57.js";
-import "@tanstack/react-query";
-import "date-fns";
-import { useEntityUserByAuthToken as p } from "./index75.js";
-import "react-hot-toast";
-import { useLingui as s } from "@lingui/react";
-import u from "@mui/icons-material/CheckCircleOutlineRounded";
-import f from "@mui/icons-material/HighlightOffRounded";
-import { Stack as m, IconButton as a } from "@mui/material";
-const C = ({
-  id: o,
-  onClick: t
-}) => {
-  const {
-    i18n: r
-  } = s(), [i, n] = c(!1);
-  return /* @__PURE__ */ e(a, { "aria-label": r._("Approve request"), color: "success", disabled: i, onClick: (l) => {
-    l.preventDefault(), n(!0), t({
-      id: o,
-      action: "approve"
-    })?.finally(() => n(!1));
-  }, children: /* @__PURE__ */ e(u, {}) });
-}, k = ({
-  id: o,
-  onClick: t
-}) => {
-  const {
-    i18n: r
-  } = s(), [i, n] = c(!1);
-  return /* @__PURE__ */ e(a, { "aria-label": r._("Reject request"), color: "error", disabled: i, onClick: (l) => {
-    l.preventDefault(), n(!0), t({
-      id: o,
-      action: "reject"
-    })?.finally(() => n(!1));
-  }, children: /* @__PURE__ */ e(f, {}) });
-}, q = (o) => {
-  const {
-    i18n: t
-  } = s(), {
-    data: r
-  } = p();
-  if ("onRowActionClick" in o && o.onRowActionClick)
-    return {
-      field: "actions",
-      headerName: t._("Actions"),
-      sortable: !1,
-      display: "flex",
-      align: "right",
-      renderCell: (i) => {
-        if (i.row.status === "waiting" && r?.id && i.row.user_ids.includes(r.id) && !i.row.approved_by?.includes(r.id))
-          return /* @__PURE__ */ d(m, { direction: "row", children: [
-            /* @__PURE__ */ e(C, { id: i.row.id, onClick: o.onRowActionClick }),
-            /* @__PURE__ */ e(k, { id: i.row.id, onClick: o.onRowActionClick })
-          ] });
+const a = (n) => !!n && typeof n == "object" && "display_organization_bank_account" in n, t = (n, i) => a(n) ? !!(n.display_organization_bank_account ?? i) : i, _ = (n, i) => {
+  const o = a(n?.invoice);
+  return {
+    ...n,
+    display_organization_bank_account: i.invoice_bank_display,
+    quote: {
+      ...n?.quote,
+      display_signature: i.quote_signature_display
+    },
+    ...o ? {
+      invoice: {
+        ...n?.invoice,
+        display_organization_bank_account: i.invoice_bank_display
       }
-    };
+    } : {}
+  };
 };
 export {
-  q as useApprovalRequestActionsCell
+  _ as buildDocumentRendering,
+  t as getBankDisplayValue,
+  a as hasBankDisplay
 };

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

@@ -1,22 +1,23 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
+import { jsx as i } from "@emotion/react/jsx-runtime";
 import "./index57.js";
 import "@tanstack/react-query";
 import "date-fns";
-import { useEntityUserById as e } from "./index75.js";
+import { useEntityUserById as m } from "./index75.js";
 import "react";
 import "react-hot-toast";
 import "@lingui/react";
-import { UserAvatar as m } from "./index389.js";
-import { Chip as i, Skeleton as n } from "@mui/material";
-const y = ({
-  entityUserId: o
+import { Skeleton as e } from "@mui/material";
+const u = ({
+  id: r
 }) => {
   const {
-    data: r,
-    isLoading: a
-  } = e(o);
-  return r ? a ? /* @__PURE__ */ t(i, { label: /* @__PURE__ */ t(n, { variant: "rounded", height: "50%", width: 100, animation: "wave" }) }) : /* @__PURE__ */ t(i, { avatar: /* @__PURE__ */ t(m, { fileId: r.userpic_file_id }), label: `${r.first_name ?? ""} ${r.last_name ?? ""}`.trim() || "—", variant: "outlined", color: "secondary" }) : null;
+    data: t,
+    isLoading: o
+  } = m(r);
+  return /* @__PURE__ */ i("span", { children: o ? /* @__PURE__ */ i(e, { animation: "wave", height: 10, width: "100%", sx: {
+    minWidth: "4em"
+  } }) : !!t && `${t?.first_name || ""} ${t?.last_name || ""}` });
 };
 export {
-  y as UserCell
+  u as UserCell
 };

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

@@ -1,43 +1,45 @@
-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,
+import { jsx as a } from "@emotion/react/jsx-runtime";
+import { toast as g } from "react-hot-toast";
+import { useMoniteContext as c } from "./index57.js";
+import { MoniteScopedProviders as p } from "./index83.js";
+import { ConfirmationModal as u } from "./index235.js";
+import { useLingui as f } from "@lingui/react";
+const D = (e) => /* @__PURE__ */ a(p, { children: /* @__PURE__ */ a(C, { ...e }) }), C = ({
+  tag: e,
   onClose: i,
-  onConfirm: c
+  onDelete: m,
+  modalOpened: d
 }) => {
   const {
     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
+  } = f(), n = e?.id, {
+    api: t,
+    queryClient: s
+  } = c(), r = t.finops.deleteTagsId.useMutation({
+    path: {
+      tag_id: n ?? ""
     }
-  }, 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") })
-    ] })
-  ] });
+  }, {
+    onSuccess: () => (t.finops.getTagsId.removeQueries({
+      parameters: {
+        path: {
+          tag_id: n
+        }
+      }
+    }, s), t.finops.getTags.invalidateQueries(s))
+  }), l = () => {
+    r.mutate(void 0, {
+      onSuccess: () => {
+        g.success(o._("Tag “{tagName}” was deleted", {
+          tagName: e.name
+        })), i?.(), m?.(e.id);
+      }
+    });
+  };
+  return /* @__PURE__ */ a(u, { open: d, title: o._("Delete “{tagName}” tag?", {
+    tagName: e.name
+  }), message: o._("This action can’t be undone."), confirmLabel: o._("Delete"), cancelLabel: o._("Cancel"), onClose: i, onConfirm: l, isLoading: r.isPending });
 };
 export {
-  v as PayableDetailsForceActionDialog
+  D as ConfirmDeleteModal
 };