@tesouro/embedded-components-react 0.2.72 → 0.2.74

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

@@ -1,22 +1,22 @@
-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
+import { useMoniteContext as n } from "./index57.js";
+import { useLingui as s } from "@lingui/react";
+import { toast as r } from "react-hot-toast";
+const p = () => {
+  const {
+    i18n: e
+  } = s(), {
+    api: t,
+    queryClient: o
+  } = n();
+  return t.finops.deleteCounterpartsId.useMutation(void 0, {
+    onSuccess: async () => {
+      await t.finops.getCounterparts.invalidateQueries(o), r.success(e._("Counterpart has been deleted."));
     },
-    ...o ? {
-      invoice: {
-        ...n?.invoice,
-        display_organization_bank_account: i.invoice_bank_display
-      }
-    } : {}
-  };
+    onError: () => {
+      r.error(e._("Failed to delete Counterpart."));
+    }
+  });
 };
 export {
-  _ as buildDocumentRendering,
-  t as getBankDisplayValue,
-  a as hasBankDisplay
+  p as useDeleteCounterpart
 };

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

@@ -1,38 +1,39 @@
-import { jsx as e, jsxs as i } from "@emotion/react/jsx-runtime";
-import { cn as a } from "./index100.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" })
+import { jsx as o, jsxs as n } from "@emotion/react/jsx-runtime";
+import { LoadingSpinner as f } from "./index131.js";
+import { Button as t } from "./index84.js";
+import { Dialog as C, DialogContent as u, DialogHeader as D, DialogTitle as b, DialogDescription as w, DialogFooter as L } from "./index200.js";
+import { useLingui as x } from "@lingui/react";
+const N = ({
+  open: e,
+  title: l,
+  message: s,
+  children: c,
+  confirmLabel: d,
+  cancelLabel: m,
+  onClose: a,
+  onConfirm: p,
+  container: g,
+  isLoading: r = !1
+}) => {
+  const {
+    i18n: h
+  } = x();
+  return /* @__PURE__ */ o(C, { open: e, onOpenChange: a, "aria-label": h._("Confirmation dialog"), children: /* @__PURE__ */ n(u, { container: g, showCloseButton: !1, children: [
+    /* @__PURE__ */ o(D, { children: /* @__PURE__ */ o(b, { children: l }) }),
+    /* @__PURE__ */ o(w, { children: s || c }),
+    /* @__PURE__ */ n(L, { children: [
+      /* @__PURE__ */ o(t, { onClick: (i) => {
+        i.stopPropagation(), a();
+      }, variant: "outline", children: m }),
+      /* @__PURE__ */ n(t, { onClick: (i) => {
+        i.stopPropagation(), p();
+      }, disabled: r, variant: "destructive", children: [
+        r && /* @__PURE__ */ o(f, { className: "ttw:w-5 ttw:h-5 ttw:border-inherit ttw:border-t-transparent" }),
+        d
+      ] })
+    ] })
   ] }) });
-}
-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 }) });
-}
+};
 export {
-  l as Accordion,
-  u as AccordionContent,
-  m as AccordionItem,
-  f as AccordionTrigger
+  N as ConfirmationModal
 };

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

