@tesouro/embedded-components-react 0.2.234 → 0.2.238

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

@@ -1,117 +1,158 @@
-import { jsx as t, jsxs as L, Fragment as k } from "@emotion/react/jsx-runtime";
-import { getDraftInvoiceValidationSchema as x, getInvoiceValidationSchema as E } from "./index191.js";
-import { useReceivableSubmit as M } from "./index192.js";
-import { useMoniteContext as N } from "./index57.js";
-import { MoniteScopedProviders as U } from "./index83.js";
-import { useUserPermissions as q } 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 A } from "../../shared/data-access/dist/lib/scopes.js";
-import { useRef as B, useMemo as s, useCallback as F } from "react";
-import { AccessRestriction as w } from "./index157.js";
-import { Button as m } from "./index84.js";
-import { zodResolver as f } from "@hookform/resolvers/zod";
-import { useLingui as h } from "@lingui/react";
-import { useForm as P } from "react-hook-form";
-import { ReceivableFormLayout as V } from "./index193.js";
-const ne = (i) => {
-  const {
-    i18n: a
-  } = h();
-  return /* @__PURE__ */ t(U, { children: i.type === "invoice" ? /* @__PURE__ */ t($, { ...i }) : /* @__PURE__ */ t(w, { description: a._("You can not create receivable with a type other than “invoice”") }) });
-}, b = "USD", $ = ({
-  type: i,
-  onCreate: a,
-  open: v,
-  onOpenChange: g,
-  embeddedBankName: C,
-  initialCounterpartId: d
-}) => {
-  const {
-    i18n: r
-  } = h(), {
-    componentSettings: y
-  } = N(), n = q().has(A.CounterpartWriteOrg), c = !!y?.receivables?.enableEntityBankAccount, u = B("draft"), l = s(() => f(x(r, n)), [r, n]), p = s(() => f(E(r, c, n)), [r, c, n]), R = F((o, S, I) => (u.current === "issue" || o.frequency !== "once" ? p : l)(o, S, I), [p, l]), _ = P({
-    // Validate each field as it's blurred (in addition to the full validation
-    // on submit). After a failed submit, the default `reValidateMode: 'onChange'`
-    // takes over so field errors clear as the user corrects them.
-    mode: "onBlur",
-    resolver: R,
-    defaultValues: s(() => ({
-      type: i,
-      counterpart_id: d ?? "",
-      counterpart_name: "",
-      counterpart_email: "",
-      payment_terms_id: "",
-      payment_terms_custom_date: null,
-      default_shipping_address_id: "",
-      default_billing_address_id: "",
-      purchase_order: "",
-      line_items: [],
-      bank_account_id: "",
-      overdue_reminder_id: "",
-      payment_reminder_id: "",
-      memo: "",
-      footer: "",
-      tax_mode: "exclusive",
-      frequency: "once",
-      recurrence_start_date: void 0,
-      recurrence_end_date: void 0,
-      recurrence_issue_mode: "first_day",
-      recurrence_days_of_week: void 0,
-      recurrence_end_mode: "after",
-      recurrence_max_occurrences: void 0,
-      tax_rate: void 0,
-      attachments: []
-    }), [i, d])
-  }), e = M({
-    mode: "create",
-    methods: _,
-    currency: b,
-    submitModeRef: u,
-    onComplete: (o) => a?.(o.receivableId, {
-      // The create flow never reports `update`.
-      mode: o.mode,
-      counterpartId: o.counterpartId,
-      inlineLineItems: o.inlineLineItems,
-      hasCustomerEmail: o.hasCustomerEmail
-    }),
-    onClose: () => g(!1)
-  });
-  return /* @__PURE__ */ t(
-    V,
-    {
-      open: v,
-      onRequestClose: e.requestClose,
-      methods: _,
-      title: r._("Create invoice"),
-      description: r._("Create and issue an invoice to your customers "),
-      currency: b,
-      embeddedBankName: C,
-      showPurchaseOrder: !0,
-      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__ */ L(k, { children: [
-        /* @__PURE__ */ t(m, { variant: "outline", className: "ttw:border-border", onClick: e.requestClose, disabled: e.isSaving || e.attachmentsUploading, children: r._("Cancel") }),
-        !e.isRecurrenceEnabled && /* @__PURE__ */ t(m, { variant: "secondary", type: "submit", form: e.formName, disabled: e.isLoading || e.attachmentsUploading, onClick: () => {
-          e.submitModeRef.current = "draft";
-        }, children: r._("Save as draft") }),
-        /* @__PURE__ */ t(m, { 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 ? r._("Activate recurring billing schedule") : r._("Issue invoice") }, "next")
-      ] })
-    }
-  );
-};
-export {
-  ne as CreateReceivables
+import { getTheme as e } from "./index32.js";
+import t from "chroma-js";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index39.js
+var n = (n, r, i) => {
+	let a = e(r);
+	return { styleOverrides: { root: {
+		"&[hidden]": {
+			display: "none",
+			visibility: "hidden",
+			opacity: 0
+		},
+		"& .MuiInputBase-root": {
+			minHeight: "48px",
+			backgroundColor: n.neutral[95],
+			borderRadius: a.borderRadius * 2,
+			"& > .MuiOutlinedInput-notchedOutline": {
+				top: 0,
+				"> legend": { display: "none" }
+			},
+			"&:not(.Mui-disabled):hover fieldset.MuiOutlinedInput-notchedOutline": { borderColor: "transparent" },
+			".MuiSelect-icon": { color: n.text.primary },
+			"&.Mui-focused": {
+				backgroundColor: n.neutral[80],
+				borderColor: "transparent",
+				boxShadow: `0 0 0 4px ${t(n.primary.main).alpha(.24).hex()}`
+			},
+			"&.Mui-error": {
+				border: `1px solid ${n.error.main}`,
+				boxShadow: `0 0 0 4px ${t(n.error.main).alpha(.24).hex()}`
+			},
+			"&.MuiInputBase-adornedEnd": { paddingRight: 8 }
+		},
+		"label+.MuiInputBase-root": { marginTop: 0 },
+		"&:hover": {
+			"&.MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
+				backgroundColor: n.neutral[90],
+				border: `1px solid ${n.primary[40]}`
+			},
+			"& .MuiFormLabel-root.MuiFormLabel-filled": { "+ .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
+				backgroundColor: "transparent",
+				border: `1px solid ${n.primary[40]}`
+			} }
+		},
+		"&:not(.Monite-FilterControl):not(.Monite-Selector):hover": {
+			"& .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": { border: `1px solid ${n.primary[40]}` },
+			"& .MuiInputAdornment-root .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": { borderColor: "transparent" },
+			"& .MuiFormLabel-root": { "+ .MuiInputBase-root:not(.Mui-focused)": {
+				backgroundColor: "transparent",
+				border: `1px solid ${n.primary[40]}`
+			} }
+		},
+		"&:not(.Monite-Selector):not(.Monite-FilterControl) .MuiFormLabel-root": {
+			fontSize: "14px",
+			color: " rgba(112, 112, 112, 1)",
+			backgroundColor: "transparent",
+			"&:hover, &.Mui-focused": {
+				backgroundColor: "transparent",
+				"& > .MuiOutlinedInput-notchedOutline": { backgroundColor: "transparent" }
+			},
+			"&.Mui-required > .MuiFormLabel-asterisk": { display: "none" },
+			"&.Mui-required::after": {
+				content: "\"●\"",
+				position: "relative",
+				bottom: "2px",
+				left: "4px",
+				color: " rgba(255, 71, 93, 1)"
+			},
+			"+ .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
+				backgroundColor: "transparent",
+				border: `1px solid ${n.neutral[80]}`
+			},
+			"+ .MuiInputBase-root.Mui-focused": {
+				backgroundColor: "transparent",
+				border: `1px solid ${n.primary.main}`
+			},
+			"&:not(.Monite-Selector) > .MuiInputLabel-root > .MuiFormLabel-asterisk": { display: "none" },
+			"& .MuiOutlinedInput-notchedOutline": { top: 0 },
+			"& .MuiOutlinedInput-notchedOutline legend": { display: "none" },
+			"& .MuiOutlinedInput-root": {
+				left: 0,
+				top: 0,
+				"&:hover .MuiOutlinedInput-notchedOutline": { borderColor: "transparent" }
+			},
+			"&.Monite-FilterControl": {
+				height: "40px",
+				minHeight: "40px",
+				maxHeight: "40px",
+				maxWidth: i,
+				width: "100%",
+				"& .MuiInputBase-root": {
+					marginTop: 0,
+					height: "40px",
+					minHeight: "40px",
+					maxHeight: "40px",
+					borderRadius: a.borderRadius * 2,
+					color: n.text.primary,
+					fontWeight: 500,
+					backgroundColor: n.neutral[95],
+					padding: "0 6px",
+					"&.Mui-focused": { backgroundColor: t(n.primary.main).alpha(.05).hex() }
+				},
+				"&:hover": {
+					"& .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": { border: "none" },
+					".MuiFormLabel-root.MuiFormLabel-filled": {
+						opacity: 0,
+						"+ .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": { backgroundColor: t(n.primary.main).alpha(.12).hex() }
+					}
+				},
+				"& .MuiSelect-select": {
+					fontSize: "14px",
+					"&:focus": { backgroundColor: "transparent" }
+				},
+				"& .MuiFormLabel-root": {
+					position: "absolute",
+					zIndex: 1,
+					left: "45px",
+					top: "10px",
+					fontSize: "14px",
+					maxWidth: "calc(100% - 52px)",
+					textOverflow: "ellipsis",
+					pointerEvents: "none",
+					"&.MuiFormLabel-filled": {
+						opacity: 0,
+						"+ .MuiInputBase-root": {
+							color: n.primary.main,
+							backgroundColor: t(n.primary.main).alpha(.05).hex(),
+							".MuiSelect-icon, .MuiSvgIcon-root, .MuiSvgIcon-root>*": { color: n.primary.main }
+						}
+					}
+				},
+				"& .MuiInputLabel-root": {
+					fontWeight: 500,
+					color: n.text.secondary
+				},
+				"& .MuiIconButton-root": { marginRight: "-6px" },
+				"& .MuiInputAdornment-positionEnd .MuiSvgIcon-root, & .MuiIconButton-root .MuiSvgIcon-root": {
+					width: "20px",
+					height: "20px",
+					"> *": { color: n.text.primary }
+				},
+				"&.Monite-DateFilterControl": { "input::placeholder": { opacity: 0 } },
+				"& .MuiInputBase-input:not(.MuiSelect-select)": {
+					padding: "0 0 0 8px",
+					fontSize: "14px",
+					textOverflow: "ellipsis",
+					"& + .MuiInputAdornment-root": { marginLeft: 0 }
+				}
+			},
+			"&.Monite-SearchField": {
+				maxWidth: "400px",
+				width: "100%",
+				"& label": { color: "secondary.main" }
+			}
+		}
+	} } };
 };
