@tesouro/embedded-components-react 0.2.1 → 0.2.5

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

@@ -1,117 +1,44 @@
-import { jsx as e, jsxs as l } from "@emotion/react/jsx-runtime";
-import { getEntityProfileValidationSchema as f } from "./index171.js";
-import { EntityProfileFormContent as y } from "./index421.js";
-import "react-hot-toast";
-import "./index59.js";
-import { useLingui as _ } from "@lingui/react";
-import { useMemo as h } from "react";
-import "date-fns";
-import { useUserPermissions as v } from "./index133.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 g } from "../../shared/data-access/dist/lib/scopes.js";
-import "clsx";
-import "tailwind-merge";
-import "@radix-ui/react-dropdown-menu";
-import "lucide-react";
-import { Button as m } from "./index86.js";
-import { usePatchEntityById as w } from "./index422.js";
-import "./index94.js";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useForm as x } from "react-hook-form";
-import { useMyEntity as b } from "./index80.js";
-import "./index52.js";
-import "@mui/icons-material/ArrowBack";
-import "@mui/icons-material/Close";
-import "@mui/material/IconButton";
-import "@mui/material/Tooltip";
-import { AccessRestrictionModal as D } from "./index399.js";
-import { Dialog as C, DialogContent as z, DialogHeader as E, DialogTitle as S, DialogDescription as P, DialogFooter as $ } from "./index161.js";
-import { Form as F } from "./index376.js";
-import { zodResolver as M } from "@hookform/resolvers/zod";
-const N = (t) => {
-  const o = {
-    email: t.email || void 0,
-    tax_id: t.tax_id || void 0,
-    address_line_1: t.address.line1 || void 0,
-    address_line_2: t.address.line2 || void 0,
-    city: t.address.city || void 0,
-    postal_code: t.address.postal_code || void 0,
-    state: t.address.state || void 0,
-    country: t.address.country || void 0,
-    phone: t.phone || void 0,
-    website: t.website || void 0
-  };
-  return "organization" in t ? {
-    name: t.organization.legal_name || void 0,
-    ...o
-  } : {
-    title: t.individual.title || void 0,
-    name: t.individual.first_name || void 0,
-    surname: t.individual.last_name || void 0,
-    ...o
-  };
-}, O = ({
-  open: t,
-  onClose: o,
-  entity: r
+import { useMoniteContext as n } from "./index59.js";
+import { useLingui as i } from "@lingui/react";
+import { toast as p } from "react-hot-toast";
+const m = ({
+  counterpartId: e,
+  addressId: t
 }) => {
   const {
-    i18n: n
-  } = _(), {
-    mutate: d
-  } = w(), p = h(() => N(r), [r]), a = "entity-profile-form", s = x({
-    resolver: M(f(n)),
-    defaultValues: p
-  }), {
-    handleSubmit: u,
-    formState: c
-  } = s;
-  return /* @__PURE__ */ e(C, { open: t, onOpenChange: o, children: /* @__PURE__ */ e(F, { ...s, children: /* @__PURE__ */ e("form", { id: a, name: a, onSubmit: u(async (i) => {
-    d({
-      email: i.email || null,
-      website: i.website || null,
-      phone: i.phone || null,
-      tax_id: i.tax_id || null,
-      address: {
-        line1: i.address_line_1 || null,
-        line2: i.address_line_2 || null,
-        city: i.city || null,
-        postal_code: i.postal_code || null,
-        state: i.state || null
-      },
-      ...r.type === "individual" ? {
-        title: i.title || null,
-        first_name: i.name || null,
-        last_name: i.surname || null
-      } : {
-        organization: {
-          legal_name: i.name || null
+    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
         }
-      }
-    });
-  }), children: /* @__PURE__ */ l(z, { className: "ttw:max-h-4/5 ttw:overflow-y-auto", children: [
-    /* @__PURE__ */ l(E, { children: [
-      /* @__PURE__ */ e(S, { className: "ttw:text-2xl ttw:font-semibold ttw:leading-8", children: n._("Edit my organization profile") }),
-      /* @__PURE__ */ e(P, { hidden: !0, children: n._("Edit your organization profile to update your information.") })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: /* @__PURE__ */ e(y, { entityType: r.type }) }),
-    /* @__PURE__ */ l($, { children: [
-      /* @__PURE__ */ e(m, { variant: "ghost", onClick: o, children: n._("Cancel") }),
-      /* @__PURE__ */ e(m, { type: "submit", form: a, disabled: !c.isDirty, children: n._("Save") })
-    ] })
-  ] }) }) }) });
-}, yt = (t) => {
-  const {
-    data: o,
-    isLoading: r
-  } = b();
-  return v().has(g.OrganizationWriteOrg) ? r || !o ? null : /* @__PURE__ */ e(O, { ...t, entity: o }) : /* @__PURE__ */ e(D, { open: t.open, onClose: t.onClose });
+      }, (o) => ({
+        ...o,
+        ...d
+      }), s), await r.finops.getCounterpartsIdAddresses.invalidateQueries({
+        parameters: {
+          path: {
+            counterpart_id: e
+          }
+        }
+      }, s);
+    },
+    onError: () => {
+      p.error(a._("Failed to update address."));
+    }
+  });
 };
 export {
-  yt as EntityProfileModal
+  m as useUpdateCounterpartAddress
 };

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

