@tesouro/embedded-components-react 0.5.233 → 0.5.236

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

@@ -0,0 +1,353 @@
+import { Button as e, DataTable as t, DropdownMenu as n, DropdownMenuContent as r, DropdownMenuItem as i, DropdownMenuTrigger as a, Input as o, Select as s, SelectContent as c, SelectItem as l, SelectTrigger as u, SelectValue as d, Tabs as f, TabsList as p, TabsTrigger as m } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { EmptyState as h } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
+import { ErrorState as g } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import "../../../shared/ui/dist/index.js";
+import { RECEIVABLES_SCREEN_LABELS_EN as _ } from "./index13.js";
+import { ReceivableStatusBadge as v } from "./index22.js";
+import { ReceivableStatusCards as y } from "./index50.js";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { ArrowDownIcon as S, ArrowUpDownIcon as C, ArrowUpIcon as w, MoreHorizontalIcon as T, PlusIcon as E, SearchIcon as D, SettingsIcon as O } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index51.js
+var k = [
+	10,
+	25,
+	50,
+	100
+], A = "all";
+function j({ label: t, ariaLabel: n, column: r }) {
+	let i = r.getIsSorted();
+	return /* @__PURE__ */ x("div", {
+		className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
+		children: [t, /* @__PURE__ */ b(e, {
+			variant: "ghost",
+			size: "icon-sm",
+			"aria-label": n,
+			onClick: () => r.toggleSorting(i === "asc"),
+			children: b(i === "asc" ? w : i === "desc" ? S : C, { className: "ttw:size-4" })
+		})]
+	});
+}
+function M({ labels: e, searchValue: t, onSearchChange: n, statusFilter: r, statusOptions: i, onStatusFilterChange: a }) {
+	return /* @__PURE__ */ x("div", {
+		className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:px-4",
+		children: [/* @__PURE__ */ x("div", {
+			className: "ttw:relative ttw:w-80",
+			children: [/* @__PURE__ */ b(D, { className: "ttw:pointer-events-none ttw:absolute ttw:left-3 ttw:top-1/2 ttw:size-4 ttw:-translate-y-1/2 ttw:text-muted-foreground" }), /* @__PURE__ */ b(o, {
+				className: "ttw:pl-9",
+				placeholder: e.searchPlaceholder,
+				value: t,
+				onChange: (e) => n(e.target.value)
+			})]
+		}), /* @__PURE__ */ x(s, {
+			value: r,
+			onValueChange: a,
+			children: [/* @__PURE__ */ b(u, {
+				"aria-label": e.columnStatus,
+				className: "ttw:w-48",
+				children: /* @__PURE__ */ b(d, {})
+			}), /* @__PURE__ */ x(c, { children: [/* @__PURE__ */ b(l, {
+				value: A,
+				children: e.statusFilterAll
+			}), i.map((t) => /* @__PURE__ */ b(l, {
+				value: t.value,
+				children: P(t, e.statusBadge)
+			}, t.value))] })]
+		})]
+	});
+}
+function N({ enabled: e, label: t, action: n, row: r, onActionClick: a, variant: o }) {
+	return e ? /* @__PURE__ */ b(i, {
+		variant: o,
+		onClick: (e) => {
+			e.stopPropagation(), a(n, r);
+		},
+		children: t
+	}) : null;
+}
+function P(e, t) {
+	return t[e.value] ?? e.label;
+}
+function F({ rows: i, activeTab: o, enabledTabs: s, onTabChange: c, isLoading: l, isError: u, sorting: d, onSortingChange: S, pageSize: C, onPageSizeChange: w, pageSizeOptions: D = k, pageInfo: A, hasNextPage: P, hasPrevPage: F, onNextPage: I, onPrevPage: L, searchValue: R, onSearchChange: z, statusFilter: B, statusOptions: V, onStatusFilterChange: H, statusCards: U, onStatusCardSelect: W, filterBar: G, isFiltering: K, onCreateClick: q, onTemplateSettingsClick: J, onRowClick: Y, onActionClick: X, onRetry: Z, labels: Q }) {
+	let $ = {
+		..._,
+		...Q,
+		statusBadge: {
+			..._.statusBadge,
+			...Q?.statusBadge
+		}
+	};
+	return /* @__PURE__ */ x("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-4",
+		children: [
+			/* @__PURE__ */ x("div", {
+				className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-between ttw:gap-3",
+				children: [/* @__PURE__ */ b("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-3",
+					children: /* @__PURE__ */ b(f, {
+						value: o,
+						onValueChange: (e) => c(e),
+						children: /* @__PURE__ */ x(p, { children: [
+							s.includes("invoices") && /* @__PURE__ */ b(m, {
+								value: "invoices",
+								children: $.tabInvoices
+							}),
+							s.includes("quotes") && /* @__PURE__ */ b(m, {
+								value: "quotes",
+								children: $.tabQuotes
+							}),
+							s.includes("credit_notes") && /* @__PURE__ */ b(m, {
+								value: "credit_notes",
+								children: $.tabCreditNotes
+							})
+						] })
+					})
+				}), /* @__PURE__ */ x("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-2",
+					children: [J && /* @__PURE__ */ x(e, {
+						variant: "outline",
+						onClick: J,
+						children: [/* @__PURE__ */ b(O, { className: "ttw:size-4" }), $.templateSettingsButton]
+					}), /* @__PURE__ */ x(e, {
+						onClick: q,
+						children: [/* @__PURE__ */ b(E, { className: "ttw:size-4" }), $.createButton]
+					})]
+				})]
+			}),
+			U && W && /* @__PURE__ */ b(y, {
+				view: U,
+				onSelect: W,
+				labels: { all: $.statusCardsAll }
+			}),
+			u ? /* @__PURE__ */ b(g, {
+				title: $.errorTitle,
+				description: $.errorDescription,
+				retryLabel: Z ? $.errorRetry : void 0,
+				onRetry: Z
+			}) : /* @__PURE__ */ b(t, {
+				columns: [
+					{
+						accessorKey: "documentLabel",
+						enableSorting: !0,
+						header: ({ column: e }) => /* @__PURE__ */ b(j, {
+							column: e,
+							label: $.columnDocument,
+							ariaLabel: $.sortByDocument
+						}),
+						cell: ({ row: e }) => /* @__PURE__ */ x("div", {
+							className: "ttw:flex ttw:flex-col ttw:gap-1",
+							children: [/* @__PURE__ */ b("span", {
+								className: "ttw:font-medium",
+								children: e.original.documentLabel
+							}), /* @__PURE__ */ b("span", {
+								className: "ttw:text-xs ttw:text-muted-foreground",
+								children: e.original.type === "credit_note" ? $.tabCreditNotes : e.original.type === "quote" ? $.tabQuotes : $.tabInvoices
+							})]
+						}),
+						minSize: 180
+					},
+					{
+						accessorKey: "customerLabel",
+						enableSorting: !0,
+						header: ({ column: e }) => /* @__PURE__ */ b(j, {
+							column: e,
+							label: $.columnCustomer,
+							ariaLabel: $.sortByCustomer
+						}),
+						minSize: 180
+					},
+					{
+						accessorKey: "status",
+						header: ({ column: e }) => /* @__PURE__ */ b(j, {
+							column: e,
+							label: $.columnStatus,
+							ariaLabel: $.sortByStatus
+						}),
+						cell: ({ row: e }) => /* @__PURE__ */ b(v, {
+							status: e.original.status,
+							tone: e.original.statusTone,
+							labels: $.statusBadge
+						})
+					},
+					{
+						accessorKey: "issueDateLabel",
+						enableSorting: !0,
+						header: ({ column: e }) => /* @__PURE__ */ b(j, {
+							column: e,
+							label: $.columnIssueDate,
+							ariaLabel: $.sortByIssueDate
+						})
+					},
+					{
+						accessorKey: "dueDateLabel",
+						enableSorting: !0,
+						header: ({ column: e }) => /* @__PURE__ */ b(j, {
+							column: e,
+							label: $.columnDueDate,
+							ariaLabel: $.sortByDueDate
+						})
+					},
+					{
+						accessorKey: "totalLabel",
+						enableSorting: !0,
+						header: ({ column: e }) => /* @__PURE__ */ b("div", {
+							className: "ttw:flex ttw:justify-end",
+							children: /* @__PURE__ */ b(j, {
+								column: e,
+								label: $.columnTotal,
+								ariaLabel: $.sortByTotal
+							})
+						}),
+						cell: ({ row: e }) => /* @__PURE__ */ b("div", {
+							className: "ttw:text-right",
+							children: e.original.totalLabel
+						})
+					},
+					{
+						accessorKey: "amountDueLabel",
+						header: () => /* @__PURE__ */ b("div", {
+							className: "ttw:text-right",
+							children: $.columnAmountDue
+						}),
+						cell: ({ row: e }) => /* @__PURE__ */ b("div", {
+							className: "ttw:text-right",
+							children: e.original.amountDueLabel
+						})
+					},
+					{
+						id: "actions",
+						header: () => /* @__PURE__ */ b("span", {
+							className: "ttw:sr-only",
+							children: $.columnActions
+						}),
+						cell: ({ row: t }) => /* @__PURE__ */ b("div", {
+							className: "ttw:flex ttw:justify-end",
+							children: /* @__PURE__ */ x(n, { children: [/* @__PURE__ */ b(a, {
+								asChild: !0,
+								children: /* @__PURE__ */ b(e, {
+									variant: "ghost",
+									size: "icon-sm",
+									"aria-label": $.columnActions,
+									onClick: (e) => e.stopPropagation(),
+									children: /* @__PURE__ */ b(T, { className: "ttw:size-4" })
+								})
+							}), /* @__PURE__ */ x(r, {
+								align: "end",
+								children: [
+									/* @__PURE__ */ b(N, {
+										enabled: t.original.actions.edit,
+										label: $.actionEdit,
+										action: "edit",
+										row: t.original,
+										onActionClick: X
+									}),
+									/* @__PURE__ */ b(N, {
+										enabled: t.original.actions.issue,
+										label: $.actionIssue,
+										action: "issue",
+										row: t.original,
+										onActionClick: X
+									}),
+									/* @__PURE__ */ b(N, {
+										enabled: t.original.actions.send,
+										label: $.actionSend,
+										action: "send",
+										row: t.original,
+										onActionClick: X
+									}),
+									/* @__PURE__ */ b(N, {
+										enabled: t.original.actions.recordPayment,
+										label: $.actionRecordPayment,
+										action: "recordPayment",
+										row: t.original,
+										onActionClick: X
+									}),
+									/* @__PURE__ */ b(N, {
+										enabled: t.original.actions.markPaid,
+										label: $.actionMarkPaid,
+										action: "markPaid",
+										row: t.original,
+										onActionClick: X
+									}),
+									/* @__PURE__ */ b(N, {
+										enabled: t.original.actions.markUncollectible,
+										label: $.actionMarkUncollectible,
+										action: "markUncollectible",
+										row: t.original,
+										onActionClick: X
+									}),
+									/* @__PURE__ */ b(N, {
+										enabled: t.original.actions.accept,
+										label: $.actionAccept,
+										action: "accept",
+										row: t.original,
+										onActionClick: X
+									}),
+									/* @__PURE__ */ b(N, {
+										enabled: t.original.actions.decline,
+										label: $.actionDecline,
+										action: "decline",
+										row: t.original,
+										onActionClick: X
+									}),
+									/* @__PURE__ */ b(N, {
+										enabled: t.original.actions.cancel,
+										label: $.actionCancel,
+										action: "cancel",
+										row: t.original,
+										onActionClick: X
+									}),
+									/* @__PURE__ */ b(N, {
+										enabled: t.original.actions.clone,
+										label: $.actionClone,
+										action: "clone",
+										row: t.original,
+										onActionClick: X
+									}),
+									/* @__PURE__ */ b(N, {
+										enabled: t.original.actions.delete,
+										label: $.actionDelete,
+										action: "delete",
+										row: t.original,
+										onActionClick: X,
+										variant: "destructive"
+									})
+								]
+							})] })
+						}),
+						size: 72
+					}
+				],
+				data: i,
+				isLoading: l,
+				sorting: d,
+				onSortingChange: S,
+				pageSize: C,
+				onPageSizeChange: w,
+				pageSizeOptions: D,
+				pageInfo: A,
+				hasNextPage: P,
+				hasPrevPage: F,
+				onNextPage: I,
+				onPrevPage: L,
+				onRowClick: Y,
+				rowAriaLabel: (e) => $.openRow(e.documentLabel),
+				filterComponent: G ?? /* @__PURE__ */ b(M, {
+					labels: $,
+					searchValue: R,
+					onSearchChange: z,
+					statusFilter: B,
+					statusOptions: V,
+					onStatusFilterChange: H
+				}),
+				children: /* @__PURE__ */ b(h, {
+					title: K ? $.filterEmptyTitle : $.emptyTitle,
+					description: K ? $.filterEmptyDescription : $.emptyDescription,
+					actionLabel: K ? void 0 : $.emptyAction,
+					onAction: K ? void 0 : q
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { F as ReceivablesScreen, F as default };

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

@@ -1,2 +1,18 @@
-import "./index2.js";
-import "./index5.js";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index6.js
+var e = {
+	issueDescription: "The customer will be emailed a copy of the invoice with payment instructions.",
+	toLabel: "To",
+	subjectLabel: "Subject",
+	messageLabel: "Message",
+	messagePlaceholder: "e.g., Thank you for your business",
+	attachmentsLabel: "Attachments",
+	attachmentsCaption: "To change what files are attached to the email, you will need to update the invoice.",
+	skipButton: "Skip",
+	sendButton: "Send invoice",
+	productsQuestion: "Do you want to also save these items?",
+	productsCaption: "Saved items can be quickly added to future invoices.",
+	productsAllLabel: "Products and services",
+	saveItemsButton: "Save selected items"
+};
+//#endregion
+export { e as RECEIVABLE_ACTIONS_MODAL_LABELS_EN };

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

@@ -1,11 +1,123 @@
+import { Button as e, DialogDescription as t, DialogFooter as n, DialogHeader as r, DialogTitle as i, Input as a, Label as o, Textarea as s, Typography as c } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Check as f } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index7.js
-var e = {
-	billingHeading: "Billing details",
-	billingDescription: "What are the billing terms?",
-	paymentTermsLabel: "Payment terms",
-	paymentTermsPlaceholder: "Select payment terms",
-	paymentTermsReceiptDue: "Due on receipt",
-	paymentTermsCustomDate: "Custom date"
-};
+function p({ idPrefix: p, view: m, onSubjectChange: h, onMessageChange: g, onSkip: _, onSend: v, labels: y }) {
+	let b = `${p}-subject`, x = `${p}-message`;
+	return /* @__PURE__ */ d(l, { children: [
+		/* @__PURE__ */ u(r, {
+			className: "ttw:border-b ttw:border-border ttw:p-6",
+			children: /* @__PURE__ */ d("div", {
+				className: "ttw:flex ttw:items-center ttw:gap-4",
+				children: [/* @__PURE__ */ u("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: /* @__PURE__ */ u(f, { className: "ttw:size-6 ttw:text-green-700" })
+				}), /* @__PURE__ */ d("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-1",
+					children: [/* @__PURE__ */ u(i, { children: m.title }), /* @__PURE__ */ u(t, {
+						className: "ttw:text-xs",
+						children: y.issueDescription
+					})]
+				})]
+			})
+		}),
+		/* @__PURE__ */ d("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:p-6",
+			children: [
+				/* @__PURE__ */ d("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-4",
+					children: [/* @__PURE__ */ u(c, {
+						variant: "body2",
+						color: "muted",
+						className: "ttw:w-16 ttw:shrink-0",
+						children: y.toLabel
+					}), /* @__PURE__ */ u(c, {
+						variant: "body2",
+						children: m.recipient
+					})]
+				}),
+				/* @__PURE__ */ d("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-4",
+					children: [/* @__PURE__ */ u(o, {
+						htmlFor: b,
+						className: "ttw:w-16 ttw:shrink-0 ttw:font-normal ttw:text-muted-foreground",
+						children: y.subjectLabel
+					}), /* @__PURE__ */ u(a, {
+						id: b,
+						className: "ttw:flex-1",
+						value: m.subject,
+						onChange: (e) => h(e.target.value),
+						disabled: m.inProgress
+					})]
+				}),
+				/* @__PURE__ */ d("div", {
+					className: "ttw:flex ttw:items-start ttw:gap-4",
+					children: [/* @__PURE__ */ u(o, {
+						htmlFor: x,
+						className: "ttw:w-16 ttw:shrink-0 ttw:pt-2 ttw:font-normal ttw:text-muted-foreground",
+						children: y.messageLabel
+					}), /* @__PURE__ */ u(s, {
+						id: x,
+						className: "ttw:flex-1",
+						value: m.message,
+						onChange: (e) => g(e.target.value),
+						placeholder: y.messagePlaceholder,
+						disabled: m.inProgress
+					})]
+				}),
+				m.attachments.length > 0 && /* @__PURE__ */ d("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pl-20",
+					children: [/* @__PURE__ */ d("div", {
+						className: "ttw:flex ttw:flex-col",
+						children: [/* @__PURE__ */ u(c, {
+							variant: "body2",
+							color: "muted",
+							children: y.attachmentsLabel
+						}), /* @__PURE__ */ u(c, {
+							variant: "caption",
+							color: "muted",
+							children: y.attachmentsCaption
+						})]
+					}), /* @__PURE__ */ u("ul", {
+						className: "ttw:flex ttw:flex-col ttw:gap-2.5",
+						children: m.attachments.map((e) => /* @__PURE__ */ d("li", {
+							className: "ttw:rounded-lg ttw:bg-muted ttw:px-2 ttw:py-1 ttw:text-sm ttw:font-medium",
+							children: [
+								e.name,
+								" ",
+								/* @__PURE__ */ d("span", {
+									className: "ttw:text-muted-foreground",
+									children: [
+										"(",
+										e.sizeLabel,
+										")"
+									]
+								})
+							]
+						}, e.id))
+					})]
+				})
+			]
+		}),
+		/* @__PURE__ */ d(n, {
+			className: "ttw:flex ttw:flex-row ttw:gap-4 ttw:border-t ttw:border-border ttw:p-6",
+			children: [/* @__PURE__ */ u(e, {
+				type: "button",
+				variant: "outline",
+				className: "ttw:flex-1 ttw:border-border",
+				disabled: m.inProgress,
+				onClick: _,
+				children: y.skipButton
+			}), /* @__PURE__ */ u(e, {
+				type: "button",
+				className: "ttw:flex-1",
+				disabled: m.sendDisabled,
+				loading: m.inProgress,
+				onClick: v,
+				children: y.sendButton
+			})]
+		})
+	] });
+}
 //#endregion
