@tesouro/embedded-components-react 0.2.127 → 0.2.130

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

@@ -1,45 +1,215 @@
-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 "./index166.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
+import { formatDateRangeFilterChip as D, formatFilterChipMultiSelectValueSegment as C } from "./index97.js";
+import { getCounterpartName as I } from "./index7.js";
+import { useMoniteContext as $ } from "./index57.js";
+import { useCounterpartById as A } from "./index70.js";
+import "@tanstack/react-query";
+import { useState as w, useMemo as l, useCallback as d } from "react";
+import "react-hot-toast";
+import "@lingui/react";
+import { useCurrencies as x } from "./index58.js";
+import { toMinorUnits as E } from "./index120.js";
+import { formatISO as m } from "date-fns";
+import { DATE_PRESETS as _, resolveDatePreset as U } from "./index407.js";
+const v = [{
+  value: "draft",
+  label: "New"
+}, {
+  value: "pending_approval",
+  label: "Pending approval"
+}, {
+  value: "ready_to_pay",
+  label: "Ready to pay"
+}, {
+  value: "paid",
+  label: "Paid"
+}, {
+  value: "cancelled",
+  label: "Cancelled"
+}, {
+  value: "rejected",
+  label: "Rejected"
+}], j = {
+  draft: ["draft", "new"],
+  pending_approval: ["approve_in_progress"],
+  ready_to_pay: ["waiting_to_be_paid", "partially_paid"],
+  paid: ["paid"],
+  cancelled: ["canceled"],
+  rejected: ["rejected"]
+}, R = ["draft", "new", "approve_in_progress", "rejected", "waiting_to_be_paid", "partially_paid", "paid"];
+function h() {
+  return {
+    search: "",
+    activeDateField: "due_date",
+    datePreset: void 0,
+    dateFrom: void 0,
+    dateTo: void 0,
+    status: [],
+    amountMode: "any",
+    amountMin: "",
+    amountMax: "",
+    vendorName: "",
+    hasFile: void 0
+  };
+}
+function Q({
+  initialCounterpartId: f
+} = {}) {
+  const [e, o] = w(() => ({
+    ...h(),
+    counterpartId: f
+  })), {
+    formatToMinorUnits: u
+  } = x(), {
+    componentSettings: F
+  } = $(), {
+    data: b
+  } = A(e.counterpartId), c = I(b), p = F.onboarding.allowedCurrencies?.[0] ?? "USD", y = l(() => {
+    const a = {}, t = e.activeDateField;
+    if (e.dateFrom && (a[`${t}__gte`] = m(e.dateFrom, {
+      representation: "date"
+    })), e.dateTo && (a[`${t}__lte`] = m(e.dateTo, {
+      representation: "date"
+    })), e.status.length ? a.status__in = e.status.flatMap((r) => j[r] ?? [r]) : a.status__in = R, e.vendorName && (a.counterpart_name__icontains = e.vendorName), e.counterpartId && (a.counterpart_id = e.counterpartId), e.hasFile !== void 0 && (a.has_file = e.hasFile), e.search && (a.search_text = e.search), e.amountMode !== "any") {
+      const r = parseFloat(e.amountMin), s = parseFloat(e.amountMax), i = (n) => u(n, p) ?? E(n, 2);
+      if (e.amountMode === "exact") {
+        if (!isNaN(r)) {
+          const n = i(r);
+          a.total_amount__gte = n, a.total_amount__lte = n;
         }
+      } else
+        isNaN(r) || (a.total_amount__gte = i(r)), isNaN(s) || (a.total_amount__lte = i(s));
+    }
+    return a;
+  }, [e, p, u]), g = l(() => {
+    let a = 0;
+    return e.status.length && a++, e.vendorName && a++, e.counterpartId && a++, e.hasFile !== void 0 && a++, e.amountMode !== "any" && a++, e.search && a++, a;
+  }, [e]), M = l(() => {
+    const a = [];
+    if (e.dateFrom || e.dateTo) {
+      const t = (e.datePreset ? _.find((s) => s.value === e.datePreset)?.label : void 0) ?? D(e.dateFrom, e.dateTo), r = e.activeDateField === "due_date" ? "Due date" : e.activeDateField === "created_at" ? "Created on" : "Issue date";
+      a.push({
+        key: "date",
+        label: `${r}: ${t}`
+      });
+    }
+    if (e.status.length) {
+      const t = e.status.map((r) => v.find((s) => s.value === r)?.label ?? r);
+      a.push({
+        key: "status",
+        label: `Status: ${C(t)}`
+      });
+    }
+    return e.vendorName && a.push({
+      key: "vendor",
+      label: `Vendor: ${e.vendorName}`
+    }), e.counterpartId && a.push({
+      key: "counterpart",
+      label: `Vendor: ${c || e.counterpartId}`
+    }), e.hasFile === !0 && a.push({
+      key: "attachment",
+      label: "Has attachment"
+    }), e.hasFile === !1 && a.push({
+      key: "attachment",
+      label: "No attachment"
+    }), e.amountMode !== "any" && a.push({
+      key: "amount",
+      label: "Amount"
+    }), e.search && a.push({
+      key: "search",
+      label: `Search: ${e.search}`
+    }), a;
+  }, [e, c]), N = d((a) => {
+    const {
+      from: t,
+      to: r
+    } = U(a);
+    o((s) => ({
+      ...s,
+      datePreset: a,
+      dateFrom: t,
+      dateTo: r
+    }));
+  }, []), P = d((a, t) => {
+    o((r) => ({
+      ...r,
+      datePreset: void 0,
+      dateFrom: a,
+      dateTo: t
+    }));
+  }, []), S = d((a) => {
+    o((t) => ({
+      ...t,
+      activeDateField: a
+    }));
+  }, []), T = d((a) => {
+    switch (a) {
+      case "date": {
+        o((t) => ({
+          ...t,
+          datePreset: void 0,
+          dateFrom: void 0,
+          dateTo: void 0,
+          activeDateField: "due_date"
+        }));
+        break;
       }
-    }, 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);
-      }
-    });
+      case "status":
+        o((t) => ({
+          ...t,
+          status: []
+        }));
+        break;
+      case "vendor":
+        o((t) => ({
+          ...t,
+          vendorName: ""
+        }));
+        break;
+      case "counterpart":
+        o((t) => ({
+          ...t,
+          counterpartId: void 0
+        }));
+        break;
+      case "attachment":
+        o((t) => ({
+          ...t,
+          hasFile: void 0
+        }));
+        break;
+      case "amount":
+        o((t) => ({
+          ...t,
+          amountMode: "any",
+          amountMin: "",
+          amountMax: ""
+        }));
+        break;
+      case "search":
+        o((t) => ({
+          ...t,
+          search: ""
+        }));
+        break;
+    }
+  }, []), k = d(() => o(h()), []);
+  return {
+    state: e,
+    setState: o,
+    queryParams: y,
+    activeFilterCount: g,
+    activeChips: M,
+    datePresets: _,
+    statusOptions: v,
+    setDatePreset: N,
+    setDateRange: P,
+    setActiveDateField: S,
+    clearFilter: T,
+    clearAll: k
   };
