@tesouro/embedded-components-react 0.2.112 → 0.2.114

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

@@ -1,23 +1,129 @@
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import "./index57.js";
-import "@tanstack/react-query";
-import "date-fns";
-import { useEntityUserById as m } from "./index75.js";
-import "react";
-import "react-hot-toast";
-import "@lingui/react";
-import { Skeleton as e } from "@mui/material";
-const u = ({
-  id: r
-}) => {
-  const {
-    data: t,
-    isLoading: o
-  } = m(r);
-  return /* @__PURE__ */ i("span", { children: o ? /* @__PURE__ */ i(e, { animation: "wave", height: 10, width: "100%", sx: {
-    minWidth: "4em"
-  } }) : !!t && `${t?.first_name || ""} ${t?.last_name || ""}` });
-};
+import { startOfDay as c, startOfYear as r, subYears as m, endOfYear as s, startOfQuarter as o, subQuarters as b, endOfQuarter as u, subDays as a, startOfMonth as l, subMonths as d, endOfMonth as n, startOfWeek as _, subWeeks as i, endOfWeek as f, endOfDay as y } from "date-fns";
+const v = [{
+  value: "today",
+  label: "Today",
+  group: "Current"
+}, {
+  value: "this_week",
+  label: "This week",
+  group: "Current"
+}, {
+  value: "this_month",
+  label: "This month",
+  group: "Current"
+}, {
+  value: "this_quarter",
+  label: "This quarter",
+  group: "Current"
+}, {
+  value: "this_year",
+  label: "This year",
+  group: "Current"
+}, {
+  value: "yesterday",
+  label: "Yesterday",
+  group: "Past"
+}, {
+  value: "last_week",
+  label: "Last week",
+  group: "Past"
+}, {
+  value: "last_month",
+  label: "Last month",
+  group: "Past"
+}, {
+  value: "last_30_days",
+  label: "Last 30 days",
+  group: "Past"
+}, {
+  value: "last_90_days",
+  label: "Last 90 days",
+  group: "Past"
+}, {
+  value: "last_quarter",
+  label: "Last quarter",
+  group: "Past"
+}, {
+  value: "last_year",
+  label: "Last year",
+  group: "Past"
+}];
+function g(h) {
+  const e = c(/* @__PURE__ */ new Date());
+  switch (h) {
+    case "today":
+      return {
+        from: e,
+        to: y(e)
+      };
+    case "this_week":
+      return {
+        from: _(e),
+        to: f(e)
+      };
+    case "this_month":
+      return {
+        from: l(e),
+        to: n(e)
+      };
+    case "this_quarter":
+      return {
+        from: o(e),
+        to: u(e)
+      };
+    case "this_year":
+      return {
+        from: r(e),
+        to: s(e)
+      };
+    case "yesterday": {
+      const t = a(e, 1);
+      return {
+        from: t,
+        to: y(t)
+      };
+    }
+    case "last_week": {
+      const t = _(i(e, 1));
+      return {
+        from: t,
+        to: f(t)
+      };
+    }
+    case "last_month": {
+      const t = l(d(e, 1));
+      return {
+        from: t,
+        to: n(t)
+      };
+    }
+    case "last_30_days":
+      return {
+        from: a(e, 30),
+        to: e
+      };
+    case "last_90_days":
+      return {
+        from: a(e, 90),
+        to: e
+      };
+    case "last_quarter": {
+      const t = o(b(e, 1));
+      return {
+        from: t,
+        to: u(t)
+      };
+    }
+    case "last_year": {
+      const t = r(m(e, 1));
+      return {
+        from: t,
+        to: s(t)
+      };
+    }
+  }
+}
 export {
-  u as UserCell
+  v as DATE_PRESETS,
+  g as resolveDatePreset
 };

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

