@tesouro/embedded-components-react 0.2.7 → 0.2.15

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

@@ -1,55 +1,106 @@
-import { jsxs as a, Fragment as _, jsx as e } from "@emotion/react/jsx-runtime";
-import { ReminderOverdue as C } from "./index406.js";
-import { ReminderBeforeDueDate as R } from "./index407.js";
-import { useCounterpartById as v } from "./index72.js";
+import { jsx as e, jsxs as d, Fragment as C } from "@emotion/react/jsx-runtime";
+import { Controller as c } from "react-hook-form";
+import { DefaultEmail as v } from "./index443.js";
+import { useRootElements as y } from "./index94.js";
+import { useCounterpartById as S } from "./index72.js";
 import "@tanstack/react-query";
 import "./index59.js";
-import { useCounterpartContactList as x } from "./index76.js";
+import { useCounterpartContactList as F } from "./index76.js";
 import "date-fns";
 import "react";
 import "react-hot-toast";
-import { useLingui as y } from "@lingui/react";
-import { Alert as P } from "./index163.js";
-import { useFormContext as N } from "react-hook-form";
-const S = ({
-  disabled: m,
-  onUpdateOverdueReminder: p,
-  onUpdatePaymentReminder: c,
-  onCreateReminder: l,
-  handleEditCustomer: u
+import { useLingui as I } from "@lingui/react";
+import { useGetReceivableById as N } from "./index84.js";
+import { Card as u, CardContent as m, Stack as f, Typography as h, TextField as b, CircularProgress as M, FormControl as T, Select as B, MenuItem as L, FormHelperText as W } from "@mui/material";
+import { getDefaultContact as _, getContactList as j } from "./index320.js";
+const K = ({
+  formName: n,
+  style: t,
+  children: i,
+  handleIssueAndSend: a
+}) => /* @__PURE__ */ e("form", { id: n, noValidate: !0, onSubmit: a, style: t, children: i }), k = ({
+  invoiceId: n,
+  control: t
 }) => {
   const {
-    i18n: r
-  } = y(), {
-    watch: f
-  } = N(), d = f("counterpart_id"), {
-    data: t,
+    data: i
+  } = N(n), {
+    data: a
+  } = S(i?.counterpart_id), {
+    data: r,
     isLoading: o
-  } = v(d), {
-    data: n,
-    isLoading: h
-  } = x(d), w = n?.find((g) => g?.is_default)?.email, s = w || (n && n?.length > 0 ? n?.[0]?.email : t && "organization" in t ? t?.organization?.email : void 0), i = !!s, b = !(o || h) && !!d && (!i || !t?.reminders_enabled);
-  return /* @__PURE__ */ a(_, { children: [
-    b && /* @__PURE__ */ e(P, { variant: "warning", children: /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:items-start ttw:gap-2", children: [
-      !t?.reminders_enabled && i && /* @__PURE__ */ e("span", { children: r._("Payment reminders are disabled for this customer. Please enable them in the customer details or turn them off.") }),
-      !i && t?.reminders_enabled && /* @__PURE__ */ e("span", { children: r._("No email address is added for the selected customer. Please add it to the customer details or turn off the reminders.") }),
-      !i && !t?.reminders_enabled && /* @__PURE__ */ e("span", { children: r._("Reminders are disabled for this customer, and no email address has been added for it. Please update the details or turn off reminders.") }),
-      u && /* @__PURE__ */ e("button", { className: "ttw:underline ttw:p-0 ttw:border-none ttw:outline-none ttw:hover:cursor-pointer ttw:transition-all ttw:hover:opacity-80", type: "button", onClick: () => {
-        u(!0);
-      }, children: r._("Edit customer") })
-    ] }) }),
-    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-6 ttw:space-between ttw:w-full", children: [
-      /* @__PURE__ */ e(R, { handleCreate: l, onUpdatePaymentReminder: c, disabled: m || o }),
-      /* @__PURE__ */ e(C, { handleCreate: l, onUpdateOverdueReminder: p, disabled: m || o })
-    ] }),
-    s && /* @__PURE__ */ a("p", { className: "ttw:text-muted-foreground ttw:text-sm ttw:font-medium", children: [
-      r._("Recipient email: "),
-      s,
-      /* @__PURE__ */ e("br", {}),
-      r._("You can change it in the customer profile.")
+  } = F(i?.counterpart_id), {
+    root: x
+  } = y();
+  if (o) return /* @__PURE__ */ e(M, {});
+  const g = _(r, a);
+  return /* @__PURE__ */ e(c, { name: "to", control: t, render: ({
+    field: p,
+    fieldState: {
+      error: s
+    }
+  }) => /* @__PURE__ */ d(T, { variant: "standard", required: !0, fullWidth: !0, error: !!s, children: [
+    /* @__PURE__ */ e(B, { MenuProps: {
+      container: x
+    }, className: "Monite-NakedField Monite-RecipientSelector", "data-testid": `${p.name}-select`, ...p, children: j(r, g).map((l) => /* @__PURE__ */ e(L, { value: l.email, children: /* @__PURE__ */ e(v, { email: l.email ?? "", isDefault: l.is_default }) }, l.id)) }),
+    s && /* @__PURE__ */ e(W, { children: s.message })
+  ] }) });
+}, O = ({
+  invoiceId: n,
+  control: t,
+  isDisabled: i
+}) => {
+  const {
+    i18n: a
+  } = I();
+  return /* @__PURE__ */ d(C, { children: [
+    /* @__PURE__ */ e(u, { sx: {
+      mb: 3
+    }, children: /* @__PURE__ */ e(m, { sx: {
+      px: 3,
+      pt: 1,
+      pb: 1,
+      "&:last-child": {
+        pb: 1
+      }
+      // last-child is necessary to override default style of the MUI theme
+    }, children: /* @__PURE__ */ d(f, { spacing: 2, direction: "row", alignItems: "center", children: [
+      /* @__PURE__ */ e(h, { variant: "body2", sx: {
+        minWidth: "52px"
+      }, children: a._("To") }),
+      /* @__PURE__ */ e(k, { invoiceId: n, control: t })
+    ] }) }) }),
+    /* @__PURE__ */ d(u, { children: [
+      /* @__PURE__ */ e(m, { sx: {
+        px: 3,
+        py: 1,
+        borderBottomWidth: "1px",
+        borderBottomStyle: "solid",
+        borderBottomColor: "divider"
+      }, children: /* @__PURE__ */ d(f, { spacing: 2, direction: "row", alignItems: "center", children: [
+        /* @__PURE__ */ e(h, { variant: "body2", children: a._("Subject") }),
+        /* @__PURE__ */ e(c, { name: "subject", control: t, render: ({
+          field: r,
+          fieldState: {
+            error: o
+          }
+        }) => /* @__PURE__ */ e(b, { id: r.name, "data-testid": `${r.name}-input`, variant: "standard", className: "Monite-NakedField", fullWidth: !0, error: !!o, helperText: o?.message, required: !0, ...r, disabled: i }) })
+      ] }) }),
+      /* @__PURE__ */ e(m, { sx: {
+        pl: 3,
+        pr: 3,
+        pb: 3,
+        pt: 1
+      }, children: /* @__PURE__ */ e(c, { name: "body", control: t, render: ({
+        field: r,
+        fieldState: {
+          error: o
+        }
+      }) => /* @__PURE__ */ e(b, { id: r.name, "data-testid": `${r.name}-input`, variant: "standard", className: "Monite-NakedField", fullWidth: !0, error: !!o, helperText: o?.message, required: !0, multiline: !0, rows: 8, ...r, disabled: i }) }) })
     ] })
   ] });
 };
 export {
-  S as ReminderSectionContent
+  K as Form,
+  O as FormContent
 };

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

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

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

@@ -1,75 +1,23 @@
-import { jsx as e, jsxs as i } from "@emotion/react/jsx-runtime";
-import { Button as s } from "./index86.js";
-import { Checkbox as p } from "./index391.js";
-import { Dialog as u, DialogContent as y, DialogHeader as v, DialogTitle as g, DialogDescription as x, DialogFooter as C } from "./index190.js";
-import { Label as _ } from "./index285.js";
-import { Separator as c } from "./index148.js";
-import { Switch as r } from "./index300.js";
-import { Typography as l } from "./index87.js";
-import { useLingui as D } from "@lingui/react";
-const O = ({
-  open: h,
-  handleClose: d,
-  visibleFields: n,
-  setVisibleFields: m,
-  areFieldsAlwaysSelected: w,
-  setAreFieldsAlwaysSelected: f
-}) => {
-  const {
-    i18n: t
-  } = D(), o = (a, b) => {
-    m({
-      ...n,
-      [a]: b
-    });
-  };
-  return /* @__PURE__ */ e(u, { open: h, onOpenChange: d, children: /* @__PURE__ */ i(y, { children: [
-    /* @__PURE__ */ i(v, { children: [
-      /* @__PURE__ */ e(g, { children: t._("Enable more fields") }),
-      /* @__PURE__ */ e(x, { className: "ttw:sr-only", children: t._("Dialog to enable or disable extra fields in invoice creation") })
-    ] }),
-    /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
-      /* @__PURE__ */ i("div", { className: "ttw:flex ttw:justify-between ttw:items-center ttw:gap-4", children: [
-        /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col", children: [
-          /* @__PURE__ */ e(l, { variant: "body2", children: t._("Fulfillment date") }),
-          /* @__PURE__ */ e(l, { variant: "body2", color: "muted", children: t._("Add a date when the product will be delivered or the service provided") })
-        ] }),
-        /* @__PURE__ */ e(r, { checked: n.isFulfillmentDateShown, onCheckedChange: (a) => o("isFulfillmentDateShown", a), "aria-label": t._("Fulfillment date") })
-      ] }),
-      /* @__PURE__ */ e(c, {}),
-      /* @__PURE__ */ i("div", { className: "ttw:flex ttw:justify-between ttw:items-center ttw:gap-4", children: [
-        /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col", children: [
-          /* @__PURE__ */ e(l, { variant: "body2", children: t._("Purchase order") }),
-          /* @__PURE__ */ e(l, { variant: "body2", color: "muted", children: t._("You can add a document number to have it in the PDF") })
-        ] }),
-        /* @__PURE__ */ e(r, { checked: n.isPurchaseOrderShown, onCheckedChange: (a) => o("isPurchaseOrderShown", a), "aria-label": t._("Purchase order") })
-      ] }),
-      /* @__PURE__ */ e(c, {}),
-      /* @__PURE__ */ i("div", { className: "ttw:flex ttw:justify-between ttw:items-center ttw:gap-4", children: [
-        /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col", children: [
-          /* @__PURE__ */ e(l, { variant: "body2", children: t._("Note to customer") }),
-          /* @__PURE__ */ e(l, { variant: "body2", color: "muted", children: t._("Add a note that will be displayed below the line items") })
-        ] }),
-        /* @__PURE__ */ e(r, { checked: n.isFooterShown, onCheckedChange: (a) => o("isFooterShown", a), "aria-label": t._("Note to customer") })
-      ] }),
-      /* @__PURE__ */ i("div", { className: "ttw:hidden ttw:justify-between ttw:items-center ttw:gap-4", children: [
-        /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col", children: [
-          /* @__PURE__ */ e(l, { variant: "body2", children: t._("Terms and conditions") }),
-          /* @__PURE__ */ e(l, { variant: "body2", color: "muted", children: t._("You can include details about the warranty, insurance, liability, late payment fees and any other important notes") })
-        ] }),
-        /* @__PURE__ */ e(r, { checked: n.isTermsAndConditionsShown, onCheckedChange: (a) => o("isTermsAndConditionsShown", a), "aria-label": t._("Terms and conditions") })
-      ] }),
-      /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
-        /* @__PURE__ */ e(p, { id: "alwaysDisplay", checked: w, onCheckedChange: (a) => f(!!a) }),
-        /* @__PURE__ */ e(_, { htmlFor: "alwaysDisplay", children: t._("Always display selected fields on the form (where available)") })
-      ] })
-    ] }),
-    /* @__PURE__ */ i(C, { children: [
-      /* @__PURE__ */ e(s, { variant: "ghost", onClick: d, children: t._("Cancel") }),
-      /* @__PURE__ */ e(s, { onClick: d, children: t._("Save") })
-    ] })
-  ] }) });
-};
+import { isOrganizationCounterpart as e, getCounterpartName as o } from "./index7.js";
+const i = (r, t) => {
+  if (r && r.length)
+    return r.find((n) => n.is_default) ?? r[0];
+  if (!t || !e(t))
+    return;
+  const a = t.organization?.email;
+  if (a)
+    return {
+      id: "organization",
+      counterpart_id: t.id,
+      email: a,
+      is_default: !0,
+      first_name: o(t),
+      last_name: "",
+      is_customer: t.is_customer,
+      is_vendor: t.is_vendor
+    };
+}, u = (r, t) => r?.length ? r : t ? [t] : [];
 export {
-  O as EnableFieldsDialog
+  u as getContactList,
+  i as getDefaultContact
 };

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

