@tesouro/embedded-components-react 0.5.178 → 0.5.179

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

@@ -1,136 +1,40 @@
-import { useCurrencies as e } from "./index62.js";
-import "./index223.js";
-import { manualPaymentRecordValidationSchema as t } from "./index100.js";
-import { RHFTextField as n } from "./index307.js";
-import "./index308.js";
-import { safeZodResolver as r } from "./index385.js";
-import { RHFDatePicker as i } from "./index531.js";
-import "./index532.js";
-import { RHFTimePicker as a } from "./index533.js";
-import "./index534.js";
-import { useEffect as o, useMemo as s } from "react";
-import { Fragment as c, jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
-import { Button as d, CircularProgress as f, DialogActions as p, DialogContent as m, DialogTitle as h, FormHelperText as g, Grid as _ } from "@mui/material";
-import { useLingui as v } from "@lingui/react";
-import { useForm as y } from "react-hook-form";
+import { Fragment as e, jsx as t, jsxs as n } from "@emotion/react/jsx-runtime";
+import { Alert as r } from "@mui/material";
+import { TimeField as i } from "@mui/x-date-pickers";
+import { Controller as a } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index535.js
-var b = ({ invoice: b, initialValues: x, isLoading: S, onSubmit: C, onCancel: w }) => {
-	let { i18n: T } = v(), { formatCurrencyToDisplay: E, getSymbolFromCurrency: D } = e(), { control: O, handleSubmit: k, reset: A, setValue: j } = y({
-		resolver: r(t(T, b.amount_due)),
-		defaultValues: s(() => x ?? {
-			amount: 0,
-			payment_date: /* @__PURE__ */ new Date(),
-			payment_time: /* @__PURE__ */ new Date()
-		}, [x])
+var o = ({ control: o, name: s, required: c, fullWidth: l, slotProps: u, ...d }) => {
+	let f = (e) => e?.type === "custom";
+	return /* @__PURE__ */ t(a, {
+		control: o,
+		name: s,
+		render: ({ field: a, fieldState: { error: o, isTouched: p }, formState: { isValid: m } }) => {
+			let h = (p || !m) && !f(o), g = a.value === null ? null : new Date(a.value);
+			return /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(i, {
+				...a,
+				...d,
+				variant: "standard",
+				required: c,
+				fullWidth: l,
+				value: g,
+				helperText: h && o?.message,
+				slotProps: {
+					...u,
+					textField: {
+						...u?.textField,
+						id: s,
+						error: h && !!o?.message,
+						helperText: h && o?.message
+					}
+				}
+			}), f(o) && /* @__PURE__ */ t(r, {
+				severity: "error",
+				icon: !1,
+				sx: { marginTop: -2 },
+				children: o?.message
+			})] });
+		}
 	});
-	o(() => {
-		A(x);
-	}, [x, A]);
-	let M = D(b.currency);
-	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ u("form", {
-		onSubmit: k(C),
-		children: [
-			/* @__PURE__ */ l(h, {
-				sx: {
-					px: 4,
-					pt: 4
-				},
-				variant: "h3",
-				id: "dialog-title",
-				children: T._("Record payment")
-			}),
-			/* @__PURE__ */ l(m, {
-				sx: { p: 4 },
-				children: /* @__PURE__ */ u(_, {
-					container: !0,
-					spacing: 1,
-					children: [
-						/* @__PURE__ */ u(_, {
-							item: !0,
-							xs: 12,
-							children: [/* @__PURE__ */ l(n, {
-								label: T._("Amount"),
-								name: "amount",
-								placeholder: "0",
-								control: O,
-								type: "number",
-								sx: { "::after": {
-									content: `"${M}"`,
-									position: "absolute",
-									right: "16px",
-									bottom: 0,
-									transform: "translateY(-50%)",
-									fontSize: "16px",
-									color: "rgba(0,0,0,0.28)",
-									pointerEvents: "none"
-								} },
-								fullWidth: !0,
-								required: !0
-							}), /* @__PURE__ */ u(g, { children: [
-								T._("Enter full amount due of"),
-								" ",
-								/* @__PURE__ */ l(d, {
-									variant: "text",
-									sx: { textDecoration: "underline" },
-									onClick: () => j("amount", b.amount_due / 100),
-									children: E(b.amount_due, b.currency)
-								})
-							] })]
-						}),
-						/* @__PURE__ */ l(_, {
-							item: !0,
-							xs: 6,
-							children: /* @__PURE__ */ l(i, {
-								label: T._("Date"),
-								name: "payment_date",
-								control: O
-							})
-						}),
-						/* @__PURE__ */ l(_, {
-							item: !0,
-							xs: 6,
-							children: /* @__PURE__ */ l(a, {
-								label: T._("Time"),
-								name: "payment_time",
-								control: O,
-								sx: { "::after": {
-									content: "\"UTC\"",
-									position: "absolute",
-									right: "16px",
-									bottom: 0,
-									transform: "translateY(-50%)",
-									fontSize: "16px",
-									color: "rgba(0,0,0,0.28)",
-									pointerEvents: "none"
-								} },
-								fullWidth: !0,
-								required: !0
-							})
-						})
-					]
-				})
-			}),
-			/* @__PURE__ */ u(p, {
-				sx: {
-					px: 4,
-					pb: 4
-				},
-				children: [/* @__PURE__ */ l(d, {
-					autoFocus: !0,
-					onClick: w,
-					children: T._("Cancel")
-				}), /* @__PURE__ */ l(d, {
-					variant: "contained",
-					startIcon: S ? /* @__PURE__ */ l(f, {
-						size: 20,
-						color: "warning"
-					}) : null,
-					type: "submit",
-					children: T._("Save")
-				})]
-			})
-		]
-	}) });
 };
 //#endregion