+//#endregion
+export { n as getFormControlStyles };

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

@@ -1,84 +1 @@
-import { rateMinorToMajor as p, rateMajorToMinor as f } from "./index94.js";
-import { generateUniqueId as l } from "./index433.js";
-const c = (t, e) => {
-  let r = t;
-  for (const n of e) {
-    if (typeof r != "object" || r === null || !(n in r))
-      return;
-    r = r[n];
-  }
-  return typeof r == "object" && r !== null && "message" in r && typeof r.message == "string" ? String(r.message) : void 0;
-};
-function m(t, e) {
-  if (!t)
-    return;
-  const r = typeof t == "object";
-  if (r && "message" in t && typeof t.message == "string")
-    return t.message;
-  const n = e.split("."), s = !Array.isArray(t);
-  if (s && r)
-    return c(t, n);
-  if (s) return;
-  const a = t.find((o) => {
-    if (!o || typeof o != "object" || o === null) return !1;
-    let i = o;
-    for (const u of n) {
-      if (typeof i != "object" || i === null || !(u in i))
-        return !1;
-      i = i[u];
-    }
-    return typeof i == "object" && i !== null && "message" in i && typeof i.message == "string";
-  });
-  if (a)
-    return c(a, n);
-}
-const d = (t, e) => m(t, e), M = (t) => {
-  let e = t.replace(/[^0-9.]/g, "");
-  const r = e.indexOf(".");
-  if (r !== -1 && (e = e.slice(0, r + 1) + e.slice(r + 1).replace(/\./g, ""), e = e.slice(0, r + 3)), e.length > 1 && e.startsWith("0") && e[1] !== "." && (e = e.replace(/^0+/, "") || "0"), e === "" || e === ".")
-    return e;
-  const n = Number(e);
-  return !isNaN(n) && n > 100 ? "100" : e;
-}, j = (t, e) => {
-  if (t === void 0 || isNaN(t)) return "";
-  const r = p(t);
-  return e.format(r);
-}, b = (t, e, r) => {
-  if (t.trim() === "") return 0;
-  let n = t;
-  if (r) {
-    const a = r.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-    n = n.replace(new RegExp(a, "g"), "");
-  }
-  n = n.replace(e, ".");
-  const s = parseFloat(n);
-  return isNaN(s) ? 0 : f(s);
-}, _ = (t) => !t || !Array.isArray(t) ? [] : t.filter((e) => !!e?.product?.name).map((e) => ({
-  ...e,
-  id: e.product_id || l(),
-  quantity: e.quantity ?? 1,
-  product: {
-    ...e.product,
-    type: e.product?.type,
-    price: {
-      ...e.product?.price || {},
-      value: e.product?.price?.value ?? 0,
-      currency: e.product?.price?.currency || "USD"
-    },
-    measure_unit_id: e.product?.measure_unit_id || ""
-  },
-  ...e.measure_unit?.name ? {
-    measure_unit: {
-      name: e.measure_unit.name,
-      id: null
-    }
-  } : {}
-}));
-export {
-  j as formatMinorToMajorCurrency,
-  m as getErrorMessage,
-  d as getLineItemErrorMessage,
-  b as parseMajorToMinorCurrency,
-  _ as sanitizeLineItems,
-  M as sanitizeTaxRateInput
-};
+import "./index197.js";

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