-  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 });
-};
+}
 export {
-  D as ConfirmDeleteModal
+  R as AP_DEFAULT_STATUSES,
+  v as AP_STATUS_OPTIONS,
+  Q as usePayablesFilter
 };

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

@@ -3,7 +3,7 @@ import { useGetPayableCounterpart as Fe } from "./index16.js";
 import { usePayableDetailsThemeProps as H } from "./index17.js";
 import { useMemo as Se, useState as Be, useRef as Pe, useEffect as x } from "react";
 import { useMoniteContext as Ae } from "./index57.js";
-import { useUserPermissions as ke } from "./index130.js";
+import { useUserPermissions as ke } from "./index135.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";
@@ -13,7 +13,7 @@ import { Scope as Ne } from "../../shared/data-access/dist/lib/scopes.js";
 import { useLingui as Ve } from "@lingui/react";
 import "react-hot-toast";
 import { PayableLineItemsForm as Re } from "./index461.js";
-import { prepareDefaultValues as Y, calculateTotalsForPayable as Me, findDefaultBankAccount as qe, isFieldRequired as p, resolveCreatePayableCounterpartAddressId as Ge, prepareSubmit as We } from "./index286.js";
+import { prepareDefaultValues as Y, calculateTotalsForPayable as Me, findDefaultBankAccount as qe, isFieldRequired as p, resolveCreatePayableCounterpartAddressId as Ge, prepareSubmit as We } from "./index336.js";
 import { usePayableDetailsForm as je } from "./index462.js";
 import { getPayableDetailsFormSchema as Le, isFieldRequiredByValidations as B } from "./index463.js";
 import { ScopedCssBaselineContainerClassName as Ue } from "./index104.js";
@@ -24,14 +24,14 @@ import "clsx";
 import "tailwind-merge";
 import "@radix-ui/react-dialog";
 import "lucide-react";
-import "./index205.js";
+import "./index161.js";
 import "@radix-ui/react-label";
 import "@radix-ui/react-radio-group";
 import "./index85.js";
 import { useForm as ze, useFormState as Qe, FormProvider as Ke, Controller as T } from "react-hook-form";
 import "@hookform/resolvers/zod";
 import "zod";