-export { b as PaymentRecordForm };
+export { o as RHFTimePicker };

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

@@ -1,112 +1 @@
-import { fromMinorUnits as e, toMinorUnits as t } from "./index13.js";
-import { useMoniteContext as n } from "./index46.js";
-import { useEntityUserByAuthToken as r } from "./index135.js";
-import { useCreatePaymentRecord as i } from "./index140.js";
-import "./index144.js";
-import { useRootElements as a } from "./index212.js";
-import "./index213.js";
-import { invalidateReceivableHistory as o } from "./index157.js";
-import { invalidateReceivableLists as s } from "./index158.js";
-import "./index183.js";
-import { ManualPaymentRecordDetails as c } from "./index530.js";
-import { PaymentRecordForm as l } from "./index535.js";
-import { useState as u } from "react";
-import { Fragment as d, jsx as f, jsxs as p } from "@emotion/react/jsx-runtime";
-import { Box as m, Button as h, Dialog as g, DialogActions as _, DialogContent as v } from "@mui/material";
-import { useLingui as y } from "@lingui/react";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index536.js
-var b = {
-	amount: 0,
-	payment_date: /* @__PURE__ */ new Date(),
-	payment_time: /* @__PURE__ */ new Date(),
-	created_by: ""
-}, x = ({ children: x, invoice: S }) => {
-	let [C, w] = u(!1), [T, E] = u(!1), [D, O] = u(b), { i18n: k } = y(), { root: A } = a(), j = () => w(!0), M = () => w(!1), { api: N, queryClient: P } = n(), { mutate: F, isPending: I } = i(), { data: L, isLoading: R } = r(), z = (e) => {
-		O({
-			...e,
-			amount: t(e?.amount ?? 0),
-			created_by: L?.id ?? ""
-		}), E(!0);
-	}, B = () => {
-		E(!1), O(b);
-	}, V = () => {
-		let e = new Date(D.payment_date).setHours(D.payment_time.getHours(), D.payment_time.getMinutes()), t = new Date(e);
-		F({
-			amount: D?.amount ?? 0,
-			currency: S.currency,
-			paid_at: t.toISOString(),
-			object: {
-				id: S.id,
-				type: "receivable"
-			},
-			payment_intent_id: S.id,
-			entity_user_id: L?.id,
-			status: "succeeded"
-		}, { onSuccess: () => {
-			N.finops.getReceivablesId.invalidateQueries({ parameters: { path: { receivable_id: S.id } } }, P), o(N, P, S.id), s(N, P), M(), B();
-		} });
-	}, H = I || R;
-	return [
-		"draft",
-		"paid",
-		"canceled",
-		"deleted",
-		"accepted",
-		"recurring",
-		"expired",
-		"declined",
-		"uncollectible"
-	].includes(S.status) ? null : /* @__PURE__ */ p(d, { children: [x({ openModal: j }), /* @__PURE__ */ f(g, {
-		open: C,
-		onClose: M,
-		container: A,
-		"aria-labelledby": "dialog-title",
-		fullWidth: !0,
-		maxWidth: "sm",
-		children: T ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(v, {
-			sx: { p: 4 },
-			children: /* @__PURE__ */ f(c, {
-				invoice: S,
-				paymentRecords: D
-			})
-		}), /* @__PURE__ */ p(_, {
-			sx: {
-				px: 4,
-				pb: 4,
-				justifyContent: "space-between"
-			},
-			children: [/* @__PURE__ */ f(h, {
-				onClick: M,
-				children: k._("Cancel")
-			}), /* @__PURE__ */ p(m, {
-				sx: {
-					display: "flex",
-					gap: 2
-				},
-				children: [/* @__PURE__ */ f(h, {
-					variant: "outlined",
-					disabled: H,
-					onClick: () => E(!1),
-					children: k._("Edit record")
-				}), /* @__PURE__ */ f(h, {
-					variant: "contained",
-					disabled: H,
-					onClick: V,
-					children: k._("Confirm")
-				})]
-			})]
-		})] }) : /* @__PURE__ */ f(l, {
-			invoice: S,
-			initialValues: {
-				amount: D.amount ? e(D.amount) : 0,
-				payment_date: D.payment_date,
-				payment_time: D.payment_time
-			},
-			isLoading: H,
-			onCancel: M,
-			onSubmit: z
-		})
-	})] });
-};
-//#endregion
-export { x as RecordManualPaymentModal };
+import "./index535.js";

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