@@ -1,117 +1,35 @@
-import { jsx as e, jsxs as l } from "@emotion/react/jsx-runtime";
-import { getEntityProfileValidationSchema as f } from "./index197.js";
-import { EntityProfileFormContent as y } from "./index402.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 "./index138.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 "./index403.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 "./index396.js";
-import { Dialog as C, DialogContent as z, DialogHeader as E, DialogTitle as S, DialogDescription as P, DialogFooter as $ } from "./index190.js";
-import { Form as F } from "./index280.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 { toast as r } from "react-hot-toast";
+import { useMoniteContext as o } from "./index59.js";
+import { useLingui as n } from "@lingui/react";
+const l = (s) => {
   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: t
+  } = n(), {
+    api: e,
+    queryClient: i
+  } = o();
+  return e.finops.postReceivablesIdIssue.useMutation({
+    path: {
+      receivable_id: s
+    }
+  }, {
+    onSuccess: async (a) => {
+      e.finops.getReceivablesId.setQueryData({
+        path: {
+          receivable_id: s
         }
-      }
-    });
-  }), 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 });
+      }, a, i), await Promise.all([e.finops.getReceivables.invalidateQueries(i), e.finops.getReceivablesIdPdfLink.resetQueries({
+        parameters: {
+          path: {
+            receivable_id: s
+          }
+        }
+      }, i)]), r.success(t._("{receivableType} has been issued", {
+        receivableType: a.type
+      }));
+    }
+  });
 };
 export {
-  yt as EntityProfileModal
+  l as useIssueReceivableById
 };

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