-import "./index326.js";
+import "./index301.js";
 import "date-fns";
 import "@radix-ui/react-checkbox";
 import "@radix-ui/react-select";
@@ -51,14 +51,14 @@ import { useRootElements as nt } from "./index92.js";
 import { useOptionalFields as st } from "./index59.js";
 import { useProductCurrencyGroups as lt } from "./index464.js";
 import { getBankAccountName as dt } from "./index465.js";
-import { safeZodResolver as ct } from "./index347.js";
-import { MoniteCurrency as ut } from "./index455.js";
+import { safeZodResolver as ct } from "./index239.js";
+import { MoniteCurrency as ut } from "./index438.js";
 import "react-dom";
 import "@mui/x-data-grid";
 import "./index101.js";
-import "./index456.js";
-import { TagsAutocompleteInput as mt } from "./index457.js";
-import { classNames as pt } from "./index147.js";
+import "./index440.js";
+import { TagsAutocompleteInput as mt } from "./index441.js";
+import { classNames as pt } from "./index177.js";
 import X from "@mui/icons-material/Add";
 import ht from "@mui/icons-material/DeleteForever";
 import { DatePicker as $ } from "@mui/x-date-pickers";

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

@@ -1,6 +1,6 @@
 import { useGetPayableCounterpart as Ge } from "./index16.js";
-import { prepareLineItemSubmit as B } from "./index286.js";
-import { usePaymentHandler as Te } from "./index398.js";
+import { prepareLineItemSubmit as B } from "./index336.js";
+import { usePaymentHandler as Te } from "./index402.js";
 import { usePayButtonVisibility as Fe } from "./index19.js";
 import { useGetPayableById as ke } from "./index21.js";
 import { useGetPayableLineItems as xe } from "./index22.js";
@@ -16,9 +16,9 @@ import { useForceRejectPayable as Ze } from "./index31.js";
 import { useForceApprovePayable as $e } from "./index32.js";
 import { useReopenPayable as ea } from "./index33.js";
 import { useDeletePayable as aa } from "./index34.js";
-import { useRejectApprovalRequest as ta } from "./index399.js";
-import { useApproveApprovalRequest as ia } from "./index400.js";
-import { isPayableInOCRProcessing as ra } from "./index300.js";
+import { useRejectApprovalRequest as ta } from "./index403.js";
+import { useApproveApprovalRequest as ia } from "./index404.js";
+import { isPayableInOCRProcessing as ra } from "./index288.js";
 import { useMoniteContext as sa } from "./index57.js";
 import { useCurrencies as oa } from "./index58.js";
 import { useState as na, useEffect as da, useCallback as X, useMemo as pa } from "react";
@@ -29,7 +29,7 @@ import "react-dom";
 import "@mui/x-data-grid";
 import { useEntityUserByAuthToken as ma } from "./index75.js";
 import { usePayablePaymentIntentsAndRecords as ua } from "./index79.js";
-import { useUserPermissions as la } from "./index130.js";
+import { useUserPermissions as la } from "./index135.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";

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

@@ -2,13 +2,13 @@ import { jsx as r, jsxs as f, Fragment as h } from "@emotion/react/jsx-runtime";
 import { useState as _, useMemo as A } from "react";
 import { toast as s } from "react-hot-toast";
 import { useMoniteContext as I } from "./index57.js";
-import { getAPIErrorMessage as B } from "./index118.js";
+import { getAPIErrorMessage as B } from "./index119.js";
 import { useLingui as S } from "@lingui/react";
 import "./index92.js";
 import { useFileInput as E } from "./index61.js";
 import "react-dom";
 import "@mui/x-data-grid";
-import { CenteredContentBox as M } from "./index231.js";
+import { CenteredContentBox as M } from "./index221.js";
 import T from "@mui/icons-material/AttachFile";
 import j from "@mui/icons-material/CloudUploadOutlined";
 import { useTheme as k, alpha as $, CircularProgress as z, Box as g, Typography as a, Button as L } from "@mui/material";

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

@@ -1,19 +1,19 @@
 import { jsxs as s, jsx as r, Fragment as z } from "@emotion/react/jsx-runtime";
 import { useState as L } from "react";
 import { getCounterpartName as T } from "./index7.js";
-import { PayableStatusChip as h } from "./index198.js";
+import { PayableStatusChip as h } from "./index153.js";
 import { useCounterpartById as W } from "./index70.js";
 import "@tanstack/react-query";
 import "./index57.js";
 import "react-hot-toast";
 import { useLingui as q } from "@lingui/react";
-import { DropdownMenu as G } from "./index471.js";
-import { FullScreenModalHeader as J } from "./index472.js";
+import { DropdownMenu as G } from "./index466.js";
+import { FullScreenModalHeader as J } from "./index467.js";
 import { Box as K, Button as C } from "@mui/material";
 import { Wallet as Q } from "lucide-react";
