@tesouro/embedded-components-react 0.2.24 → 0.2.26

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

@@ -1,12 +1,14 @@
-import { getSeverityColors as r } from "./index239.js";
-const t = (o) => ({
-  ...r(o),
-  10: "#D42623",
-  25: "#DF5C5A",
-  50: "#EA9391",
-  75: "#F4C9C8",
-  100: "#FCF1F1"
+import { getSeverityColors as e } from "./index237.js";
+const r = (f) => ({
+  ...e(f),
+  10: "#996600",
+  30: "#cc8000",
+  50: "#ff9900",
+  60: "#ffb333",
+  80: "#ffd999",
+  90: "#ffe6cc",
+  95: "#fff3ee"
 });
 export {
-  t as getErrorColors
+  r as getWarningColors
 };

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

@@ -1,14 +1,9 @@
-import { getSeverityColors as c } from "./index239.js";
-const a = (e) => ({
-  ...c(e),
-  10: "#12705f",
-  30: "#0dac8e",
-  50: "#1fbca0",
-  60: "#4dd6bd",
-  80: "#ace5da",
-  90: "#ccf0e9",
-  95: "#eefbf9"
-});
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import { cn as n } from "./index102.js";
+const c = ({
+  children: t,
+  className: e
+}) => /* @__PURE__ */ l("div", { className: n("ttw:flex ttw:items-center ttw:justify-center ttw:h-full ttw:w-full", e), children: t });
 export {
-  a as getSuccessColors
+  c as CenteredContentBox
 };

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

@@ -1,14 +1,37 @@
-import { getSeverityColors as e } from "./index239.js";
-const r = (f) => ({
-  ...e(f),
-  10: "#996600",
-  30: "#cc8000",
-  50: "#ff9900",
-  60: "#ffb333",
-  80: "#ffd999",
-  90: "#ffe6cc",
-  95: "#fff3ee"
-});
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import { useState as g, useEffect as h } from "react";
+import { useMoniteContext as v } from "./index59.js";
+import x from "@mui/icons-material/ArrowBack";
+import c from "@mui/icons-material/Close";
+import E from "@mui/material/IconButton";
+import L from "@mui/material/Tooltip";
+const P = ({
+  icon: y,
+  fallbackIcon: B,
+  tooltip: t,
+  onClick: i = () => {
+  },
+  onHover: l,
+  onFocus: f,
+  onBlur: m,
+  ariaLabelOverride: s,
+  isDynamic: p = !1,
+  ref: u,
+  ...b
+}) => {
+  const {
+    componentSettings: k
+  } = v(), o = k?.general?.iconWrapper, [I, e] = g(o.icon || o.fallbackIcon || /* @__PURE__ */ n(c, {}));
+  h(() => {
+    e(o.icon || o.fallbackIcon || /* @__PURE__ */ n(c, {}));
+  }, [o.icon, o.fallbackIcon]);
+  const d = (r) => {
+    l?.(r), p && e(/* @__PURE__ */ n(x, {}));
+  }, C = () => {
+    e(o.icon || o.fallbackIcon || /* @__PURE__ */ n(c, {}));
+  }, M = s || "Icon button", a = () => /* @__PURE__ */ n(E, { ref: u, onClick: i, onMouseEnter: d, onMouseLeave: C, onFocus: (r) => f?.(r), onBlur: (r) => m?.(r), "aria-label": M, ...b, children: I });
+  return t ? /* @__PURE__ */ n(L, { title: t, children: a() }) : a();
+};
 export {
-  r as getWarningColors
+  P as IconWrapper
 };

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

@@ -1,38 +1,148 @@
-import { jsx as e, jsxs as i } from "@emotion/react/jsx-runtime";
-import { cn as a } from "./index102.js";
-import * as o from "@radix-ui/react-accordion";
-import { ChevronDownIcon as s } from "lucide-react";
-function l({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Root, { "data-slot": "accordion", ...t });
-}
-function m({
-  className: t,
-  ...n
-}) {
-  return /* @__PURE__ */ e(o.Item, { "data-slot": "accordion-item", className: a("ttw:border-b ttw:last:border-b-0", t), ...n });
-}
-function f({
-  className: t,
-  children: n,
-  ...r
-}) {
-  return /* @__PURE__ */ e(o.Header, { className: "ttw:flex", children: /* @__PURE__ */ i(o.Trigger, { "data-slot": "accordion-trigger", className: a("ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:flex ttw:flex-1 ttw:items-start ttw:justify-between ttw:gap-4 ttw:rounded-md ttw:py-4 ttw:text-left ttw:text-sm ttw:font-medium ttw:transition-all ttw:outline-none ttw:hover:underline ttw:focus-visible:ring-[3px] ttw:disabled:pointer-events-none ttw:disabled:opacity-50 ttw:[&[data-state=open]>svg]:rotate-180", t), ...r, children: [
-    n,
-    /* @__PURE__ */ e(s, { className: "ttw:text-muted-foreground ttw:pointer-events-none ttw:size-4 ttw:shrink-0 ttw:translate-y-0.5 ttw:transition-transform ttw:duration-200" })
-  ] }) });
-}
-function u({
-  className: t,
-  children: n,
-  ...r
-}) {
-  return /* @__PURE__ */ e(o.Content, { "data-slot": "accordion-content", className: "ttw:data-[state=closed]:animate-accordion-up ttw:data-[state=open]:animate-accordion-down ttw:overflow-hidden ttw:text-sm", ...r, children: /* @__PURE__ */ e("div", { className: a("ttw:pt-0 ttw:pb-4", t), children: n }) });
-}
+import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
+import { FieldLabel as m, Field as h, FieldContent as p, FieldError as f, FieldDescription as _ } from "./index176.js";
+import { Input as b } from "./index120.js";
+import { Label as v } from "./index282.js";
+import { RadioGroup as C, RadioGroupItem as y } from "./index283.js";
+import { Typography as n } from "./index87.js";
+import { useLingui as F } from "@lingui/react";
+import { useRef as S } from "react";
+import { useFormContext as T, Controller as u } from "react-hook-form";
+import { twMerge as c } from "tailwind-merge";
+import { CounterpartBankSection as z } from "./index170.js";
+import { Checkbox as I } from "./index383.js";
+import { CounterpartAddressSection as L } from "./index172.js";
+const W = ({
+  handleChangeCounterpartType: N,
+  counterpartType: d,
+  isLoading: l,
+  customerType: g,
+  isEditMode: o
+}) => {
+  const {
+    i18n: r
+  } = F(), {
+    control: w
+  } = T(), x = S(null), s = g === "vendor";
+  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", ref: x, children: [
+    /* @__PURE__ */ a("div", { className: c("ttw:flex ttw:flex-col ttw:gap-1.5", o && "ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border"), children: [
+      /* @__PURE__ */ e(n, { variant: "body1", className: "ttw:font-medium", children: o ? r._("Editing {customerType} details", {
+        customerType: g
+      }) : r._("{customerType} details", {
+        customerType: s ? "Vendor" : "Customer"
+      }) }),
+      !o && /* @__PURE__ */ e(n, { variant: "body2", color: "muted", children: s ? r._("Who are you paying?") : r._("Who are you billing?") })
+    ] }),
+    !o && /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+      /* @__PURE__ */ e(m, { children: r._("{customerType} type", {
+        customerType: s ? "Vendor" : "Customer"
+      }) }),
+      /* @__PURE__ */ a(C, { className: "ttw:flex", value: d, disabled: l, onValueChange: (t) => N?.(t), children: [
+        /* @__PURE__ */ a("div", { className: c("ttw:flex ttw:p-4 ttw:flex-1 ttw:gap-2 ttw:border ttw:rounded-xl ttw:border-border ttw:hover:bg-primary/10 ttw:hover:border-primary/30", d === "organization" && "ttw:bg-primary/10 ttw:border-primary/30"), children: [
+          /* @__PURE__ */ e(y, { value: "organization", id: "organization", className: c(d === "organization" ? "ttw:bg-primary" : "ttw:bg-white"), dotClassName: c(d === "organization" && "ttw:fill-white"), disabled: l }),
+          /* @__PURE__ */ a(v, { htmlFor: "organization", className: "ttw:flex ttw:flex-col ttw:items-start ttw:gap-1.5", children: [
+            /* @__PURE__ */ e(n, { variant: "body2", className: "ttw:leading-3.5", children: r._("Business") }),
+            /* @__PURE__ */ e(n, { variant: "caption", color: "muted", children: r._("A company or organization") })
+          ] })
+        ] }),
+        /* @__PURE__ */ a("div", { className: c("ttw:flex ttw:p-4 ttw:flex-1 ttw:gap-2 ttw:border ttw:rounded-xl ttw:border-border ttw:hover:bg-primary/10 ttw:hover:border-primary/30", d === "individual" && "ttw:bg-primary/10 ttw:border-primary/30"), children: [
+          /* @__PURE__ */ e(y, { value: "individual", id: "individual", className: c(d === "individual" ? "ttw:bg-primary" : "ttw:bg-white"), dotClassName: c(d === "individual" && "ttw:fill-white"), disabled: l }),
+          /* @__PURE__ */ a(v, { htmlFor: "individual", className: "ttw:flex ttw:flex-col ttw:items-start ttw:gap-1.5", children: [
+            /* @__PURE__ */ e(n, { variant: "body2", className: "ttw:leading-3.5", children: r._("Person") }),
+            /* @__PURE__ */ e(n, { variant: "caption", color: "muted", children: r._("An individual or contractor") })
+          ] })
+        ] })
+      ] })
+    ] }),
+    d === "individual" ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-4", children: [
+      /* @__PURE__ */ e(u, { name: "firstName", control: w, render: ({
+        field: t,
+        fieldState: {
+          error: i
+        }
+      }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ a(p, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: t.name, children: r._("First name") }),
+        /* @__PURE__ */ e(b, { className: o ? "ttw:bg-white" : "", id: t.name, ...t, disabled: l, "aria-invalid": !!i || void 0 }),
+        /* @__PURE__ */ e(f, { errors: [i] })
+      ] }) }) }),
+      /* @__PURE__ */ e(u, { name: "lastName", control: w, render: ({
+        field: t,
+        fieldState: {
+          error: i
+        }
+      }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ a(p, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: t.name, children: r._("Last name") }),
+        /* @__PURE__ */ e(b, { id: t.name, ...t, className: o ? "ttw:bg-white" : "", disabled: l, "aria-invalid": !!i || void 0 }),
+        /* @__PURE__ */ e(f, { errors: [i] })
+      ] }) }) })
+    ] }) : /* @__PURE__ */ e(u, { name: "companyName", control: w, render: ({
+      field: t,
+      fieldState: {
+        error: i
+      }
+    }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ a(p, { children: [
+      /* @__PURE__ */ e(m, { htmlFor: t.name, children: r._("Business name") }),
+      /* @__PURE__ */ e(b, { id: t.name, ...t, className: o ? "ttw:bg-white" : "", disabled: l, "aria-invalid": !!i || void 0 }),
+      /* @__PURE__ */ e(f, { errors: [i] })
+    ] }) }) }),
+    /* @__PURE__ */ a("div", { className: c("ttw:flex ttw:gap-4", s ? "ttw:flex-row" : "ttw:flex-col"), children: [
+      /* @__PURE__ */ e(u, { name: "email", control: w, render: ({
+        field: t,
+        fieldState: {
+          error: i
+        }
+      }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ a(p, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: t.name, children: r._("Email") }),
+        /* @__PURE__ */ e(b, { id: t.name, ...t, className: o ? "ttw:bg-white" : "", disabled: l, "aria-invalid": !!i || void 0 }),
+        /* @__PURE__ */ e(f, { errors: [i] })
+      ] }) }) }),
+      !s && /* @__PURE__ */ e(u, { name: "remindersEnabled", control: w, render: ({
+        field: t
+      }) => /* @__PURE__ */ e(h, { orientation: "horizontal", children: /* @__PURE__ */ a(p, { className: "ttw:flex-row", children: [
+        /* @__PURE__ */ e(I, { id: t.name, ref: t.ref, checked: t.value, onCheckedChange: t.onChange, onBlur: t.onBlur, disabled: l }),
+        /* @__PURE__ */ e(m, { htmlFor: t.name, className: "ttw:font-normal ttw:leading-4", children: r._("Send reminders to this email when an invoice is approaching its due date") })
+      ] }) }) }),
+      /* @__PURE__ */ e(u, { name: "phone", control: w, render: ({
+        field: t,
+        fieldState: {
+          error: i
+        }
+      }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ a(p, { children: [
+        /* @__PURE__ */ a(m, { htmlFor: t.name, className: "ttw:gap-1", children: [
+          r._("Phone"),
+          /* @__PURE__ */ e(n, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: r._("(optional)") })
+        ] }),
+        /* @__PURE__ */ e(b, { id: t.name, ...t, className: o ? "ttw:bg-white" : "", disabled: l, "aria-invalid": !!i || void 0 }),
+        /* @__PURE__ */ e(f, { errors: [i] })
+      ] }) }) })
+    ] }),
+    /* @__PURE__ */ e(u, { name: "tax_id", control: w, render: ({
+      field: t,
+      fieldState: {
+        error: i
+      }
+    }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ a(p, { children: [
+      /* @__PURE__ */ a(m, { htmlFor: t.name, className: "ttw:gap-1", children: [
+        r._("Tax ID / {documentType}", {
+          documentType: d === "individual" ? "SSN" : "EIN"
+        }),
+        /* @__PURE__ */ e(n, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: r._("(optional)") })
+      ] }),
+      /* @__PURE__ */ e(b, { id: t.name, ...t, className: o ? "ttw:bg-white" : "", placeholder: r._("e.g., {example}", {
+        example: d === "individual" ? "034-56-78890" : "12-3456789"
+      }), disabled: l, "aria-invalid": !!i || void 0 }),
+      /* @__PURE__ */ e(_, { children: s ? r._("Required only if you'll file a 1099 IRS form for this vendor at year-end.") : r._("Required only if you'll issue a 1099 IRS form at year-end.") }),
+      /* @__PURE__ */ e(f, { errors: [i] })
+    ] }) }) }),
+    (s || !o) && /* @__PURE__ */ e(L, { isLoading: l, customerType: g, isStandalone: !1 }),
+    s && !o && /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
+      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5 ttw:pt-6 ttw:pb-7", children: [
+        /* @__PURE__ */ e(n, { variant: "body1", className: "ttw:font-medium", children: r._("Accepted payment methods") }),
+        /* @__PURE__ */ e(n, { variant: "body2", color: "muted", children: r._("How and where will the money be sent. Don't have these yet? No problem. You can save this vendor and add their payment details later - you just won't be able to send payments until you do.") })
+      ] }),
+      /* @__PURE__ */ e(z, { isLoading: l, isStandalone: !1 })
+    ] })
+  ] });
+};
 export {
-  l as Accordion,
-  u as AccordionContent,
-  m as AccordionItem,
-  f as AccordionTrigger
+  W as CounterpartFormContent
 };

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

