@tesouro/embedded-components-react 0.2.76 → 0.2.79

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

@@ -1,75 +1,106 @@
-import { useLingui as S } from "@lingui/react";
-import { getRuleLabel as g, getRuleName as L, APPROVAL_REQUEST_CALLS as n } from "./index451.js";
-const b = ({
-  approvalPolicy: t
+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 "./index438.js";
+import { useRootElements as y } from "./index92.js";
+import { useCounterpartById as S } from "./index70.js";
+import "@tanstack/react-query";
+import "./index57.js";
+import { useCounterpartContactList as F } from "./index74.js";
+import "date-fns";
+import "react";
+import "react-hot-toast";
+import { useLingui as I } from "@lingui/react";
+import { useGetReceivableById as N } from "./index82.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 "./index366.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: o
-  } = S(), s = (r) => {
-    if (typeof r != "object" || r === null || !("call" in r) || typeof r.call != "string" || ![n.REQUEST_APPROVAL_BY_USERS, n.REQUEST_APPROVAL_BY_ROLES].includes(r.call) || !("params" in r) || typeof r.params != "object" || r.params === null) return !1;
-    const e = r.params;
-    return !("user_ids" in e && !Array.isArray(e.user_ids) || "role_ids" in e && !Array.isArray(e.role_ids) || !("required_approval_count" in e) || typeof e.required_approval_count != "number");
-  }, i = (r) => typeof r != "object" || r === null || !("run_concurrently" in r) || typeof r.run_concurrently != "boolean" || !("all" in r) || !Array.isArray(r.all) ? !1 : r.all.every((e) => s(e) || i(e)), f = (r) => {
-    if (!Array.isArray(r) || r.length !== 1) return !1;
-    const [e] = r;
-    if (typeof e != "object" || e === null || !("if" in e) || !("then" in e) || !("else" in e)) return !1;
-    const {
-      if: a,
-      then: l,
-      else: R
-    } = e;
-    if (typeof a != "object" || a === null || !("run_concurrently" in a) || !("all" in a)) return !1;
-    const {
-      run_concurrently: E,
-      all: c
-    } = a;
-    return typeof E != "boolean" || !Array.isArray(c) || !Array.isArray(l) || !Array.isArray(R) ? !1 : c.every((y) => s(y) || i(y));
-  }, u = (r) => r.call === n.REQUEST_APPROVAL_BY_USERS && Array.isArray(r.params.user_ids) && r.params.user_ids.length === 1 && r.params.required_approval_count === 1, A = (r) => r.call === n.REQUEST_APPROVAL_BY_USERS && Array.isArray(r.params.user_ids) && r.params.user_ids.length > 1 && r.params.required_approval_count > 0, d = (r) => r.call === n.REQUEST_APPROVAL_BY_ROLES && Array.isArray(r.params.role_ids) && r.params.role_ids.length >= 1 && r.params.required_approval_count > 0, m = (r) => !r.run_concurrently && r.all.length > 1 && r.all.every((e) => s(e) && u(e)), _ = (r) => L(r, o), p = (r, e) => g(r, o, e);
-  return f(t?.script) ? {
-    rules: t?.script[0].if.all.reduce((r, e) => {
-      if (i(e)) {
-        if (m(e))
-          return {
-            ...r,
-            approval_chain: {
-              chainUserIds: e.all.reduce((a, l) => s(l) && u(l) && l.params.user_ids[0] && l.params.user_ids[0] ? [...a, l.params.user_ids[0]] : a, [])
-            }
-          };
-      } else if (s(e)) {
-        if (u(e))
-          return {
-            ...r,
-            single_user: {
-              userId: e.params.user_ids[0]
-            }
-          };
-        if (A(e))
-          return {
-            ...r,
-            users_from_list: {
-              userIds: e.params.user_ids,
-              count: e.params.required_approval_count
-            }
-          };
-        if (d(e))
-          return {
-            ...r,
-            roles_from_list: {
-              roleIds: e.params.role_ids,
-              count: e.params.required_approval_count
-            }
-          };
+    data: i
+  } = N(n), {
+    data: a
+  } = S(i?.counterpart_id), {
+    data: r,
+    isLoading: o
+  } = 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
       }
-      return r;
-    }, {}),
-    getRuleName: _,
-    getRuleLabel: p
-  } : {
-    rules: void 0,
-    getRuleName: _,
-    getRuleLabel: p
-  };
+      // 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 {
-  b as useApprovalPolicyScript
+  K as Form,
+  O as FormContent
 };

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

