@tesouro/embedded-components-react 0.2.225 → 0.2.227

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

@@ -1,112 +1,25 @@
-import { jsx as s, jsxs as N, Fragment as x } from "@emotion/react/jsx-runtime";
-import { getDraftInvoiceValidationSchema as B, getInvoiceValidationSchema as V } from "./index192.js";
-import { useMeasureUnitsMapping as q } from "./index363.js";
-import { useGetRecurrenceById as A } from "./index256.js";
-import { useReceivableSubmit as P } from "./index193.js";
-import { useMoniteContext as D } from "./index57.js";
-import { useUserPermissions as G } from "./index141.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 O } from "../../shared/data-access/dist/lib/scopes.js";
-import { useRef as j, useMemo as c, useCallback as w, useEffect as z } from "react";
-import { Button as l } from "./index84.js";
-import { LoadingPage as W } from "./index290.js";
-import { zodResolver as C } from "@hookform/resolvers/zod";
-import { useLingui as X } from "@lingui/react";
-import { useForm as H } from "react-hook-form";
-import { useGetMeasureUnits as J } from "./index332.js";
-import "date-fns";
-import { buildEditInvoiceFormValues as K } from "./index250.js";
-import { ReceivableFormLayout as Q } from "./index194.js";
-const Re = (o) => {
-  const {
-    data: m,
-    isLoading: d
-  } = A(o.invoice.recurrence_id);
-  return o.invoice.recurrence_id && d ? /* @__PURE__ */ s(W, {}) : /* @__PURE__ */ s(T, { ...o, recurrence: m });
-}, T = ({
-  invoice: o,
-  onCancel: m,
-  onUpdated: d,
-  isOpen: R,
-  recurrence: t,
-  issueIntent: I,
-  embeddedBankName: L
-}) => {
-  const {
-    i18n: r
-  } = X(), {
-    componentSettings: S
-  } = D(), a = G().has(O.CounterpartWriteOrg), p = !!S?.receivables?.enableEntityBankAccount, f = j("draft"), {
-    data: _
-  } = J(), g = o.currency, E = c(() => K(o, t), [o, t]), n = c(() => t?.iterations?.filter((i) => i.issued_invoice_id).length ?? 0, [t?.iterations]), h = c(() => C(B(r, a, n)), [r, a, n]), b = c(() => C(V(r, p, a, n)), [r, p, a, n]), U = w((i, k, F) => (f.current === "issue" || i.frequency !== "once" && n === 0 ? b : h)(i, k, F), [b, h, n]), u = H({
-    mode: "onBlur",
-    resolver: U,
-    defaultValues: E
-  }), {
-    getValues: y,
-    reset: M
-  } = u;
-  q(_, y, M);
-  const v = !!t?.iterations?.some((i) => i.issued_invoice_id), e = P({
-    mode: "edit",
-    methods: u,
-    currency: g,
-    invoice: o,
-    submitModeRef: f,
-    // When editing a series, switch the recurrence save to PATCH. `interval`
-    // isn't passed: the form has no interval control, and omitting it from the
-    // PATCH is what preserves the stored value.
-    existingRecurrence: t ? {
-      id: t.id,
-      scheduleLocked: v
-    } : void 0,
-    hasStartedRecurrence: n > 0,
-    onComplete: (i) => d(i.receivable, {
-      inlineLineItems: i.inlineLineItems,
-      activatedRecurrence: i.mode === "recurrence",
-      issued: i.mode === "issue",
-      counterpartId: i.counterpartId,
-      hasCustomerEmail: i.hasCustomerEmail
-    }),
-    onClose: m
-  });
-  return z(() => {
-    I && e.highlightForIssue();
-  }, []), /* @__PURE__ */ s(
-    Q,
-    {
-      open: R,
-      onRequestClose: e.requestClose,
-      methods: u,
-      title: r._("Edit invoice"),
-      currency: g,
-      embeddedBankName: L,
-      showPurchaseOrder: !1,
-      lockRecurrenceSchedule: v,
-      formName: e.formName,
-      onSubmit: e.onSubmit,
-      formScrollRef: e.formScrollRef,
-      registerLineItemCleanupFn: e.registerLineItemCleanupFn,
-      onAttachmentsUploadingChange: e.onAttachmentsUploadingChange,
-      disabled: e.isLoading,
-      closeDisabled: e.isSaving,
-      discardModal: e.discardModal,
-      footer: /* @__PURE__ */ N(x, { children: [
-        /* @__PURE__ */ s(l, { variant: "outline", className: "ttw:border-border", onClick: e.requestClose, disabled: e.isSaving || e.attachmentsUploading, children: r._("Cancel") }),
-        !e.isRecurrenceEnabled && /* @__PURE__ */ s(l, { variant: "secondary", type: "submit", form: e.formName, disabled: e.isLoading || e.attachmentsUploading, onClick: () => {
-          e.submitModeRef.current = "draft";
-        }, children: r._("Update draft") }),
-        /* @__PURE__ */ s(l, { type: "submit", form: e.formName, disabled: e.isLoading || e.attachmentsUploading || e.isIssuePreflightLoading || !e.isRecurrenceEnabled && e.isCustomerEmailLoading, onClick: () => {
-          e.submitModeRef.current = e.isRecurrenceEnabled ? "draft" : "issue";
-        }, children: e.isRecurrenceEnabled ? t ? r._("Update recurring billing schedule") : r._("Activate recurring billing schedule") : r._("Issue invoice") }, "next")
-      ] })
-    }
-  );
+import _ from "@mui/icons-material/Cancel";
+import t from "@mui/icons-material/HourglassEmpty";
+import a from "@mui/icons-material/PaidOutlined";
+const T = "search", o = "created_at", p = "created_by", d = ["ApprovalRequests.request_approval_by_roles", "ApprovalRequests.request_approval_by_role"], R = {
+  active: "success",
+  deleted: "error",
+  pending: "warning"
+}, i = (e) => ({
+  active: e._("Active"),
+  deleted: e._("Deleted"),
+  pending: e._("Pending")
+}), n = {
+  active: a,
+  deleted: _,
+  pending: t
 };
 export {
-  Re as EditInvoiceDetails
+  n as APPROVAL_STATUS_TO_MUI_ICON_MAP,
+  o as FILTER_TYPE_CREATED_AT,
+  p as FILTER_TYPE_CREATED_BY,
+  T as FILTER_TYPE_SEARCH,
+  d as ROLE_APPROVAL_CALLS,
+  R as ROW_TO_STATUS_MUI_MAP,
+  i as getRowToStatusTextMap
 };

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

@@ -1,14 +1,46 @@
-import { jsxs as a, jsx as t } from "@emotion/react/jsx-runtime";
-import { Typography as e } from "./index85.js";
-function i({
-  label: r,
-  value: o
-}) {
-  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-4 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0", children: [
-    /* @__PURE__ */ t(e, { component: "span", variant: "body2", color: "muted", className: "ttw:w-40 ttw:shrink-0", children: r }),
-    /* @__PURE__ */ t(e, { component: "span", variant: "body2", className: "ttw:whitespace-pre-line", children: o })
-  ] });
-}
+import { jsx as i, jsxs as t } from "@emotion/react/jsx-runtime";
+import { useApprovalPolicyTrigger as l } from "./index368.js";
+import { ColumnList as s } from "./index369.js";
+import { UBuilding as n } from "./index370.js";
+import { ULabel as c } from "./index371.js";
+import { UMoneyBill as m } from "./index372.js";
+import { UUserCircle as p } from "./index373.js";
+const U = ({
+  approvalPolicy: o
+}) => {
+  const {
+    triggers: a,
+    getTriggerName: e
+  } = l({
+    approvalPolicy: o
+  });
+  return o ? /* @__PURE__ */ i(s, { children: Object.keys(a).map((r) => {
+    switch (r) {
+      case "amount":
+        return /* @__PURE__ */ t("li", { children: [
+          /* @__PURE__ */ i(m, { width: 18 }),
+          e(r)
+        ] }, r);
+      case "was_created_by_user_id":
+        return /* @__PURE__ */ t("li", { children: [
+          /* @__PURE__ */ i(p, { width: 18 }),
+          e(r)
+        ] }, r);
+      case "counterpart_id":
+        return /* @__PURE__ */ t("li", { children: [
+          /* @__PURE__ */ i(n, { width: 18 }),
+          e(r)
+        ] }, r);
+      case "tags":
+        return /* @__PURE__ */ t("li", { children: [
+          /* @__PURE__ */ i(c, { width: 18 }),
+          e(r)
+        ] }, r);
+      default:
+        return null;
+    }
+  }) }) : null;
+};
 export {
-  i as InvoiceDetailsInfoRow
+  U as ApprovalPoliciesTriggers
 };

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