@@ -1,45 +1,24 @@
-import { jsx as a } from "@emotion/react/jsx-runtime";
-import { toast as g } from "react-hot-toast";
-import { useMoniteContext as c } from "./index57.js";
-import { MoniteScopedProviders as p } from "./index83.js";
-import { ConfirmationModal as u } from "./index209.js";
-import { useLingui as f } from "@lingui/react";
-const D = (e) => /* @__PURE__ */ a(p, { children: /* @__PURE__ */ a(C, { ...e }) }), C = ({
-  tag: e,
-  onClose: i,
-  onDelete: m,
-  modalOpened: d
-}) => {
-  const {
-    i18n: o
-  } = f(), n = e?.id, {
-    api: t,
-    queryClient: s
-  } = c(), r = t.finops.deleteTagsId.useMutation({
-    path: {
-      tag_id: n ?? ""
-    }
-  }, {
-    onSuccess: () => (t.finops.getTagsId.removeQueries({
-      parameters: {
-        path: {
-          tag_id: n
-        }
-      }
-    }, s), t.finops.getTags.invalidateQueries(s))
-  }), l = () => {
-    r.mutate(void 0, {
-      onSuccess: () => {
-        g.success(o._("Tag “{tagName}” was deleted", {
-          tagName: e.name
-        })), i?.(), m?.(e.id);
-      }
-    });
-  };
-  return /* @__PURE__ */ a(u, { open: d, title: o._("Delete “{tagName}” tag?", {
-    tagName: e.name
-  }), message: o._("This action can’t be undone."), confirmLabel: o._("Delete"), cancelLabel: o._("Cancel"), onClose: i, onConfirm: l, isLoading: r.isPending });
-};
+import e from "@mui/icons-material/Cancel";
+import _ from "@mui/icons-material/DangerousOutlined";
+import r from "@mui/icons-material/HourglassEmpty";
+import a from "@mui/icons-material/PaidOutlined";
+const s = ["waiting", "approved", "rejected", "canceled"], o = {
+  approved: "success",
+  canceled: "secondary",
+  rejected: "error",
+  waiting: "warning"
+}, A = {
+  approved: a,
+  canceled: e,
+  rejected: _,
+  waiting: r
+}, R = "status", d = "created_at", i = "created_by", S = "current_user";
 export {
-  D as ConfirmDeleteModal
+  s as APPROVAL_REQUEST_STATUSES,
+  A as APPROVAL_REQUEST_STATUS_TO_MUI_ICON_MAP,
+  i as FILTER_TYPE_ADDED_BY,
+  d as FILTER_TYPE_CREATED_AT,
+  S as FILTER_TYPE_CURRENT_USER,
+  R as FILTER_TYPE_STATUS,
+  o as ROW_TO_STATUS_MUI_MAP
 };

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

