@tesouro/embedded-components-react 0.5.214 → 0.5.216

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index7.js

@@ -1,16 +1,161 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Button as e, Checkbox as t, Separator as n, Typography as r, cn as i } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_FORM_SHEET_LABELS_EN as a } from "./index4.js";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { FileText as l, ImageIcon as u, Loader2 as d, Trash2 as f, X as p } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index7.js
-function n({ option: n }) {
-	return /* @__PURE__ */ t("span", {
-		className: "ttw:flex ttw:w-full ttw:min-w-0 ttw:items-center ttw:justify-between ttw:gap-2",
-		children: [/* @__PURE__ */ e("span", {
-			className: "ttw:truncate",
-			children: n.label
-		}), n.dueDateLabel && /* @__PURE__ */ e("span", {
-			className: "ttw:shrink-0 ttw:text-xs ttw:text-muted-foreground",
-			children: n.dueDateLabel
-		})]
+function m({ view: m, isDragging: h, disabled: g, inputRef: _, onBrowseClick: v, onDragOver: y, onDragLeave: b, onDrop: x, onFilesSelect: S, onIncludeInEmailChange: C, onRemove: w, labels: T }) {
+	let E = {
+		...a,
+		...T
+	};
+	return /* @__PURE__ */ c("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:rounded-xl ttw:border ttw:border-border ttw:p-6",
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
+				children: [/* @__PURE__ */ s(r, {
+					variant: "h4",
+					children: E.attachmentsHeading
+				}), /* @__PURE__ */ s(r, {
+					variant: "body2",
+					color: "muted",
+					className: "ttw:font-medium",
+					children: E.attachmentsDescription
+				})]
+			}),
+			m.showRows && /* @__PURE__ */ c("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2",
+				children: [m.emailCaption && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(r, {
+					variant: "caption",
+					color: "muted",
+					children: m.emailCaption
+				}), /* @__PURE__ */ s(n, {})] }), /* @__PURE__ */ c("ul", {
+					className: "ttw:flex ttw:flex-col ttw:gap-2",
+					children: [m.attachedRows.map((n) => /* @__PURE__ */ c("li", {
+						className: "ttw:flex ttw:items-center ttw:gap-2",
+						children: [/* @__PURE__ */ s(t, {
+							checked: n.includeInEmail,
+							disabled: g,
+							"aria-label": n.includeInEmailLabel,
+							onCheckedChange: (e) => C(n.id, e === !0)
+						}), /* @__PURE__ */ c("div", {
+							className: "ttw:flex ttw:w-full ttw:items-center ttw:gap-3 ttw:rounded-lg ttw:bg-muted ttw:px-2 ttw:py-1",
+							children: [/* @__PURE__ */ c("div", {
+								className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:items-center ttw:gap-1",
+								children: [/* @__PURE__ */ s(r, {
+									variant: "body2",
+									className: "ttw:truncate",
+									children: n.name
+								}), /* @__PURE__ */ c(r, {
+									variant: "body2",
+									color: "muted",
+									className: "ttw:shrink-0",
+									children: [
+										"(",
+										n.sizeLabel,
+										")"
+									]
+								})]
+							}), /* @__PURE__ */ s(e, {
+								type: "button",
+								variant: "ghost",
+								size: "icon",
+								className: "ttw:size-4",
+								disabled: g,
+								"aria-label": n.removeLabel,
+								onClick: () => w(n.id),
+								children: /* @__PURE__ */ s(f, { className: "ttw:size-4" })
+							})]
+						})]
+					}, n.id)), m.pendingRows.map((t) => /* @__PURE__ */ c("li", {
+						className: "ttw:flex ttw:w-full ttw:items-center ttw:gap-3 ttw:rounded-lg ttw:bg-muted ttw:px-2 ttw:py-1",
+						children: [
+							t.state === "uploading" ? /* @__PURE__ */ s(d, { className: "ttw:size-5 ttw:shrink-0 ttw:animate-spin ttw:text-muted-foreground" }) : /* @__PURE__ */ s(l, { className: "ttw:size-5 ttw:shrink-0 ttw:text-destructive" }),
+							/* @__PURE__ */ c("div", {
+								className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col",
+								children: [/* @__PURE__ */ s(r, {
+									variant: "body2",
+									className: "ttw:truncate",
+									children: t.name
+								}), t.state === "uploading" ? /* @__PURE__ */ s(r, {
+									variant: "caption",
+									color: "muted",
+									children: t.message
+								}) : /* @__PURE__ */ s(r, {
+									variant: "caption",
+									role: "alert",
+									className: "ttw:text-destructive",
+									children: t.message
+								})]
+							}),
+							/* @__PURE__ */ s(e, {
+								type: "button",
+								variant: "ghost",
+								size: "icon",
+								disabled: g,
+								"aria-label": t.removeLabel,
+								onClick: () => w(t.id),
+								children: /* @__PURE__ */ s(p, { className: "ttw:size-4" })
+							})
+						]
+					}, t.id))]
+				})]
+			}),
+			/* @__PURE__ */ c("button", {
+				type: "button",
+				disabled: g,
+				onClick: v,
+				onDragOver: (e) => {
+					e.preventDefault(), y();
+				},
+				onDragLeave: (e) => {
+					e.preventDefault(), b();
+				},
+				onDrop: (e) => {
+					e.preventDefault(), x(e.dataTransfer.files);
+				},
+				className: i("ttw:flex ttw:w-full ttw:flex-col ttw:items-center ttw:gap-2 ttw:rounded-xl ttw:border ttw:border-dashed ttw:p-6 ttw:text-center ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50", h ? "ttw:border-primary ttw:bg-primary/5" : "ttw:border-border ttw:bg-muted"),
+				children: [
+					/* @__PURE__ */ s("span", {
+						className: "ttw:flex ttw:size-10 ttw:items-center ttw:justify-center ttw:rounded-full ttw:border ttw:border-border",
+						children: /* @__PURE__ */ s(u, { className: "ttw:size-5 ttw:text-muted-foreground" })
+					}),
+					/* @__PURE__ */ c(r, {
+						variant: "body2",
+						children: [
+							E.attachmentsDropPrompt,
+							" ",
+							/* @__PURE__ */ s("span", {
+								className: "ttw:text-primary ttw:underline",
+								children: E.attachmentsBrowseLink
+							})
+						]
+					}),
+					/* @__PURE__ */ s(r, {
+						variant: "caption",
+						color: "muted",
+						children: E.attachmentsFormatsHint
+					})
+				]
+			}),
+			m.countLimitMessage && /* @__PURE__ */ s(r, {
+				variant: "body2",
+				role: "alert",
+				className: "ttw:text-destructive",
+				children: m.countLimitMessage
+			}),
+			/* @__PURE__ */ s("input", {
+				ref: _,
+				type: "file",
+				multiple: !0,
+				tabIndex: -1,
+				"aria-hidden": !0,
+				className: "ttw:sr-only",
+				accept: m.accept,
+				onChange: (e) => S(e.target.files)
+			})
+		]
 	});
 }
 //#endregion