@@ -1,98 +1,55 @@
-import { jsxs as n, jsx as e } from "@emotion/react/jsx-runtime";
-import { useForm as y, Controller as i } from "react-hook-form";
-import { prepareBankAccountCreatePayload as k } from "./index448.js";
-import "date-fns";
-import { getCreateBankAccountSchema as x } from "./index191.js";
-import { safeZodResolver as C } from "./index223.js";
-import { useLingui as S } from "@lingui/react";
-import { Field as d, FieldContent as c, FieldLabel as m, FieldError as u } from "./index159.js";
-import { Input as s } from "./index118.js";
-import { Typography as h } from "./index85.js";
-import { useCreateEntityBankAccount as F } from "./index424.js";
-import { Button as p } from "./index84.js";
-const I = ({
-  bankAccountsLength: b,
-  onCreate: _,
-  onCancel: f
-}) => {
-  const {
-    i18n: a
-  } = S(), {
-    mutate: v,
-    isPending: o
-  } = F(_), {
-    control: l,
-    handleSubmit: g
-  } = y({
-    mode: "onSubmit",
-    reValidateMode: "onSubmit",
-    resolver: C(x(a)),
-    defaultValues: {
-      display_name: "",
-      account_holder_name: "",
-      account_number: "",
-      routing_number: ""
-    }
-  }), w = (t) => {
-    v({
-      body: k(t)
-    });
-  };
-  return /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:p-3 ttw:gap-4 ttw:border ttw:border-border ttw:rounded-xl", children: [
-    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: /* @__PURE__ */ e(h, { variant: "body2", children: a._("Add a bank account") }) }),
-    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-4", children: [
-      /* @__PURE__ */ e(i, { name: "routing_number", control: l, render: ({
-        field: t,
-        fieldState: {
-          error: r
-        }
-      }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ n(c, { children: [
-        /* @__PURE__ */ e(m, { htmlFor: "routing_number", children: a._("Routing number") }),
-        /* @__PURE__ */ e(s, { ...t, id: "routing_number", placeholder: a._("e.g. 123456789"), value: t.value ?? "", disabled: o, "aria-invalid": !!r }),
-        /* @__PURE__ */ e(u, { errors: r ? [r] : [] })
-      ] }) }) }),
-      /* @__PURE__ */ e(i, { name: "account_number", control: l, render: ({
-        field: t,
-        fieldState: {
-          error: r
-        }
-      }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ n(c, { children: [
-        /* @__PURE__ */ e(m, { htmlFor: "account_number", children: a._("Account number") }),
-        /* @__PURE__ */ e(s, { ...t, id: "account_number", placeholder: a._("e.g. 123456789"), value: t.value ?? "", disabled: o, "aria-invalid": !!r }),
-        /* @__PURE__ */ e(u, { errors: r ? [r] : [] })
-      ] }) }) })
-    ] }),
-    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-4", children: [
-      /* @__PURE__ */ e(i, { name: "account_holder_name", control: l, render: ({
-        field: t,
-        fieldState: {
-          error: r
-        }
-      }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ n(c, { children: [
-        /* @__PURE__ */ e(m, { htmlFor: "account_holder_name", children: a._("Account holder name") }),
-        /* @__PURE__ */ e(s, { ...t, id: "account_holder_name", placeholder: a._("e.g. James Smith"), value: t.value ?? "", disabled: o, "aria-invalid": !!r }),
-        /* @__PURE__ */ e(u, { errors: r ? [r] : [] })
-      ] }) }) }),
-      /* @__PURE__ */ e(i, { name: "display_name", control: l, render: ({
-        field: t,
-        fieldState: {
-          error: r
-        }
-      }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ n(c, { children: [
-        /* @__PURE__ */ n(m, { htmlFor: "display_name", className: "ttw:gap-1", children: [
-          a._("Account nickname"),
-          /* @__PURE__ */ e(h, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: a._("(optional)") })
-        ] }),
-        /* @__PURE__ */ e(s, { ...t, id: "display_name", placeholder: a._("e.g. Empire Bank Checking"), value: t.value ?? "", disabled: o, "aria-invalid": !!r }),
-        /* @__PURE__ */ e(u, { errors: r ? [r] : [] })
-      ] }) }) })
-    ] }),
-    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-4", children: [
-      b !== 0 && /* @__PURE__ */ e(p, { type: "button", variant: "outline", className: "ttw:border-border", disabled: o, onClick: f, children: a._("Cancel") }),
-      /* @__PURE__ */ e(p, { type: "button", disabled: o, onClick: g(w), children: a._("Save account") })
-    ] })
-  ] });
-};
-export {
-  I as BankAccountSectionForm
+import { useState as e } from "react";
+import { Fragment as t, jsx as n, jsxs as r } from "@emotion/react/jsx-runtime";
+import { IconButton as i, ListItemText as a, Menu as o, MenuItem as s } from "@mui/material";
+import c from "@mui/icons-material/MoreVert";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index391.js
+var l = ({ id: l = "dropdown-menu-button", items: u, iconButtonProps: d, menuProps: f }) => {
+	let [p, m] = e(null), h = !!p, g = (e) => {
+		m(e.currentTarget);
+	}, _ = () => {
+		m(null);
+	};
+	return /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(i, {
+		id: l,
+		onClick: g,
+		sx: {
+			border: "1px solid",
+			borderColor: "divider",
+			borderRadius: 1,
+			width: 40,
+			height: 40
+		},
+		"aria-expanded": h,
+		"aria-haspopup": "true",
+		...d,
+		children: /* @__PURE__ */ n(c, {})
+	}), /* @__PURE__ */ n(o, {
+		anchorEl: p,
+		open: h,
+		onClose: _,
+		container: () => document.body,
+		anchorOrigin: {
+			vertical: "bottom",
+			horizontal: "right"
+		},
+		transformOrigin: {
+			vertical: "top",
+			horizontal: "right"
+		},
+		MenuListProps: {
+			"aria-labelledby": l,
+			role: "menu"
+		},
+		...f,
+		children: u.map(({ key: e, label: t, onClick: r, sx: i }) => /* @__PURE__ */ n(s, {
+			id: e,
+			onClick: (e) => {
+				_(), r?.(e);
+			},
+			sx: i,
+			children: /* @__PURE__ */ n(a, { primary: t })
+		}, e))
+	})] });
 };
