@tesouro/embedded-components-react 0.2.117 → 0.2.118

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

@@ -1,170 +1,65 @@
-import { jsx as e, jsxs as s, Fragment as D } from "@emotion/react/jsx-runtime";
-import { Role as j } from "./index446.js";
-import { User as g } from "./index272.js";
-import { useApprovalPolicyScript as B } from "./index395.js";
-import { useApprovalPolicyTrigger as R } from "./index386.js";
-import { getCounterpartName as $ } from "./index7.js";
-import { useMoniteContext as q } from "./index57.js";
-import { useDialog as H } from "./index50.js";
-import { DialogFooter as N } from "./index447.js";
-import { DialogHeader as Q } from "./index448.js";
-import { useLingui as U, Trans as E } from "@lingui/react";
-import { Stack as c, Chip as w, DialogContent as F, Typography as u, Paper as A, Table as x, TableHead as C, TableRow as m, TableCell as o, TableBody as I } from "@mui/material";
-import { toast as M } from "react-hot-toast";
-const le = ({
-  approvalPolicy: d,
-  setIsEdit: P
-}) => {
-  const {
-    i18n: a
-  } = U(), T = H(), {
-    api: h,
-    queryClient: _
-  } = q(), {
-    triggers: i,
-    getTriggerLabel: k,
-    getAmountLabel: S
-  } = R({
-    approvalPolicy: d
-  }), {
-    rules: t,
-    getRuleLabel: b
-  } = B({
-    approvalPolicy: d
-  }), {
-    data: L
-  } = h.finops.getTags.useQuery({
-    query: {
-      id__in: Array.isArray(i?.tags) ? i.tags : []
-    }
-  }, {
-    enabled: !!i?.tags?.length
-  }), {
-    data: W
-  } = h.finops.getCounterparts.useQuery({
-    query: {
-      id__in: Array.isArray(i?.counterpart_id) ? i.counterpart_id : []
-    }
-  }, {
-    enabled: !!i?.counterpart_id?.length
-  }), y = h.finops.deleteApprovalPoliciesId.useMutation(void 0, {
-    onSuccess: async () => {
-      await Promise.all([h.finops.getApprovalPolicies.invalidateQueries(_), h.finops.getApprovalPoliciesId.invalidateQueries({
-        parameters: {
-          path: {
-            approval_policy_id: d.id
-          }
-        }
-      }, _)]), M.success(a._("Approval policy has been deleted"));
-    }
-  }), f = Object.keys(i).map((r) => {
-    const l = k(r);
-    let p;
-    switch (r) {
-      case "was_created_by_user_id":
-        Array.isArray(i[r]) && (p = /* @__PURE__ */ e(c, { direction: "row", gap: 1, sx: {
-          flexWrap: "wrap"
-        }, children: i[r].map((n) => /* @__PURE__ */ e(g, { userId: n }, n)) }));
-        break;
-      case "tags":
-        p = /* @__PURE__ */ e(c, { direction: "row", gap: 1, sx: {
-          flexWrap: "wrap"
-        }, children: L?.data.map((n) => /* @__PURE__ */ e(w, { label: n.name }, n.id)) });
-        break;
-      case "counterpart_id":
-        p = /* @__PURE__ */ e(c, { direction: "row", gap: 1, sx: {
-          flexWrap: "wrap"
-        }, children: W?.data.map((n) => /* @__PURE__ */ e(w, { label: $(n) }, n.id)) });
-        break;
-      case "amount":
-        p = /* @__PURE__ */ e("p", { children: S(i.amount?.value ?? [], i.amount?.currency ?? "EUR") });
-        break;
-      default:
-        p = r;
-        break;
-    }
-    return {
-      label: l,
-      value: p
-    };
-  }), v = t && Object.keys(t)?.map((r) => {
-    if (!t[r]) return null;
-    switch (r) {
-      case "single_user":
-        return {
-          label: b(r),
-          value: /* @__PURE__ */ e(g, { userId: t[r].userId })
-        };
-      case "users_from_list":
-        return {
-          label: b(r, t[r].count),
-          value: /* @__PURE__ */ e(c, { direction: "column", gap: 1, sx: {
-            flexWrap: "wrap"
-          }, children: t[r].userIds?.map((l) => /* @__PURE__ */ e(g, { userId: l }, l)) })
-        };
-      case "roles_from_list":
-        return {
-          label: b(r),
-          value: /* @__PURE__ */ e(c, { direction: "row", gap: 1, sx: {
-            flexWrap: "wrap"
-          }, children: t[r].roleIds?.map((l) => /* @__PURE__ */ e(j, { roleId: l, quoted: !0 }, l)) })
-        };
-      case "approval_chain":
-        return {
-          label: b(r),
-          value: /* @__PURE__ */ e(c, { direction: "column", spacing: 0.5, children: t[r].chainUserIds?.map((l) => l ? /* @__PURE__ */ e(g, { userId: l }, l) : null) })
-        };
-    }
-  });
-  return /* @__PURE__ */ s(D, { children: [
-    /* @__PURE__ */ e(Q, { title: d?.name, closeButtonTooltip: a._("Close approval policy details") }),
-    /* @__PURE__ */ s(F, { children: [
-      /* @__PURE__ */ e(u, { variant: "h5", mt: 2, mb: 1, children: a._("Description") }),
-      d?.description && /* @__PURE__ */ e(u, { variant: "body1", children: d.description }),
-      /* @__PURE__ */ e(u, { variant: "h5", mt: 4, mb: 1, children: a._("Conditions") }),
-      /* @__PURE__ */ e(u, { variant: "body1", mb: 1, children: /* @__PURE__ */ e(E, { id: "INKhSX", components: {
-        0: /* @__PURE__ */ e("strong", {})
-      } }) }),
-      /* @__PURE__ */ e(A, { variant: "outlined", children: /* @__PURE__ */ s(x, { children: [
-        /* @__PURE__ */ e(C, { children: /* @__PURE__ */ s(m, { children: [
-          /* @__PURE__ */ e(o, { children: a._("Condition") }),
-          /* @__PURE__ */ e(o, { children: a._("Criteria") })
-        ] }) }),
-        /* @__PURE__ */ e(I, { children: f.length > 0 ? f.map((r) => /* @__PURE__ */ s(m, { children: [
-          /* @__PURE__ */ e(o, { children: r.label }),
-          /* @__PURE__ */ e(o, { children: r.value })
-        ] }, r.label)) : /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(o, { colSpan: 2, children: a._("No conditions") }) }) })
-      ] }) }),
-      /* @__PURE__ */ e(u, { variant: "h5", mt: 4, mb: 1, children: a._("Approval flow") }),
-      /* @__PURE__ */ e(u, { variant: "body1", mb: 1, children: a._("Who needs to approve the document and how:") }),
-      /* @__PURE__ */ e(A, { variant: "outlined", children: /* @__PURE__ */ s(x, { children: [
-        /* @__PURE__ */ e(C, { children: /* @__PURE__ */ s(m, { children: [
-          /* @__PURE__ */ e(o, { children: a._("Approval type") }),
-          /* @__PURE__ */ e(o, { children: a._("Users or Roles") })
-        ] }) }),
-        /* @__PURE__ */ e(I, { children: v && v.length > 0 ? v.map((r) => /* @__PURE__ */ s(m, { children: [
-          /* @__PURE__ */ e(o, { children: r?.label }),
-          /* @__PURE__ */ e(o, { children: r?.value })
-        ] }, r?.label)) : /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(o, { colSpan: 2, children: a._("No rules") }) }) })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ e(N, { primaryButton: {
-      label: a._("Edit"),
-      onClick: () => P(!0)
-    }, deleteButton: {
-      onClick: () => {
-        y.mutate({
-          path: {
-            approval_policy_id: d.id
-          }
-        }, {
-          onSuccess: () => T?.onClose?.()
-        });
-      },
-      isLoading: y.isPending
-    } })
-  ] });
+const t = (e, r) => {
+  switch (r) {
+    case "draft":
+      return e._("Draft");
+    case "issued":
+      return e._("Issued");
+    case "accepted":
+      return e._("Accepted");
+    case "expired":
+      return e._("Expired");
+    case "declined":
+      return e._("Declined");
+    case "recurring":
+      return e._("Recurring");
+    case "partially_paid":
+      return e._("Partially paid");
+    case "paid":
+      return e._("Paid");
+    case "overdue":
+      return e._("Overdue");
+    case "uncollectible":
+      return e._("Uncollectible");
+    case "canceled":
+      return e._("Canceled");
+    case "deleted":
+      return e._("Deleted");
+    default:
+      throw new Error(`Unknown status ${JSON.stringify(r)}`);
+  }
+}, a = (e, r) => {
+  switch (r) {
+    case "active":
+      return e._("Active");
+    case "paused":
+      return e._("Paused");
+    case "canceled":
+      return e._("Cancelled");
+    case "completed":
+      return e._("Complete");
+    default:
+      throw new Error(`Unknown status ${JSON.stringify(r)}`);
+  }
+}, n = (e, r) => {
+  switch (r) {
+    case "pending":
+      return e._("Scheduled");
+    case "skipped":
+      return e._("Skipped");
+    case "canceled":
+      return e._("Cancelled");
+    case "issue_failed":
+      return e._("Issue failed");
+    case "send_failed":
+      return e._("Send failed");
+    case "completed":
+      return e._("Complete");
+    default:
+      throw new Error(`Unknown status ${JSON.stringify(r)}`);
+  }
 };
 export {
-  le as ApprovalPolicyView
+  n as getCommonRecurrenceIterationStatusLabel,
+  a as getCommonRecurrenceStatusLabel,
+  t as getCommonStatusLabel
 };

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as i } from "./index57.js";
-import { getAPIErrorMessage as a } from "./index125.js";
+import { getAPIErrorMessage as a } from "./index121.js";
 import { useLingui as n } from "@lingui/react";
 import { toast as m } from "react-hot-toast";
 const d = (t) => {

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

@@ -1,4 +1,24 @@
-const s = (o) => o.source_of_payable_data === "ocr" && o.ocr_status === "processing";
+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
+}) => {
+  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 });
+};
 export {
-  s as isPayableInOCRProcessing
+  d as FinanceBannerWrapper
 };

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

@@ -1,98 +1,20 @@
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import { useDragScroll as b } from "./index403.js";
-import { PayableStatusChip as C } from "./index211.js";
-import { useMoniteContext as M } from "./index57.js";
-import { useCurrencies as x } from "./index58.js";
-import { Skeleton as A } from "./index149.js";
-import { StatusCard as D } from "./index312.js";
-import { useLingui as j } from "@lingui/react";
-import { useRef as L, useEffect as P } from "react";
-import { getPayablesAnalyticsSnapshot as U } from "./index404.js";
-const c = [{
-  groupStatus: "all",
-  apiStatuses: [],
-  representativeStatus: null
-}, {
-  groupStatus: "draft",
-  apiStatuses: ["draft", "new"],
-  representativeStatus: "draft"
-}, {
-  groupStatus: "pending_approval",
-  apiStatuses: ["approve_in_progress"],
-  representativeStatus: "approve_in_progress"
-}, {
-  groupStatus: "rejected",
-  apiStatuses: ["rejected"],
-  representativeStatus: "rejected"
-}, {
-  groupStatus: "ready_to_pay",
-  apiStatuses: ["waiting_to_be_paid", "partially_paid"],
-  representativeStatus: "waiting_to_be_paid"
-}, {
-  groupStatus: "paid",
-  apiStatuses: ["paid"],
-  representativeStatus: "paid"
-}, {
-  groupStatus: "cancelled",
-  apiStatuses: ["canceled"],
-  representativeStatus: "canceled"
-}], O = ({
-  onChangeFilter: o,
-  selectedStatus: s
+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 "./index289.js";
+const d = ({
+  children: e
 }) => {
-  const {
-    i18n: l
-  } = j(), {
-    data: r,
-    isLoading: n
-  } = k(), {
-    formatCurrencyToDisplay: m
-  } = x(), {
-    containerRef: S,
-    handleMouseDown: f,
-    handleMouseLeave: v,
-    handleMouseUp: _,
-    handleMouseMove: g
-  } = b();
-  if (n)
-    return /* @__PURE__ */ i("div", { className: "ttw:flex ttw:gap-2", children: Array.from({
-      length: 6
-    }).map((t, u) => /* @__PURE__ */ i(A, { className: "ttw:h-16.5 ttw:w-42 ttw:rounded-xl ttw:animate-pulse" }, u)) });
-  const d = r?.data ?? [], w = c.map(({
-    groupStatus: t,
-    apiStatuses: u
-  }) => {
-    if (t === "all")
-      return {
-        status: "all",
-        count: d.reduce((e, a) => e + a.count, 0),
-        sum_total_amount: d.reduce((e, a) => e + (a.sum_total_amount ?? 0), 0)
-      };
-    const p = d.filter((e) => u.includes(e.status));
-    return {
-      status: t,
-      count: p.reduce((e, a) => e + a.count, 0),
-      sum_total_amount: p.reduce((e, a) => e + (a.sum_total_amount ?? 0), 0)
-    };
-  }).filter((t) => t.status === "all" || t.count > 0), h = (t) => {
-    o("status", t === "all" ? null : t);
-  }, y = (t) => m(t, "USD") ?? "—";
-  return /* @__PURE__ */ i("div", { ref: S, className: "ttw:flex ttw:gap-2 ttw:mb-6 ttw:overflow-x-auto ttw:[scrollbar-width:none] ttw:[&::-webkit-scrollbar]:hidden ttw:cursor-grab ttw:select-none", onMouseDown: f, onMouseLeave: v, onMouseUp: _, onMouseMove: g, children: w.map((t) => {
-    const u = c.find((p) => p.groupStatus === t.status);
-    return /* @__PURE__ */ i(D, { allItemsText: l._("All bills"), isAllStatus: t.status === "all", data: t.status === "all" ? t.count ?? 0 : t.sum_total_amount ?? 0, amountOfItems: t.status !== "all" ? t.count ?? 0 : void 0, selected: s === t.status, onClick: () => h(t.status), formatAmount: y, statusChip: u?.representativeStatus ? /* @__PURE__ */ i(C, { status: u.representativeStatus }) : void 0 }, t.status);
-  }) });
-}, k = () => {
-  const {
-    api: o,
-    queryClient: s
-  } = M(), l = o.finops.getPayablesAnalytics.useQuery({}, {
-    enabled: !!s,
-    refetchInterval: 3e3
-  }), r = U(l.data?.data), n = L(void 0);
-  return P(() => {
-    r !== void 0 && n.current !== void 0 && r !== n.current && s && o.finops.getPayables.invalidateQueries(s), n.current = r;
-  }, [r, o, s]), l;
+  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, {}) })
+  ] });
 };
 export {
-  O as SummaryCardsFilters
+  d as FinanceFaqWrapper
 };

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