@@ -1,46 +1,37 @@
-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 "./index404.js";
-import { Alert as x } from "./index163.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 "./index190.js";
-import { Typography as I } from "./index87.js";
-import { MoniteCurrencyShadcn as N } from "./index405.js";
-import { useLingui as $ } from "@lingui/react";
-const V = ({
-  open: l,
-  handleClose: i,
-  currentCurrency: o,
-  updateCurrentCurrency: u,
-  hasValidLineItemsSelected: m,
-  clearLineItems: d
-}) => {
+import { useMoniteContext as n } from "./index59.js";
+import { useLingui as o } from "@lingui/react";
+import { toast as r } from "react-hot-toast";
+const l = (i) => {
   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") })
-    ] }),
-    /* @__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__ */ t(G, { children: [
-      /* @__PURE__ */ e(s, { variant: "ghost", onClick: i, children: r._("Cancel") }),
-      /* @__PURE__ */ e(s, { onClick: f, children: r._("Save") })
-    ] })
-  ] }) });
+    i18n: a
+  } = o(), {
+    api: e,
+    queryClient: t
+  } = n();
+  return e.finops.postReceivablesIdSend.useMutation({
+    path: {
+      receivable_id: i
+    }
+  }, {
+    onSuccess: async () => {
+      await Promise.all([e.finops.getReceivables.invalidateQueries(t), e.finops.getReceivablesId.invalidateQueries({
+        parameters: {
+          path: {
+            receivable_id: i
+          }
+        }
+      }, t)]);
+      const s = e.finops.getReceivablesId.getQueryData({
+        path: {
+          receivable_id: i
+        }
+      }, t);
+      r.success(a._("This {type} has been sent", {
+        type: s?.type === "credit_note" ? "credit memo" : s?.type
+      }));
+    }
+  });
 };
 export {
-  V as CurrencySelectDialog
+  l as useSendReceivableById
 };