@tesouro/embedded-components-react 0.3.20 → 0.3.22

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

@@ -1,76 +1,24 @@
-import { Typography as e } from "./index62.js";
-import { Badge as t } from "./index223.js";
-import { AccordionContent as n, AccordionItem as r, AccordionTrigger as i } from "./index513.js";
-import { Check as a } from "lucide-react";
-import { jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
-import { useLingui as c } from "@lingui/react";
+import { cn as e } from "./index49.js";
+import { Typography as t } from "./index62.js";
+import { amountValueToneClass as n } from "./index93.js";
+import { jsx as r, jsxs as i } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index518.js
-var l = ({ attachments: l }) => {
-	let { i18n: u } = c();
-	return /* @__PURE__ */ s(r, {
-		value: "attachments",
-		children: [/* @__PURE__ */ o(i, { children: /* @__PURE__ */ s("span", {
-			className: "ttw:flex ttw:items-center ttw:gap-2",
-			children: [/* @__PURE__ */ o("span", {
-				className: "ttw:group-hover:underline",
-				children: u._("Attachments")
-			}), /* @__PURE__ */ o(t, {
-				variant: "secondary",
-				className: "ttw:rounded-full",
-				children: l.length
-			})]
-		}) }), /* @__PURE__ */ o(n, { children: l.length === 0 ? /* @__PURE__ */ o(e, {
-			variant: "body2",
+function a({ row: a, defaultTone: o }) {
+	let s = a.tone ?? (a.emphasis ? o : "default");
+	return /* @__PURE__ */ i("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+		children: [/* @__PURE__ */ r(t, {
+			variant: "caption",
 			color: "muted",
-			children: u._("No attached files")
-		}) : /* @__PURE__ */ s("table", {
-			className: "ttw:w-full ttw:border-collapse",
-			children: [/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", {
-				className: "ttw:border-b ttw:border-border",
-				children: [/* @__PURE__ */ o("th", {
-					scope: "col",
-					className: "ttw:py-2 ttw:text-left",
-					children: /* @__PURE__ */ o(e, {
-						component: "span",
-						variant: "caption",
-						color: "muted",
-						children: u._("File")
-					})
-				}), /* @__PURE__ */ o("th", {
-					scope: "col",
-					className: "ttw:py-2 ttw:text-right",
-					children: /* @__PURE__ */ o(e, {
-						component: "span",
-						variant: "caption",
-						color: "muted",
-						children: u._("Emailed")
-					})
-				})]
-			}) }), /* @__PURE__ */ o("tbody", { children: l.map((e) => /* @__PURE__ */ s("tr", {
-				className: "ttw:border-b ttw:border-border ttw:last:border-b-0",
-				children: [/* @__PURE__ */ o("td", {
-					className: "ttw:py-3",
-					children: /* @__PURE__ */ o("a", {
-						href: e.url,
-						target: "_blank",
-						rel: "noreferrer",
-						className: "ttw:text-primary ttw:hover:underline",
-						children: e.name
-					})
-				}), /* @__PURE__ */ o("td", {
-					className: "ttw:py-3 ttw:text-right ttw:align-middle",
-					children: e.include_in_email ? /* @__PURE__ */ o(a, {
-						role: "img",
-						"aria-label": u._("Included in email"),
-						className: "ttw:inline-block ttw:size-4 ttw:text-emerald-600"
-					}) : /* @__PURE__ */ o("span", {
-						className: "ttw:sr-only",
-						children: u._("Not included in email")
-					})
-				})]
-			}, e.id)) })]
-		}) })]
+			className: "ttw:font-medium",
+			children: a.label
+		}), /* @__PURE__ */ r(t, {
+			component: "span",
+			variant: a.emphasis ? "h3" : "body1",
+			className: e(!a.emphasis && "ttw:font-medium", n[s]),
+			children: a.value
+		})]
 	});
-};
+}
 //#endregion
-export { l as InvoiceDetailsAttachments };
+export { a as InvoiceDetailsAmountCell };

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