@@ -1,18 +1,23 @@
-import { createElement as t } from "react";
-const e = ({
-  color: h = "currentColor",
-  size: a,
-  ...o
-}) => t("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: a,
-  height: a,
-  viewBox: "0 0 24 24",
-  fill: h,
-  ...o
-}, t("path", {
-  d: "M3.5,6a1,1,0,1,0,1,1A1,1,0,0,0,3.5,6Zm4,2h14a1,1,0,0,0,0-2H7.5a1,1,0,0,0,0,2Zm0,3a1,1,0,1,0,1,1A1,1,0,0,0,7.5,11Zm4,5a1,1,0,1,0,1,1A1,1,0,0,0,11.5,16Zm10-5h-10a1,1,0,0,0,0,2h10a1,1,0,0,0,0-2Zm0,5h-6a1,1,0,0,0,0,2h6a1,1,0,0,0,0-2Z"
-}));
+import { isOrganizationCounterpart as e, getCounterpartName as o } from "./index7.js";
+const i = (a, t) => {
+  if (a && a.length)
+    return a.find((n) => n.is_default) ?? a[0];
+  if (!t || !e(t))
+    return;
+  const r = t.organization?.email;
+  if (r)
+    return {
+      id: "organization",
+      counterpart_id: t.id,
+      email: r,
+      is_default: !0,
+      first_name: o(t),
+      last_name: "",
+      is_customer: t.is_customer,
+      is_vendor: t.is_vendor
+    };
+}, u = (a, t) => a?.length ? a : t ? [t] : [];
 export {
-  e as UListUiAlt
+  u as getContactList,
+  i as getDefaultContact
 };

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