@@ -1,46 +1,65 @@
-import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
-import { useState as v, useRef as b } from "react";
-import { useMoniteContext as D } from "./index59.js";
-import { useProductCurrencyGroups as w } from "./index423.js";
-import { Alert as x } from "./index186.js";
-import { Button as s } from "./index86.js";
-import { Dialog as S, DialogContent as _, DialogHeader as k, DialogTitle as L, DialogDescription as A, DialogFooter as G } from "./index161.js";
-import { Typography as I } from "./index87.js";
-import { MoniteCurrencyShadcn as N } from "./index424.js";
-import { useLingui as $ } from "@lingui/react";
-const V = ({
-  open: l,
-  handleClose: i,
-  currentCurrency: o,
-  updateCurrentCurrency: u,
-  hasValidLineItemsSelected: m,
-  clearLineItems: d
+import { jsxs as n, jsx as e } from "@emotion/react/jsx-runtime";
+import { Button as f } from "./index86.js";
+import { Field as m, FieldContent as c, FieldLabel as s, FieldError as u } from "./index178.js";
+import { Input as h } from "./index124.js";
+import { Typography as p } from "./index87.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: r
-  } = $(), {
-    componentSettings: h
-  } = D(), [n, p] = v(o), a = b(null), {
-    currencyGroups: g,
-    isLoadingCurrencyGroups: C
-  } = w(), c = m && n !== o, f = () => {
-    n !== o && (c && d(), u(n)), i();
-  };
-  return /* @__PURE__ */ e(S, { open: l, onOpenChange: i, children: /* @__PURE__ */ t(_, { children: [
-    /* @__PURE__ */ t(k, { children: [
-      /* @__PURE__ */ e(L, { children: r._("Change document currency") }),
-      /* @__PURE__ */ e(A, { children: r._("Invoice will be issued with items in the selected currency") })
+    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__ */ t("div", { ref: a, className: "ttw:flex ttw:flex-col ttw:gap-8", onClick: (y) => y.stopPropagation(), children: [
-      /* @__PURE__ */ e(N, { value: n, groups: g, disabled: C, allowedCurrencies: h?.receivables?.bankAccountCurrencies, container: a, onChange: p }),
-      c && /* @__PURE__ */ e(x, { variant: "warning", className: "ttw:mb-2", children: /* @__PURE__ */ e(I, { variant: "body1", children: r._("All items in the invoice must be in this currency. Remove items that don't match it.") }) })
+    /* @__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__ */ t(G, { children: [
-      /* @__PURE__ */ e(s, { variant: "ghost", onClick: i, children: r._("Cancel") }),
-      /* @__PURE__ */ e(s, { onClick: f, children: r._("Save") })
-    ] })
-  ] }) });
+    /* @__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 {
-  V as CurrencySelectDialog
+  j as CounterpartBankFormContent
 };

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

@@ -1,14 +1,98 @@
-const e = (a) => ({
-  bank_name: a?.bank_name || void 0,
-  display_name: a?.display_name || void 0,
-  account_holder_name: a?.account_holder_name || void 0,
-  account_number: a?.account_number || void 0,
-  routing_number: a?.routing_number || void 0
-}), o = (a) => ({
-  display_name: a?.display_name || void 0,
-  account_holder_name: a?.account_holder_name || void 0
-});
+import { jsx as u, jsxs as d } from "@emotion/react/jsx-runtime";
+import { useForm as y, FormProvider as B } from "react-hook-form";
+import { useLingui as v } from "@lingui/react";
+import { useId as F, useMemo as z, useCallback as H } from "react";
+import { zodResolver as P } from "@hookform/resolvers/zod";
+import { Button as w } from "./index86.js";
+import { getCounterpartBankValidationSchema as U } from "./index250.js";
+import "./index59.js";
+import { toast as l } from "react-hot-toast";
+import { useCreateCounterpartBank as A } from "./index253.js";
+import { useUpdateCounterpartBank as D } from "./index411.js";
+import "date-fns";
+import { getCounterpartName as L } from "./index7.js";
+import { LoadingSpinner as j } from "./index152.js";
+import { CounterpartBankFormContent as I } from "./index328.js";
+const $ = ({
+  counterpartId: p,
+  isStandalone: g,
+  bankAccount: t,
+  handleClose: b,
+  onUpdate: c,
+  onCreate: i
+}) => {
+  const {
+    i18n: e
+  } = v(), h = `vendor-bank-form-${F()}`, N = !!t, {
+    mutate: f,
+    isPending: k
+  } = D(), {
+    mutate: _,
+    isPending: C
+  } = A(), o = k || C, S = z(() => ({
+    accountHolderName: t?.account_holder_name ?? "",
+    accountNumber: t?.account_number ?? "",
+    routingNumber: t?.routing_number ?? ""
+  }), [t]), {
+    resetField: n,
+    ...a
+  } = y({
+    resolver: P(U(e)),
+    defaultValues: S
+  }), x = H((m) => {
+    m.preventDefault(), m.stopPropagation(), a.handleSubmit((r) => {
+      if (t) {
+        const s = {
+          account_holder_name: r.accountHolderName,
+          account_number: r.accountNumber,
+          routing_number: r.routingNumber
+        };
+        return f({
+          path: {
+            counterpart_id: p,
+            bank_account_id: t?.id
+          },
+          body: s
+        }, {
+          onSuccess: () => {
+            l.success(e._("Bank account information has been updated.")), c && c();
+          }
+        });
+      } else {
+        const s = {
+          account_holder_name: r.accountHolderName,
+          account_number: r.accountNumber,
+          routing_number: r.routingNumber,
+          country: "US",
+          currency: "USD",
+          is_default_for_currency: !0
+        };
+        return _({
+          path: {
+            counterpart_id: p
+          },
+          body: s
+        }, {
+          onSuccess: () => {
+            l.success(e._("Bank Account has been added.")), i && i();
+          }
+        });
+      }
+    })(m);
+  }, [l, f, _, L, c, i, a.handleSubmit, e]);
+  return /* @__PURE__ */ u(B, { resetField: n, ...a, children: /* @__PURE__ */ d("form", { id: h, onSubmit: x, 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__ */ u(I, { hasExistingBankAccount: N, handleCancel: b, isLoading: o, isStandalone: g }),
+    /* @__PURE__ */ d("div", { className: "ttw:flex ttw:gap-4 ttw:pt-6", children: [
+      /* @__PURE__ */ u(w, { type: "button", variant: "outline", className: "ttw:border-border ttw:flex-1", disabled: o, onClick: () => {
+        n("accountHolderName"), n("accountNumber"), n("routingNumber"), b();
+      }, children: e._("Cancel") }),
+      /* @__PURE__ */ d(w, { type: "submit", className: "ttw:flex-1", disabled: o || !a.formState.isDirty, children: [
+        o && /* @__PURE__ */ u(j, { className: "ttw:border-white ttw:border-t-transparent ttw:size-4" }),
+        e._("Save")
+      ] })
+    ] })
+  ] }) });
+};
 export {
-  e as prepareBankAccountCreatePayload,
-  o as prepareBankAccountUpdatePayload
+  $ as CounterpartBankForm
 };

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

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