-export { e as RECEIVABLE_BILLING_SECTION_LABELS_EN };
+export { p as ReceivableActionsModalIssueStep };

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

@@ -1,29 +1,102 @@
+import { Button as e, Checkbox as t, DialogFooter as n, DialogHeader as r, DialogTitle as i, Separator as a, Typography as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Check as u } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index8.js
-var e = {
-	recurrenceRepeatLabel: "Repeat this invoice",
-	recurrenceMonthDayLead: "on the",
-	recurrenceMonthDayTrail: "day of every month",
-	recurrenceWeekdayLead: "on",
-	recurrenceStartOnLabel: "Start on",
-	recurrenceEndChoiceLead: "and end",
-	recurrenceEndCountLead: "and end after",
-	recurrenceDatePlaceholder: "Mon DD, YYYY",
-	recurrenceCreationModeQuestion: "When an invoice in the series is created, what should happen?",
-	recurrenceCreationModeHint: "(You can change this at any time)",
-	recurrenceSetUpEmail: "Set up the email"
-}, t = {
-	recurrenceEmailTitle: "Email sent with each invoice",
-	recurrenceEmailDescription: "The same recipients, subject, and message are used for every invoice in the series.",
-	recurrenceEmailTo: "To",
-	recurrenceEmailCc: "Cc",
-	recurrenceEmailBcc: "Bcc",
-	recurrenceEmailSubject: "Subject",
-	recurrenceEmailMessage: "Message",
-	recurrenceEmailRecipientPlaceholder: "name@example.com",
-	recurrenceEmailMessagePlaceholder: "e.g., Thank you for your business",
-	recurrenceEmailFootnote: "Each invoice is finalized and emailed automatically on its schedule.",
-	recurrenceEmailCancel: "Cancel",
-	recurrenceEmailSave: "Save"
-};
+function d({ view: d, onToggleItem: f, onToggleAll: p, onAllSelectedChange: m, onSkip: h, onSave: g, labels: _ }) {
+	return /* @__PURE__ */ l(s, { children: [
+		/* @__PURE__ */ c(r, {
+			className: "ttw:border-b ttw:border-border ttw:p-6",
+			children: /* @__PURE__ */ l(i, {
+				className: "ttw:flex ttw:flex-row ttw:items-center ttw:gap-4",
+				children: [/* @__PURE__ */ c("span", {
+					className: "ttw:flex ttw:size-10 ttw:items-center ttw:justify-center ttw:rounded-full ttw:border ttw:border-emerald-200 ttw:bg-emerald-50",
+					children: /* @__PURE__ */ c(u, { className: "ttw:size-6 ttw:text-green-700" })
+				}), d.title]
+			})
+		}),
+		/* @__PURE__ */ l("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:p-6",
+			children: [/* @__PURE__ */ l("div", {
+				className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-1.5",
+				children: [/* @__PURE__ */ l("div", {
+					className: "ttw:flex ttw:min-w-0 ttw:flex-col ttw:gap-1",
+					children: [/* @__PURE__ */ c(o, {
+						variant: "h4",
+						children: _.productsQuestion
+					}), /* @__PURE__ */ c(o, {
+						variant: "caption",
+						color: "muted",
+						children: _.productsCaption
+					})]
+				}), /* @__PURE__ */ c(e, {
+					type: "button",
+					variant: "ghost",
+					className: "ttw:shrink-0 ttw:text-primary ttw:hover:text-primary",
+					disabled: d.inProgress,
+					onClick: p,
+					children: d.toggleAllLabel
+				})]
+			}), /* @__PURE__ */ l("ul", {
+				className: "ttw:flex ttw:flex-col ttw:gap-3",
+				children: [
+					/* @__PURE__ */ l("li", {
+						className: "ttw:flex ttw:items-center ttw:gap-2",
+						children: [/* @__PURE__ */ c(t, {
+							checked: d.allSelected,
+							onCheckedChange: (e) => m(e === !0),
+							disabled: d.inProgress || d.items.length === 0,
+							"aria-label": _.productsAllLabel
+						}), /* @__PURE__ */ c(o, {
+							variant: "body2",
+							className: "ttw:font-semibold",
+							children: _.productsAllLabel
+						})]
+					}),
+					/* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(a, {}) }),
+					d.items.map((e) => /* @__PURE__ */ l("li", {
+						className: "ttw:flex ttw:items-start ttw:gap-2",
+						children: [/* @__PURE__ */ c(t, {
+							checked: e.selected,
+							onCheckedChange: () => f(e.key),
+							disabled: d.inProgress,
+							"aria-label": e.name
+						}), /* @__PURE__ */ l("div", {
+							className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col ttw:gap-1",
+							children: [/* @__PURE__ */ c(o, {
+								variant: "caption",
+								className: "ttw:truncate",
+								title: e.name,
+								children: e.name
+							}), /* @__PURE__ */ c(o, {
+								variant: "caption",
+								color: "muted",
+								className: "ttw:truncate",
+								children: e.priceLabel
+							})]
+						})]
+					}, e.key))
+				]
+			})]
+		}),
+		/* @__PURE__ */ l(n, {
+			className: "ttw:flex ttw:flex-row ttw:gap-4 ttw:border-t ttw:border-border ttw:p-6",
+			children: [/* @__PURE__ */ c(e, {
+				type: "button",
+				variant: "outline",
+				className: "ttw:flex-1 ttw:border-border",
+				disabled: d.inProgress,
+				onClick: h,
+				children: _.skipButton
+			}), /* @__PURE__ */ c(e, {
+				type: "button",
+				className: "ttw:flex-1",
+				disabled: d.saveDisabled,
+				loading: d.inProgress,
+				onClick: g,
+				children: _.saveItemsButton
+			})]
+		})
+	] });
+}
 //#endregion
-export { t as RECEIVABLE_RECURRENCE_EMAIL_DIALOG_LABELS_EN, e as RECEIVABLE_RECURRENCE_SECTION_LABELS_EN };
+export { d as ReceivableActionsModalProductsStep };