-export { n as OptionRow };
+export { m as ReceivableAttachmentsSection };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index8.js

@@ -1,25 +1,16 @@
-import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { OptionRow as t } from "./index7.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { CalendarIcon as i } from "lucide-react";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index8.js
-function a({ selection: a, labels: o }) {
-	return a?.kind === "receiptDue" ? /* @__PURE__ */ n("span", {
-		className: "ttw:truncate",
-		children: o.paymentTermsReceiptDue
-	}) : a?.kind === "customDate" ? /* @__PURE__ */ r("span", {
+function n({ option: n }) {
+	return /* @__PURE__ */ t("span", {
 		className: "ttw:flex ttw:w-full ttw:min-w-0 ttw:items-center ttw:justify-between ttw:gap-2",
-		children: [/* @__PURE__ */ r("span", {
-			className: "ttw:flex ttw:min-w-0 ttw:items-center ttw:gap-1.5",
-			children: [/* @__PURE__ */ n(i, { className: e("ttw:size-4 ttw:shrink-0", !a.hasDate && "ttw:text-muted-foreground") }), /* @__PURE__ */ n("span", {
-				className: e("ttw:truncate", !a.hasDate && "ttw:text-muted-foreground"),
-				children: a.dateLabel
-			})]
-		}), /* @__PURE__ */ n("span", {
+		children: [/* @__PURE__ */ e("span", {
+			className: "ttw:truncate",
+			children: n.label
+		}), n.dueDateLabel && /* @__PURE__ */ e("span", {
 			className: "ttw:shrink-0 ttw:text-xs ttw:text-muted-foreground",
-			children: o.paymentTermsCustomDate
+			children: n.dueDateLabel
 		})]
-	}) : a?.kind === "term" ? /* @__PURE__ */ n(t, { option: a.option }) : null;
+	});
 }
 //#endregion
-export { a as SelectionValue };
+export { n as OptionRow };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index9.js

@@ -1,4 +1,25 @@
+import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { OptionRow as t } from "./index8.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { CalendarIcon as i } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index9.js
-var e = "receipt_due", t = "custom";
+function a({ selection: a, labels: o }) {
+	return a?.kind === "receiptDue" ? /* @__PURE__ */ n("span", {
+		className: "ttw:truncate",
+		children: o.paymentTermsReceiptDue
+	}) : a?.kind === "customDate" ? /* @__PURE__ */ r("span", {
+		className: "ttw:flex ttw:w-full ttw:min-w-0 ttw:items-center ttw:justify-between ttw:gap-2",
+		children: [/* @__PURE__ */ r("span", {
+			className: "ttw:flex ttw:min-w-0 ttw:items-center ttw:gap-1.5",
+			children: [/* @__PURE__ */ n(i, { className: e("ttw:size-4 ttw:shrink-0", !a.hasDate && "ttw:text-muted-foreground") }), /* @__PURE__ */ n("span", {
+				className: e("ttw:truncate", !a.hasDate && "ttw:text-muted-foreground"),
+				children: a.dateLabel
+			})]
+		}), /* @__PURE__ */ n("span", {
+			className: "ttw:shrink-0 ttw:text-xs ttw:text-muted-foreground",
+			children: o.paymentTermsCustomDate
+		})]
+	}) : a?.kind === "term" ? /* @__PURE__ */ n(t, { option: a.option }) : null;
+}
 //#endregion
-export { t as RECEIVABLE_PAYMENT_TERMS_CUSTOM_DATE, e as RECEIVABLE_PAYMENT_TERMS_RECEIPT_DUE };
+export { a as SelectionValue };

package/dist/libs/tesouro-embedded-components-react/marketing-widget/feature/dist/index.js

@@ -1,5 +1,5 @@
 import { MARKETING_WIDGET_STATUS_LABELS_EN as e } from "./index4.js";
 import { MARKETING_WIDGET_LABELS_EN as t } from "../../ui/dist/index2.js";
 import { MarketingBenefitIcon as n } from "../../ui/dist/index3.js";
-import { MarketingWidget as r } from "./index7.js";
+import { MarketingWidget as r } from "./index6.js";
 export { t as MARKETING_WIDGET_LABELS_EN, e as MARKETING_WIDGET_STATUS_LABELS_EN, n as MarketingBenefitIcon, r as MarketingWidget };

package/dist/libs/tesouro-embedded-components-react/marketing-widget/feature/dist/index5.js

@@ -1,5 +1,7 @@
+import { deniedNoticeExpiresAt as e } from "../../../shared/feature/dist/lib/application/bankAccountApplication.js";
+import "../../../shared/feature/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/marketing-widget/feature/dist/index5.js
-var e = {
+var t = {
 	Offer: "offer",
 	Resume: "resume",
 	DraftStartedByOther: "draftStartedByOther",
@@ -8,27 +10,22 @@ var e = {
 	DeniedByYou: "deniedByYou",
 	DeniedByOther: "deniedByOther",
 	Hidden: "hidden"
-}, t = 2592e6;
-function n(e) {
-	if (e?.status !== "DENIED") return null;
-	let n = Date.parse(e.deniedAt ?? e.updatedAt);
-	return Number.isFinite(n) ? n + t : null;
-}
-function r(t, r = Date.now()) {
-	if (!t) return e.Offer;
-	let i = t.ownership === "STARTED_BY_YOU";
-	switch (t.status) {
-		case "COMPLETE": return e.Hidden;
-		case "DRAFT": return i ? e.Resume : e.DraftStartedByOther;
-		case "SUBMITTED": return i ? e.SubmittedByYou : e.SubmittedByOther;
+};
+function n(n, r = Date.now()) {
+	if (!n) return t.Offer;
+	let i = n.ownership === "STARTED_BY_YOU";
+	switch (n.status) {
+		case "COMPLETE": return t.Hidden;
+		case "DRAFT": return i ? t.Resume : t.DraftStartedByOther;
+		case "SUBMITTED": return i ? t.SubmittedByYou : t.SubmittedByOther;
 		case "DENIED": {
-			let a = n(t);
-			return a !== null && r > a ? e.Hidden : i ? e.DeniedByYou : e.DeniedByOther;
+			let a = e(n);
+			return a !== null && r > a ? t.Hidden : i ? t.DeniedByYou : t.DeniedByOther;
 		}
 		case "DELETED":
-		case "CANCELED": return e.Offer;
-		default: return e.Hidden;
+		case "CANCELED": return t.Offer;
+		default: return t.Hidden;
 	}
 }
 //#endregion
-export { t as DENIED_NOTICE_DURATION_MS, e as MarketingApplicationView, n as deniedNoticeExpiresAt, r as marketingApplicationViewFor };
+export { t as MarketingApplicationView, n as marketingApplicationViewFor };

package/dist/libs/tesouro-embedded-components-react/marketing-widget/feature/dist/index6.js

@@ -1,20 +1,161 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { useOrganizationApplicationStatus as e } from "../../../shared/data-access/dist/lib/useOrganizationApplicationStatus.js";
+import "../../../shared/data-access/dist/index.js";
+import { useAnalyticsTrack as t } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { WidgetProvider as n } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import { useWidgetConfig as r, useWidgetInitStaleForToken as i } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import { deniedNoticeExpiresAt as a, selectBankAccountApplication as o } from "../../../shared/feature/dist/lib/application/bankAccountApplication.js";
+import "../../../shared/feature/dist/index.js";
+import { MARKETING_WIDGET_STATUS_LABELS_EN as s } from "./index4.js";
+import { MarketingWidgetAnalyticsEvent as c, WIDGET_NAME as l } from "./index2.js";
+import { marketingWidgetTestIds as u } from "./index3.js";
+import { MarketingApplicationView as d, marketingApplicationViewFor as f } from "./index5.js";
+import { MARKETING_WIDGET_LABELS_EN as p } from "../../ui/dist/index2.js";
+import { MarketingBenefitIcon as m, MarketingWidgetStatusTone as h } from "../../ui/dist/index3.js";
+import { MarketingWidget as g } from "../../ui/dist/index9.js";
+import "../../ui/dist/index.js";
+import { useCallback as _, useEffect as v, useMemo as y, useReducer as b, useState as x } from "react";
+import { jsx as S } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/marketing-widget/feature/dist/index6.js
-var e = [
-	"COMPLETE",
-	"SUBMITTED",
-	"DRAFT",
-	"DENIED"
-], t = /* @__PURE__ */ new Set(["DELETED", "CANCELED"]);
-function n(e) {
-	return e.find((e) => e.ownership === "STARTED_BY_YOU") ?? e[0] ?? null;
+var C = 2 ** 31 - 1, w = /* @__PURE__ */ new Set([
+	"ACTIVE",
+	"INACTIVE",
+	"INVITED"
+]), T = {
+	[d.DraftStartedByOther]: "draftStartedByOther",
+	[d.SubmittedByYou]: "submittedByYou",
+	[d.SubmittedByOther]: "submittedByOther",
+	[d.DeniedByYou]: "deniedByYou",
+	[d.DeniedByOther]: "deniedByOther"
+}, E = {
+	[d.DraftStartedByOther]: h.Brand,
+	[d.SubmittedByYou]: h.Warning,
+	[d.SubmittedByOther]: h.Warning,
+	[d.DeniedByYou]: h.Danger,
+	[d.DeniedByOther]: h.Danger
+};
+function D(e) {
+	return e in T;
 }
-function r(r) {
-	let i = r.filter((e) => e.product === "BANK_ACCOUNT" && !t.has(e.status));
-	for (let t of e) {
-		let e = i.filter((e) => e.status === t);
-		if (e.length > 0) return n(e);
-	}
-	return n(i);
+function O(e) {
+	let t = s, n = (n) => ({
+		...t[n],
+		...e?.[n]
+	});
+	return {
+		resumeApplication: e?.resumeApplication ?? t.resumeApplication,
+		bankNameFallback: e?.bankNameFallback ?? t.bankNameFallback,
+		formatDate: e?.formatDate ?? t.formatDate,
+		draftStartedByOther: n("draftStartedByOther"),
+		submittedByYou: n("submittedByYou"),
+		submittedByOther: n("submittedByOther"),
+		deniedByYou: n("deniedByYou"),
+		deniedByOther: n("deniedByOther")
+	};
+}
+function k(e, t, n) {
+	let r = (e) => e ? n(e) : void 0;
+	return {
+		bankName: t,
+		applicantName: [e?.applicantFirstName, e?.applicantLastName].map((e) => e?.trim()).filter(Boolean).join(" ") || void 0,
+		startedOn: r(e?.createdAt),
+		submittedOn: r(e?.submittedAt),
+		deniedOn: r(e?.deniedAt)
+	};
+}
+function A({ content: n, onPrimaryCtaClick: s, labels: l, statusLabels: p }) {
+	let m = t(), { initResponse: h } = r(), A = i(), j = e(), [M, N] = x(!1), [P, F] = b((e) => e + 1, 0), I = y(() => o(j.applications), [j.applications]), L = a(I), R = y(() => O(p), [p]), z = f(I), B = h?.bankName || R.bankNameFallback, V = y(() => {
+		if (!D(z)) return;
+		let e = R[T[z]], t = k(I, B, R.formatDate);
+		return {
+			chipLabel: e.chipLabel,
+			chipTone: E[z],
+			heading: e.heading?.(t),
+			body: e.body(t)
+		};
+	}, [
+		I,
+		B,
+		R,
+		z
+	]), H = y(() => z === d.Resume ? {
+		...l,
+		applyNow: R.resumeApplication,
+		primaryCta: R.resumeApplication
+	} : l, [
+		l,
+		R.resumeApplication,
+		z
+	]);
+	v(() => {
+		m(c.Mounted);
+	}, [m]), v(() => {
+		if (L === null) return;
+		let e = L - Date.now();
+		if (e < 0) return;
+		let t = setTimeout(F, Math.min(e + 1, C));
+		return () => clearTimeout(t);
+	}, [L, P]);
+	let U = !V && z !== d.Hidden;
+	M && !U && N(!1);
+	let W = _(() => {
+		m(c.OpenModal), N(!0);
+	}, [m]), G = _(() => {
+		N(!1);
+	}, []), K = _(() => {
+		m(c.PrimaryCta), N(!1), s();
+	}, [s, m]);
+	return !h?.status || w.has(h.status) || A || !j.isResolved || z === d.Hidden ? null : /* @__PURE__ */ S(g, {
+		open: M,
+		vspLogo: n.vspLogo,
+		bankingText: n.bankingText,
+		primaryCaption: n.primaryCaption,
+		secondaryCaption: n.secondaryCaption,
+		providedByCaption: n.providedByCaption,
+		primaryModalHeader: n.primaryModalHeader,
+		howItWorksHeader: n.howItWorksHeader,
+		howItWorksSteps: n.howItWorksSteps,
+		fromDayOneHeader: n.fromDayOneHeader,
+		benefits: n.benefits,
+		appearance: n.appearance,
+		onOpenMarketingModal: W,
+		onCloseMarketingModal: G,
+		onPrimaryCtaClick: K,
+		statusMessage: V,
+		labels: H,
+		testIds: {
+			root: u.root,
+			learnMoreButton: u.learnMoreButton,
+			applyNowButton: u.applyNowButton,
+			statusMessage: u.statusMessage,
+			modal: {
+				root: u.modal,
+				primaryCtaButton: u.primaryCtaButton
+			}
+		}
+	});
+}
+function j({ baseUrl: e, widgetToken: t, organizationId: r, configClient: i, gatewayRouting: a, linkComponent: o, implementation: s, uiFramework: c, errorFallback: u, onError: d, analytics: f, disclosuresAcceptance: p, providerLabels: m, ...h }) {
+	return /* @__PURE__ */ S(n, {
+		widgetName: l,
+		baseUrl: e,
+		widgetToken: t,
+		organizationId: r,
+		configClient: i,
+		gatewayRouting: a,
+		linkComponent: o,
+		implementation: s,
+		uiFramework: c,
+		errorFallback: u,
+		onError: d,
+		analytics: f,
+		disclosuresAcceptance: p,
+		providerLabels: m,
+		children: /* @__PURE__ */ S(A, { ...h })
+	});
 }
 //#endregion
-export { r as selectBankAccountApplication };
+export { p as MARKETING_WIDGET_LABELS_EN, s as MARKETING_WIDGET_STATUS_LABELS_EN, m as MarketingBenefitIcon, j as MarketingWidget };