@@ -1,24 +1,59 @@
-import { jsx as p } from "@emotion/react/jsx-runtime";
-import { useTheme as i, Box as n } from "@mui/material";
-const d = ({
-  children: a,
-  shouldApplyFinanceStyles: r = !1
+import { jsxs as n, jsx as t } from "@emotion/react/jsx-runtime";
+import { useRootElements as s } from "./index92.js";
+import { FilterContainer as p } from "./index317.js";
+import { useLingui as m } from "@lingui/react";
+import { FormControl as u, InputLabel as c, Select as d, MenuItem as E, FormControlLabel as F, Switch as T } from "@mui/material";
+import { DatePicker as _ } from "@mui/x-date-pickers";
+import { APPROVAL_REQUEST_STATUSES as v, FILTER_TYPE_STATUS as R, FILTER_TYPE_ADDED_BY as A, FILTER_TYPE_CREATED_AT as C, FILTER_TYPE_CURRENT_USER as h } from "./index322.js";
+import { getRowToStatusTextMap as S } from "./index427.js";
+import { AutocompleteCreatedBy as M } from "./index428.js";
+const O = ({
+  onChangeFilter: l,
+  sx: i
 }) => {
-  const e = i();
-  return /* @__PURE__ */ p(n, { sx: {
-    background: `linear-gradient(180deg, ${e.palette.primary.light} 0%, ${e.palette.background.paper} 100%)`,
-    display: "flex",
-    flexDirection: "column",
-    gap: 1,
-    px: 3,
-    py: r ? 3 : 2.5,
-    width: "100%",
-    minHeight: "auto",
-    borderRadius: "16px",
-    boxShadow: "0 16px 24px 0 rgba(0, 0, 0, 0.02)",
-    border: r ? "none" : `1px solid ${e.palette.divider}`
-  }, children: a });
+  const {
+    i18n: a
+  } = m(), {
+    root: r
+  } = s();
+  return /* @__PURE__ */ n(p, { className: "Monite-ApprovalRequestsFilters", sx: i, children: [
+    /* @__PURE__ */ n(u, { variant: "standard", fullWidth: !0, className: "Monite-ApprovalStatusFilter Monite-FilterControl", children: [
+      /* @__PURE__ */ t(c, { id: "status", children: a._("Status") }),
+      /* @__PURE__ */ t(d, { labelId: "status", label: a._("Status"), defaultValue: "all", MenuProps: {
+        container: r
+      }, onChange: (e) => {
+        l(R, e && e.target.value);
+      }, children: [{
+        label: a._("All invoices"),
+        value: "all"
+      }, ...Object.values(v).map((e) => ({
+        label: S(a)[e],
+        value: e
+      }))].map(({
+        label: e,
+        value: o
+      }) => /* @__PURE__ */ t(E, { value: o, children: e }, o)) })
+    ] }),
+    /* @__PURE__ */ t(M, { onChange: (e) => l(A, e || null) }),
+    /* @__PURE__ */ t(_, { label: a._("Requested on"), className: "Monite-ApprovalRequestedOnFilter Monite-FilterControl Monite-DateFilterControl", onChange: (e, o) => {
+      o.validationError || l(C, e);
+    }, slotProps: {
+      textField: {
+        variant: "standard"
+      },
+      popper: {
+        container: r
+      },
+      dialog: {
+        container: r
+      },
+      actionBar: {
+        actions: ["clear", "today"]
+      }
+    }, views: ["year", "month", "day"] }),
+    /* @__PURE__ */ t(F, { control: /* @__PURE__ */ t(T, {}), className: "Monite-ApprovalOnlyMyFilter Monite-FilterControl", label: a._("Only my approvals"), onChange: (e, o) => l(h, o) })
+  ] });
 };
 export {
-  d as FinanceBannerWrapper
+  O as ApprovalRequestsFilter
 };

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

@@ -1,20 +1,31 @@
-import { jsxs as n, Fragment as i, jsx as o } from "@emotion/react/jsx-runtime";
-import { useState as t } from "react";
-import { Dialog as s } from "./index50.js";
-import { FinanceFaqDetails as l } from "./index331.js";
-const d = ({
-  children: e
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { useLingui as n } from "@lingui/react";
+import { Chip as u } from "@mui/material";
+import { styled as l, useThemeProps as f } from "@mui/material/styles";
+import { ROW_TO_STATUS_MUI_MAP as A, APPROVAL_REQUEST_STATUS_TO_MUI_ICON_MAP as S } from "./index322.js";
+import { getRowToStatusTextMap as T } from "./index427.js";
+const c = ({
+  ref: s,
+  ...e
 }) => {
-  const [a, r] = t(!1);
-  return /* @__PURE__ */ n(i, { children: [
-    e({
-      openModal: () => {
-        r(!0);
-      }
-    }),
-    /* @__PURE__ */ o(s, { open: a, onClose: () => r(!1), alignDialog: "right", children: /* @__PURE__ */ o(l, {}) })
-  ] });
-};
+  const {
+    status: t,
+    icon: a,
+    size: i,
+    variant: p
+  } = f({
+    props: e,
+    name: "MoniteApprovalRequestStatusChip"
+  }), {
+    i18n: m
+  } = n(), o = S[t];
+  return /* @__PURE__ */ r(_, { ref: s, color: A[t], icon: a && o ? /* @__PURE__ */ r(o, { fontSize: "small" }) : void 0, label: T(m)[t], size: i, status: t, variant: p ?? "filled" });
+}, _ = l(u, {
+  // eslint-disable-next-line lingui/no-unlocalized-strings
+  name: "MoniteApprovalRequestStatusChip",
+  slot: "root",
+  shouldForwardProp: () => !0
+})({});
 export {
-  d as FinanceFaqWrapper
+  c as ApprovalRequestStatusChip
 };

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

@@ -1,21 +1,62 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { useTheme as s, Box as o } from "@mui/material";
-const d = ({
-  progress: i
+import { jsxs as d, jsx as e } from "@emotion/react/jsx-runtime";
+import { useState as c } from "react";
+import "./index57.js";
+import "@tanstack/react-query";
+import "date-fns";
+import { useEntityUserByAuthToken as p } from "./index75.js";
+import "react-hot-toast";
+import { useLingui as s } from "@lingui/react";
+import u from "@mui/icons-material/CheckCircleOutlineRounded";
+import f from "@mui/icons-material/HighlightOffRounded";
+import { Stack as m, IconButton as a } from "@mui/material";
+const C = ({
+  id: o,
+  onClick: t
 }) => {
-  const r = s();
-  return /* @__PURE__ */ e(o, { sx: {
-    backgroundColor: r.palette.divider,
-    width: "100%",
-    height: "6px",
-    borderRadius: 0.5
-  }, children: /* @__PURE__ */ e(o, { sx: {
-    backgroundColor: r.palette.primary.main,
-    width: `${i}%`,
-    height: "6px",
-    borderRadius: 0.5
-  } }) });
+  const {
+    i18n: r
+  } = s(), [i, n] = c(!1);
+  return /* @__PURE__ */ e(a, { "aria-label": r._("Approve request"), color: "success", disabled: i, onClick: (l) => {
+    l.preventDefault(), n(!0), t({
+      id: o,
+      action: "approve"
+    })?.finally(() => n(!1));
+  }, children: /* @__PURE__ */ e(u, {}) });
+}, k = ({
+  id: o,
+  onClick: t
+}) => {
+  const {
+    i18n: r
+  } = s(), [i, n] = c(!1);
+  return /* @__PURE__ */ e(a, { "aria-label": r._("Reject request"), color: "error", disabled: i, onClick: (l) => {
+    l.preventDefault(), n(!0), t({
+      id: o,
+      action: "reject"
+    })?.finally(() => n(!1));
+  }, children: /* @__PURE__ */ e(f, {}) });
+}, q = (o) => {
+  const {
+    i18n: t
+  } = s(), {
+    data: r
+  } = p();
+  if ("onRowActionClick" in o && o.onRowActionClick)
+    return {
+      field: "actions",
+      headerName: t._("Actions"),
+      sortable: !1,
+      display: "flex",
+      align: "right",
+      renderCell: (i) => {
+        if (i.row.status === "waiting" && r?.id && i.row.user_ids.includes(r.id) && !i.row.approved_by?.includes(r.id))
+          return /* @__PURE__ */ d(m, { direction: "row", children: [
+            /* @__PURE__ */ e(C, { id: i.row.id, onClick: o.onRowActionClick }),
+            /* @__PURE__ */ e(k, { id: i.row.id, onClick: o.onRowActionClick })
+          ] });
+      }
+    };
 };
 export {
-  d as FinanceProgressBar
+  q as useApprovalRequestActionsCell
 };

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

@@ -1,173 +1,22 @@
-import { useGetFinanceOffers as T } from "./index334.js";
-import { useGetFinancingConnectToken as P } from "./index474.js";
-import { useKanmonContext as b } from "./index56.js";
-import { useMoniteContext as h } from "./index57.js";
-import { useLingui as k } from "@lingui/react";
-import { useState as U, useEffect as V } from "react";
-import "react-hot-toast";
-import "./index92.js";
-import "@emotion/react/jsx-runtime";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useComponentSettings as w } from "./index67.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import "./index57.js";
 import "@tanstack/react-query";
 import "date-fns";
-import { useMyEntity as G } from "./index78.js";
-import x from "react-script-hook";
-const W = "https://cdn.sandbox.kanmon.dev/scripts/v2/kanmon-connect.js", L = "https://cdn.kanmon.dev/scripts/v2/kanmon-connect.js", s = {
-  INIT: "init",
-  IN_PROGRESS: "in_progress",
-  PENDING_APPROVAL: "pending_approval",
-  NO_OFFERS_AVAILABLE: "no_offers",
-  SERVICING: "servicing",
-  APPROVED: "approved",
-  OFFER_ACCEPTED: "offer_accepted",
-  OFFERS_EXPIRED: "offers_expired"
-}, ae = () => {
+import { useEntityUserById as e } from "./index75.js";
+import "react";
+import "react-hot-toast";
+import "@lingui/react";
+import { UserAvatar as m } from "./index429.js";
+import { Chip as i, Skeleton as n } from "@mui/material";
+const y = ({
+  entityUserId: o
+}) => {
   const {
-    apiUrl: _,
-    api: i,
-    queryClient: c,
-    entityId: E
-  } = h(), {
-    isKanmonInitialized: d,
-    toggleKanmon: f,
-    handleButtonText: a,
-    buttonText: R
-  } = b(), {
-    onboardingCallbacks: y
-  } = w(), {
-    i18n: o
-  } = k(), l = P(), {
-    data: t
-  } = T(), {
-    isUSEntity: u
-  } = G(), I = (() => {
-    switch (t?.business_status) {
-      case "NEW":
-      default:
-        return s.INIT;
-      case "INPUT_REQUIRED":
-        return s.IN_PROGRESS;
-      case "ONBOARDED":
-        return t?.offers?.length === 0 ? s.PENDING_APPROVAL : t?.offers?.[0]?.status === "NEW" ? s.APPROVED : t?.offers?.[0]?.status === "EXPIRED" ? s.OFFERS_EXPIRED : t?.offers?.[0]?.status === "ACCEPTED" ? s.OFFER_ACCEPTED : s.SERVICING;
-    }
-  })(), F = (() => {
-    try {
-      const e = new URL(_);
-      return !["api.dev.monite.com", "api.sandbox.monite.com"].includes(e.hostname);
-    } catch {
-      return !0;
-    }
-  })() ? L : W, [p] = x({
-    src: F
-  }), [N, m] = U(!1), g = (e) => {
-    const n = {
-      type: "receivable",
-      status: "NEW",
-      invoice_id: e?.platformInvoiceId,
-      document_id: e?.platformInvoiceNumber,
-      due_date: e?.invoiceDueDate,
-      issue_date: e?.invoiceIssuedDate,
-      total_amount: e?.invoiceAmountCents,
-      currency: "USD",
-      payer_type: e?.payorType,
-      payer_business_name: e?.payorBusinessName,
-      payer_first_name: e?.payorFirstName,
-      payer_last_name: e?.payorLastName,
-      requested_amount: e?.amountRequestedForFinancingCents,
-      principal_amount: e?.principalAmountCents,
-      repayment_amount: e?.repaymentAmountCents,
-      advance_amount: e?.invoiceAdvanceAmountCents,
-      advance_rate_percentage: e?.advanceRatePercentage * 100,
-      fee_amount: e?.feeAmountCents,
-      fee_percentage: e?.transactionFeePercentage * 100,
-      repayment_schedule: {
-        repayment_date: e?.repaymentSchedule?.schedule?.[0]?.repaymentDate,
-        repayment_amount: e?.repaymentSchedule?.schedule?.[0]?.repaymentAmountCents,
-        repayment_fee_amount: e?.repaymentSchedule?.schedule?.[0]?.repaymentFeeAmountCents,
-        repayment_principal_amount: e?.repaymentSchedule?.schedule?.[0]?.repaymentPrincipalAmountCents
-      }
-    };
-    i.finops.getFinancingInvoices.setQueryData(i.finops.getFinancingInvoices.getQueryKey({
-      query: {
-        type: "receivable",
-        invoice_id: e?.platformInvoiceId
-      }
-    }), (r) => ({
-      ...r,
-      data: [n]
-    }), c), i.finops.getFinancingInvoices.setQueryData(i.finops.getFinancingInvoices.getQueryKey({
-      query: {}
-    }), (r) => {
-      const S = r?.data ? r.data : [];
-      return {
-        ...r,
-        data: [n, ...S]
-      };
-    }, c);
-  }, C = ({
-    connectToken: e
-  }) => {
-    window?.KANMON_CONNECT?.start({
-      connectToken: e,
-      onEvent: (n) => {
-        if (!(n.eventType !== "USER_STATE_CHANGED" && n.eventType !== "USER_CONFIRMED_INVOICE"))
-          if (n.eventType === "USER_CONFIRMED_INVOICE")
-            g(n.data.invoice);
-          else {
-            switch (n.data.userState) {
-              case "START_FLOW":
-                a(o._("Apply for financing"));
-                break;
-              case "USER_INPUT_REQUIRED":
-                n.data.section === "OFFER" ? a(o._("Review terms and sign")) : a(o._("Resume application"));
-                break;
-              case "WAITING_FOR_OFFERS":
-                a(""), (t?.business_status === "INPUT_REQUIRED" || t?.business_status === "NEW") && y.onWorkingCapitalOnboardingComplete?.(E);
-                break;
-              case "OFFERS_EXPIRED":
-              case "NO_OFFERS_EXTENDED":
-                a("");
-                break;
-              case "SERVICING":
-                a(o._("Financing menu")), t?.business_status === "ONBOARDED" && t?.offers?.[0]?.status === "NEW" && window.localStorage.setItem("isFinanceTabNew", "true");
-                break;
-              case "VIEW_OFFERS":
-              case "OFFER_ACCEPTED":
-                a(o._("Review terms and sign"));
-                break;
-            }
-            i.finops.getFinancingOffers.invalidateQueries(c);
-          }
-      }
-    });
-  };
-  V(() => {
-    !d && !p && u && (async () => {
-      m(!0);
-      try {
-        const e = await l.mutateAsync();
-        C({
-          connectToken: e.connect_token
-        }), f(!0);
-      } catch {
-      } finally {
-        m(!1);
-      }
-    })();
-  }, [p, u]);
-  const O = p || N, v = u, A = t?.business_status === "ONBOARDED" && t?.offers?.[0]?.status === "CURRENT", D = t?.offers?.[0];
-  return {
-    buttonText: R,
-    applicationState: I,
-    offer: D,
-    isLoading: O,
-    isEnabled: v,
-    isServicing: A
-  };
+    data: r,
+    isLoading: a
+  } = e(o);
+  return r ? a ? /* @__PURE__ */ t(i, { label: /* @__PURE__ */ t(n, { variant: "rounded", height: "50%", width: 100, animation: "wave" }) }) : /* @__PURE__ */ t(i, { avatar: /* @__PURE__ */ t(m, { fileId: r.userpic_file_id }), label: `${r.first_name ?? ""} ${r.last_name ?? ""}`.trim() || "—", variant: "outlined", color: "secondary" }) : null;
 };
 export {
-  s as FinancialApplicationState,
-  ae as useFinancing
+  y as UserCell
 };