+//#endregion
+export { l as DropdownMenu };

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

@@ -1,13 +1,46 @@
-import { useMoniteContext as o } from "./index57.js";
-const r = () => {
-  const {
-    api: e
-  } = o();
-  return e.finops.deleteFilesId.useMutation(void 0, {
-    onError: () => {
-    }
-  });
-};
-export {
-  r as useDeleteFile
-};
+import { useDialog as e } from "./index201.js";
+import "./index202.js";
+import { IconWrapper as t } from "./index205.js";
+import "./index206.js";
+import { jsx as n, jsxs as r } from "@emotion/react/jsx-runtime";
+import { DialogTitle as i, Stack as a, Toolbar as o, styled as s } from "@mui/material";
+import { useLingui as c } from "@lingui/react";
+import l from "@mui/icons-material/Close";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index392.js
+var u = ({ title: i, statusElement: o, actions: s, className: u, closeButtonTooltip: p }) => {
+	let { i18n: m } = c(), h = e();
+	return /* @__PURE__ */ r(d, {
+		className: u,
+		disableGutters: !0,
+		children: [
+			h?.isDialogContent && /* @__PURE__ */ n(t, {
+				color: "inherit",
+				onClick: h.onClose,
+				ariaLabelOverride: p || m._("Close modal"),
+				tooltip: p || m._("Close modal"),
+				children: /* @__PURE__ */ n(l, {})
+			}),
+			/* @__PURE__ */ r(a, {
+				direction: "row",
+				spacing: 2,
+				alignItems: "center",
+				ml: 2,
+				children: [/* @__PURE__ */ n(f, { children: i }), o]
+			}),
+			s && /* @__PURE__ */ n(a, {
+				direction: "row",
+				spacing: 2,
+				ml: "auto",
+				children: s
+			})
+		]
+	});
+}, d = s(o)(() => ({
+	padding: "24px 32px",
+	flexShrink: 0
+})), f = s(i)(({ theme: e }) => ({ "&.MuiDialogTitle-root.MuiTypography-root": {
+	...e.typography.h3,
+	padding: "0"
+} }));
+//#endregion
+export { u as FullScreenModalHeader };

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