@@ -1,18 +1,37 @@
-import { createElement as e } from "react";
-const a = ({
-  color: o = "currentColor",
-  size: t,
-  ...r
-}) => e("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: t,
-  height: t,
-  viewBox: "0 0 24 24",
-  fill: o,
-  ...r
-}, e("path", {
-  d: "M12.3,12.22A4.92,4.92,0,0,0,14,8.5a5,5,0,0,0-10,0,4.92,4.92,0,0,0,1.7,3.72A8,8,0,0,0,1,19.5a1,1,0,0,0,2,0,6,6,0,0,1,12,0,1,1,0,0,0,2,0A8,8,0,0,0,12.3,12.22ZM9,11.5a3,3,0,1,1,3-3A3,3,0,0,1,9,11.5Zm9.74.32A5,5,0,0,0,15,3.5a1,1,0,0,0,0,2,3,3,0,0,1,3,3,3,3,0,0,1-1.5,2.59,1,1,0,0,0-.5.84,1,1,0,0,0,.45.86l.39.26.13.07a7,7,0,0,1,4,6.38,1,1,0,0,0,2,0A9,9,0,0,0,18.74,11.82Z"
-}));
+import { useMoniteContext as n } from "./index57.js";
+import { useLingui as o } from "@lingui/react";
+import { toast as r } from "react-hot-toast";
+const l = (i) => {
+  const {
+    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 {
-  a as UUsersAlt
+  l as useSendReceivableById
 };

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

@@ -1,18 +1,59 @@
-import { createElement as e } from "react";
-const A = ({
-  color: r = "currentColor",
-  size: a,
-  ...t
-}) => e("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: a,
-  height: a,
-  viewBox: "0 0 24 24",
-  fill: r,
-  ...t
-}, e("path", {
-  d: "M14.81,12.28a3.73,3.73,0,0,0,1-2.5,3.78,3.78,0,0,0-7.56,0,3.73,3.73,0,0,0,1,2.5A5.94,5.94,0,0,0,6,16.89a1,1,0,0,0,2,.22,4,4,0,0,1,7.94,0A1,1,0,0,0,17,18h.11a1,1,0,0,0,.88-1.1A5.94,5.94,0,0,0,14.81,12.28ZM12,11.56a1.78,1.78,0,1,1,1.78-1.78A1.78,1.78,0,0,1,12,11.56ZM19,2H5A3,3,0,0,0,2,5V19a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3V5A3,3,0,0,0,19,2Zm1,17a1,1,0,0,1-1,1H5a1,1,0,0,1-1-1V5A1,1,0,0,1,5,4H19a1,1,0,0,1,1,1Z"
-}));
+import { jsx as t, Fragment as v, jsxs as i } from "@emotion/react/jsx-runtime";
+import { useLingui as b } from "@lingui/react";
+import { useState as y, useEffect as N } from "react";
+import { useCreateInvoiceEmailPreview as j } from "./index402.js";
+import { LanguageCodeEnum as C } from "./index182.js";
+import { CenteredContentBox as s } from "./index228.js";
+import { Button as _ } from "./index84.js";
+import { CircleAlert as E, RefreshCcw as P } from "lucide-react";
+import { LoadingSpinner as B } from "./index131.js";
+const q = ({
+  invoiceId: l,
+  body: c,
+  subject: m
+}) => {
+  const {
+    i18n: e
+  } = b(), [a, d] = y(0), {
+    data: w,
+    mutateAsync: f,
+    isPending: p,
+    error: u
+  } = j(l), x = () => {
+    d(a + 1);
+  }, h = (r) => Object.values(C).includes(r), g = () => {
+    const r = e.locale, o = r.indexOf("-"), n = o >= 0 ? r.substring(0, o) : r;
+    return h(n) ? n : "en";
+  };
+  return N(() => {
+    f({
+      body_text: c,
+      subject_text: m,
+      language: g(),
+      type: "receivable"
+    });
+  }, [a]), /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:min-h-0 ttw:overflow-hidden ttw:flex-1", children: p ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(B, {}) }) : /* @__PURE__ */ t(v, { children: u ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:gap-4", children: [
+    /* @__PURE__ */ t(E, { className: "ttw:text-red-500" }),
+    /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:justify-center ttw:text-center ttw:gap-1 ttw:items-center", children: [
+      /* @__PURE__ */ t("h2", { className: "ttw:font-bold ttw:text-base", children: e._("Failed to generate email preview") }),
+      /* @__PURE__ */ i("div", { className: "ttw:items-center", children: [
+        /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:font-normal ttw:leading-5", children: e._("Please try to reload.") }),
+        /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:font-normal ttw:leading-5", children: e._("If the error recurs, contact support, please.") })
+      ] }),
+      /* @__PURE__ */ i(_, { variant: "ghost", onClick: x, "data-testid": "reload-preview-button", children: [
+        /* @__PURE__ */ t(P, {}),
+        e._("Reload")
+      ] })
+    ] })
+  ] }) }) : /* @__PURE__ */ t("iframe", { srcDoc: w?.body_preview, style: {
+    width: "100%",
+    height: "100%",
+    marginBottom: "-16px",
+    // Margin is necessary to avoid vertical scrollbar on the iframe container element. It's not clear why, but it helps.
+    border: 0,
+    flex: 1
+  } }) }) });
+};
 export {
-  A as UUserSquare
+  q as PreviewEmail
 };

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

@@ -1,13 +1,37 @@
-const e = {
-  singleUser: (s) => s._("Single user"),
-  anyUserFromList: (s) => s._("Any user from the list"),
-  anyUsersFromList: (s, r) => s._("Any {count} users from the list", {
-    count: r.toString()
-  }),
-  anyUserWithRole: (s) => s._("Any user with role"),
-  allUsersFromList: (s) => s._("All users from list, one by one")
-}, t = (s, r = 0) => r === 1 ? e.anyUserFromList(s) : e.anyUsersFromList(s, r);
+import { useMoniteContext as c } from "./index57.js";
+import { useLingui as n } from "@lingui/react";
+import { toast as o } from "react-hot-toast";
+const u = (i) => {
+  const {
+    i18n: s
+  } = n(), {
+    api: e,
+    queryClient: a
+  } = c();
+  return e.finops.postReceivablesIdCancel.useMutation({
+    path: {
+      receivable_id: i
+    }
+  }, {
+    onSuccess: async () => {
+      const t = e.finops.getReceivablesId.getQueryData({
+        path: {
+          receivable_id: i
+        }
+      }, a);
+      t?.type === "invoice" && e.finops.getReceivablesId.setQueryData({
+        path: {
+          receivable_id: i
+        }
+      }, {
+        ...t,
+        status: "canceled"
+      }, a), await e.finops.getReceivables.invalidateQueries(a), o.success(s._("This {type} has been canceled", {
+        type: t?.type === "credit_note" ? "credit memo" : t?.type
+      }));
+    }
+  });
+};
 export {
-  e as getSharedApprovalRuleLabel,
-  t as getUsersFromListLabel
+  u as useCancelReceivableById
 };

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

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as $ } from "@emotion/react/jsx-runtime";
 import { ScopedCssBaselineContainerClassName as z } from "./index104.js";
 import { InvoiceStatusChip as D } from "./index55.js";