@@ -1,20 +1,76 @@
-import { Button as e } from "./index56.js";
-import { forwardRef as t } from "react";
-import { XIcon as n } from "lucide-react";
-import { jsx as r } from "@emotion/react/jsx-runtime";
+import { Typography as e } from "./index62.js";
+import { Badge as t } from "./index223.js";
+import { AccordionContent as n, AccordionItem as r, AccordionTrigger as i } from "./index514.js";
+import { Check as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
+import { useLingui as c } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index519.js
-var i = t(function({ label: t, onClose: i, variant: a = "ghost", size: o = "icon", onClick: s, ...c }, l) {
-	return /* @__PURE__ */ r(e, {
-		ref: l,
-		variant: a,
-		size: o,
-		...c,
-		"aria-label": t,
-		onClick: (e) => {
-			s?.(e), i();
-		},
-		children: /* @__PURE__ */ r(n, { className: "ttw:size-4" })
+var l = ({ attachments: l }) => {
+	let { i18n: u } = c();
+	return /* @__PURE__ */ s(r, {
+		value: "attachments",
+		children: [/* @__PURE__ */ o(i, { children: /* @__PURE__ */ s("span", {
+			className: "ttw:flex ttw:items-center ttw:gap-2",
+			children: [/* @__PURE__ */ o("span", {
+				className: "ttw:group-hover:underline",
+				children: u._("Attachments")
+			}), /* @__PURE__ */ o(t, {
+				variant: "secondary",
+				className: "ttw:rounded-full",
+				children: l.length
+			})]
+		}) }), /* @__PURE__ */ o(n, { children: l.length === 0 ? /* @__PURE__ */ o(e, {
+			variant: "body2",
+			color: "muted",
+			children: u._("No attached files")
+		}) : /* @__PURE__ */ s("table", {
+			className: "ttw:w-full ttw:border-collapse",
+			children: [/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", {
+				className: "ttw:border-b ttw:border-border",
+				children: [/* @__PURE__ */ o("th", {
+					scope: "col",
+					className: "ttw:py-2 ttw:text-left",
+					children: /* @__PURE__ */ o(e, {
+						component: "span",
+						variant: "caption",
+						color: "muted",
+						children: u._("File")
+					})
+				}), /* @__PURE__ */ o("th", {
+					scope: "col",
+					className: "ttw:py-2 ttw:text-right",
+					children: /* @__PURE__ */ o(e, {
+						component: "span",
+						variant: "caption",
+						color: "muted",
+						children: u._("Emailed")
+					})
+				})]
+			}) }), /* @__PURE__ */ o("tbody", { children: l.map((e) => /* @__PURE__ */ s("tr", {
+				className: "ttw:border-b ttw:border-border ttw:last:border-b-0",
+				children: [/* @__PURE__ */ o("td", {
+					className: "ttw:py-3",
+					children: /* @__PURE__ */ o("a", {
+						href: e.url,
+						target: "_blank",
+						rel: "noreferrer",
+						className: "ttw:text-primary ttw:hover:underline",
+						children: e.name
+					})
+				}), /* @__PURE__ */ o("td", {
+					className: "ttw:py-3 ttw:text-right ttw:align-middle",
+					children: e.include_in_email ? /* @__PURE__ */ o(a, {
+						role: "img",
+						"aria-label": u._("Included in email"),
+						className: "ttw:inline-block ttw:size-4 ttw:text-emerald-600"
+					}) : /* @__PURE__ */ o("span", {
+						className: "ttw:sr-only",
+						children: u._("Not included in email")
+					})
+				})]
+			}, e.id)) })]
+		}) })]
 	});
-});
+};
 //#endregion
-export { i as InvoiceDetailsCloseButton };
+export { l as InvoiceDetailsAttachments };

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