@@ -1,99 +1,21 @@
-import { jsx as a, jsxs as o, Fragment as w } from "@emotion/react/jsx-runtime";
-import { useLingui as v } from "@lingui/react";
-import { ListFilter as p } from "lucide-react";
-import { useFilterPanel as g, FilterBar as C, FilterTag as x, Popover as b, PopoverTrigger as F, FilterMenuButton as f, PopoverContent as P, DateRangePicker as D, MultiSelectFilter as N, AmountFilter as M, Input as y, RadioGroup as I, RadioGroupItem as _, SearchInput as S } from "../../../../packages/shared-ui-shadcn/dist/index.js";
-const k = {
-  date: "ttw:w-auto",
-  status: "ttw:w-56",
-  amount: "ttw:w-64",
-  vendor: "ttw:w-64",
-  attachment: "ttw:w-56"
-}, A = {
-  due_date: "Due date",
-  created_at: "Created on",
-  issued_at: "Issue date"
-}, L = [{
-  id: "date",
-  label: "Due date",
-  activeDateField: "due_date"
-}, {
-  id: "date",
-  label: "Created on",
-  activeDateField: "created_at"
-}, {
-  id: "date",
-  label: "Issue date",
-  activeDateField: "issued_at"
-}, {
-  id: "status",
-  label: "Status",
-  activeDateField: void 0
-}, {
-  id: "amount",
-  label: "Amount",
-  activeDateField: void 0
-}, {
-  id: "vendor",
-  label: "Vendor",
-  activeDateField: void 0
-}, {
-  id: "attachment",
-  label: "Attachment",
-  activeDateField: void 0
-}];
-function O(e) {
-  const {
-    i18n: i
-  } = v(), n = g(), s = n.isMenuOpen || !!n.activePanelId, r = n.activePanelId && k[n.activePanelId] || "ttw:w-52", d = e.allPresets.map((t) => ({
-    value: t.value,
-    label: t.label,
-    group: t.group
-  })), c = (t) => {
-    t || (n.closeMenu(), n.closePanel());
-  }, u = (t, l) => {
-    l && e.onActiveDateFieldChange(l), n.openPanel(t);
-  }, m = e.hasFile === !0 ? "has" : e.hasFile === !1 ? "no" : "any", h = (t) => {
-    t === "any" ? e.onHasFileChange(void 0) : t === "has" ? e.onHasFileChange(!0) : e.onHasFileChange(!1);
-  };
-  return /* @__PURE__ */ a(C, { className: "ttw:pl-4", searchSlot: /* @__PURE__ */ a(S, { value: e.searchValue, onChange: (t) => e.onSearchChange(t.target.value), placeholder: "Search by number or vendor..." }), menuSlot: /* @__PURE__ */ o(b, { open: s, onOpenChange: c, children: [
-    /* @__PURE__ */ a(F, { asChild: !0, children: /* @__PURE__ */ a(f, { activeCount: e.activeFilterCount, onClick: n.toggleMenu }) }),
-    /* @__PURE__ */ o(P, { align: "start", className: `ttw:p-0 ${r}`, children: [
-      n.isMenuOpen && /* @__PURE__ */ a("div", { className: "ttw:p-1", children: L.map((t, l) => /* @__PURE__ */ o("button", { type: "button", className: "ttw:flex ttw:items-center ttw:gap-2 ttw:w-full ttw:px-2 ttw:py-1.5 ttw:rounded-md ttw:text-xs ttw:font-medium ttw:hover:bg-accent ttw:transition-colors ttw:cursor-pointer", onClick: () => u(t.id, t.activeDateField), children: [
-        /* @__PURE__ */ a(p, { className: "ttw:size-4 ttw:text-muted-foreground ttw:shrink-0" }),
-        t.label
-      ] }, `${t.id}-${l}`)) }),
-      n.activePanelId === "date" && /* @__PURE__ */ a(D, { from: e.dateFrom, to: e.dateTo, onRangeChange: e.onDateRangeChange, selectedPreset: e.selectedDatePreset, onPresetChange: e.onDatePresetChange, presets: d, fieldLabel: A[e.activeDateField] }),
-      n.activePanelId === "status" && /* @__PURE__ */ a(N, { options: e.statusOptions, selectedValues: e.selectedStatus, onSelectionChange: e.onStatusChange }),
-      n.activePanelId === "amount" && /* @__PURE__ */ a(M, { mode: e.amountMode, onModeChange: e.onAmountModeChange, min: e.amountMin, max: e.amountMax, onMinChange: e.onAmountMinChange, onMaxChange: e.onAmountMaxChange, showFlowDirection: !1, minLabel: "No less than", maxLabel: "No more than" }),
-      n.activePanelId === "vendor" && /* @__PURE__ */ o("div", { className: "ttw:p-3 ttw:flex ttw:flex-col ttw:gap-2", children: [
-        /* @__PURE__ */ a("p", { className: "ttw:text-xs ttw:font-medium ttw:text-muted-foreground", children: "Vendor name" }),
-        /* @__PURE__ */ a(y, { type: "text", value: e.vendorName, onChange: (t) => e.onVendorNameChange(t.target.value), placeholder: "Search vendors...", className: "ttw:h-8 ttw:text-xs" }),
-        /* @__PURE__ */ a("p", { className: "ttw:text-xs ttw:text-muted-foreground", children: i._("Matches names containing your search") })
-      ] }),
-      n.activePanelId === "attachment" && /* @__PURE__ */ a("div", { className: "ttw:p-3", children: /* @__PURE__ */ a(I, { value: m, onValueChange: h, className: "ttw:flex ttw:flex-col ttw:gap-1", children: [{
-        value: "any",
-        label: "Any"
-      }, {
-        value: "has",
-        label: "Has attachment"
-      }, {
-        value: "no",
-        label: "No attachment"
-      }].map(({
-        value: t,
-        label: l
-      }) => /* @__PURE__ */ o("label", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:cursor-pointer", children: [
-        /* @__PURE__ */ a(_, { value: t }),
-        /* @__PURE__ */ a("span", { className: "ttw:text-xs ttw:font-medium", children: l })
-      ] }, t)) }) })
-    ] })
-  ] }), activeChipsSlot: /* @__PURE__ */ o(w, { children: [
-    e.activeChips.map((t) => /* @__PURE__ */ a(x, { label: t.label, count: t.count, variant: "default", onLabelClick: t.key === "date" ? () => {
-      n.openPanel("date");
-    } : void 0, onDismiss: () => e.onDismissChip(t.key) }, t.key)),
-    e.activeFilterCount > 0 && /* @__PURE__ */ a("button", { type: "button", className: "ttw:text-xs ttw:text-muted-foreground ttw:hover:text-foreground ttw:transition-colors ttw:cursor-pointer ttw:whitespace-nowrap", onClick: e.onClearAll, children: "Clear all" })
-  ] }) });
-}
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { useTheme as s, Box as o } from "@mui/material";
+const d = ({
+  progress: i
+}) => {
+  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
+  } }) });
+};
 export {
-  O as PayablesFilterBar
+  d as FinanceProgressBar
 };