@tesouro/embedded-components-react 0.2.234 → 0.2.238

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

@@ -1,51 +1,12 @@
-import { jsxs as t, jsx as e } from "@emotion/react/jsx-runtime";
-import { Typography as o } from "./index85.js";
-import { useLingui as w } from "@lingui/react";
-import { PaymentSection as p } from "./index382.js";
-import { useFormContext as h, Controller as f } from "react-hook-form";
-import { Field as u, FieldContent as b, FieldLabel as g, FieldError as x } from "./index159.js";
-import { Input as y } from "./index118.js";
-import { RecurrenceSection as N } from "./index383.js";
-import { RemindersSection as v } from "./index384.js";
-const j = ({
-  paymentTerms: n,
-  disabled: a,
-  isPaymentTermsLoading: s,
-  showPurchaseOrder: d = !0,
-  lockRecurrenceSchedule: m = !1
-}) => {
-  const {
-    i18n: r
-  } = w(), {
-    control: c
-  } = h();
-  return /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl", children: [
-    /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4", children: [
-      /* @__PURE__ */ e(o, { variant: "h4", children: r._("Billing details") }),
-      /* @__PURE__ */ e(o, { variant: "body2", color: "muted", className: "ttw:font-medium", children: r._("What are the billing terms?") })
-    ] }),
-    /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
-      /* @__PURE__ */ e(N, { lockSchedule: m }),
-      /* @__PURE__ */ t("div", { className: "ttw:flex ttw:items-start ttw:gap-2.5 ttw:w-full", children: [
-        /* @__PURE__ */ e(p, { paymentTerms: n, disabled: a, isLoading: s }),
-        d && /* @__PURE__ */ e(f, { name: "purchase_order", control: c, render: ({
-          field: i,
-          fieldState: {
-            error: l
-          }
-        }) => /* @__PURE__ */ e(u, { children: /* @__PURE__ */ t(b, { children: [
-          /* @__PURE__ */ t(g, { htmlFor: i.name, className: "ttw:text-nowrap", children: [
-            r._("PO Number"),
-            /* @__PURE__ */ e(o, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: r._("(optional)") })
-          ] }),
-          /* @__PURE__ */ e(y, { ...i, id: i.name, disabled: a, "aria-invalid": !!l }),
-          /* @__PURE__ */ e(x, { errors: l ? [l] : [] })
-        ] }) }) })
-      ] }),
-      /* @__PURE__ */ e(v, { disabled: a })
-    ] })
-  ] });
-};
-export {
-  j as BillingSection
-};
+import { createElement as e } from "react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index318.js
+var t = ({ color: t = "currentColor", size: n, ...r }) => e("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: n,
+	height: n,
+	viewBox: "0 0 24 24",
+	fill: t,
+	...r
+}, e("path", { d: "M21.71,11.29l-5-5A1,1,0,0,0,16,6H5A3,3,0,0,0,2,9v6a3,3,0,0,0,3,3H16a1,1,0,0,0,.71-.29l5-5A1,1,0,0,0,21.71,11.29ZM15.59,16H5a1,1,0,0,1-1-1V9A1,1,0,0,1,5,8H15.59l4,4Z" }));
+//#endregion
+export { t as ULabel };

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