-import { isPayableInOCRProcessing as U } from "./index300.js";
-import { PayableDetailsCancelModal as V } from "./index473.js";
-import { isBillOverdue as X } from "./index202.js";
+import { isPayableInOCRProcessing as U } from "./index288.js";
+import { PayableDetailsCancelModal as V } from "./index468.js";
+import { isBillOverdue as X } from "./index158.js";
 const fe = ({
   payable: o,
   permissions: a,

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

@@ -11,13 +11,13 @@ import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { useLedgerAccounts as de } from "./index20.js";
 import { useLingui as Q } from "@lingui/react";
 import "react-hot-toast";
-import { isPayableInOCRProcessing as ce } from "./index300.js";
-import { usePayableDetailsInfo as se } from "./index466.js";
+import { isPayableInOCRProcessing as ce } from "./index288.js";
+import { usePayableDetailsInfo as se } from "./index469.js";
 import { ScopedCssBaselineContainerClassName as M } from "./index104.js";
-import { UserDisplayCell as ue } from "./index467.js";
+import { UserDisplayCell as ue } from "./index470.js";
 import { getCounterpartName as he } from "./index7.js";
-import { PayableApprovalFlowSection as me } from "./index468.js";
-import { isFieldRequired as c } from "./index286.js";
+import { PayableApprovalFlowSection as me } from "./index471.js";
+import { isFieldRequired as c } from "./index336.js";
 import { MoniteScopedProviders as pe } from "./index83.js";
 import { useCurrencies as _e } from "./index58.js";
 import { useOptionalFields as ye } from "./index59.js";
@@ -25,10 +25,10 @@ import { useCounterpartContactList as fe } from "./index74.js";
 import { useEntityUserById as ge } from "./index75.js";
 import { useApprovalPolicyById as be } from "./index76.js";
 import { dateStringToLocalDate as O } from "./index96.js";
-import { StyledLabelTableCell as s } from "./index442.js";
-import { CenteredContentBox as ve } from "./index231.js";
-import { TagsModal as xe } from "./index469.js";
-import { classNames as k } from "./index147.js";
+import { StyledLabelTableCell as s } from "./index458.js";
+import { CenteredContentBox as ve } from "./index221.js";
+import { TagsModal as xe } from "./index472.js";
+import { classNames as k } from "./index177.js";
 import Ce from "@mui/icons-material/CachedOutlined";
 import Te from "@mui/icons-material/Edit";
 import we from "@mui/icons-material/WarningAmberRounded";

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

@@ -1,6 +1,6 @@
 import { jsx as e } from "@emotion/react/jsx-runtime";
 import { lazy as r, useState as i, useEffect as a, Suspense as u } from "react";
-const m = r(() => import("./index470.js")), C = ({
+const m = r(() => import("./index473.js")), C = ({
   url: o,
   mimetype: l,
   name: t,

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

@@ -2,9 +2,9 @@ import { jsx as o, jsxs as I, Fragment as y } from "@emotion/react/jsx-runtime";
 import { CounterpartDetails as R } from "./index2.js";
 import { CustomersTable as T } from "./index6.js";
 import { VendorsTable as b } from "./index5.js";
-import { CreateCounterpartDialog as k } from "./index203.js";
+import { CreateCounterpartDialog as k } from "./index159.js";
 import { MoniteScopedProviders as M } from "./index83.js";
-import { useUserPermissions as P } from "./index130.js";
+import { useUserPermissions as P } from "./index135.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";
@@ -12,7 +12,7 @@ import "@tanstack/react-query";
 import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as l } from "../../shared/data-access/dist/lib/scopes.js";
 import { useState as u, useCallback as c } from "react";
-import { AccessRestriction as j } from "./index131.js";
+import { AccessRestriction as j } from "./index136.js";
 import { Button as x } from "./index84.js";
 import "clsx";
 import "tailwind-merge";

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

@@ -1,6 +1,6 @@
 import { useMoniteContext as _ } from "./index57.js";
 import { useLingui as l } from "@lingui/react";
-import { getAPIErrorMessage as b } from "./index118.js";
+import { getAPIErrorMessage as b } from "./index119.js";
 import { toast as s } from "react-hot-toast";
 import { useUpdatePayable as m } from "./index25.js";
 const A = ({

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

@@ -1,4 +1,65 @@
-const s = (o) => o.source_of_payable_data === "ocr" && o.ocr_status === "processing";
+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 {
-  s as isPayableInOCRProcessing
+  n as getCommonRecurrenceIterationStatusLabel,
+  a as getCommonRecurrenceStatusLabel,
+  t as getCommonStatusLabel
 };