@@ -1,13 +1 @@
-import { useMoniteContext as o } from "./index57.js";
-const n = () => {
-  const {
-    api: t
-  } = o();
-  return t.finops.postFiles.useMutation({}, {
-    onError: () => {
-    }
-  });
-};
-export {
-  n as useUploadReceivableAttachment
-};
+import "./index392.js";

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

@@ -1,14 +1,21 @@
-const o = (e) => {
-  const t = e.lastIndexOf(".");
-  return t >= 0 ? e.slice(t + 1).toLowerCase() : "";
-}, l = (e, {
-  acceptedFormats: t,
-  acceptedExtensions: n,
-  maxFileSizeInMB: s
-}) => {
-  const a = t.includes(e.type), c = n.includes(o(e.name));
-  return !a && !c ? "unsupported_type" : e.size > s * 1024 * 1024 ? "too_large" : null;
-};
-export {
-  l as validateAttachmentFile
+import { ConfirmationModal as e } from "./index59.js";
+import "./index60.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { useLingui as n } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index394.js
+var r = ({ isOpen: r, handleCloseModal: i, handleConfirmation: a }) => {
+	let { i18n: o } = n();
+	return /* @__PURE__ */ t(e, {
+		open: r,
+		title: o._("Cancel bill?"),
+		message: o._("The bill will receive the “Canceled” status and will require no payment. You can’t undo this action."),
+		confirmLabel: o._("Cancel bill"),
+		cancelLabel: o._("Close"),
+		onClose: i,
+		onConfirm: () => {
+			i(), a();
+		}
+	});
 };
+//#endregion
+export { r as PayableDetailsCancelModal };

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

@@ -1,4 +1 @@
-const r = (o) => o ? Array.from(o) : [];
-export {
-  r as toFileArray
-};
+import "./index394.js";