@@ -1,121 +1,12 @@
-import { jsxs as l, jsx as i } from "@emotion/react/jsx-runtime";
-import { useFormErrors as G, FormErrorDisplay as k } from "./index385.js";
-import { InvoiceItemRow as q } from "./index386.js";
-import { InvoiceTotals as z } from "./index387.js";
-import { CUSTOM_ID as B } from "./index388.js";
-import { useLineItemManagement as W } from "./index389.js";
-import { useLingui as H } from "@lingui/react";
-import { Button as O } from "./index84.js";
-import { Field as Q, FieldContent as Y, FieldLabel as J } from "./index159.js";
-import { Typography as m } from "./index85.js";
-import { Plus as K } from "lucide-react";
-import { useCallback as h, useEffect as X, useRef as Z } from "react";
-import { useFormContext as tt, Controller as et } from "react-hook-form";
-import { LoadingSpinner as it } from "./index136.js";
-import { useGetMeasureUnits as rt } from "./index284.js";
-import { InputGroup as nt, InputGroupInput as at, InputGroupAddon as ot } from "./index101.js";
-import { sanitizeTaxRateInput as st } from "./index390.js";
-import { Separator as lt } from "./index140.js";
-const Ft = ({
-  defaultCurrency: d = "USD",
-  registerLineItemCleanupFn: u
-}) => {
-  const {
-    i18n: n
-  } = H(), {
-    control: _,
-    formState: g,
-    getValues: c,
-    watch: N,
-    trigger: v,
-    clearErrors: x
-  } = tt(), b = N("tax_mode") === "inclusive", {
-    data: C,
-    isLoading: F
-  } = rt(), {
-    fields: w,
-    subtotalPrice: L,
-    totalPrice: E,
-    totalTaxes: T,
-    lineItemErrors: U,
-    autoFocusIndex: P,
-    handleAddRow: R,
-    handleRemoveItem: S,
-    setValueWithValidationLocal: p,
-    cleanUpLineItemsForSubmission: $
-  } = W({
-    defaultCurrency: d,
-    isInclusivePricing: b
-  }), r = h((t, e) => {
-    p(t, e, {
-      shouldValidate: !1
-    });
-  }, [p]);
-  X(() => (u?.($), () => u?.(null)), [u, $]);
-  const y = Z(null), {
-    generalError: A,
-    fieldErrors: V
-  } = G(U), I = h((t, e, a) => {
-    const s = e.measureUnit?.id, o = e.measureUnit?.name;
-    o && !s ? (r(`line_items.${t}.product.measure_unit_id`, ""), r(`line_items.${t}.product.measure_unit_name`, o), r(`line_items.${t}.measure_unit`, {
-      name: o,
-      id: null
-    })) : (s || a) && (r(`line_items.${t}.product.measure_unit_id`, s || a), r(`line_items.${t}.product.measure_unit_name`, void 0), r(`line_items.${t}.measure_unit`, void 0));
-  }, [r]), j = h((t, e, a) => {
-    const s = e.label ?? "";
-    r(`line_items.${t}.product.name`, s), s.trim() && x(`line_items.${t}.product.name`);
-    const o = e.id !== "" && e.id !== B && a;
-    if (r(`line_items.${t}.product_id`, o ? e.id : ""), o) {
-      r(`line_items.${t}.product.price.value`, e.price?.value ?? 0), r(`line_items.${t}.product.price.currency`, d);
-      const f = c(`line_items.${t}.product.measure_unit_id`);
-      I(t, e, f), r(`line_items.${t}.quantity`, e.smallestAmount || 1), r(`line_items.${t}.product.smallest_amount`, e.smallestAmount), r(`line_items.${t}.product.type`, "product"), r(`line_items.${t}.product.description`, e.description ?? ""), v(`line_items.${t}`);
-    }
-  }, [d, c, r, I, v, x]);
-  return /* @__PURE__ */ l("div", { ref: y, className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl", children: [
-    /* @__PURE__ */ l("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4", children: [
-      /* @__PURE__ */ i(m, { variant: "h4", children: n._("Products and services") }),
-      /* @__PURE__ */ i(m, { variant: "body2", color: "muted", className: "ttw:font-medium", children: n._("Add the products and services on this invoice. You'll have the option to save new items to your inventory.") })
-    ] }),
-    /* @__PURE__ */ i(k, { generalError: g?.errors?.line_items?.root?.message ?? A, fieldErrors: V }),
-    /* @__PURE__ */ l("ul", { className: "ttw:flex ttw:flex-col ttw:gap-2.5", children: [
-      /* @__PURE__ */ l("li", { className: "ttw:flex ttw:items-center ttw:gap-2.5 ttw:h-5", children: [
-        /* @__PURE__ */ i(m, { variant: "body2", className: "ttw:font-medium ttw:leading-5 ttw:min-w-30 ttw:whitespace-nowrap ttw:inline-flex ttw:flex-1", children: n._("Item name") }),
-        /* @__PURE__ */ i(m, { variant: "body2", className: "ttw:font-medium ttw:leading-5 ttw:w-24 ttw:min-w-24", children: n._("Quantity") }),
-        /* @__PURE__ */ i(m, { variant: "body2", className: "ttw:font-medium ttw:leading-5 ttw:w-20.5 ttw:min-w-20.5", children: n._("Units") }),
-        /* @__PURE__ */ i(m, { variant: "body2", className: "ttw:font-medium ttw:leading-5 ttw:max-w-41 ttw:w-full ttw:min-w-29", children: n._("Price") }),
-        /* @__PURE__ */ i(m, { variant: "body2", className: "ttw:font-medium ttw:leading-5 ttw:w-12 ttw:min-w-12", children: n._("Taxable") }),
-        w.length > 1 && /* @__PURE__ */ i("div", { className: "ttw:w-10 ttw:min-w-10" })
-      ] }),
-      F ? /* @__PURE__ */ i("li", { className: "ttw:flex ttw:items-center ttw:justify-center ttw:h-9", children: /* @__PURE__ */ i(it, { className: "ttw:w-5 ttw:h-5" }) }) : w.map((t, e) => {
-        const a = (o) => c(`line_items.${e}.${o}`), s = (o, f, D) => {
-          const M = `line_items.${e}.${o}`;
-          p(M, f, D);
-        };
-        return /* @__PURE__ */ i(q, { field: t, index: e, control: _, errors: g.errors, defaultCurrency: d, measureUnitsData: C, onRequestLineItemValue: a, onLineItemValueChange: s, canRemove: w.length > 1, autoFocusName: e === P, onUpdateItem: j, onRemoveItem: S, container: y }, t.id);
-      })
-    ] }),
-    /* @__PURE__ */ l(O, { type: "button", variant: "ghost", onClick: R, className: "ttw:text-primary ttw:hover:text-primary ttw:w-fit", children: [
-      /* @__PURE__ */ i(K, { className: "ttw:size-5 ttw:text-primary" }),
-      n._("Add item")
-    ] }),
-    /* @__PURE__ */ i(et, { name: "tax_rate", control: _, render: ({
-      field: t
-    }) => /* @__PURE__ */ i(Q, { children: /* @__PURE__ */ l(Y, { className: "ttw:flex-row ttw:justify-end", children: [
-      /* @__PURE__ */ i(J, { htmlFor: t.name, children: n._("Tax rate") }),
-      /* @__PURE__ */ l(nt, { className: "ttw:w-28 ttw:has-[>[data-align=inline-end]]:[&>input]:pr-0", children: [
-        /* @__PURE__ */ i(at, { ...t, value: t.value ?? "", id: t.name, className: "ttw:text-right", placeholder: n._("e.g. 6.25"), type: "text", inputMode: "decimal", onChange: (e) => {
-          t.onChange(st(e.target.value));
-        }, onBlur: (e) => {
-          const a = e.target.value;
-          t.onChange(a.endsWith(".") ? a.slice(0, -1) : a), t.onBlur();
-        } }),
-        /* @__PURE__ */ i(ot, { align: "inline-end", children: "%" })
-      ] })
-    ] }) }) }),
-    /* @__PURE__ */ i(lt, {}),
-    /* @__PURE__ */ i(z, { subtotalPrice: L, totalTaxes: T, totalPrice: E })
-  ] });
-};
-export {
-  Ft as ItemsSection
-};
+import { createElement as e } from "react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index319.js
+var t = ({ color: t = "currentColor", size: n, ...r }) => e("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: n,
+	height: n,
+	viewBox: "0 0 24 24",
+	fill: t,
+	...r
+}, e("path", { d: "M6,11a1,1,0,1,0,1,1A1,1,0,0,0,6,11Zm12,0a1,1,0,1,0,1,1A1,1,0,0,0,18,11Zm2-6H4A3,3,0,0,0,1,8v8a3,3,0,0,0,3,3H20a3,3,0,0,0,3-3V8A3,3,0,0,0,20,5Zm1,11a1,1,0,0,1-1,1H4a1,1,0,0,1-1-1V8A1,1,0,0,1,4,7H20a1,1,0,0,1,1,1ZM12,9a3,3,0,1,0,3,3A3,3,0,0,0,12,9Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,12,13Z" }));
+//#endregion
+export { t as UMoneyBill };

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

