@tesouro/embedded-components-react 0.3.41 → 0.3.42

package/dist/index.css

@@ -6200,6 +6200,9 @@
   .ttw\:group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.ttw\:group\/avatar)[data-size="sm"] *) > svg {
     display: none;
   }
+  .ttw\:\[\&\>svg\:last-child\]\:hidden\! > svg:last-child {
+    display: none !important;
+  }
   .ttw\:\[\&\>svg\:not\(\[class\*\=size-\]\)\]\:size-3\.5 > svg:not([class*=size-]) {
     width: calc(var(--ttw-spacing) * 3.5);
     height: calc(var(--ttw-spacing) * 3.5);

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index27.js

@@ -4,72 +4,72 @@ import { resolveVendor as n } from "./index7.js";
 import { derivePayableStatus as r } from "./index25.js";
 import { formatBillMoney as i } from "./index26.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index27.js
-function a({ payable: a, lineItems: o, glCodeOptions: s, history: c, approvalPolicy: l, labels: u, hasScheduledPayment: d }) {
-	let f = a.currency, p = r({
+function a({ payable: a, lineItems: o, glCodeOptions: s, glCodeRosterAvailable: c = !0, history: l, approvalPolicy: u, labels: d, hasScheduledPayment: f }) {
+	let p = a.currency, m = r({
 		apiStatus: a.status,
 		dueDate: a.due_date,
 		scheduledPaymentDate: a.scheduled_payment_date,
-		hasScheduledPayment: d
-	}), m = n(a), h = m?.bank_account?.account_number, g = e(a.issued_at) || u.notProvided, _ = e(a.due_date) || u.notProvided, v = new Map(s.map((e) => [e.value, e.label])), y = [
+		hasScheduledPayment: f
+	}), h = n(a), g = h?.bank_account?.account_number, _ = e(a.issued_at) || d.notProvided, v = e(a.due_date) || d.notProvided, y = new Map(s.map((e) => [e.value, e.label])), b = [
 		{
-			label: u.subtotalRow,
+			label: d.subtotalRow,
 			minorUnits: a.subtotal
 		},
 		{
-			label: u.discountRow,
+			label: d.discountRow,
 			minorUnits: a.discount
 		},
 		{
-			label: u.taxRow,
+			label: d.taxRow,
 			minorUnits: a.tax_amount
 		}
 	].map((e) => ({
 		label: e.label,
-		value: i(e.minorUnits, f)
-	})).filter((e) => !!e.value), b = i(a.total_amount, f);
-	return b && y.push({
-		label: u.totalRow,
-		value: b,
+		value: i(e.minorUnits, p)
+	})).filter((e) => !!e.value), x = i(a.total_amount, p);
+	return x && b.push({
+		label: d.totalRow,
+		value: x,
 		emphasis: !0
 	}), {
-		amountDue: i(t(a), f) ?? "",
-		invoiceDateLabel: g,
-		dueDateLabel: _,
-		dueDateTone: p.isOverdue ? "danger" : "default",
-		status: p.status,
-		statusTone: p.tone,
+		amountDue: i(t(a), p) ?? "",
+		invoiceDateLabel: _,
+		dueDateLabel: v,
+		dueDateTone: m.isOverdue ? "danger" : "default",
+		status: m.status,
+		statusTone: m.tone,
 		payTo: {
-			name: m?.name || u.notProvided,
-			email: m?.email ?? void 0,
-			paymentInstructionsLabel: h ? u.paymentInstructionsValue(h.slice(-4)) : void 0
+			name: h?.name || d.notProvided,
+			email: h?.email ?? void 0,
+			paymentInstructionsLabel: g ? d.paymentInstructionsValue(g.slice(-4)) : void 0
 		},
 		invoiceFields: [
 			{
-				label: u.invoiceDateRow,
-				value: g
+				label: d.invoiceDateRow,
+				value: _
 			},
 			{
-				label: u.dueDateRow,
-				value: _
+				label: d.dueDateRow,
+				value: v
 			},
 			{
-				label: u.invoiceNumberRow,
-				value: a.document_id || u.notProvided
+				label: d.invoiceNumberRow,
+				value: a.document_id || d.notProvided
 			}
 		],
 		lineItems: o.map((e) => {
-			let t = i(e.unit_price, f);
+			let t = i(e.unit_price, p);
 			return {
 				id: e.id,
 				description: e.name ?? e.description ?? "",
-				glCodeLabel: (e.ledger_account_id ? v.get(e.ledger_account_id) : void 0) || u.glCodeMissing,
-				qtyPriceLabel: e.quantity != null && t ? u.qtyPriceValue(String(e.quantity), t) : "",
-				amount: i(e.subtotal, f) ?? ""
+				glCodeLabel: e.ledger_account_id ? y.get(e.ledger_account_id) ?? (c ? d.glCodeMissing : d.glCodeUnavailable) : d.glCodeMissing,
+				qtyPriceLabel: e.quantity != null && t ? d.qtyPriceValue(String(e.quantity), t) : "",
+				amount: i(e.subtotal, p) ?? ""
 			};
 		}),
-		amountRows: y,
-		approvalPolicy: l,
-		history: c
+		amountRows: b,
+		approvalPolicy: u,
+		history: l
 	};
 }
 //#endregion

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index31.js

@@ -42,6 +42,7 @@ var u = {
 	dueDateRow: "Due date",
 	invoiceNumberRow: "Invoice number",
 	glCodeMissing: "GL code not specified",
+	glCodeUnavailable: "GL code unavailable",
 	qtyPriceValue: (e, t) => `${e} x ${t}`,
 	subtotalRow: "Subtotal",
 	taxRow: "Tax",
@@ -95,6 +96,11 @@ var u = {
 			confirmButton: "Delete draft"
 		},
 		error: "Couldn't delete this draft. Try again."
+	},
+	lineItemsGlCodeUnavailable: {
+		loadError: "Couldn't load GL codes",
+		noAccess: "You don't have access to GL codes",
+		empty: "No GL codes set up yet"
 	}
 };
 function g(e) {
@@ -112,6 +118,10 @@ function g(e) {
 		},
 		payBill: n(e?.payBill),
 		markAsPaid: i(e?.markAsPaid),
+		lineItemsGlCodeUnavailable: {
+			...h.lineItemsGlCodeUnavailable,
+			...e?.lineItemsGlCodeUnavailable
+		},
 		unsavedChanges: {
 			...h.unsavedChanges,
 			...e?.unsavedChanges

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index44.js

@@ -48,224 +48,230 @@ function je(e) {
 	return !!(e?.bank_account?.account_holder_name && e.bank_account.routing_number && e.bank_account.account_number);
 }
 function u({ open: u, onOpenChange: d, payableId: f, readOnly: p = !1, copy: m, onCollapse: Me, poweredByBankName: Ne, isPossibleDuplicate: Pe }) {
-	let h = a(() => ge(m), [m]), [g, _] = o(), [v, y] = o(!1), [Fe, Ie] = o(!1), [Le, b] = o(!1), [Re, x] = o(!1), [ze, S] = o(), C = f ?? ze, w = pe(C, { pollWhileOcrProcessing: !0 }), T = fe(C), E = ee(), D = w.data, O = ve({
-		payable: D,
+	let h = a(() => ge(m), [m]), [g, _] = o(), [v, y] = o(!1), [Fe, Ie] = o(!1), [Le, b] = o(!1), [Re, x] = o(!1), [ze, S] = o(), C = f ?? ze, w = pe(C, { pollWhileOcrProcessing: !0 }), T = fe(C), { initResponse: E } = re(), D = !!E, O = e(E?.scopes, [t.AccountingConfigReadOrg]), k = ee({ enabled: O }), A = w.data, j = ve({
+		payable: A,
 		lineItems: T.lineItems
-	}), k = D?.counterpart_id;
+	}), M = A?.counterpart_id;
 	ke(() => {
-		v || k && (_(k), y(!0));
-	}, [v, k]);
+		v || M && (_(M), y(!0));
+	}, [v, M]);
 	let Be = i((e) => {
 		y(!0), _(e);
-	}, []), A = De({
+	}, []), N = De({
 		payableId: p ? void 0 : C,
 		counterpartId: p ? void 0 : g,
-		payableCounterpartId: k,
+		payableCounterpartId: M,
 		onCounterpartChange: Be,
-		requiredError: O.errors?.vendor,
-		payableCounterpartBankAccountId: D?.counterpart_bank_account_id ?? void 0,
-		extractedVendor: D?.counterpart_raw_data ?? void 0
-	}), j = _e({
+		requiredError: j.errors?.vendor,
+		payableCounterpartBankAccountId: A?.counterpart_bank_account_id ?? void 0,
+		extractedVendor: A?.counterpart_raw_data ?? void 0
+	}), P = _e({
 		payableId: f,
-		form: O,
+		form: j,
 		counterpartId: g,
 		clearCounterpart: !!(C && v) && !g,
-		prepareVendorForSave: A.savePaymentInstructions,
+		prepareVendorForSave: N.savePaymentInstructions,
 		onPayableCreated: S,
 		onSaved: S,
 		onDraftSaved: () => d(!1),
 		onFinalized: () => d(!1)
-	}), M = !!(j.isSavingDraft || j.isFinalizing), N = p ? C : void 0, P = be({
-		payableId: N,
-		status: D?.status
-	}), F = Ae(null), I = Se({
+	}), F = !!(P.isSavingDraft || P.isFinalizing), I = p ? C : void 0, L = be({
+		payableId: I,
+		status: A?.status
+	}), R = Ae(null), z = Se({
 		payableId: C,
-		scheduledPaymentDate: D?.scheduled_payment_date,
+		scheduledPaymentDate: A?.scheduled_payment_date,
 		enabled: p
-	}), L = ae(D), R = Oe({
-		payableId: N,
-		counterpartId: p ? k : void 0,
+	}), B = ae(A), V = Oe({
+		payableId: I,
+		counterpartId: p ? M : void 0,
 		saveErrorMessage: h.detail.paymentInstructionsSaveError,
 		linkErrorMessage: h.detail.paymentInstructionsLinkError
-	}), { initResponse: z } = re(), B = e(z?.scopes, [t.CounterpartWriteOrg]) && e(z?.scopes, [t.PayableWriteOrg]), V = he({
-		payableId: N,
-		amountDueMinorUnits: ie(D) ?? 0,
-		amountToPayMinorUnits: D?.amount_to_pay ?? void 0,
-		currencyCode: D?.currency ?? void 0,
-		dueDate: D?.due_date,
-		hasScheduledPayment: I.hasScheduledPayment,
+	}), H = e(E?.scopes, [t.CounterpartWriteOrg]) && e(E?.scopes, [t.PayableWriteOrg]), U = he({
+		payableId: I,
+		amountDueMinorUnits: ie(A) ?? 0,
+		amountToPayMinorUnits: A?.amount_to_pay ?? void 0,
+		currencyCode: A?.currency ?? void 0,
+		dueDate: A?.due_date,
+		hasScheduledPayment: z.hasScheduledPayment,
 		labels: h.markAsPaid
-	}), H = ye({
-		payableId: N,
-		approvalPolicyId: D?.approval_policy_id,
+	}), W = ye({
+		payableId: I,
+		approvalPolicyId: A?.approval_policy_id,
 		enabled: p,
 		copy: h.approvalPolicyCopy
 	}), { actions: Ve, decisionDialog: He } = xe({
-		payableId: N,
-		status: D?.status,
-		currentApprovalRequestId: P.id,
-		isPolicyApprover: P.isPolicyApprover,
-		hasWaitingRequest: P.hasWaitingRequest,
-		hasScheduledPayment: I.hasScheduledPayment,
-		scheduledPaymentIntentId: I.scheduledPaymentIntentId,
-		isScheduledPaymentUnknown: I.isResolving,
-		pendingApprovers: H.pendingApprovers,
+		payableId: I,
+		status: A?.status,
+		currentApprovalRequestId: L.id,
+		isPolicyApprover: L.isPolicyApprover,
+		hasWaitingRequest: L.hasWaitingRequest,
+		hasScheduledPayment: z.hasScheduledPayment,
+		scheduledPaymentIntentId: z.scheduledPaymentIntentId,
+		isScheduledPaymentUnknown: z.isResolving,
+		pendingApprovers: W.pendingApprovers,
 		labels: h.actions,
-		isMarkAsPaidPending: V.isPending,
-		onMarkAsPaidSelect: V.open,
-		onPayBillSelect: () => je(L) || !B ? F.current?.open() : R.open()
-	}), U = Ce({
+		isMarkAsPaidPending: U.isPending,
+		onMarkAsPaidSelect: U.open,
+		onPayBillSelect: () => je(B) || !H ? R.current?.open() : V.open()
+	}), G = Ce({
 		payableId: C,
-		status: D?.status,
+		status: A?.status,
 		enabled: !p,
 		labels: h.deleteDraft,
 		onDeleted: () => d(!1)
-	}), W = a(() => (E.data?.data ?? []).map((e) => ({
+	}), K = a(() => (k.data?.data ?? []).map((e) => ({
 		value: e.id,
 		label: [e.nominal_code, e.name].filter(Boolean).join(" — ")
-	})), [E.data]), G = de(N), Ue = e(z?.scopes, [t.UserReadOrg]), K = te({ enabled: p && Ue }), q = a(() => Te(G.data?.data ?? [], K.data?.data ?? [], h.history), [
-		G.data,
-		K.data,
+	})), [k.data]), q;
+	D && (O ? k.isError ? q = h.lineItemsGlCodeUnavailable.loadError : !k.isResolving && K.length === 0 && (q = h.lineItemsGlCodeUnavailable.empty) : q = h.lineItemsGlCodeUnavailable.noAccess);
+	let Ue = !D || !!q || k.isResolving, J = O && !k.isResolving && !k.isError, Y = de(I), We = e(E?.scopes, [t.UserReadOrg]), X = te({ enabled: p && We }), Ge = a(() => Te(Y.data?.data ?? [], X.data?.data ?? [], h.history), [
+		Y.data,
+		X.data,
 		h.history
-	]), We = a(() => p && D ? we({
-		payable: D,
+	]), Ke = a(() => p && A ? we({
+		payable: A,
 		lineItems: T.lineItems,
-		glCodeOptions: W,
-		history: q,
-		approvalPolicy: H.view,
+		glCodeOptions: K,
+		glCodeRosterAvailable: J,
+		history: Ge,
+		approvalPolicy: W.view,
 		labels: h.detail,
-		hasScheduledPayment: I.hasScheduledPayment
+		hasScheduledPayment: z.hasScheduledPayment
 	}) : void 0, [
-		I.hasScheduledPayment,
-		H.view,
+		z.hasScheduledPayment,
+		W.view,
 		h.detail,
-		W,
-		q,
+		K,
+		J,
+		Ge,
 		T.lineItems,
-		D,
+		A,
 		p
-	]), J = D?.source_of_payable_data === "ocr", Y = L?.name, Ge = p ? Y ? h.viewTitle(Y) : h.readOnlyTitle : J && Y ? h.extractedTitle(Y) : h.newTitle, Ke = p && D?.created_at ? h.addedOn(ne(D.created_at.slice(0, 10))) : void 0, X = i(() => {
-		let e = O.isDirty || A.hasUnsavedVendorChanges || !!j.stagedFile || j.isFileDeletionPending;
+	]), qe = A?.source_of_payable_data === "ocr", Z = B?.name, Je = p ? Z ? h.viewTitle(Z) : h.readOnlyTitle : qe && Z ? h.extractedTitle(Z) : h.newTitle, Ye = p && A?.created_at ? h.addedOn(ne(A.created_at.slice(0, 10))) : void 0, Q = i(() => {
+		let e = j.isDirty || N.hasUnsavedVendorChanges || !!P.stagedFile || P.isFileDeletionPending;
 		if (!p && e) {
 			x(!0);
 			return;
 		}
 		d(!1);
 	}, [
-		j.isFileDeletionPending,
-		j.stagedFile,
-		O.isDirty,
+		P.isFileDeletionPending,
+		P.stagedFile,
+		j.isDirty,
 		d,
 		p,
-		A.hasUnsavedVendorChanges
-	]), qe = i(() => {
+		N.hasUnsavedVendorChanges
+	]), Xe = i(() => {
 		x(!1), d(!1);
-	}, [d]), Z = T.isResolving || A.mode === "creating", Je = i(async () => {
-		if (Z) return;
-		let e = await j.saveDraft();
+	}, [d]), $ = T.isResolving || N.mode === "creating", Ze = i(async () => {
+		if ($) return;
+		let e = await P.saveDraft();
 		x(!1), e && d(!1);
 	}, [
-		j,
-		Z,
+		P,
+		$,
 		d
-	]), Ye = i((e) => {
-		if (!M) return e ? d(!0) : X();
+	]), Qe = i((e) => {
+		if (!F) return e ? d(!0) : Q();
 	}, [
-		X,
-		M,
+		Q,
+		F,
 		d
-	]), Q = !!Pe && !Le, $ = !p && J && !Fe, Xe = Q || $ ? /* @__PURE__ */ l(s, { children: [Q ? /* @__PURE__ */ c(se, {
+	]), $e = !!Pe && !Le, et = !p && qe && !Fe, tt = $e || et ? /* @__PURE__ */ l(s, { children: [$e ? /* @__PURE__ */ c(se, {
 		onNotADuplicate: p ? void 0 : () => b(!0),
 		onRemoveBill: p ? void 0 : () => b(!0),
 		testId: r.duplicateNotice
-	}) : null, $ ? /* @__PURE__ */ c(ce, { onDismiss: () => Ie(!0) }) : null] }) : void 0;
+	}) : null, et ? /* @__PURE__ */ c(ce, { onDismiss: () => Ie(!0) }) : null] }) : void 0;
 	return /* @__PURE__ */ l(s, { children: [
 		/* @__PURE__ */ c(oe, {
 			open: u,
-			onOpenChange: Ye,
-			title: Ge,
-			subtitle: Ke,
-			notice: Xe,
+			onOpenChange: Qe,
+			title: Je,
+			subtitle: Ye,
+			notice: tt,
 			vendor: {
-				...A,
+				...N,
 				testId: r.vendorSection
 			},
-			values: O.values,
-			errors: O.errors,
-			onChange: O.onChange,
+			values: j.values,
+			errors: j.errors,
+			onChange: j.onChange,
 			lineItems: {
-				items: O.lineItemRows,
-				glCodeOptions: W,
-				discount: O.discount,
-				onDiscountChange: O.onDiscountChange,
-				tax: O.tax,
-				onTaxChange: O.onTaxChange,
-				total: O.total,
-				onTotalChange: O.onTotalChange,
-				onAddLineItem: O.onAddLineItem,
-				errors: O.lineItemErrors,
+				items: j.lineItemRows,
+				glCodeOptions: K,
+				glCodeDisabled: Ue,
+				glCodeUnavailableMessage: q,
+				discount: j.discount,
+				onDiscountChange: j.onDiscountChange,
+				tax: j.tax,
+				onTaxChange: j.onTaxChange,
+				total: j.total,
+				onTotalChange: j.onTotalChange,
+				onAddLineItem: j.onAddLineItem,
+				errors: j.lineItemErrors,
 				testId: r.lineItems
 			},
 			documentPanel: /* @__PURE__ */ c(Ee, {
 				payableId: C,
 				readOnly: p,
-				isDocumentPending: !!C && !D?.file && (w.isLoading || D?.ocr_status === "processing"),
-				file: D?.file ? {
-					id: D.file.id,
-					name: D.file.name,
-					url: D.file.url,
-					mimetype: D.file.mimetype
+				isDocumentPending: !!C && !A?.file && (w.isLoading || A?.ocr_status === "processing"),
+				file: A?.file ? {
+					id: A.file.id,
+					name: A.file.name,
+					url: A.file.url,
+					mimetype: A.file.mimetype
 				} : void 0,
 				staging: {
-					stagedFile: j.stagedFile,
-					onFileStaged: j.stageFile,
-					onClearStagedFile: j.clearStagedFile,
-					isSaving: M
+					stagedFile: P.stagedFile,
+					onFileStaged: P.stageFile,
+					onClearStagedFile: P.clearStagedFile,
+					isSaving: F
 				},
 				deletion: {
-					isPending: j.isFileDeletionPending,
-					onRequest: j.requestFileDeletion,
-					onDetachNow: j.detachFileNow,
-					isDeleting: j.isDeletingFile,
-					hasFailed: j.hasFileDeletionFailed
+					isPending: P.isFileDeletionPending,
+					onRequest: P.requestFileDeletion,
+					onDetachNow: P.detachFileNow,
+					isDeleting: P.isDeletingFile,
+					hasFailed: P.hasFileDeletionFailed
 				}
 			}),
-			menuItems: U.menuItems,
+			menuItems: G.menuItems,
 			readOnly: p,
 			detail: p ? {
-				view: We,
+				view: Ke,
 				actions: Ve,
-				scheduledSummary: I.hasScheduledPayment && I.scheduledDateLabel ? h.scheduledSummary(I.scheduledDateLabel) : void 0,
-				paymentInstructionsForm: k && B ? {
-					isOpen: R.isOpen,
-					values: R.values,
-					errors: R.errors,
-					isSaving: R.isSaving,
-					onOpen: R.open,
-					onCancel: R.close,
-					onChange: R.onChange,
-					onSave: R.save
+				scheduledSummary: z.hasScheduledPayment && z.scheduledDateLabel ? h.scheduledSummary(z.scheduledDateLabel) : void 0,
+				paymentInstructionsForm: M && H ? {
+					isOpen: V.isOpen,
+					values: V.values,
+					errors: V.errors,
+					isSaving: V.isSaving,
+					onOpen: V.open,
+					onCancel: V.close,
+					onChange: V.onChange,
+					onSave: V.save
 				} : void 0,
-				isLoading: w.isLoading || T.isResolving || E.isResolving,
-				isError: w.isError || T.isError || E.isError
+				isLoading: w.isLoading || T.isResolving || k.isResolving,
+				isError: w.isError || T.isError || k.isError
 			} : void 0,
 			isLineItemsLoading: T.isResolving,
-			isSaving: M,
-			isSavingDraft: j.isSavingDraft,
-			isFinalizing: j.isFinalizing,
-			onCancel: X,
+			isSaving: F,
+			isSavingDraft: P.isSavingDraft,
+			isFinalizing: P.isFinalizing,
+			onCancel: Q,
 			onCollapse: p ? Me : void 0,
-			onSaveDraft: j.saveDraft,
-			onFinalize: j.finalize,
+			onSaveDraft: P.saveDraft,
+			onFinalize: P.finalize,
 			testId: r.dialog
 		}),
 		/* @__PURE__ */ c(ue, {
 			open: Re,
-			onSaveDraft: Je,
-			onDiscard: qe,
+			onSaveDraft: Ze,
+			onDiscard: Xe,
 			onCancel: () => x(!1),
-			isSaving: j.isSavingDraft,
-			isSaveDraftDisabled: Z,
+			isSaving: P.isSavingDraft,
+			isSaveDraftDisabled: $,
 			labels: h.unsavedChanges,
 			testId: r.unsavedDialog,
 			saveDraftTestId: r.unsavedSaveDraft,
@@ -279,15 +285,15 @@ function u({ open: u, onOpenChange: d, payableId: f, readOnly: p = !1, copy: m,
 			reasonTestId: r.decisionReason
 		}),
 		/* @__PURE__ */ c(n, {
-			...U.dialog,
+			...G.dialog,
 			labels: { cancelButton: h.actions.decisionDialog.cancelButton },
 			testId: r.deleteDraftDialog,
 			confirmTestId: r.deleteDraftConfirm
 		}),
-		/* @__PURE__ */ c(le, { ...V.dialogProps }),
-		p && D ? /* @__PURE__ */ c(me, {
-			ref: F,
-			payable: D,
+		/* @__PURE__ */ c(le, { ...U.dialogProps }),
+		p && A ? /* @__PURE__ */ c(me, {
+			ref: R,
+			payable: A,
 			poweredByBankName: Ne,
 			labels: h.payBill
 		}) : null

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index31.js

@@ -6,6 +6,7 @@ var e = {
 	descriptionPlaceholder: "e.g., Office supplies",
 	glCode: "GL code (optional)",
 	glCodePlaceholder: "Select",
+	glCodeClear: "Clear GL code",
 	quantity: "Quantity",
 	price: "Price",
 	amount: "Amount",

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index32.js

@@ -1,279 +1,311 @@
-import { Button as e, Input as t, InputGroup as n, InputGroupAddon as r, InputGroupInput as i, Label as a, Select as o, SelectContent as s, SelectItem as c, SelectTrigger as l, SelectValue as u, Typography as d } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { LINE_ITEMS_SECTION_LABELS_EN as f } from "./index31.js";
-import { useId as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Minus as g, Plus as _, Trash2 as v } from "lucide-react";
+import { Button as e, Input as t, InputGroup as n, InputGroupAddon as r, InputGroupInput as i, Label as a, Select as o, SelectContent as s, SelectItem as c, SelectTrigger as l, SelectValue as u, Tooltip as d, TooltipContent as f, TooltipProvider as p, TooltipTrigger as m, Typography as h, cn as g } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { LINE_ITEMS_SECTION_LABELS_EN as _ } from "./index31.js";
+import { useId as v } from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { CircleAlert as x, Minus as S, Plus as C, Trash2 as w, X as T } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index32.js
-function y({ items: y, glCodeOptions: b, discount: x, onDiscountChange: S, tax: C, onTaxChange: w, total: T, onTotalChange: E, onAddLineItem: D, errors: O, disabled: k, testId: A, labels: j }) {
-	let M = {
-		...f,
-		...j
-	}, N = p(), P = y.length > 1;
-	return /* @__PURE__ */ h("section", {
+function E({ items: E, glCodeOptions: D, glCodeDisabled: O, glCodeUnavailableMessage: k, discount: A, onDiscountChange: j, tax: M, onTaxChange: N, total: P, onTotalChange: F, onAddLineItem: I, errors: L, disabled: R, testId: z, labels: B }) {
+	let V = {
+		..._,
+		...B
+	}, H = v(), U = E.length > 1, W = k ? `${H}-gl-code-unavailable` : void 0;
+	return /* @__PURE__ */ b("section", {
 		className: "ttw:flex ttw:flex-col ttw:gap-3",
-		"data-testid": A,
+		"data-testid": z,
 		children: [
-			/* @__PURE__ */ m(d, {
+			/* @__PURE__ */ y(h, {
 				component: "h2",
 				variant: "h6",
 				className: "ttw:font-semibold",
-				children: M.heading
+				children: V.heading
 			}),
-			/* @__PURE__ */ m("p", {
+			/* @__PURE__ */ y("p", {
 				className: "ttw:text-sm ttw:text-muted-foreground",
-				children: M.helpText
+				children: V.helpText
 			}),
-			y.map((d, f) => {
-				let p = `${N}-${d.id}`, y = O?.[d.id], x = (e) => `${p}-${e}-error`, S = (e) => y?.[e], C = (e) => {
-					let t = S(e);
-					return t ? /* @__PURE__ */ m("p", {
-						id: x(e),
+			k ? /* @__PURE__ */ y("span", {
+				id: W,
+				className: "ttw:sr-only",
+				children: k
+			}) : null,
+			E.map((h, _) => {
+				let v = `${H}-${h.id}`, E = L?.[h.id], A = (e) => `${v}-${e}-error`, j = (e) => E?.[e], M = (e) => {
+					let t = j(e);
+					return t ? /* @__PURE__ */ y("p", {
+						id: A(e),
 						className: "ttw:text-sm ttw:text-destructive",
 						children: t
 					}) : null;
 				};
-				return /* @__PURE__ */ m("div", {
+				return /* @__PURE__ */ y("div", {
 					className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-muted/30 ttw:p-4",
-					children: /* @__PURE__ */ h("div", {
+					children: /* @__PURE__ */ b("div", {
 						className: "ttw:@container/line-item ttw:flex ttw:flex-col ttw:gap-3",
 						children: [
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ b("div", {
 								className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-2",
-								children: [/* @__PURE__ */ h("div", {
+								children: [/* @__PURE__ */ b("div", {
 									className: "ttw:flex ttw:items-center ttw:gap-2",
-									children: [P ? /* @__PURE__ */ h("span", {
+									children: [U ? /* @__PURE__ */ b("span", {
 										className: "ttw:text-sm ttw:text-muted-foreground",
-										children: [f + 1, "."]
-									}) : null, /* @__PURE__ */ m(a, {
-										htmlFor: `${p}-description`,
-										children: M.description
+										children: [_ + 1, "."]
+									}) : null, /* @__PURE__ */ y(a, {
+										htmlFor: `${v}-description`,
+										children: V.description
 									})]
-								}), P ? /* @__PURE__ */ m(e, {
+								}), U ? /* @__PURE__ */ y(e, {
 									type: "button",
 									variant: "ghost",
 									size: "icon",
-									disabled: k,
-									"aria-label": M.removeLineItem(f + 1),
-									onClick: d.onRemove,
-									children: /* @__PURE__ */ m(v, { className: "ttw:size-4" })
+									disabled: R,
+									"aria-label": V.removeLineItem(_ + 1),
+									onClick: h.onRemove,
+									children: /* @__PURE__ */ y(w, { className: "ttw:size-4" })
 								}) : null]
 							}),
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ b("div", {
 								className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-								children: [/* @__PURE__ */ m(t, {
-									id: `${p}-description`,
-									placeholder: M.descriptionPlaceholder,
-									value: d.description,
-									disabled: k,
-									"aria-invalid": S("description") ? !0 : void 0,
-									"aria-describedby": S("description") ? x("description") : void 0,
-									onChange: (e) => d.onChange({ description: e.target.value })
-								}), C("description")]
+								children: [/* @__PURE__ */ y(t, {
+									id: `${v}-description`,
+									placeholder: V.descriptionPlaceholder,
+									value: h.description,
+									disabled: R,
+									"aria-invalid": j("description") ? !0 : void 0,
+									"aria-describedby": j("description") ? A("description") : void 0,
+									onChange: (e) => h.onChange({ description: e.target.value })
+								}), M("description")]
 							}),
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ b("div", {
 								className: "ttw:grid ttw:grid-cols-3 ttw:@lg/line-item:grid-cols-6 ttw:gap-3",
 								children: [
-									/* @__PURE__ */ h("div", {
+									/* @__PURE__ */ b("div", {
 										className: "ttw:col-span-3 ttw:flex ttw:flex-col ttw:gap-1.5",
 										children: [
-											/* @__PURE__ */ m(a, {
-												htmlFor: `${p}-gl-code`,
-												children: M.glCode
+											/* @__PURE__ */ b("div", {
+												className: "ttw:flex ttw:items-center ttw:gap-1",
+												children: [/* @__PURE__ */ y(a, {
+													htmlFor: `${v}-gl-code`,
+													children: V.glCode
+												}), k ? /* @__PURE__ */ y(p, { children: /* @__PURE__ */ b(d, { children: [/* @__PURE__ */ y(m, {
+													type: "button",
+													className: "ttw:inline-flex ttw:shrink-0 ttw:cursor-help ttw:text-muted-foreground",
+													"aria-label": k,
+													children: /* @__PURE__ */ y(x, { className: "ttw:size-3.5" })
+												}), /* @__PURE__ */ y(f, { children: k })] }) }) : null]
 											}),
-											/* @__PURE__ */ h(o, {
-												value: d.glCode,
-												disabled: k,
-												onValueChange: (e) => d.onChange({ glCode: e }),
-												children: [/* @__PURE__ */ m(l, {
-													id: `${p}-gl-code`,
-													className: "ttw:w-full",
-													"aria-invalid": S("glCode") ? !0 : void 0,
-													"aria-describedby": S("glCode") ? x("glCode") : void 0,
-													children: /* @__PURE__ */ m(u, { placeholder: M.glCodePlaceholder })
-												}), /* @__PURE__ */ m(s, { children: b.map((e) => /* @__PURE__ */ m(c, {
-													value: e.value,
-													children: e.label
-												}, e.value)) })]
+											/* @__PURE__ */ b("div", {
+												className: "ttw:relative",
+												children: [/* @__PURE__ */ b(o, {
+													value: h.glCode,
+													disabled: R || O,
+													onValueChange: (e) => h.onChange({ glCode: e }),
+													children: [/* @__PURE__ */ y(l, {
+														id: `${v}-gl-code`,
+														className: g("ttw:w-full", h.glCode && "ttw:[&>svg:last-child]:hidden!"),
+														"aria-invalid": j("glCode") ? !0 : void 0,
+														"aria-describedby": [j("glCode") ? A("glCode") : null, W].filter(Boolean).join(" ") || void 0,
+														children: /* @__PURE__ */ y(u, { placeholder: V.glCodePlaceholder })
+													}), /* @__PURE__ */ y(s, { children: D.map((e) => /* @__PURE__ */ y(c, {
+														value: e.value,
+														children: e.label
+													}, e.value)) })]
+												}), h.glCode && !(R || O) ? /* @__PURE__ */ y(e, {
+													type: "button",
+													variant: "ghost",
+													size: "icon-sm",
+													"aria-label": V.glCodeClear,
+													className: "ttw:absolute ttw:top-1/2 ttw:right-1 ttw:-translate-y-1/2",
+													onPointerDown: (e) => {
+														e.preventDefault(), e.stopPropagation();
+													},
+													onClick: (e) => {
+														e.preventDefault(), e.stopPropagation(), h.onChange({ glCode: "" });
+													},
+													children: /* @__PURE__ */ y(T, {
+														className: "ttw:size-4",
+														"aria-hidden": !0
+													})
+												}) : null]
 											}),
-											C("glCode")
+											M("glCode")
 										]
 									}),
-									/* @__PURE__ */ h("div", {
+									/* @__PURE__ */ b("div", {
 										className: "ttw:col-span-1 ttw:flex ttw:flex-col ttw:gap-1.5",
 										children: [
-											/* @__PURE__ */ m(a, {
-												htmlFor: `${p}-quantity`,
-												children: M.quantity
+											/* @__PURE__ */ y(a, {
+												htmlFor: `${v}-quantity`,
+												children: V.quantity
 											}),
-											/* @__PURE__ */ h(n, {
+											/* @__PURE__ */ b(n, {
 												className: "ttw:h-9 ttw:rounded-md ttw:border ttw:border-input ttw:shadow-xs ttw:has-[:focus-visible]:border-ring ttw:has-[:focus-visible]:ring-[3px] ttw:has-[:focus-visible]:ring-ring/50 ttw:has-[[aria-invalid=true]]:border-destructive ttw:has-[[aria-invalid=true]]:ring-destructive/20",
 												children: [
-													/* @__PURE__ */ m(e, {
+													/* @__PURE__ */ y(e, {
 														type: "button",
 														variant: "ghost",
 														size: "icon",
 														className: "ttw:h-full ttw:shrink-0 ttw:rounded-r-none",
-														disabled: k,
-														"aria-label": M.decreaseQuantity(f + 1),
-														onClick: () => d.onQuantityStep(-1),
-														children: /* @__PURE__ */ m(g, { className: "ttw:size-3.5" })
+														disabled: R,
+														"aria-label": V.decreaseQuantity(_ + 1),
+														onClick: () => h.onQuantityStep(-1),
+														children: /* @__PURE__ */ y(S, { className: "ttw:size-3.5" })
 													}),
-													/* @__PURE__ */ m(i, {
-														id: `${p}-quantity`,
+													/* @__PURE__ */ y(i, {
+														id: `${v}-quantity`,
 														inputMode: "decimal",
 														className: "ttw:min-w-0 ttw:flex-1 ttw:rounded-none ttw:border-0 ttw:text-center ttw:shadow-none ttw:focus-visible:ring-0",
-														value: d.quantity,
-														disabled: k,
-														"aria-invalid": S("quantity") ? !0 : void 0,
-														"aria-describedby": S("quantity") ? x("quantity") : void 0,
-														onChange: (e) => d.onChange({ quantity: e.target.value })
+														value: h.quantity,
+														disabled: R,
+														"aria-invalid": j("quantity") ? !0 : void 0,
+														"aria-describedby": j("quantity") ? A("quantity") : void 0,
+														onChange: (e) => h.onChange({ quantity: e.target.value })
 													}),
-													/* @__PURE__ */ m(e, {
+													/* @__PURE__ */ y(e, {
 														type: "button",
 														variant: "ghost",
 														size: "icon",
 														className: "ttw:h-full ttw:shrink-0 ttw:rounded-l-none",
-														disabled: k,
-														"aria-label": M.increaseQuantity(f + 1),
-														onClick: () => d.onQuantityStep(1),
-														children: /* @__PURE__ */ m(_, { className: "ttw:size-3.5" })
+														disabled: R,
+														"aria-label": V.increaseQuantity(_ + 1),
+														onClick: () => h.onQuantityStep(1),
+														children: /* @__PURE__ */ y(C, { className: "ttw:size-3.5" })
 													})
 												]
 											}),
-											C("quantity")
+											M("quantity")
 										]
 									}),
-									/* @__PURE__ */ h("div", {
+									/* @__PURE__ */ b("div", {
 										className: "ttw:col-span-1 ttw:flex ttw:flex-col ttw:gap-1.5",
 										children: [
-											/* @__PURE__ */ m(a, {
-												htmlFor: `${p}-price`,
-												children: M.price
+											/* @__PURE__ */ y(a, {
+												htmlFor: `${v}-price`,
+												children: V.price
 											}),
-											/* @__PURE__ */ h(n, { children: [/* @__PURE__ */ m(r, {
+											/* @__PURE__ */ b(n, { children: [/* @__PURE__ */ y(r, {
 												align: "inline-start",
 												"aria-hidden": !0,
-												children: M.currencySymbol
-											}), /* @__PURE__ */ m(i, {
-												id: `${p}-price`,
+												children: V.currencySymbol
+											}), /* @__PURE__ */ y(i, {
+												id: `${v}-price`,
 												"data-has-start-addon": !0,
 												inputMode: "decimal",
 												className: "ttw:text-right ttw:aria-invalid:border-destructive ttw:aria-invalid:ring-destructive/20",
-												value: d.price,
-												disabled: k,
-												"aria-invalid": S("price") ? !0 : void 0,
-												"aria-describedby": S("price") ? x("price") : void 0,
-												onChange: (e) => d.onChange({ price: e.target.value })
+												value: h.price,
+												disabled: R,
+												"aria-invalid": j("price") ? !0 : void 0,
+												"aria-describedby": j("price") ? A("price") : void 0,
+												onChange: (e) => h.onChange({ price: e.target.value })
 											})] }),
-											C("price")
+											M("price")
 										]
 									}),
-									/* @__PURE__ */ h("div", {
+									/* @__PURE__ */ b("div", {
 										className: "ttw:col-span-1 ttw:flex ttw:flex-col ttw:gap-1.5",
 										children: [
-											/* @__PURE__ */ m(a, {
-												htmlFor: `${p}-amount`,
-												children: M.amount
+											/* @__PURE__ */ y(a, {
+												htmlFor: `${v}-amount`,
+												children: V.amount
 											}),
-											/* @__PURE__ */ h(n, { children: [/* @__PURE__ */ m(r, {
+											/* @__PURE__ */ b(n, { children: [/* @__PURE__ */ y(r, {
 												align: "inline-start",
 												"aria-hidden": !0,
-												children: M.currencySymbol
-											}), /* @__PURE__ */ m(i, {
-												id: `${p}-amount`,
+												children: V.currencySymbol
+											}), /* @__PURE__ */ y(i, {
+												id: `${v}-amount`,
 												"data-has-start-addon": !0,
 												inputMode: "decimal",
 												className: "ttw:text-right ttw:aria-invalid:border-destructive ttw:aria-invalid:ring-destructive/20",
-												value: d.amount,
-												disabled: k,
-												"aria-invalid": S("amount") ? !0 : void 0,
-												"aria-describedby": S("amount") ? x("amount") : void 0,
-												onChange: (e) => d.onChange({ amount: e.target.value })
+												value: h.amount,
+												disabled: R,
+												"aria-invalid": j("amount") ? !0 : void 0,
+												"aria-describedby": j("amount") ? A("amount") : void 0,
+												onChange: (e) => h.onChange({ amount: e.target.value })
 											})] }),
-											C("amount")
+											M("amount")
 										]
 									})
 								]
 							})
 						]
 					})
-				}, d.id);
+				}, h.id);
 			}),
-			/* @__PURE__ */ m(e, {
+			/* @__PURE__ */ y(e, {
 				type: "button",
 				variant: "link",
-				disabled: k,
+				disabled: R,
 				className: "ttw:self-start",
-				onClick: D,
-				children: M.addLineItem
+				onClick: I,
+				children: V.addLineItem
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ b("div", {
 				className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:border-t ttw:border-border ttw:pt-3",
 				children: [
-					/* @__PURE__ */ h("div", {
+					/* @__PURE__ */ b("div", {
 						className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-4",
-						children: [/* @__PURE__ */ m(a, {
-							htmlFor: `${N}-discount`,
-							children: M.discount
-						}), /* @__PURE__ */ h(n, {
+						children: [/* @__PURE__ */ y(a, {
+							htmlFor: `${H}-discount`,
+							children: V.discount
+						}), /* @__PURE__ */ b(n, {
 							className: "ttw:w-36",
-							children: [/* @__PURE__ */ m(r, {
+							children: [/* @__PURE__ */ y(r, {
 								align: "inline-start",
 								"aria-hidden": !0,
-								children: M.currencySymbol
-							}), /* @__PURE__ */ m(i, {
-								id: `${N}-discount`,
+								children: V.currencySymbol
+							}), /* @__PURE__ */ y(i, {
+								id: `${H}-discount`,
 								"data-has-start-addon": !0,
 								inputMode: "decimal",
 								className: "ttw:text-right",
-								value: x,
-								disabled: k,
-								onChange: (e) => S(e.target.value)
+								value: A,
+								disabled: R,
+								onChange: (e) => j(e.target.value)
 							})]
 						})]
 					}),
-					/* @__PURE__ */ h("div", {
+					/* @__PURE__ */ b("div", {
 						className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-4",
-						children: [/* @__PURE__ */ m(a, {
-							htmlFor: `${N}-tax`,
-							children: M.tax
-						}), /* @__PURE__ */ h(n, {
+						children: [/* @__PURE__ */ y(a, {
+							htmlFor: `${H}-tax`,
+							children: V.tax
+						}), /* @__PURE__ */ b(n, {
 							className: "ttw:w-36",
-							children: [/* @__PURE__ */ m(r, {
+							children: [/* @__PURE__ */ y(r, {
 								align: "inline-start",
 								"aria-hidden": !0,
-								children: M.currencySymbol
-							}), /* @__PURE__ */ m(i, {
-								id: `${N}-tax`,
+								children: V.currencySymbol
+							}), /* @__PURE__ */ y(i, {
+								id: `${H}-tax`,
 								"data-has-start-addon": !0,
 								inputMode: "decimal",
 								className: "ttw:text-right",
-								value: C,
-								disabled: k,
-								onChange: (e) => w(e.target.value)
+								value: M,
+								disabled: R,
+								onChange: (e) => N(e.target.value)
 							})]
 						})]
 					}),
-					/* @__PURE__ */ h("div", {
+					/* @__PURE__ */ b("div", {
 						className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-4",
-						children: [/* @__PURE__ */ m(a, {
-							htmlFor: `${N}-total`,
+						children: [/* @__PURE__ */ y(a, {
+							htmlFor: `${H}-total`,
 							className: "ttw:font-semibold",
-							children: M.totalAmount
-						}), /* @__PURE__ */ h(n, {
+							children: V.totalAmount
+						}), /* @__PURE__ */ b(n, {
 							className: "ttw:w-36",
-							children: [/* @__PURE__ */ m(r, {
+							children: [/* @__PURE__ */ y(r, {
 								align: "inline-start",
 								"aria-hidden": !0,
-								children: M.currencySymbol
-							}), /* @__PURE__ */ m(i, {
-								id: `${N}-total`,
+								children: V.currencySymbol
+							}), /* @__PURE__ */ y(i, {
+								id: `${H}-total`,
 								"data-has-start-addon": !0,
 								inputMode: "decimal",
 								className: "ttw:text-right ttw:font-semibold",
-								value: T,
-								disabled: k,
-								onChange: (e) => E(e.target.value)
+								value: P,
+								disabled: R,
+								onChange: (e) => F(e.target.value)
 							})]
 						})]
 					})
@@ -283,4 +315,4 @@ function y({ items: y, glCodeOptions: b, discount: x, onDiscountChange: S, tax:
 	});
 }
 //#endregion
-export { y as LineItemsSection, y as default };
+export { E as LineItemsSection, E as default };

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js

@@ -1,5 +1,5 @@
 //#region ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
-var e = "@tesouro/embedded-components-react", t = "0.3.41", n = "290caf142b27988639d1dfeee45de14754eab9af", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.3.42", n = "d903cfb9fb15d2ae6daeb0d0ff31dc787e635c74", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tesouro/embedded-components-react",
-  "version": "0.3.41",
+  "version": "0.3.42",
   "license": "Apache-2.0",
   "type": "module",
   "packageDepSync": {