@@ -1,53 +1,88 @@
-import { jsxs as u, jsx as v } from "@emotion/react/jsx-runtime";
-import { cn as t } from "./index102.js";
-import { Slot as b } from "@radix-ui/react-slot";
-import { cva as r } from "class-variance-authority";
-const g = r("ttw:inline-flex ttw:items-center ttw:justify-center ttw:rounded-md ttw:border ttw:px-2 ttw:py-0.5 ttw:text-xs ttw:font-medium ttw:w-fit ttw:whitespace-nowrap ttw:shrink-0 ttw:[&>svg]:size-3 ttw:gap-1 ttw:[&>svg]:pointer-events-none ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:focus-visible:ring-[3px] ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive ttw:transition-[color,box-shadow] ttw:overflow-hidden", {
-  variants: {
-    variant: {
-      default: "ttw:border-transparent ttw:bg-primary ttw:text-primary-foreground ttw:[a&]:hover:bg-primary/90",
-      secondary: "ttw:border-transparent ttw:bg-secondary ttw:text-neutral ttw:[a&]:hover:bg-secondary/90",
-      destructive: "ttw:border-transparent ttw:bg-destructive ttw:text-white ttw:[a&]:hover:bg-destructive/90 ttw:focus-visible:ring-destructive/20 ttw:dark:focus-visible:ring-destructive/40 ttw:dark:bg-destructive/60",
-      outline: "ttw:text-foreground ttw:[a&]:hover:bg-accent ttw:[a&]:hover:text-accent-foreground"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-}), f = r("ttw:rounded-full ttw:box-content! ttw:inline-block", {
-  variants: {
-    dotSize: {
-      small: "ttw:w-1.5 ttw:h-1.5 ttw:border-2",
-      medium: "ttw:w-2 ttw:h-2 ttw:border-[3px]",
-      large: "ttw:w-2.5 ttw:h-2.5 ttw:border-4"
-    }
-  },
-  defaultVariants: {
-    dotSize: "medium"
-  }
+import { AllowedCountries as l } from "./index384.js";
+import { z as i } from "zod";
+import "./index281.js";
+const m = (e, t) => ({
+  line1: i.string().optional().refine((a) => !t || !!a?.trim(), {
+    message: e._("Street address is required")
+  }),
+  line2: i.string().optional(),
+  city: i.string().optional().refine((a) => !t || !!a?.trim(), {
+    message: e._("City is required")
+  }),
+  state: i.string().optional().refine((a) => !t || !!a?.trim(), {
+    message: e._("State is required")
+  }),
+  country: i.enum(l).optional().refine((a) => !t || !!a, {
+    message: e._("Country is required")
+  }),
+  postalCode: i.string().optional().refine((a) => !t || !!a?.trim(), {
+    message: e._("Postal code is required")
+  })
+}), d = (e, t) => e.superRefine((a, s) => {
+  const n = a;
+  (n.line1?.trim() || n.line2?.trim() || n.city?.trim() || n.state?.trim() || n.postalCode?.trim()) && (n.line1?.trim() || s.addIssue({
+    code: "custom",
+    message: t._("Street address is required"),
+    path: ["line1"]
+  }), n.city?.trim() || s.addIssue({
+    code: "custom",
+    message: t._("City is required"),
+    path: ["city"]
+  }), n.state?.trim() || s.addIssue({
+    code: "custom",
+    message: t._("State is required"),
+    path: ["state"]
+  }), n.postalCode?.trim() || s.addIssue({
+    code: "custom",
+    message: t._("Postal code is required"),
+    path: ["postalCode"]
+  }));
+}), _ = (e, t) => {
+  const a = i.object(m(e, t));
+  return t ? a : d(a, e);
+}, b = (e, t, a) => {
+  const s = a === "vendor", n = i.object({
+    tax_id: i.string().optional(),
+    remindersEnabled: i.boolean(),
+    email: i.email(e._("Email must be a valid email")).min(1, e._("Email is required")),
+    phone: i.string().optional(),
+    isVendor: i.boolean(),
+    isCustomer: i.boolean(),
+    ...u(e).shape,
+    ...m(e, s)
+  }), r = n.extend({
+    firstName: i.string().min(1, e._("First name is required")),
+    lastName: i.string().min(1, e._("Last name is required"))
+  }), o = n.extend({
+    companyName: i.string().min(1, e._("Company name is required"))
+  });
+  return s ? t === "individual" ? r : o : d(t === "individual" ? r : o, e);
+}, q = (e, t, a) => {
+  const s = a === "vendor", n = i.object({
+    tax_id: i.string().optional(),
+    remindersEnabled: i.boolean(),
+    email: i.email(e._("Email must be a valid email")).min(1, e._("Email is required")),
+    phone: i.string().optional(),
+    ...m(e, s)
+  }), r = n.extend({
+    firstName: i.string().min(1, e._("First name is required")),
+    lastName: i.string().min(1, e._("Last name is required"))
+  }), o = n.extend({
+    companyName: i.string().min(1, e._("Company name is required"))
+  });
+  return s ? t === "individual" ? r : o : d(t === "individual" ? r : o, e);
+}, u = (e) => i.object({
+  accountHolderName: i.string().optional(),
+  routingNumber: i.string().refine((t) => !t || t.length === 9, {
+    message: e._("Routing number must be 9 digits")
+  }).optional(),
+  accountNumber: i.string().refine((t) => !t || t.length >= 9 && t.length <= 12, {
+    message: e._("Account number must be between 9 and 12 digits")
+  }).optional()
 });
-function y({
-  className: e,
-  variant: a,
-  showBadgeBackground: i = !0,
-  asChild: n = !1,
-  dotSize: o,
-  showDot: w = !1,
-  showDotBorder: s,
-  dotClassName: d,
-  children: c,
-  ...l
-}) {
-  return /* @__PURE__ */ u(n ? b : "span", { "data-slot": "badge", className: t(g({
-    variant: a
-  }), !i && "ttw:bg-transparent! ttw:border-transparent! ttw:p-0!", e), ...l, children: [
-    w && /* @__PURE__ */ v("span", { className: t(f({
-      dotSize: o
-    }), !s && "ttw:border-none", d) }),
-    c
-  ] });
-}
 export {
-  y as Badge,
-  g as badgeVariants
+  _ as getAddressValidationSchema,
+  u as getCounterpartBankValidationSchema,
+  b as getCreateCounterpartValidationSchema,
+  q as getUpdateCounterpartValidationSchema
 };

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

@@ -1,36 +1,25 @@
-import { jsx as i, jsxs as n } from "@emotion/react/jsx-runtime";
-import { cn as d } from "./index102.js";
-import * as o from "@radix-ui/react-tooltip";
-function s({
-  delayDuration: t = 0,
-  ...r
-}) {
-  return /* @__PURE__ */ i(o.Provider, { "data-slot": "tooltip-provider", delayDuration: t, ...r });
-}
-function m({
-  ...t
-}) {
-  return /* @__PURE__ */ i(s, { children: /* @__PURE__ */ i(o.Root, { "data-slot": "tooltip", ...t }) });
-}
-function p({
-  ...t
-}) {
-  return /* @__PURE__ */ i(o.Trigger, { "data-slot": "tooltip-trigger", ...t });
-}
-function f({
-  className: t,
-  sideOffset: r = 0,
-  children: a,
-  ...e
-}) {
-  return /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ n(o.Content, { "data-slot": "tooltip-content", sideOffset: r, className: d("ttw:bg-primary ttw:text-primary-foreground ttw:animate-in ttw:fade-in-0 ttw:zoom-in-95 ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=closed]:zoom-out-95 ttw:data-[side=bottom]:slide-in-from-top-2 ttw:data-[side=left]:slide-in-from-right-2 ttw:data-[side=right]:slide-in-from-left-2 ttw:data-[side=top]:slide-in-from-bottom-2 ttw:z-1300 ttw:w-fit ttw:origin-(--radix-tooltip-content-transform-origin) ttw:rounded-md ttw:px-3 ttw:py-1.5 ttw:text-xs ttw:text-balance", t), ...e, children: [
-    a,
-    /* @__PURE__ */ i(o.Arrow, { className: "ttw:bg-primary ttw:fill-primary ttw:z-1300 ttw:size-2.5 ttw:translate-y-[calc(-50%_-_2px)] ttw:rotate-45 ttw:rounded-[2px]" })
-  ] }) });
-}
+import { useMoniteContext as s } from "./index59.js";
+import { useLingui as n } from "@lingui/react";
+import { toast as r } from "react-hot-toast";
+import { getCounterpartName as i } from "./index7.js";
+const c = () => {
+  const {
+    i18n: t
+  } = n(), {
+    api: e,
+    queryClient: o
+  } = s();
+  return e.finops.postCounterparts.useMutation({}, {
+    onSuccess: async (a) => {
+      await e.finops.getCounterparts.invalidateQueries(o), r.success(t._("{name} has been added to the list.", {
+        name: i(a)
+      }));
+    },
+    onError: () => {
+      r.error(t._("Failed to create Counterpart."));
+    }
+  });
+};
 export {
-  m as Tooltip,
-  f as TooltipContent,
-  s as TooltipProvider,
-  p as TooltipTrigger
+  c as useCreateCounterpart
 };