@@ -1,35 +1,103 @@
-import { useMoniteContext as n } from "./index57.js";
-import { getAPIErrorMessage as p } from "./index121.js";
-import { useLingui as d } from "@lingui/react";
-import { toast as t } from "react-hot-toast";
-const f = (i, s) => {
-  const {
-    api: o,
-    queryClient: a
-  } = n(), {
-    i18n: r
-  } = d();
-  return o.finops.postPayablesIdApprovePaymentOperation.useMutation({
-    path: {
-      payable_id: i
-    }
-  }, {
-    onSuccess: (e) => {
-      Promise.all([o.finops.getPayablesId.invalidateQueries({
-        parameters: {
-          path: {
-            payable_id: e.id
-          }
-        }
-      }, a), o.finops.getPayables.invalidateQueries(a)]), t.success(r._('Payable "{document_id}" has been force approved', {
-        document_id: e.document_id
-      })), s?.(e.id);
-    },
-    onError: (e) => {
-      t.error(p(r, e));
-    }
-  });
-};
-export {
-  f as useForceApprovePayable
-};
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index32.js
+var e = (e) => ({
+	borderRadius: e.borderRadius ?? 6,
+	buttonBorderRadius: 8,
+	spacing: e.spacing ?? 8,
+	colors: {
+		primary: e.colors?.primary || "#4338CA",
+		primaryForeground: e.colors?.primaryForeground || "#E0E7FF",
+		secondary: e.colors?.secondary || "#F4F4F5",
+		neutral: e.colors?.neutral || "#71717A",
+		info: e.colors?.info || "#1447E6",
+		success: e.colors?.success || "#15803D",
+		warning: e.colors?.warning || "#B45309",
+		error: e.colors?.error || "#DC2626",
+		background: e.colors?.background || "#FFFFFF",
+		text: e.colors?.text || "#09090B",
+		rowBorder: e.colors?.rowBorder || "#E4E4E7"
+	},
+	typography: {
+		fontFamily: e?.typography?.fontFamily || "\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif",
+		fontSize: e?.typography?.fontSize ?? 16,
+		h1: {
+			fontSize: e.typography?.h1?.fontSize ?? 48,
+			fontWeight: e.typography?.h1?.fontWeight ?? 600,
+			lineHeight: e.typography?.h1?.lineHeight ?? "68px",
+			textTransform: e.typography?.h1?.textTransform ?? "none"
+		},
+		h2: {
+			fontSize: e.typography?.h2?.fontSize ?? 34,
+			fontWeight: e.typography?.h2?.fontWeight ?? 640,
+			lineHeight: e.typography?.h2?.lineHeight ?? "40px",
+			textTransform: e.typography?.h2?.textTransform ?? "none"
+		},
+		h3: {
+			fontSize: e.typography?.h3?.fontSize ?? 24,
+			fontWeight: e.typography?.h3?.fontWeight ?? 600,
+			lineHeight: e.typography?.h3?.lineHeight ?? "32px",
+			textTransform: e.typography?.h3?.textTransform ?? "none"
+		},
+		subtitle1: {
+			fontSize: e.typography?.subtitle1?.fontSize ?? 20,
+			fontWeight: e.typography?.subtitle1?.fontWeight ?? 600,
+			lineHeight: e.typography?.subtitle1?.lineHeight ?? "24px",
+			textTransform: e.typography?.subtitle1?.textTransform ?? "none"
+		},
+		subtitle2: {
+			fontSize: e.typography?.subtitle2?.fontSize ?? 18,
+			fontWeight: e.typography?.subtitle2?.fontWeight ?? 600,
+			lineHeight: e.typography?.subtitle2?.lineHeight ?? "24px",
+			textTransform: e.typography?.subtitle2?.textTransform ?? "none"
+		},
+		body1: {
+			fontSize: e.typography?.body1?.fontSize ?? 16,
+			fontWeight: e.typography?.body1?.fontWeight ?? 500,
+			lineHeight: e.typography?.body1?.lineHeight ?? "24px"
+		},
+		body2: {
+			fontSize: e.typography?.body2?.fontSize ?? 14,
+			fontWeight: e.typography?.body2?.fontWeight ?? 400,
+			lineHeight: e.typography?.body2?.lineHeight ?? "20px"
+		}
+	},
+	components: {
+		invoiceStatusChip: {
+			icon: e.components?.invoiceStatusChip?.icon || !1,
+			size: e.components?.invoiceStatusChip?.size || "small",
+			variant: e.components?.invoiceStatusChip?.variant || "filled"
+		},
+		payableStatusChip: {
+			icon: e.components?.payableStatusChip?.icon !== void 0 && e.components?.payableStatusChip?.icon,
+			size: e.components?.payableStatusChip?.size || "small",
+			variant: e.components?.payableStatusChip?.variant || "filled",
+			colors: e.components?.payableStatusChip?.colors
+		},
+		approvalRequestStatusChip: {
+			icon: e.components?.approvalRequestStatusChip?.icon || !1,
+			size: e.components?.approvalRequestStatusChip?.size || "small",
+			variant: e.components?.approvalRequestStatusChip?.variant || "filled"
+		},
+		invoiceRecurrenceStatusChip: {
+			icon: e.components?.invoiceRecurrenceStatusChip?.icon || !1,
+			size: e.components?.invoiceRecurrenceStatusChip?.size || "small",
+			variant: e.components?.invoiceRecurrenceStatusChip?.variant || "filled"
+		},
+		invoiceRecurrenceIterationStatusChip: {
+			icon: e.components?.invoiceRecurrenceIterationStatusChip?.icon || !1,
+			size: e.components?.invoiceRecurrenceIterationStatusChip?.size || "small",
+			variant: e.components?.invoiceRecurrenceIterationStatusChip?.variant || "filled"
+		},
+		counterpartStatusChip: {
+			size: e.components?.counterpartStatusChip?.size || "small",
+			variant: e.components?.counterpartStatusChip?.variant || "filled"
+		},
+		approvalStatusChip: {
+			icon: e.components?.approvalStatusChip?.icon || !1,
+			size: e.components?.approvalStatusChip?.size || "small",
+			variant: e.components?.approvalStatusChip?.variant || "filled"
+		},
+		styles: e.components?.styles
+	}
+});
+//#endregion
+export { e as getTheme };

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