@@ -1,53 +1,32 @@
-import { jsxs as u, jsx as v } from "@emotion/react/jsx-runtime";
-import { cn as t } from "./index100.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"
+import { useMoniteContext as s } from "./index57.js";
+import { useLingui as i } from "@lingui/react";
+import { toast as a } from "react-hot-toast";
+import { getCounterpartName as p } from "./index7.js";
+const f = () => {
+  const {
+    i18n: r
+  } = i(), {
+    api: t,
+    queryClient: o
+  } = s();
+  return t.finops.patchCounterpartsId.useMutation(void 0, {
+    onSuccess: async (e) => {
+      t.finops.getCounterpartsId.setQueryData({
+        path: {
+          counterpart_id: e.id
+        }
+      }, (n) => ({
+        ...n,
+        ...e
+      }), o), await t.finops.getCounterparts.invalidateQueries(o), a.success(r._("{name} has been updated.", {
+        name: p(e)
+      }));
+    },
+    onError: () => {
+      a.error(r._("Failed to update counterpart."));
     }
-  },
-  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"
-  }
-});
-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
+  f as useUpdateCounterpart
 };

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as e } from "./index57.js";
-import { getAPIErrorMessage as s } from "./index120.js";
+import { getAPIErrorMessage as s } from "./index121.js";
 import { useLingui as a } from "@lingui/react";
 import { toast as i } from "react-hot-toast";
 const f = () => {

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

@@ -1,36 +1,44 @@
-import { jsx as i, jsxs as n } from "@emotion/react/jsx-runtime";
-import { cn as d } from "./index100.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 n } from "./index57.js";
+import { useLingui as i } from "@lingui/react";
+import { toast as p } from "react-hot-toast";
+const m = ({
+  counterpartId: e,
+  addressId: t
+}) => {
+  const {
+    i18n: a
+  } = i(), {
+    api: r,
+    queryClient: s
+  } = n();
+  return r.finops.patchCounterpartsIdAddressesId.useMutation({
+    path: {
+      counterpart_id: e,
+      address_id: t
+    }
+  }, {
+    onSuccess: async (d) => {
+      r.finops.getCounterpartsIdAddressesId.setQueryData({
+        path: {
+          counterpart_id: e,
+          address_id: t
+        }
+      }, (o) => ({
+        ...o,
+        ...d
+      }), s), await r.finops.getCounterpartsIdAddresses.invalidateQueries({
+        parameters: {
+          path: {
+            counterpart_id: e
+          }
+        }
+      }, s);
+    },
+    onError: () => {
+      p.error(a._("Failed to update address."));
+    }
+  });
+};
 export {
-  m as Tooltip,
-  f as TooltipContent,
-  s as TooltipProvider,
-  p as TooltipTrigger
+  m as useUpdateCounterpartAddress
 };

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

@@ -1,56 +1,65 @@
-import "@mui/icons-material/BlockOutlined";
-import "@mui/icons-material/Cancel";
-import "@mui/icons-material/CheckOutlined";
-import "@mui/icons-material/DangerousOutlined";
-import "@mui/icons-material/DeleteForever";
-import "@mui/icons-material/ErrorOutlineOutlined";
-import "@mui/icons-material/HourglassBottomOutlined";
-import "@mui/icons-material/InsertDriveFileOutlined";
-import "@mui/icons-material/PaidOutlined";
-import "@mui/icons-material/ReplayOutlined";
-import "@mui/icons-material/SendOutlined";
-import "@mui/icons-material/StarHalfOutlined";
-import { Check as r, Ban as t, Pause as a, ChevronsRight as o, Clock as e, PenTool as c, CalendarX2 as s, Play as d, CircleOff as i, Trash2 as n, CopyPlus as l, Mail as u, ClipboardCheck as m, Send as p, FileCheck as C, Pencil as T } from "lucide-react";
-const U = "INV-auto", k = {
-  edit: T,
-  // Issue = issue only (no email); the Mail/Send icon is reserved for the
-  // actions that actually email the customer.
-  issue: C,
-  issueAndSend: p,
-  recordPayment: m,
-  send: u,
-  clone: l,
-  cancel: t,
-  delete: n,
-  markUncollectible: i,
-  pauseRecurrence: a,
-  resumeRecurrence: d,
-  cancelRecurrence: s
-}, x = {
-  draft: c,
-  issuing: e,
-  issued: e,
-  partially_paid: e,
-  paid: r,
-  overdue: e,
-  canceled: t
-}, b = {
-  active: o,
-  paused: a,
-  canceled: t,
-  completed: r
-}, v = {
-  default: "ttw:text-foreground",
-  danger: "ttw:text-red-600",
-  success: "ttw:text-emerald-600",
-  muted: "ttw:text-muted-foreground"
-}, y = "ttw:bg-muted ttw:text-muted-foreground ttw:hover:bg-accent", D = 500;
+import { jsxs as n, jsx as e } from "@emotion/react/jsx-runtime";
+import { Button as f } from "./index84.js";
+import { Field as m, FieldContent as c, FieldLabel as s, FieldError as u } from "./index153.js";
+import { Input as h } from "./index118.js";
+import { Typography as p } from "./index85.js";
+import { useLingui as g } from "@lingui/react";
+import { useFormContext as y, Controller as w } from "react-hook-form";
+import { twMerge as N } from "tailwind-merge";
+const j = ({
+  hasExistingBankAccount: a,
+  isLoading: o,
+  isStandalone: b,
+  handleCancel: v
+}) => {
+  const {
+    i18n: t
+  } = g(), {
+    control: d,
+    resetField: l
+  } = y();
+  return /* @__PURE__ */ n("div", { className: N("ttw:flex ttw:flex-col ttw:gap-4 ttw:p-4 ttw:bg-zinc-100", !b && "ttw:border ttw:border-primary ttw:rounded-[10px]"), children: [
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border", children: [
+      /* @__PURE__ */ e(p, { variant: "body1", className: "ttw:font-medium", children: a ? t._("Editing ACH bank transfer") : t._("Adding ACH bank transfer") }),
+      !a && !b && /* @__PURE__ */ e(f, { type: "button", variant: "ghost", className: "ttw:text-primary ttw:hover:text-primary", onClick: () => {
+        l("accountHolderName"), l("accountNumber"), l("routingNumber"), v?.();
+      }, children: t._("Cancel") })
+    ] }),
+    /* @__PURE__ */ e(w, { name: "accountHolderName", control: d, render: ({
+      field: r,
+      fieldState: {
+        error: i
+      }
+    }) => /* @__PURE__ */ e(m, { "data-invalid": !!(!r.value && a), children: /* @__PURE__ */ n(c, { children: [
+      /* @__PURE__ */ e(s, { htmlFor: r.name, children: t._("Account holder name") }),
+      /* @__PURE__ */ e(h, { id: r.name, ...r, className: "ttw:bg-white", disabled: o, "aria-invalid": !!(!r.value && a) || !!i || void 0 }),
+      /* @__PURE__ */ e(u, { errors: [i] })
+    ] }) }) }),
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-4", children: [
+      /* @__PURE__ */ e(w, { name: "routingNumber", control: d, render: ({
+        field: r,
+        fieldState: {
+          error: i
+        }
+      }) => /* @__PURE__ */ e(m, { "data-invalid": !!(!r.value && a), children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ e(s, { htmlFor: r.name, children: t._("Routing number") }),
+        /* @__PURE__ */ e(h, { id: r.name, ...r, placeholder: t._("e.g., 123456789"), className: "ttw:bg-white", disabled: o, "aria-invalid": !!(!r.value && a) || !!i || void 0 }),
+        /* @__PURE__ */ e(u, { errors: [i] })
+      ] }) }) }),
+      /* @__PURE__ */ e(w, { name: "accountNumber", control: d, render: ({
+        field: r,
+        fieldState: {
+          error: i
+        }
+      }) => /* @__PURE__ */ e(m, { "data-invalid": !!(!r.value && a), children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ e(s, { htmlFor: r.name, children: t._("Account number") }),
+        /* @__PURE__ */ e(h, { id: r.name, ...r, placeholder: t._("e.g., 12345678"), className: "ttw:bg-white", disabled: o, "aria-invalid": !!(!r.value && a) || !!i || void 0 }),
+        /* @__PURE__ */ e(u, { errors: [i] })
+      ] }) }) })
+    ] }),
+    /* @__PURE__ */ e(p, { color: "muted", variant: "body2", children: t._("Ask your vendor for this — it's usually on their invoice, W-9, or a payment instructions email they send you.") })
+  ] });
+};
 export {
-  k as ACTION_ICON,
-  D as HEADER_TOOLTIP_DELAY,
-  U as INVOICE_DOCUMENT_AUTO_ID,
-  b as RECURRENCE_STATUS_ICON,
-  x as STATUS_ICON,
-  v as amountValueToneClass,
-  y as headerIconButtonClass
+  j as CounterpartBankFormContent
 };