@@ -1,174 +1,20 @@
-import { useMoniteContext as e } from "./index47.js";
-import { useCounterpartById as t } from "./index48.js";
-import { getCounterpartEmail as n, getCounterpartName as r } from "./index53.js";
-import { Button as i } from "./index56.js";
-import { Input as a } from "./index89.js";
-import { Textarea as o } from "./index106.js";
-import { useGetReceivableById as s } from "./index141.js";
-import "./index142.js";
-import { DialogDescription as c, DialogFooter as l, DialogHeader as u, DialogTitle as d } from "./index58.js";
-import { Typography as f } from "./index62.js";
-import { formatFileSize as p } from "./index193.js";
-import { useEffect as m, useMemo as h, useState as g } from "react";
-import { Check as _, Send as v } from "lucide-react";
-import { Fragment as y, jsx as b, jsxs as x } from "@emotion/react/jsx-runtime";
-import { toast as S } from "react-hot-toast";
-import { useLingui as C } from "@lingui/react";
+import { Button as e } from "./index56.js";
+import { forwardRef as t } from "react";
+import { XIcon as n } from "lucide-react";
+import { jsx as r } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index520.js
-var w = ({ receivableId: w, counterpartId: T, onSkip: E, onSent: D, isEditFlow: O = !1 }) => {
-	let { i18n: k } = C(), { api: A, queryClient: j, entityId: M } = e(), { data: N } = s(w, !!w), { data: P } = t(T), { data: F } = A.finops.getEntitiesIdPaymentMethods.useQuery({ path: { entity_id: M } }), { mutateAsync: I } = A.finops.postReceivablesIdSend.useMutation(), { mutateAsync: L } = A.finops.postPaymentLinks.useMutation({}), R = r(P), z = n(P), B = N, V = B?.document_id, H = B?.attachments ?? [], U = h(() => R ? V ? k._("Invoice #{documentId} for {name}", {
-		documentId: V,
-		name: R
-	}) : k._("Invoice for {name}", { name: R }) : "", [
-		V,
-		R,
-		k
-	]), [W, G] = g(""), [K, q] = g(!1), [J, Y] = g(""), [X, Z] = g(!1);
-	return m(() => {
-		!K && U && G(U);
-	}, [U, K]), /* @__PURE__ */ x(y, { children: [
-		/* @__PURE__ */ b(u, {
-			className: "ttw:border-b ttw:border-border ttw:p-6",
-			children: /* @__PURE__ */ x("div", {
-				className: "ttw:flex ttw:items-center ttw:gap-4",
-				children: [/* @__PURE__ */ b("span", {
-					className: "ttw:flex ttw:size-10 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-full ttw:border ttw:border-emerald-200 ttw:bg-emerald-50",
-					children: b(O ? v : _, { className: "ttw:size-6 ttw:text-green-700" })
-				}), /* @__PURE__ */ x("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1",
-					children: [/* @__PURE__ */ b(d, { children: O ? k._("Send a copy to {name}?", { name: R }) : k._("Invoice issued. Send a copy to {name}?", { name: R }) }), /* @__PURE__ */ b(c, {
-						className: "ttw:text-xs",
-						children: k._("The customer will be emailed a copy of the invoice with payment instructions.")
-					})]
-				})]
-			})
-		}),
-		/* @__PURE__ */ x("div", {
-			className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:p-6",
-			children: [
-				/* @__PURE__ */ x("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-4",
-					children: [/* @__PURE__ */ b(f, {
-						variant: "body2",
-						color: "muted",
-						className: "ttw:w-16 ttw:shrink-0",
-						children: k._("To")
-					}), /* @__PURE__ */ x(f, {
-						variant: "body2",
-						children: [R, z ? ` <${z}>` : ""]
-					})]
-				}),
-				/* @__PURE__ */ x("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-4",
-					children: [/* @__PURE__ */ b(f, {
-						variant: "body2",
-						color: "muted",
-						className: "ttw:w-16 ttw:shrink-0",
-						children: k._("Subject")
-					}), /* @__PURE__ */ b(a, {
-						className: "ttw:flex-1",
-						value: W,
-						onChange: (e) => {
-							G(e.target.value), q(!0);
-						},
-						disabled: X
-					})]
-				}),
-				/* @__PURE__ */ x("div", {
-					className: "ttw:flex ttw:items-start ttw:gap-4",
-					children: [/* @__PURE__ */ b(f, {
-						variant: "body2",
-						color: "muted",
-						className: "ttw:w-16 ttw:shrink-0 ttw:pt-2",
-						children: k._("Message")
-					}), /* @__PURE__ */ b(o, {
-						className: "ttw:flex-1",
-						value: J,
-						onChange: (e) => Y(e.target.value),
-						placeholder: k._("e.g., Thank you for your business"),
-						disabled: X
-					})]
-				}),
-				H.length > 0 && /* @__PURE__ */ x("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pl-20",
-					children: [/* @__PURE__ */ x("div", {
-						className: "ttw:flex ttw:flex-col",
-						children: [/* @__PURE__ */ b(f, {
-							variant: "body2",
-							color: "muted",
-							children: k._("Attachments")
-						}), /* @__PURE__ */ b(f, {
-							variant: "caption",
-							color: "muted",
-							children: k._("To change what files are attached to the email, you will need to update the invoice.")
-						})]
-					}), /* @__PURE__ */ b("ul", {
-						className: "ttw:flex ttw:flex-col ttw:gap-2.5",
-						children: H.map((e) => /* @__PURE__ */ x("li", {
-							className: "ttw:rounded-lg ttw:bg-muted ttw:px-2 ttw:py-1 ttw:text-sm ttw:font-medium",
-							children: [
-								e.name,
-								" ",
-								/* @__PURE__ */ x("span", {
-									className: "ttw:text-muted-foreground",
-									children: [
-										"(",
-										p(e.size),
-										")"
-									]
-								})
-							]
-						}, e.id))
-					})]
-				})
-			]
-		}),
-		/* @__PURE__ */ x(l, {
-			className: "ttw:flex ttw:flex-row ttw:gap-4 ttw:border-t ttw:border-border ttw:p-6",
-			children: [/* @__PURE__ */ b(i, {
-				type: "button",
-				variant: "outline",
-				className: "ttw:flex-1 ttw:border-border",
-				disabled: X,
-				onClick: E,
-				children: O ? k._("Cancel") : k._("Skip")
-			}), /* @__PURE__ */ b(i, {
-				type: "button",
-				variant: "default",
-				className: "ttw:flex-1",
-				disabled: X || !W.trim() || !J.trim(),
-				onClick: async () => {
-					Z(!0);
-					try {
-						let e = F ? F.data.filter(({ status: e, direction: t }) => e === "active" && t === "receive") : [];
-						e.length === 0 ? S.error(k._("You haven't onboarded for any payment method. Invoice is sent without a payment link.")) : await L({
-							recipient: {
-								id: M,
-								type: "entity"
-							},
-							payment_methods: e.map((e) => e.type),
-							object: {
-								id: w,
-								type: "receivable"
-							}
-						}), await I({
-							path: { receivable_id: w },
-							body: {
-								subject_text: W,
-								body_text: J,
-								recipients: z ? { to: [z] } : void 0
-							}
-						}), await Promise.all([A.finops.getReceivables.invalidateQueries(j), A.finops.getReceivablesId.invalidateQueries({ parameters: { path: { receivable_id: w } } }, j)]), S.success(k._("Invoice sent successfully")), D();
-					} catch {
-						S.error(k._("Failed to send invoice."));
-					} finally {
-						Z(!1);
-					}
-				},
-				children: k._("Send invoice")
-			})]
-		})
-	] });
-};
+var i = t(function({ label: t, onClose: i, variant: a = "ghost", size: o = "icon", onClick: s, ...c }, l) {
+	return /* @__PURE__ */ r(e, {
+		ref: l,
+		variant: a,
+		size: o,
+		...c,
+		"aria-label": t,
+		onClick: (e) => {
+			s?.(e), i();
+		},
+		children: /* @__PURE__ */ r(n, { className: "ttw:size-4" })
+	});
+});
 //#endregion
-export { w as ActionsModalIssueStep };
+export { i as InvoiceDetailsCloseButton };