@tesouro/embedded-components-react 0.2.111 → 0.2.112

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

@@ -1,100 +1,59 @@
-import { jsxs as o, Fragment as _, jsx as i } from "@emotion/react/jsx-runtime";
-import { ManualPaymentRecordDetails as k } from "./index375.js";
-import { PaymentRecordForm as E } from "./index376.js";
-import { useMoniteContext as $ } from "./index57.js";
-import { useRootElements as B } from "./index92.js";
-import "@tanstack/react-query";
-import { fromMinorUnits as F, toMinorUnits as H } from "./index118.js";
-import "date-fns";
-import { useEntityUserByAuthToken as L } from "./index75.js";
-import { useCreatePaymentRecord as U } from "./index79.js";
-import { useLingui as A } from "@lingui/react";
-import { Dialog as I, DialogContent as Q, DialogActions as W, Button as m, Box as q } from "@mui/material";
-import { useState as l } from "react";
-const g = {
-  amount: 0,
-  payment_date: /* @__PURE__ */ new Date(),
-  payment_time: /* @__PURE__ */ new Date(),
-  created_by: ""
-}, ie = ({
-  children: b,
-  invoice: t
+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 N } from "./index65.js";
+import { useLingui as v } from "@lingui/react";
+import { X as T } from "lucide-react";
+import { SearchInput as A, DatePicker as R, Combobox as $ } 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 _ } from "./index256.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 [h, c] = l(!1), [C, r] = l(!1), [e, u] = l(g), {
-    i18n: s
-  } = A(), {
-    root: x
-  } = B(), v = () => c(!0), n = () => c(!1), {
-    api: p,
-    queryClient: y
-  } = $(), {
-    mutate: D,
-    isPending: M
-  } = U(), {
-    data: f,
-    isLoading: R
-  } = L(), w = (a) => {
-    u({
-      ...a,
-      amount: H(a?.amount ?? 0),
-      created_by: f?.id ?? ""
-    }), r(!0);
-  }, P = () => {
-    r(!1), u(g);
-  }, S = () => {
-    const a = new Date(e.payment_date).setHours(e.payment_time.getHours(), e.payment_time.getMinutes()), j = new Date(a);
-    D({
-      amount: e?.amount ?? 0,
-      currency: t.currency,
-      paid_at: j.toISOString(),
-      object: {
-        id: t.id,
-        type: "receivable"
-      },
-      payment_intent_id: t.id,
-      entity_user_id: f?.id,
-      status: "succeeded"
-    }, {
-      onSuccess: () => {
-        p.finops.getReceivablesId.invalidateQueries({
-          parameters: {
-            path: {
-              receivable_id: t.id
-            }
-          }
-        }, y), p.finops.getReceivables.invalidateQueries(y), n(), P();
-      }
-    });
-  }, d = M || R;
-  return ["draft", "paid", "canceled", "deleted", "accepted", "recurring", "expired", "declined", "uncollectible"].includes(t.status) ? null : /* @__PURE__ */ o(_, { children: [
-    b({
-      openModal: v
-    }),
-    /* @__PURE__ */ i(I, { open: h, onClose: n, container: x, "aria-labelledby": "dialog-title", fullWidth: !0, maxWidth: "sm", children: C ? /* @__PURE__ */ o(_, { children: [
-      /* @__PURE__ */ i(Q, { sx: {
-        p: 4
-      }, children: /* @__PURE__ */ i(k, { invoice: t, paymentRecords: e }) }),
-      /* @__PURE__ */ o(W, { sx: {
-        px: 4,
-        pb: 4,
-        justifyContent: "space-between"
-      }, children: [
-        /* @__PURE__ */ i(m, { onClick: n, children: s._("Cancel") }),
-        /* @__PURE__ */ o(q, { sx: {
-          display: "flex",
-          gap: 2
-        }, children: [
-          /* @__PURE__ */ i(m, { variant: "outlined", disabled: d, onClick: () => r(!1), children: s._("Edit record") }),
-          /* @__PURE__ */ i(m, { variant: "contained", disabled: d, onClick: S, children: s._("Confirm") })
-        ] })
-      ] })
-    ] }) : /* @__PURE__ */ i(E, { invoice: t, initialValues: {
-      amount: e.amount ? F(e.amount) : 0,
-      payment_date: e.payment_date,
-      payment_time: e.payment_time
-    }, isLoading: d, onCancel: n, onSubmit: w }) })
+  const {
+    i18n: e
+  } = v(), {
+    api: n
+  } = y(), [r, l] = c(null), [m, a] = c(""), b = N(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($, { 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);
+  } });
+}, q = ({
+  onChangeFilter: t
+}) => {
+  const {
+    i18n: e
+  } = v(), {
+    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(R, { value: r, placeholder: e._("Created at"), className: `ttw:h-9 ttw:border-border${r ? " ttw:pr-8" : ""}`, container: n, onChange: (a) => {
+        l(a), t(_, 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(_, null);
+      }, children: /* @__PURE__ */ s(T, { className: "ttw:size-3.5" }) }) : null
+    ] })
   ] });
 };
 export {
-  ie as RecordManualPaymentModal
+  q as Filters
 };