@tesouro/embedded-components-react 0.5.268 → 0.5.270

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

@@ -1,72 +1,494 @@
-import { Field as e, FieldContent as t, FieldDescription as n, FieldError as r, FieldLabel as i, Textarea as a, Typography as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Accordion as e, AccordionContent as t, AccordionItem as n, AccordionTrigger as r, Badge as i, Button as a, Sheet as o, SheetContent as ee, SheetDescription as s, SheetHeader as te, SheetTitle as c, Tooltip as l, TooltipContent as u, TooltipProvider as d, TooltipTrigger as f, Typography as p, cn as m } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_DETAILS_PANEL_LABELS_EN as ne } from "./index13.js";
+import { ReceivableStatusBadge as re } from "./index22.js";
+import { RECEIVABLE_DETAILS_SECTION as h } from "./index25.js";
+import { ACTION_ICON as ie, ACTION_LABEL_KEY as g, STATUS_ICON as _, amountValueToneClass as ae, headerIconButtonClass as v, headerTooltipArrowClass as y, headerTooltipClass as b, preventTooltipFocusOpen as x, sectionChevronClass as S, sectionCountBadgeClass as C, sectionItemClass as w, sectionTriggerClass as T } from "./index23.js";
+import { AmountCell as E } from "./index24.js";
+import { AttachmentsItem as D } from "./index26.js";
+import { AuditHistoryItem as O } from "./index27.js";
+import { CloseButton as k } from "./index28.js";
+import { CustomerNameRow as oe } from "./index29.js";
+import { DetailsMessage as se } from "./index30.js";
+import { InfoRow as A } from "./index31.js";
+import { LoadingSpinner as j } from "./index32.js";
+import { OverflowMenu as ce } from "./index33.js";
+import { SeriesStatusChip as le } from "./index35.js";
+import { ScheduledInvoicesTable as ue } from "./index36.js";
+import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
+import { ChevronLeft as F, CircleAlert as I, EyeIcon as L, Repeat as R } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index37.js
-function l({ id: l, value: u, error: d, disabled: f, label: p, optionalSuffix: m, placeholder: h, description: g, onChange: _ }) {
-	return /* @__PURE__ */ s(e, { children: /* @__PURE__ */ c(t, { children: [
-		/* @__PURE__ */ c(i, {
-			htmlFor: l,
-			className: "ttw:text-nowrap",
-			children: [p, /* @__PURE__ */ s(o, {
-				variant: "body2",
-				component: "span",
-				color: "muted",
-				className: "ttw:leading-snug",
-				children: m
-			})]
-		}),
-		/* @__PURE__ */ s(a, {
-			id: l,
-			value: u,
-			disabled: f,
-			placeholder: h,
-			className: "ttw:h-26 ttw:resize-none",
-			"aria-invalid": !!d,
-			onChange: (e) => _(e.target.value)
-		}),
-		/* @__PURE__ */ s(n, { children: g }),
-		/* @__PURE__ */ s(r, { errors: d ? [{ message: d }] : [] })
-	] }) });
-}
-function u({ idPrefix: e, openingNote: t, closingNote: n, openingNoteError: r, closingNoteError: i, disabled: a, onOpeningNoteChange: u, onClosingNoteChange: d, labels: f }) {
-	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(o, {
-					variant: "h4",
-					children: f.notesHeading
-				}), /* @__PURE__ */ s(o, {
-					variant: "body2",
-					color: "muted",
-					className: "ttw:font-medium",
-					children: f.notesDescription
-				})]
-			}),
-			/* @__PURE__ */ s(l, {
-				id: `${e}-opening-note`,
-				value: t,
-				error: r,
-				disabled: a,
-				label: f.openingNoteLabel,
-				optionalSuffix: f.optionalSuffix,
-				placeholder: f.openingNotePlaceholder,
-				description: f.openingNoteDescription,
-				onChange: u
-			}),
-			/* @__PURE__ */ s(l, {
-				id: `${e}-closing-note`,
-				value: n,
-				error: i,
-				disabled: a,
-				label: f.closingNoteLabel,
-				optionalSuffix: f.optionalSuffix,
-				placeholder: f.closingNotePlaceholder,
-				description: f.closingNoteDescription,
-				onChange: d
-			})
-		]
+function z({ open: z, onOpenChange: B, details: V, message: H, isLoading: U, onActionClick: W, onClose: G, openSections: de, onOpenSectionsChange: fe, disabledActions: K, labels: pe }) {
+	let q = {
+		...ne,
+		...pe
+	}, J = V?.panel, Y = !U && !H && !!(V && J), me = J?.amountTone === "danger", X = (e) => q[g[e]], Z = V ? _[V.status] : void 0, Q = J?.recurringSeries, $ = V && J && J.primaryActions.length > 0 ? /* @__PURE__ */ N("div", {
+		className: "ttw:flex ttw:items-center ttw:gap-2 ttw:border-t ttw:border-border ttw:pt-3",
+		children: J.primaryActions.map((e, t) => {
+			let n = ie[e], r = t === J.primaryActions.length - 1;
+			return /* @__PURE__ */ P(a, {
+				size: "sm",
+				variant: r ? "default" : "outline",
+				disabled: K?.includes(e),
+				onClick: () => W(e, V),
+				children: [/* @__PURE__ */ N(n, { className: "ttw:size-4" }), X(e)]
+			}, e);
+		})
+	}) : null;
+	return /* @__PURE__ */ N(o, {
+		open: z,
+		modal: !1,
+		onOpenChange: B,
+		children: /* @__PURE__ */ P(ee, {
+			showCloseButton: !1,
+			onFocusOutside: (e) => e.preventDefault(),
+			className: "ttw:overflow-y-auto ttw:border-l-0 ttw:p-0 ttw:sm:max-w-150",
+			children: [
+				/* @__PURE__ */ N(s, {
+					className: "ttw:sr-only",
+					children: q.hiddenDescription
+				}),
+				Y ? null : /* @__PURE__ */ N(k, {
+					label: q.closeButton,
+					onClose: G,
+					className: m(v, "ttw:absolute ttw:right-4 ttw:top-4 ttw:z-10")
+				}),
+				H && !U ? /* @__PURE__ */ N(se, { ...H }) : !Y || !V || !J ? /* @__PURE__ */ P("div", {
+					className: "ttw:flex ttw:h-full ttw:w-full ttw:items-center ttw:justify-center",
+					children: [/* @__PURE__ */ N(c, {
+						className: "ttw:sr-only",
+						children: q.loadingTitle
+					}), /* @__PURE__ */ N(j, {})]
+				}) : /* @__PURE__ */ P(M, { children: [
+					J.seriesLink ? /* @__PURE__ */ N("div", {
+						className: "ttw:border-b ttw:border-border ttw:px-6 ttw:py-3",
+						children: /* @__PURE__ */ P("button", {
+							type: "button",
+							onClick: J.seriesLink.onOpen,
+							className: "ttw:flex ttw:items-center ttw:gap-1 ttw:text-sm ttw:text-primary ttw:hover:underline",
+							children: [/* @__PURE__ */ N(F, {
+								className: "ttw:size-4",
+								"aria-hidden": "true"
+							}), J.seriesLink.backLabel]
+						})
+					}) : null,
+					/* @__PURE__ */ P(te, {
+						className: "ttw:flex ttw:flex-row ttw:items-start ttw:justify-between ttw:gap-2 ttw:space-y-0 ttw:px-6 ttw:py-4",
+						children: [/* @__PURE__ */ P("div", {
+							className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+							children: [/* @__PURE__ */ N(c, {
+								className: "ttw:text-xl ttw:font-semibold ttw:text-foreground",
+								children: V.title
+							}), J.subtitle ? /* @__PURE__ */ N(p, {
+								variant: "body2",
+								color: "muted",
+								children: J.subtitle
+							}) : null]
+						}), /* @__PURE__ */ N(d, {
+							delayDuration: 500,
+							children: /* @__PURE__ */ P("div", {
+								className: "ttw:flex ttw:items-center ttw:gap-1.5",
+								children: [
+									V.pdfUrl ? /* @__PURE__ */ P(l, { children: [/* @__PURE__ */ N(f, {
+										asChild: !0,
+										onFocus: x,
+										children: /* @__PURE__ */ N(a, {
+											asChild: !0,
+											variant: "ghost",
+											size: "icon",
+											className: v,
+											children: /* @__PURE__ */ N("a", {
+												href: V.pdfUrl,
+												target: "_blank",
+												rel: "noreferrer",
+												"aria-label": q.viewPdfButton,
+												children: /* @__PURE__ */ N(L, { className: "ttw:size-4" })
+											})
+										})
+									}), /* @__PURE__ */ N(u, {
+										className: b,
+										arrowClassName: y,
+										children: q.viewPdfButton
+									})] }) : null,
+									J.overflowActions.length > 0 ? /* @__PURE__ */ N(ce, {
+										actions: J.overflowActions,
+										triggerLabel: q.moreActionsLabel,
+										getActionLabel: X,
+										onSelect: (e) => W(e, V),
+										disabledActions: K,
+										className: v
+									}) : null,
+									/* @__PURE__ */ P(l, { children: [/* @__PURE__ */ N(f, {
+										asChild: !0,
+										onFocus: x,
+										children: /* @__PURE__ */ N(k, {
+											label: q.closeButton,
+											onClose: G,
+											className: v
+										})
+									}), /* @__PURE__ */ N(u, {
+										className: b,
+										arrowClassName: y,
+										children: q.closeButton
+									})] })
+								]
+							})
+						})]
+					}),
+					/* @__PURE__ */ P("div", {
+						className: "ttw:flex ttw:flex-col",
+						children: [/* @__PURE__ */ N("div", {
+							className: "ttw:px-6",
+							children: Q ? /* @__PURE__ */ P("div", {
+								className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:bg-violet-50 ttw:p-4",
+								children: [
+									/* @__PURE__ */ P("div", {
+										className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+										children: [/* @__PURE__ */ N(p, {
+											variant: "caption",
+											color: "muted",
+											children: q.recurringAmountCaption
+										}), /* @__PURE__ */ P("div", {
+											className: "ttw:flex ttw:items-baseline ttw:gap-1.5",
+											children: [/* @__PURE__ */ N(p, {
+												component: "span",
+												variant: "h3",
+												className: ae[J.amountTone],
+												children: Q.amountLabel
+											}), /* @__PURE__ */ N(p, {
+												component: "span",
+												variant: "body2",
+												color: "muted",
+												children: Q.amountPeriodLabel
+											})]
+										})]
+									}),
+									/* @__PURE__ */ P("div", {
+										className: "ttw:flex ttw:items-center ttw:gap-2",
+										children: [/* @__PURE__ */ P(i, {
+											variant: "outline",
+											className: "ttw:gap-1 ttw:border-violet-200 ttw:bg-violet-50 ttw:text-violet-700",
+											children: [/* @__PURE__ */ N(R, { className: "ttw:size-3" }), q.recurringBadge]
+										}), /* @__PURE__ */ N(le, {
+											label: Q.statusLabel,
+											tone: Q.statusTone,
+											icon: Q.statusIcon
+										})]
+									}),
+									/* @__PURE__ */ P("div", {
+										className: "ttw:flex ttw:gap-12",
+										children: [/* @__PURE__ */ P("div", {
+											className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+											children: [/* @__PURE__ */ N(p, {
+												variant: "caption",
+												color: "muted",
+												children: q.startsOnCaption
+											}), /* @__PURE__ */ N(p, {
+												component: "span",
+												variant: "body2",
+												children: Q.startsOnLabel
+											})]
+										}), /* @__PURE__ */ P("div", {
+											className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+											children: [/* @__PURE__ */ N(p, {
+												variant: "caption",
+												color: "muted",
+												children: q.endsOnCaption
+											}), /* @__PURE__ */ N(p, {
+												component: "span",
+												variant: "body2",
+												children: Q.endsOnLabel
+											})]
+										})]
+									}),
+									$
+								]
+							}) : /* @__PURE__ */ P("div", {
+								className: m("ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:bg-muted ttw:p-4", me && "ttw:border ttw:border-red-200"),
+								children: [
+									/* @__PURE__ */ N("div", {
+										className: "ttw:flex ttw:flex-row ttw:flex-wrap ttw:gap-x-12 ttw:gap-y-2",
+										children: J.amountRows.map((e) => /* @__PURE__ */ N(E, {
+											row: e,
+											defaultTone: J.amountTone
+										}, e.label))
+									}),
+									/* @__PURE__ */ P("div", {
+										className: "ttw:flex ttw:items-center ttw:gap-2",
+										children: [J.overdueLabel ? /* @__PURE__ */ P("span", {
+											className: "ttw:inline-flex ttw:items-center ttw:gap-1 ttw:rounded-full ttw:bg-red-100 ttw:px-2.5 ttw:py-0.5 ttw:text-xs ttw:font-medium ttw:text-red-700",
+											children: [/* @__PURE__ */ N(I, { className: "ttw:size-3" }), J.overdueLabel]
+										}) : /* @__PURE__ */ N(re, {
+											label: J.statusLabel,
+											tone: V.statusTone,
+											icon: Z ? /* @__PURE__ */ N(Z, { className: "ttw:size-3" }) : void 0
+										}), J.recurring ? /* @__PURE__ */ P(i, {
+											variant: "outline",
+											className: "ttw:gap-1 ttw:border-violet-200 ttw:bg-violet-50 ttw:text-violet-700",
+											children: [/* @__PURE__ */ N(R, { className: "ttw:size-3" }), q.recurringBadge]
+										}) : null]
+									}),
+									/* @__PURE__ */ P("div", {
+										className: "ttw:flex ttw:gap-12",
+										children: [/* @__PURE__ */ P("div", {
+											className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+											children: [/* @__PURE__ */ N(p, {
+												variant: "caption",
+												color: "muted",
+												children: q.invoiceDateCaption
+											}), /* @__PURE__ */ N(p, {
+												component: "span",
+												variant: "body2",
+												children: J.issueDateLabel
+											})]
+										}), /* @__PURE__ */ P("div", {
+											className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+											children: [/* @__PURE__ */ N(p, {
+												variant: "caption",
+												color: "muted",
+												children: J.dueDateCaption
+											}), /* @__PURE__ */ N(p, {
+												component: "span",
+												variant: "body2",
+												children: J.dueDateLabel
+											})]
+										})]
+									}),
+									$
+								]
+							})
+						}), /* @__PURE__ */ P("div", {
+							className: "ttw:px-6",
+							children: [
+								J.paymentHistory ? /* @__PURE__ */ P("section", {
+									"aria-label": q.paymentHistoryHeading,
+									className: "ttw:border-b ttw:border-border ttw:py-4",
+									children: [/* @__PURE__ */ N(p, {
+										component: "h3",
+										variant: "body2",
+										className: "ttw:mb-3 ttw:font-medium",
+										children: q.paymentHistoryHeading
+									}), J.paymentHistory.isLoading ? /* @__PURE__ */ N("div", {
+										className: "ttw:flex ttw:py-2",
+										children: /* @__PURE__ */ N(j, {
+											className: "ttw:size-5 ttw:border-2",
+											label: q.paymentHistoryLoading
+										})
+									}) : J.paymentHistory.rows.length === 0 ? /* @__PURE__ */ N(p, {
+										variant: "body2",
+										className: J.paymentHistory.emptyTone === "danger" ? "ttw:text-red-600" : "ttw:text-muted-foreground",
+										children: q.paymentHistoryEmpty
+									}) : /* @__PURE__ */ P("div", {
+										className: "ttw:flex ttw:flex-col",
+										children: [J.paymentHistory.rows.map((e) => /* @__PURE__ */ P("div", {
+											className: "ttw:flex ttw:justify-between ttw:border-b ttw:border-border ttw:py-2",
+											children: [/* @__PURE__ */ N(p, {
+												component: "span",
+												variant: "body2",
+												children: e.dateLabel
+											}), /* @__PURE__ */ N(p, {
+												component: "span",
+												variant: "body2",
+												children: e.amountLabel
+											})]
+										}, e.id)), /* @__PURE__ */ P("div", {
+											className: "ttw:flex ttw:justify-between ttw:py-2 ttw:font-medium",
+											children: [/* @__PURE__ */ N(p, {
+												component: "span",
+												variant: "body2",
+												children: q.paymentHistoryTotalLabel
+											}), /* @__PURE__ */ N(p, {
+												component: "span",
+												variant: "body2",
+												children: J.paymentHistory.totalLabel
+											})]
+										})]
+									})]
+								}) : null,
+								J.customerName || J.customerContact.length > 0 ? /* @__PURE__ */ P("section", {
+									"aria-label": q.customerDetailsHeading,
+									className: "ttw:border-b ttw:border-border ttw:py-4",
+									children: [/* @__PURE__ */ N(p, {
+										component: "h3",
+										variant: "body2",
+										className: "ttw:mb-3 ttw:font-medium",
+										children: q.customerDetailsHeading
+									}), /* @__PURE__ */ P("div", {
+										className: "ttw:flex ttw:flex-col",
+										children: [J.customerName ? /* @__PURE__ */ N(oe, { ...J.customerName }) : null, J.customerContact.map((e) => /* @__PURE__ */ N(A, { ...e }, e.label))]
+									})]
+								}) : null,
+								/* @__PURE__ */ P(e, {
+									type: "multiple",
+									value: de,
+									onValueChange: fe,
+									className: "ttw:w-full",
+									children: [
+										/* @__PURE__ */ P(n, {
+											value: h.billing,
+											className: w,
+											children: [/* @__PURE__ */ N(r, {
+												className: T,
+												iconClassName: S,
+												children: /* @__PURE__ */ N("span", {
+													className: "ttw:group-hover:underline",
+													children: q.billingHeading
+												})
+											}), /* @__PURE__ */ N(t, { children: /* @__PURE__ */ P("div", {
+												className: "ttw:flex ttw:flex-col",
+												children: [J.billingItems.map((e) => /* @__PURE__ */ N(A, { ...e }, e.label)), J.seriesLink ? /* @__PURE__ */ P("div", {
+													className: "ttw:flex ttw:gap-4 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0",
+													children: [/* @__PURE__ */ N(p, {
+														component: "span",
+														variant: "body2",
+														color: "muted",
+														className: "ttw:w-40 ttw:shrink-0",
+														children: q.recurringSeriesRowLabel
+													}), /* @__PURE__ */ N("button", {
+														type: "button",
+														onClick: J.seriesLink.onOpen,
+														className: "ttw:text-left ttw:text-primary ttw:hover:underline",
+														children: J.seriesLink.title
+													})]
+												}) : null]
+											}) })]
+										}),
+										J.lineItemsSection ? /* @__PURE__ */ P(n, {
+											value: h.lineItems,
+											className: w,
+											children: [/* @__PURE__ */ N(r, {
+												className: T,
+												iconClassName: S,
+												children: /* @__PURE__ */ P("span", {
+													className: "ttw:flex ttw:items-center ttw:gap-2",
+													children: [/* @__PURE__ */ N("span", {
+														className: "ttw:group-hover:underline",
+														children: q.lineItemsHeading
+													}), /* @__PURE__ */ N(i, {
+														variant: "secondary",
+														className: C,
+														children: J.lineItemsSection.countLabel
+													})]
+												})
+											}), /* @__PURE__ */ N(t, { children: /* @__PURE__ */ P("div", {
+												className: "ttw:flex ttw:flex-col",
+												children: [V.lineItems.length === 0 ? /* @__PURE__ */ N(p, {
+													variant: "body2",
+													color: "muted",
+													className: "ttw:py-3",
+													children: q.noLineItems
+												}) : V.lineItems.map((e) => /* @__PURE__ */ P("div", {
+													className: "ttw:flex ttw:items-start ttw:justify-between ttw:border-b ttw:border-border ttw:py-3",
+													children: [/* @__PURE__ */ P("div", {
+														className: "ttw:flex ttw:flex-col",
+														children: [/* @__PURE__ */ N(p, {
+															component: "span",
+															variant: "body2",
+															className: "ttw:font-medium",
+															children: e.name
+														}), /* @__PURE__ */ P(p, {
+															component: "span",
+															variant: "body2",
+															color: "muted",
+															children: [
+																e.quantityLabel,
+																" ",
+																q.lineItemMultiplier,
+																" ",
+																e.unitPriceLabel,
+																" ",
+																q.lineItemEaLabel
+															]
+														})]
+													}), /* @__PURE__ */ N(p, {
+														component: "span",
+														variant: "body2",
+														children: e.totalLabel
+													})]
+												}, e.id)), J.lineItemsSection.totals.length > 0 ? /* @__PURE__ */ N("div", {
+													className: "ttw:flex ttw:flex-col ttw:gap-1 ttw:py-3",
+													children: J.lineItemsSection.totals.map((e) => /* @__PURE__ */ P("div", {
+														className: m("ttw:flex ttw:justify-between", e.emphasis && "ttw:font-medium"),
+														children: [/* @__PURE__ */ N(p, {
+															component: "span",
+															variant: "body2",
+															children: e.label
+														}), /* @__PURE__ */ N(p, {
+															component: "span",
+															variant: "body2",
+															children: e.value
+														})]
+													}, e.label))
+												}) : null]
+											}) })]
+										}) : null,
+										J.notes ? /* @__PURE__ */ P(n, {
+											value: h.notes,
+											className: w,
+											children: [/* @__PURE__ */ N(r, {
+												className: T,
+												iconClassName: S,
+												children: /* @__PURE__ */ P("span", {
+													className: "ttw:flex ttw:items-center ttw:gap-2",
+													children: [/* @__PURE__ */ N("span", {
+														className: "ttw:group-hover:underline",
+														children: q.notesHeading
+													}), /* @__PURE__ */ N(i, {
+														variant: "secondary",
+														className: C,
+														children: J.notes.countLabel
+													})]
+												})
+											}), /* @__PURE__ */ N(t, { children: /* @__PURE__ */ P("div", {
+												className: "ttw:flex ttw:flex-col ttw:gap-3",
+												children: [J.notes.opening ? /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N(p, {
+													variant: "body2",
+													className: "ttw:mb-1 ttw:font-medium",
+													children: q.notesOpeningLabel
+												}), /* @__PURE__ */ N(p, {
+													variant: "body2",
+													color: "muted",
+													children: J.notes.opening
+												})] }) : null, J.notes.closing ? /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N(p, {
+													variant: "body2",
+													className: "ttw:mb-1 ttw:font-medium",
+													children: q.notesClosingLabel
+												}), /* @__PURE__ */ N(p, {
+													variant: "body2",
+													color: "muted",
+													children: J.notes.closing
+												})] }) : null]
+											}) })]
+										}) : null,
+										/* @__PURE__ */ N(D, {
+											attachments: J.attachments,
+											labels: q
+										}),
+										/* @__PURE__ */ N(O, {
+											auditHistory: J.auditHistory,
+											labels: q
+										})
+									]
+								}),
+								Q ? /* @__PURE__ */ P("section", {
+									"aria-label": Q.scheduleTitle,
+									className: "ttw:border-t ttw:border-border ttw:py-4",
+									children: [/* @__PURE__ */ N(p, {
+										component: "h3",
+										variant: "body2",
+										className: "ttw:mb-3 ttw:font-medium",
+										children: Q.scheduleTitle
+									}), /* @__PURE__ */ N(ue, {
+										rows: Q.schedule,
+										labels: q
+									})]
+								}) : null
+							]
+						})]
+					})
+				] })
+			]
+		})
 	});
 }
 //#endregion
-export { u as ReceivableNotesSection };
+export { z as ReceivableDetailsPanel, z as default };