@@ -1,54 +1,136 @@
 import { useCurrencies as e } from "./index62.js";
-import "./index223.js";
-import { ConfirmationModal as t } from "./index58.js";
-import "./index59.js";
-import { useGetRecurrenceById as n } from "./index200.js";
-import { useCancelRecurrence as r } from "./index201.js";
-import i from "deep-eql";
-import { jsx as a, jsxs as o } from "@emotion/react/jsx-runtime";
-import { Trans as s, useLingui as c } from "@lingui/react";
-import { usePreviousDistinct as l } from "react-use";
+import "./index224.js";
+import { manualPaymentRecordValidationSchema as t } from "./index100.js";
+import { RHFTextField as n } from "./index308.js";
+import "./index309.js";
+import { safeZodResolver as r } from "./index386.js";
+import { RHFDatePicker as i } from "./index533.js";
+import "./index534.js";
+import { RHFTimePicker as a } from "./index535.js";
+import "./index536.js";
+import { useEffect as o, useMemo as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
+import { Button as d, CircularProgress as f, DialogActions as p, DialogContent as m, DialogTitle as h, FormHelperText as g, Grid as _ } from "@mui/material";
+import { useLingui as v } from "@lingui/react";
+import { useForm as y } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index537.js
-var u = ({ invoice: u, open: d, onClose: f }) => {
-	let { i18n: p } = c(), { formatCurrencyToDisplay: m } = e(), h = u?.recurrence_id ?? "", { mutate: g, isPending: _ } = r(h, u.id), { data: v } = n(h), y = l(v, i), b = (y?.status === "active" && v?.status === "canceled" ? y : v)?.iterations?.filter(({ status: e }) => e === "pending")?.length ?? 0, x = u && b !== void 0 ? m(u.total_amount_with_credit_notes * b, u.currency) : void 0;
-	return /* @__PURE__ */ o(t, {
-		open: d && !!u.id,
-		title: p._("Cancel Recurring Invoice"),
-		confirmLabel: p._("Cancel recurrence"),
-		cancelLabel: p._("Close"),
-		onClose: f,
-		onConfirm: () => g(void 0, { onSuccess: f }),
-		isLoading: _,
+var b = ({ invoice: b, initialValues: x, isLoading: S, onSubmit: C, onCancel: w }) => {
+	let { i18n: T } = v(), { formatCurrencyToDisplay: E, getSymbolFromCurrency: D } = e(), { control: O, handleSubmit: k, reset: A, setValue: j } = y({
+		resolver: r(t(T, b.amount_due)),
+		defaultValues: s(() => x ?? {
+			amount: 0,
+			payment_date: /* @__PURE__ */ new Date(),
+			payment_time: /* @__PURE__ */ new Date()
+		}, [x])
+	});
+	o(() => {
+		A(x);
+	}, [x, A]);
+	let M = D(b.currency);
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ u("form", {
+		onSubmit: k(C),
 		children: [
-			/* @__PURE__ */ a("span", {
-				className: "ttw:inline-block",
-				children: p._("Are you sure you want to cancel this recurring invoice?")
-			}),
-			/* @__PURE__ */ a("span", {
-				className: "ttw:inline-block",
-				children: p._("All future iterations of this invoice will be canceled.")
+			/* @__PURE__ */ l(h, {
+				sx: {
+					px: 4,
+					pt: 4
+				},
+				variant: "h3",
+				id: "dialog-title",
+				children: T._("Record payment")
 			}),
-			u && b !== void 0 && /* @__PURE__ */ a("span", {
-				className: "ttw:inline-block",
-				children: /* @__PURE__ */ a(s, {
-					id: "ZYrFPL",
-					values: {
-						0: b === 1 ? p._("invoice") : p._("invoices"),
-						totalPendingInvoices: b,
-						pendingInvoicesTotalAmountWithCreditNotes: x
-					},
-					components: {
-						0: /* @__PURE__ */ a("strong", {}),
-						1: /* @__PURE__ */ a("strong", {})
-					}
+			/* @__PURE__ */ l(m, {
+				sx: { p: 4 },
+				children: /* @__PURE__ */ u(_, {
+					container: !0,
+					spacing: 1,
+					children: [
+						/* @__PURE__ */ u(_, {
+							item: !0,
+							xs: 12,
+							children: [/* @__PURE__ */ l(n, {
+								label: T._("Amount"),
+								name: "amount",
+								placeholder: "0",
+								control: O,
+								type: "number",
+								sx: { "::after": {
+									content: `"${M}"`,
+									position: "absolute",
+									right: "16px",
+									bottom: 0,
+									transform: "translateY(-50%)",
+									fontSize: "16px",
+									color: "rgba(0,0,0,0.28)",
+									pointerEvents: "none"
+								} },
+								fullWidth: !0,
+								required: !0
+							}), /* @__PURE__ */ u(g, { children: [
+								T._("Enter full amount due of"),
+								" ",
+								/* @__PURE__ */ l(d, {
+									variant: "text",
+									sx: { textDecoration: "underline" },
+									onClick: () => j("amount", b.amount_due / 100),
+									children: E(b.amount_due, b.currency)
+								})
+							] })]
+						}),
+						/* @__PURE__ */ l(_, {
+							item: !0,
+							xs: 6,
+							children: /* @__PURE__ */ l(i, {
+								label: T._("Date"),
+								name: "payment_date",
+								control: O
+							})
+						}),
+						/* @__PURE__ */ l(_, {
+							item: !0,
+							xs: 6,
+							children: /* @__PURE__ */ l(a, {
+								label: T._("Time"),
+								name: "payment_time",
+								control: O,
+								sx: { "::after": {
+									content: "\"UTC\"",
+									position: "absolute",
+									right: "16px",
+									bottom: 0,
+									transform: "translateY(-50%)",
+									fontSize: "16px",
+									color: "rgba(0,0,0,0.28)",
+									pointerEvents: "none"
+								} },
+								fullWidth: !0,
+								required: !0
+							})
+						})
+					]
 				})
 			}),
-			/* @__PURE__ */ a("span", {
-				className: "ttw:inline-block",
-				children: p._("This action can't be undone.")
+			/* @__PURE__ */ u(p, {
+				sx: {
+					px: 4,
+					pb: 4
+				},
+				children: [/* @__PURE__ */ l(d, {
+					autoFocus: !0,
+					onClick: w,
+					children: T._("Cancel")
+				}), /* @__PURE__ */ l(d, {
+					variant: "contained",
+					startIcon: S ? /* @__PURE__ */ l(f, {
+						size: 20,
+						color: "warning"
+					}) : null,
+					type: "submit",
+					children: T._("Save")
+				})]
 			})
 		]
-	});
+	}) });
 };
 //#endregion
-export { u as RecurrenceCancelModal };
+export { b as PaymentRecordForm };