@@ -1,21 +1,59 @@
-import { jsxs as i, jsx as t } from "@emotion/react/jsx-runtime";
-import { Typography as r } from "./index85.js";
-import { ChevronRight as s } from "lucide-react";
-function d({
-  label: e,
-  name: o,
-  onOpenCounterpart: n
-}) {
-  const a = "ttw:flex ttw:items-center ttw:gap-4 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0";
-  return n ? /* @__PURE__ */ i("button", { type: "button", onClick: n, "aria-haspopup": "dialog", className: `ttw:group ttw:w-full ttw:cursor-pointer ttw:rounded-sm ttw:text-left ttw:outline-none ttw:focus-visible:ring-ring/50 ttw:focus-visible:ring-[3px] ${a}`, children: [
-    /* @__PURE__ */ t(r, { component: "span", variant: "body2", color: "muted", className: "ttw:w-40 ttw:shrink-0", children: e }),
-    /* @__PURE__ */ t(r, { component: "span", variant: "body2", color: "primary", className: "ttw:underline-offset-4 ttw:group-hover:underline", children: o }),
-    /* @__PURE__ */ t(s, { className: "ttw:ml-auto ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground", "aria-hidden": "true" })
-  ] }) : /* @__PURE__ */ i("div", { className: a, children: [
-    /* @__PURE__ */ t(r, { component: "span", variant: "body2", color: "muted", className: "ttw:w-40 ttw:shrink-0", children: e }),
-    /* @__PURE__ */ t(r, { component: "span", variant: "body2", children: o })
+import { jsxs as f, jsx as s } from "@emotion/react/jsx-runtime";
+import { useState as c, useMemo as u } from "react";
+import { useMoniteContext as y } from "./index57.js";
+import { useRootElements as E } from "./index92.js";
+import { useDebounceCallback as x, useDebounce as T } from "./index65.js";
+import { useLingui as _ } from "@lingui/react";
+import { X as N } from "lucide-react";
+import { SearchInput as A, DatePicker as $, Combobox as R } from "../../../../packages/shared-ui-shadcn/dist/index.js";
+import { FILTER_TYPE_SEARCH as k, FILTER_TYPE_CREATED_BY as D, FILTER_TYPE_CREATED_AT as v } from "./index266.js";
+const C = 500, F = (t) => {
+  const e = `${t.first_name ?? ""} ${t.last_name ?? ""}`.trim();
+  return e && t.email ? `${e} (${t.email})` : e || t.email || t.id;
+}, L = ({
+  onChange: t
+}) => {
+  const {
+    i18n: e
+  } = _(), {
+    api: n
+  } = y(), [r, l] = c(null), [m, a] = c(""), b = T(m, C), {
+    data: w
+  } = n.finops.getEntityUsers.useQuery({
+    query: {
+      name__istartswith: b || void 0
+    }
+  }), d = u(() => w?.data ?? [], [w]), i = u(() => d.map((o) => ({
+    value: o.id,
+    label: F(o)
+  })), [d]), p = u(() => !r || i.some((o) => o.value === r.value) ? i : [r, ...i], [i, r]);
+  return /* @__PURE__ */ s(R, { items: p, value: r?.value ?? "", placeholder: e._("Added by"), emptyMessage: e._("No users found"), clearAriaLabel: e._("Clear selection"), onQueryChange: a, onValueChange: (o) => {
+    const h = Array.isArray(o) ? o[0] ?? "" : o ?? "";
+    l(p.find((g) => g.value === h) ?? null), t(h || void 0);
+  } });
+}, X = ({
+  onChangeFilter: t
+}) => {
+  const {
+    i18n: e
+  } = _(), {
+    root: n
+  } = E(), [r, l] = c(void 0), m = x((a) => {
+    t(k, a.trim() ? a : null);
+  }, C);
+  return /* @__PURE__ */ f("div", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:px-2 ttw:py-2", children: [
+    /* @__PURE__ */ s("div", { className: "ttw:flex-1", children: /* @__PURE__ */ s(A, { placeholder: e._("Search"), className: "ttw:h-9 ttw:w-full", onChange: (a) => m(a.target.value) }) }),
+    /* @__PURE__ */ s("div", { className: "ttw:w-48 ttw:shrink-0", children: /* @__PURE__ */ s(L, { onChange: (a) => t(D, a ?? null) }) }),
+    /* @__PURE__ */ f("div", { className: "ttw:relative ttw:w-44 ttw:shrink-0", children: [
+      /* @__PURE__ */ s($, { value: r, placeholder: e._("Created at"), className: `ttw:h-9 ttw:border-border${r ? " ttw:pr-8" : ""}`, container: n, onChange: (a) => {
+        l(a), t(v, a ?? null);
+      } }),
+      r ? /* @__PURE__ */ s("button", { type: "button", "aria-label": e._("Clear created at filter"), className: "ttw:absolute ttw:right-2 ttw:top-1/2 ttw:inline-flex ttw:size-4 ttw:-translate-y-1/2 ttw:cursor-pointer ttw:items-center ttw:justify-center ttw:rounded-sm ttw:text-muted-foreground ttw:opacity-70 hover:ttw:opacity-100", onClick: () => {
+        l(void 0), t(v, null);
+      }, children: /* @__PURE__ */ s(N, { className: "ttw:size-3.5" }) }) : null
+    ] })
   ] });
-}
+};
 export {
-  d as InvoiceDetailsCustomerRow
+  X as Filters
 };

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

@@ -1,28 +1,7 @@
-import { jsx as s } from "@emotion/react/jsx-runtime";
-import { useGetReceivableById as r } from "./index82.js";
-import { useCancelReceivableById as m } from "./index383.js";
-import { ConfirmationModal as d } from "./index223.js";
-import { useLingui as u } from "@lingui/react";
-const v = ({
-  invoiceId: o,
-  open: c,
-  onClose: i
-}) => {
-  const {
-    i18n: e
-  } = u(), {
-    data: n,
-    isLoading: t
-  } = r(o), a = m(o);
-  if (!n)
-    return null;
-  const l = n.document_id ? e._("Cancel receivable") + ` "${n?.document_id}"?` : e._("Cancel receivable?");
-  return /* @__PURE__ */ s(d, { open: c && !!o, title: l, message: e._("This action can't be undone."), confirmLabel: e._("Cancel"), cancelLabel: e._("Close"), onClose: i, onConfirm: () => {
-    a.mutate(void 0, {
-      onSuccess: i
-    });
-  }, isLoading: a.isPending || t });
-};
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { CenteredContentBox as r } from "./index212.js";
+import { LoadingSpinner as n } from "./index133.js";
+const m = () => /* @__PURE__ */ o(r, { children: /* @__PURE__ */ o(n, {}) });
 export {
-  v as InvoiceCancelModal
+  m as LoadingPage
 };

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

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