-import { ReceivableFilters as Q } from "./index173.js";
+import { ReceivableFilters as Q } from "./index168.js";
 import "react-hot-toast";
 import { useMoniteContext as k } from "./index57.js";
 import { useLingui as B } from "@lingui/react";
@@ -11,7 +11,7 @@ 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 { useReceivablesFilters as A } from "./index174.js";
+import { useReceivablesFilters as A } from "./index169.js";
 import "date-fns";
 import { useCurrencies as W } from "./index58.js";
 import "clsx";
@@ -19,19 +19,19 @@ import "tailwind-merge";
 import "@radix-ui/react-dropdown-menu";
 import "lucide-react";
 import "./index84.js";
-import { useGetReceivables as j } from "./index147.js";
+import { useGetReceivables as j } from "./index142.js";
 import "./index92.js";
 import { useAreCounterpartsLoading as q, defaultCounterpartColumnWidth as E, useAutosizeGridColumns as V } from "./index62.js";
 import "react-hook-form";
 import { MoniteScopedProviders as H } from "./index83.js";
-import { ReceivableCursorFields as S } from "./index171.js";
-import { CounterpartNameCellById as Y } from "./index161.js";
-import { DataGridEmptyState as J } from "./index175.js";
-import { GetNoRowsOverlay as K } from "./index162.js";
-import { DueDateCell as U } from "./index172.js";
+import { ReceivableCursorFields as S } from "./index166.js";
+import { CounterpartNameCellById as Y } from "./index156.js";
+import { DataGridEmptyState as J } from "./index170.js";
+import { GetNoRowsOverlay as K } from "./index157.js";
+import { DueDateCell as U } from "./index167.js";
 import { TablePagination as X } from "./index86.js";
-import { classNames as Z } from "./index176.js";
-import { hasSelectedText as ee } from "./index164.js";
+import { classNames as Z } from "./index171.js";
+import { hasSelectedText as ee } from "./index159.js";
 import { Stack as te, Typography as oe, Box as ae } from "@mui/material";
 import { DataGrid as ie } from "@mui/x-data-grid";
 const We = (l) => /* @__PURE__ */ o(H, { children: /* @__PURE__ */ o(re, { ...l }) }), re = ({

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

@@ -1,13 +1,30 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { cn as i } from "./index100.js";
-import * as r from "@radix-ui/react-checkbox";
-import { CheckIcon as o } from "lucide-react";
-function c({
-  className: e,
-  ...a
-}) {
-  return /* @__PURE__ */ t(r.Root, { "data-slot": "checkbox", className: i("ttw:peer ttw:border-input ttw:dark:bg-input/30 ttw:data-[state=checked]:bg-primary ttw:data-[state=checked]:text-primary-foreground ttw:dark:data-[state=checked]:bg-primary ttw:data-[state=checked]:border-primary ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive ttw:size-4 ttw:shrink-0 ttw:rounded-[4px] ttw:border ttw:shadow-xs ttw:transition-shadow ttw:outline-none ttw:focus-visible:ring-[3px] ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50", e), ...a, children: /* @__PURE__ */ t(r.Indicator, { "data-slot": "checkbox-indicator", className: "ttw:flex ttw:items-center ttw:justify-center ttw:text-current ttw:transition-none", children: /* @__PURE__ */ t(o, { className: "ttw:size-3.5" }) }) });
-}
+import { toast as a } from "react-hot-toast";
+import { useMoniteContext as n } from "./index57.js";
+import { useLingui as r } from "@lingui/react";
+const u = (t) => {
+  const {
+    i18n: o
+  } = r(), {
+    api: e,
+    queryClient: i
+  } = n();
+  return e.finops.deleteReceivablesId.useMutation({
+    path: {
+      receivable_id: t
+    }
+  }, {
+    onSuccess: () => {
+      const s = e.finops.getReceivablesId.getQueryData({
+        path: {
+          receivable_id: t
+        }
+      }, i);
+      e.finops.getReceivables.invalidateQueries(i), a.success(o._("This {type} has been deleted", {
+        type: s?.type === "credit_note" ? "credit memo" : s?.type
+      }));
+    }
+  });
+};
 export {
-  c as Checkbox
+  u as useDeleteReceivableById
 };