@tesouro/embedded-components-react 0.2.24 → 0.2.26

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

@@ -1,148 +1,42 @@
-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 "./index211.js";
-import { Input as b } from "./index125.js";
-import { Label as v } from "./index353.js";
-import { RadioGroup as C, RadioGroupItem as y } from "./index354.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 "./index205.js";
-import { Checkbox as I } from "./index389.js";
-import { CounterpartAddressSection as L } from "./index207.js";
-const W = ({
-  handleChangeCounterpartType: N,
-  counterpartType: d,
-  isLoading: l,
-  customerType: g,
-  isEditMode: o
+import { jsx as d } from "@emotion/react/jsx-runtime";
+import { useDeleteReceivableById as u } from "./index386.js";
+import { useComponentSettings as f } from "./index69.js";
+import { useUserPermissions as v } from "./index137.js";
+import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import "../../shared/data-access/dist/lib/EmbedApiContext.js";
+import "../../shared/data-access/dist/lib/rest/client.gen.js";
+import "@tanstack/react-query";
+import "../../shared/data-access/dist/lib/rest/zod.gen.js";
+import { Scope as b } from "../../shared/data-access/dist/lib/scopes.js";
+import "react";
+import { ConfirmationModal as C } from "./index272.js";
+import { useLingui as D } from "@lingui/react";
+import { toast as I } from "react-hot-toast";
+const H = ({
+  open: r,
+  onClose: o,
+  invoiceId: t,
+  onDelete: n,
+  documentId: i
 }) => {
   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
+    i18n: e
+  } = D(), {
+    receivablesCallbacks: s
+  } = f(), {
+    mutate: m,
+    isPending: a
+  } = u(t), l = v().has(b.InvoiceWriteOrg), c = () => {
+    l ? m(void 0, {
+      onSuccess: () => {
+        s?.onDelete?.(t), n?.(), o();
       }
-    }) => /* @__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 })
-    ] })
-  ] });
+    }) : I.error(e._("You don't have permission to delete this document. Please, contact your system administrator for details."));
+  }, p = i ? e._("Delete receivable “{documentId}”?", {
+    documentId: i
+  }) : e._("Delete receivable?");
+  return /* @__PURE__ */ d(C, { open: r, title: p, message: e._("This action can't be undone."), confirmLabel: e._("Delete"), cancelLabel: e._("Cancel"), onClose: o, onConfirm: c, isLoading: a });
 };
 export {
-  W as CounterpartFormContent
+  H as InvoiceDeleteModal
 };

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

@@ -1,88 +1,54 @@
-import { AllowedCountries as l } from "./index390.js";
-import { z as i } from "zod";
-import "./index347.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()
-});
+import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
+import { Button as l } from "./index86.js";
+import { Dialog as u, DialogContent as g, DialogHeader as b, DialogTitle as f, DialogDescription as w, DialogFooter as k } from "./index201.js";
+import { useLingui as v } from "@lingui/react";
+import { useMarkAsUncollectibleReceivableById as C } from "./index387.js";
+import { useState as x } from "react";
+import { Textarea as D } from "./index121.js";
+import { Label as _ } from "./index282.js";
+import { LoadingSpinner as M } from "./index150.js";
+const U = ({
+  invoiceId: r,
+  open: s,
+  onClose: i,
+  onMarkAsUncollectible: c
+}) => {
+  const {
+    i18n: o
+  } = v(), [n, m] = x(""), {
+    mutate: d,
+    isPending: a
+  } = C(r, c), p = () => {
+    d({
+      comment: n.trim()
+    }, {
+      onSuccess: () => {
+        i();
+      }
+    });
+  };
+  return /* @__PURE__ */ e(u, { open: s, onOpenChange: i, children: /* @__PURE__ */ t(g, { showCloseButton: !1, children: [
+    /* @__PURE__ */ t(b, { children: [
+      /* @__PURE__ */ e(f, { children: o._("Mark invoice as uncollectible?") }),
+      /* @__PURE__ */ t(w, { children: [
+        /* @__PURE__ */ e("p", { children: o._("This invoice will change its status, and you won't be able to receive or log any payment against it.") }),
+        /* @__PURE__ */ e("br", {}),
+        /* @__PURE__ */ e("p", { children: o._("For bookkeeping purposes, this is a write-off and has tax implications.") })
+      ] })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
+      /* @__PURE__ */ e(_, { htmlFor: "comment", children: o._("Comment (optional)") }),
+      /* @__PURE__ */ e(D, { id: "comment", placeholder: o._("Add a comment"), value: n, onChange: (h) => m(h.target.value) })
+    ] }),
+    /* @__PURE__ */ t(k, { children: [
+      /* @__PURE__ */ e(l, { variant: "outline", onClick: i, children: o._("Cancel") }),
+      /* @__PURE__ */ t(l, { onClick: p, disabled: a, children: [
+        a && /* @__PURE__ */ e(M, { className: "ttw:w-5 ttw:h-5 ttw:border-inherit ttw:border-t-transparent" }),
+        o._("Mark as uncollectible")
+      ] })
+    ] })
+  ] }) });
+};
 export {
-  _ as getAddressValidationSchema,
-  u as getCounterpartBankValidationSchema,
-  b as getCreateCounterpartValidationSchema,
-  q as getUpdateCounterpartValidationSchema
+  U as MarkAsUncollectibleModal
 };

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

@@ -1,25 +1,32 @@
-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."));
-    }
-  });
-};
+import { jsxs as t, jsx as e } from "@emotion/react/jsx-runtime";
+import { Button as m } from "./index86.js";
+import { DropdownMenu as d, DropdownMenuTrigger as p, DropdownMenuContent as u, DropdownMenuItem as f } from "./index155.js";
+import { Tooltip as h, TooltipTrigger as g, TooltipContent as w } from "./index253.js";
+import { ACTION_ICON as C } from "./index254.js";
+import { preventTooltipFocusOpen as T } from "./index256.js";
+import { MoreVerticalIcon as v } from "lucide-react";
+function x({
+  actions: r,
+  triggerLabel: i,
+  getActionLabel: n,
+  onSelect: a,
+  isActionDisabled: s,
+  className: l
+}) {
+  return /* @__PURE__ */ t(d, { children: [
+    /* @__PURE__ */ t(h, { children: [
+      /* @__PURE__ */ e(g, { asChild: !0, onFocus: T, children: /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(m, { variant: "ghost", size: "icon", className: l, "aria-label": i, children: /* @__PURE__ */ e(v, { className: "ttw:size-4" }) }) }) }),
+      /* @__PURE__ */ e(w, { children: i })
+    ] }),
+    /* @__PURE__ */ e(u, { align: "end", children: r.map((o) => {
+      const c = C[o];
+      return /* @__PURE__ */ t(f, { variant: o === "delete" ? "destructive" : "default", disabled: s?.(o), onClick: () => a(o), children: [
+        /* @__PURE__ */ e(c, { className: "ttw:size-4" }),
+        n(o)
+      ] }, o);
+    }) })
+  ] });
+}
 export {
-  c as useCreateCounterpart
+  x as InvoiceDetailsOverflowMenu
 };

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

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