@@ -1,113 +1,22 @@
-import { jsxs as a, jsx as t, Fragment as k } from "@emotion/react/jsx-runtime";
-import { useRef as C, useState as T, useEffect as $ } from "react";
-import { useFormContext as F, Controller as L } from "react-hook-form";
-import { useUserPermissions as j } from "./index146.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 D } from "../../shared/data-access/dist/lib/scopes.js";
-import { useLingui as E } from "@lingui/react";
-import { Plus as P, TriangleAlert as V } from "lucide-react";
-import "react-hot-toast";
-import "./index57.js";
-import { useSelectableBankAccounts as I } from "./index243.js";
-import "date-fns";
-import "clsx";
-import "tailwind-merge";
-import "@radix-ui/react-dropdown-menu";
-import "./index84.js";
-import "./index92.js";
-import "react-dom";
-import "@mui/x-data-grid";
-import { Badge as W } from "./index228.js";
-import { Field as q, FieldContent as z, FieldError as K } from "./index159.js";
-import { Select as O, SelectTrigger as R, SelectValue as U, SelectContent as G, SelectItem as y, SelectSeparator as H } from "./index279.js";
-import { Typography as d } from "./index85.js";
-import { BankAccountSectionForm as J } from "./index391.js";
-import { Alert as M, AlertTitle as Q, AlertDescription as X } from "./index158.js";
-import { Skeleton as Y } from "./index137.js";
-import { getSourceLabel as g, getLineLabel as x } from "./index358.js";
-const $t = ({
-  disabled: v,
-  embeddedBankName: p
-}) => {
-  const {
-    i18n: e
-  } = E(), w = C(!1), {
-    control: N,
-    setValue: i,
-    getFieldState: S,
-    clearErrors: f
-  } = F(), [A, m] = T(!1), h = j().has(D.BankAccountWriteOrg), {
-    bankAccounts: o,
-    isLoading: l
-  } = I(), b = S("bank_account_id");
-  return $(() => {
-    if (o.length === 1 && !l && !w.current) {
-      const r = o[0];
-      i("bank_account_id", r.id), i("bank_account_type", r.bank_account_type), w.current = !0;
-    }
-  }, [i, o, l]), /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl", children: [
-    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4", children: [
-      /* @__PURE__ */ t(d, { variant: "h4", children: e._("Payment instructions") }),
-      /* @__PURE__ */ t(d, { variant: "body2", color: "muted", className: "ttw:font-medium", children: e._("Tells the customer how they can pay you. We'll include the selected info on the invoice") })
-    ] }),
-    l || o.length > 0 && !A ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:p-3 ttw:gap-4 ttw:border ttw:border-border ttw:rounded-xl", children: [
-      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
-        /* @__PURE__ */ t(d, { variant: "body2", children: e._("Bank account") }),
-        /* @__PURE__ */ t(d, { variant: "caption", color: "muted", children: e._("Display your bank account number and routing number") })
-      ] }),
-      l ? /* @__PURE__ */ t(Y, { className: "ttw:w-full ttw:h-9 ttw:rounded-md" }) : /* @__PURE__ */ t(L, { name: "bank_account_id", control: N, render: ({
-        field: r,
-        fieldState: {
-          error: u
-        }
-      }) => {
-        const s = o.find((n) => n.id === r.value), _ = s ? g(s.bank_account_type, p, e) : null;
-        return /* @__PURE__ */ t(q, { children: /* @__PURE__ */ a(z, { children: [
-          /* @__PURE__ */ t("div", { className: "ttw:relative", children: /* @__PURE__ */ a(O, { ...r, disabled: v, value: r.value, onValueChange: (n) => {
-            if (n === "add_new")
-              m(!0);
-            else {
-              r.onChange(n);
-              const c = o.find((B) => B.id === n);
-              c && i("bank_account_type", c.bank_account_type), b?.invalid && f("bank_account_id");
-            }
-          }, children: [
-            /* @__PURE__ */ t(R, { id: "bank_account_id", className: "ttw:w-full", "aria-label": e._("Bank account selector"), "aria-invalid": !!u, children: /* @__PURE__ */ t(U, { placeholder: e._("Select bank account"), children: s && /* @__PURE__ */ a("span", { className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:items-center ttw:justify-between ttw:gap-2", children: [
-              /* @__PURE__ */ t("span", { className: "ttw:truncate", children: x(s, e) }),
-              _ && /* @__PURE__ */ t(W, { variant: "secondary", className: "ttw:shrink-0", children: _ })
-            ] }) }) }),
-            /* @__PURE__ */ a(G, { children: [
-              o.map((n) => {
-                const c = g(n.bank_account_type, p, e);
-                return /* @__PURE__ */ t(y, { value: n.id, children: /* @__PURE__ */ a("span", { className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:items-center ttw:justify-between ttw:gap-2", children: [
-                  /* @__PURE__ */ t("span", { className: "ttw:truncate", children: x(n, e) }),
-                  c && /* @__PURE__ */ t("span", { className: "ttw:shrink-0 ttw:text-muted-foreground", children: c })
-                ] }) }, n.id);
-              }),
-              h && /* @__PURE__ */ a(k, { children: [
-                /* @__PURE__ */ t(H, {}),
-                /* @__PURE__ */ a(y, { value: "add_new", className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary", children: [
-                  /* @__PURE__ */ t(P, { className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary" }),
-                  e._("Add a new account")
-                ] })
-              ] })
-            ] })
-          ] }) }),
-          /* @__PURE__ */ t(K, { errors: u ? [u] : [] })
-        ] }) });
-      } })
-    ] }) : /* @__PURE__ */ t(k, { children: h ? /* @__PURE__ */ t(J, { bankAccountsLength: o.length, onCreate: (r) => {
-      m(!1), i("bank_account_id", r), i("bank_account_type", "BANK_DETAILS"), b?.invalid && f("bank_account_id");
-    }, onCancel: () => m(!1) }) : /* @__PURE__ */ a(M, { enableClose: !1, variant: "warning", icon: /* @__PURE__ */ t(V, {}), children: [
-      /* @__PURE__ */ t(Q, { children: e._("There are no bank accounts on file for this account") }),
-      /* @__PURE__ */ t(X, { children: e._("A bank account is required in order to issue invoices. Contact your company admin to set one up.") })
-    ] }) })
-  ] });
-};
-export {
-  $t as BankAccountSection
+import { useApprovalPolicyTrigger as e } from "./index255.js";
+import { UUserCircle as t } from "./index310.js";
+import { ColumnList as n } from "./index312.js";
+import { UBuilding as r } from "./index317.js";
+import { ULabel as i } from "./index318.js";
+import { UMoneyBill as a } from "./index319.js";
+import { jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index320.js
+var c = ({ approvalPolicy: c }) => {
+	let { triggers: l, getTriggerName: u } = e({ approvalPolicy: c });
+	return c ? /* @__PURE__ */ o(n, { children: Object.keys(l).map((e) => {
+		switch (e) {
+			case "amount": return /* @__PURE__ */ s("li", { children: [/* @__PURE__ */ o(a, { width: 18 }), u(e)] }, e);
+			case "was_created_by_user_id": return /* @__PURE__ */ s("li", { children: [/* @__PURE__ */ o(t, { width: 18 }), u(e)] }, e);
+			case "counterpart_id": return /* @__PURE__ */ s("li", { children: [/* @__PURE__ */ o(r, { width: 18 }), u(e)] }, e);
+			case "tags": return /* @__PURE__ */ s("li", { children: [/* @__PURE__ */ o(i, { width: 18 }), u(e)] }, e);
+			default: return null;
+		}
+	}) }) : null;
 };
+//#endregion
+export { c as ApprovalPoliciesTriggers };

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

@@ -1,52 +1,75 @@
-import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
-import { Typography as i } from "./index85.js";
-import { useLingui as w } from "@lingui/react";
-import { useFormContext as f, Controller as s } from "react-hook-form";
-import { Field as d, FieldContent as c, FieldLabel as m, FieldDescription as h, FieldError as p } from "./index159.js";
-import { Textarea as u } from "./index119.js";
-const _ = ({
-  disabled: n
-}) => {
-  const {
-    i18n: t
-  } = w(), {
-    control: l
-  } = f();
-  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl", children: [
-    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4", children: [
-      /* @__PURE__ */ e(i, { variant: "h4", children: t._("Notes") }),
-      /* @__PURE__ */ e(i, { variant: "body2", color: "muted", className: "ttw:font-medium", children: t._("Provide additional information for your customer.") })
-    ] }),
-    /* @__PURE__ */ e(s, { name: "memo", control: l, render: ({
-      field: r,
-      fieldState: {
-        error: o
-      }
-    }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ a(c, { children: [
-      /* @__PURE__ */ a(m, { htmlFor: r.name, className: "ttw:text-nowrap", children: [
-        t._("Opening note to the customer"),
-        /* @__PURE__ */ e(i, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: t._("(optional)") })
-      ] }),
-      /* @__PURE__ */ e(u, { ...r, id: r.name, disabled: n, placeholder: t._("e.g., As discussed on our call, please find the attached invoice."), className: "ttw:h-26 ttw:resize-none", "aria-invalid": !!o }),
-      /* @__PURE__ */ e(h, { children: t._("Appears above your line items. Use it to reference a discussion, agreement, or project.") }),
-      /* @__PURE__ */ e(p, { errors: o ? [o] : [] })
-    ] }) }) }),
-    /* @__PURE__ */ e(s, { name: "footer", control: l, render: ({
-      field: r,
-      fieldState: {
-        error: o
-      }
-    }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ a(c, { children: [
-      /* @__PURE__ */ a(m, { htmlFor: r.name, className: "ttw:text-nowrap", children: [
-        t._("Closing note to the customer"),
-        /* @__PURE__ */ e(i, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: t._("(optional)") })
-      ] }),
-      /* @__PURE__ */ e(u, { ...r, id: r.name, disabled: n, placeholder: t._("e.g., Thank you for your business!"), className: "ttw:h-26 ttw:resize-none", "aria-invalid": !!o }),
-      /* @__PURE__ */ e(h, { children: t._("Appears below your line items. Commonly used for thank you messages or payment instructions.") }),
-      /* @__PURE__ */ e(p, { errors: o ? [o] : [] })
-    ] }) }) })
-  ] });
-};
-export {
-  _ as NotesSection
+import { Combobox as e, DatePicker as t, SearchInput as n } from "../../../../packages/shared-ui-shadcn/dist/index.js";
+import { useMoniteContext as r } from "./index47.js";
+import { useRootElements as i } from "./index178.js";
+import "./index179.js";
+import { useDebounce as a, useDebounceCallback as o } from "./index185.js";
+import { FILTER_TYPE_CREATED_AT as s, FILTER_TYPE_CREATED_BY as c, FILTER_TYPE_SEARCH as l } from "./index260.js";
+import { useMemo as u, useState as d } from "react";
+import { X as f } from "lucide-react";
+import { jsx as p, jsxs as m } from "@emotion/react/jsx-runtime";
+import { useLingui as h } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index321.js
+var g = 500, _ = (e) => {
+	let t = `${e.first_name ?? ""} ${e.last_name ?? ""}`.trim();
+	return t && e.email ? `${t} (${e.email})` : t || e.email || e.id;
+}, v = ({ onChange: t }) => {
+	let { i18n: n } = h(), { api: i } = r(), [o, s] = d(null), [c, l] = d(""), f = a(c, g), { data: m } = i.finops.getEntityUsers.useQuery({ query: { name__istartswith: f || void 0 } }), v = u(() => m?.data ?? [], [m]), y = u(() => v.map((e) => ({
+		value: e.id,
+		label: _(e)
+	})), [v]), b = u(() => !o || y.some((e) => e.value === o.value) ? y : [o, ...y], [y, o]);
+	return /* @__PURE__ */ p(e, {
+		items: b,
+		value: o?.value ?? "",
+		placeholder: n._("Added by"),
+		emptyMessage: n._("No users found"),
+		clearAriaLabel: n._("Clear selection"),
+		onQueryChange: l,
+		onValueChange: (e) => {
+			let n = Array.isArray(e) ? e[0] ?? "" : e ?? "";
+			s(b.find((e) => e.value === n) ?? null), t(n || void 0);
+		}
+	});
+}, y = ({ onChangeFilter: e }) => {
+	let { i18n: r } = h(), { root: a } = i(), [u, _] = d(void 0), y = o((t) => {
+		e(l, t.trim() ? t : null);
+	}, g);
+	return /* @__PURE__ */ m("div", {
+		className: "ttw:flex ttw:items-center ttw:gap-3 ttw:px-2 ttw:py-2",
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: "ttw:flex-1",
+				children: /* @__PURE__ */ p(n, {
+					placeholder: r._("Search"),
+					className: "ttw:h-9 ttw:w-full",
+					onChange: (e) => y(e.target.value)
+				})
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "ttw:w-48 ttw:shrink-0",
+				children: /* @__PURE__ */ p(v, { onChange: (t) => e(c, t ?? null) })
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "ttw:relative ttw:w-44 ttw:shrink-0",
+				children: [/* @__PURE__ */ p(t, {
+					value: u,
+					placeholder: r._("Created at"),
+					className: `ttw:h-9 ttw:border-border${u ? " ttw:pr-8" : ""}`,
+					container: a,
+					onChange: (t) => {
+						_(t), e(s, t ?? null);
+					}
+				}), u ? /* @__PURE__ */ p("button", {
+					type: "button",
+					"aria-label": r._("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: () => {
+						_(void 0), e(s, null);
+					},
+					children: /* @__PURE__ */ p(f, { className: "ttw:size-3.5" })
+				}) : null]
+			})
+		]
+	});
 };
+//#endregion
+export { y as Filters };