@realtek/core-theme 0.0.298 → 0.0.299

package/dist-lib/index.js

@@ -44383,28 +44383,79 @@ function mM({ record: e }) {
 		})]
 	});
 }
-function hM({ fields: e, moduleName: t }) {
-	return e?.length ? /* @__PURE__ */ X("div", {
+function hM({ fields: e, moduleName: t, centralDocuments: n = [] }) {
+	let [r, i] = R([]), [a, o] = R(0), [s, c] = R(!1);
+	if (!e?.length) return null;
+	function l(e) {
+		let t = String(e?.type ?? "").trim().toLowerCase(), n = `${e?.field ?? ""} ${e?.label ?? ""}`;
+		return [
+			"file",
+			"document",
+			"upload"
+		].includes(t) || /resume|cv|document|attachment/i.test(n);
+	}
+	function u(e, t) {
+		i(e), o(t), c(!0);
+	}
+	return /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ X("div", {
 		className: "preview-field-grid",
 		children: e.map((e) => {
-			let n = e.value, r = Array.isArray(n) && n.length > 0, i = fM(t) && pM(e) && typeof n == "string" && n.trim();
-			return r ? n.map((t, r) => /* @__PURE__ */ Z("div", {
+			let r = e.value, i = Array.isArray(r) && r.length > 0, a = fM(t) && pM(e) && typeof r == "string" && r.trim(), o = l(e) ? n.filter((t) => {
+				let n = String(t?.fieldName ?? t?.field ?? t?.formField ?? t?.key ?? "").trim().toLowerCase(), r = String(e?.field ?? "").trim().toLowerCase();
+				if (n && r && n === r) return !0;
+				let i = `${e?.field ?? ""} ${e?.label ?? ""}`;
+				return /resume|cv/i.test(i) ? /resume|cv/i.test(`${n} ${t?.fileName ?? ""} ${t?.name ?? ""}`) : !1;
+			}).map((t) => ({
+				name: t?.fileName || t?.name || t?.uploadedFileName || t?.originalName || e?.label || "Document",
+				url: t?.fileUrl || t?.downloadUrl || t?.signedUrl || t?.url || "",
+				type: t?.mimeType || t?.contentType || t?.type
+			})).filter((e) => e.url) : [], s = l(e) ? o.length ? o : Ye(r).filter((e) => e.url) : [];
+			return s.length ? /* @__PURE__ */ Z("div", {
+				className: "preview-field-card preview-field-card--documents",
+				children: [/* @__PURE__ */ X("span", {
+					className: "preview-field-card__label",
+					children: e.label
+				}), /* @__PURE__ */ X("div", {
+					className: "preview-document-list",
+					children: s.map((e, t) => /* @__PURE__ */ Z("button", {
+						type: "button",
+						className: "preview-document-link",
+						onClick: () => u(s, t),
+						title: `Preview ${e.name || "document"}`,
+						children: [
+							/* @__PURE__ */ X("span", {
+								className: "preview-document-link__icon",
+								"aria-hidden": "true",
+								children: "▣"
+							}),
+							/* @__PURE__ */ X("span", {
+								className: "preview-document-link__name",
+								children: e.name || `Document ${t + 1}`
+							}),
+							/* @__PURE__ */ X("span", {
+								className: "preview-document-link__action",
+								children: "Preview"
+							})
+						]
+					}, `${e.url}-${t}`))
+				})]
+			}, e.field ?? e.label) : i ? r.map((t, n) => /* @__PURE__ */ Z("div", {
 				className: "preview-field-card",
 				children: [/* @__PURE__ */ Z("span", {
 					className: "preview-field-card__label",
-					children: [e.label, n.length > 1 ? ` (${r + 1})` : ""]
+					children: [e.label, r.length > 1 ? ` (${n + 1})` : ""]
 				}), /* @__PURE__ */ X("span", {
 					className: "preview-field-card__value",
 					children: uM(t)
 				})]
-			}, `${e.field ?? e.label}-${r}`)) : i ? /* @__PURE__ */ Z("div", {
+			}, `${e.field ?? e.label}-${n}`)) : a ? /* @__PURE__ */ Z("div", {
 				className: "preview-field-card preview-field-card--description",
 				children: [/* @__PURE__ */ X("span", {
 					className: "preview-field-card__label",
 					children: e.label
 				}), /* @__PURE__ */ X("div", {
 					className: "preview-field-card__description",
-					children: /* @__PURE__ */ X(iM, { raw: n })
+					children: /* @__PURE__ */ X(iM, { raw: r })
 				})]
 			}, e.field ?? e.label) : /* @__PURE__ */ Z("div", {
 				className: "preview-field-card",
@@ -44413,32 +44464,90 @@ function hM({ fields: e, moduleName: t }) {
 					children: e.label
 				}), /* @__PURE__ */ X("span", {
 					className: "preview-field-card__value",
-					children: uM(n)
+					children: uM(r)
 				})]
 			}, e.field ?? e.label);
 		})
-	}) : null;
+	}), /* @__PURE__ */ X(Lr, {
+		documents: r,
+		open: s,
+		onClose: () => c(!1),
+		initialIndex: a
+	})] });
 }
 function gM() {
-	let e = Zo(), { moduleName: t = "", record: n = null } = Xo().state ?? {}, r = n?.id ?? n?._id, [i, a] = R([]), [o, s] = R(!!(t && r)), [c, l] = R(null);
+	let e = Zo(), { moduleName: t = "", record: n = null } = Xo().state ?? {}, r = n?.id ?? n?._id, [i, a] = R([]), [o, s] = R(!!(t && r)), [c, l] = R(null), [u, d] = R([]), [f, p] = R(0), m = ui(null), h = ui([]);
 	I(() => {
 		if (!t || !r) return;
 		let e = !1;
-		return yn({
+		return Promise.all([yn({
 			module: t,
 			id: r
-		}).then((t) => {
-			e || (a(Array.isArray(t) ? t : []), s(!1));
+		}), Gn(t, r).catch(() => ({ data: [] }))]).then(([t, n]) => {
+			e || (a(Array.isArray(t) ? t : []), d(Array.isArray(n) ? n : n?.data ?? []), s(!1));
 		}).catch((t) => {
-			e || (l(t.message || "Failed to load preview"), s(!1));
+			e || (l(t.message || "Failed to load preview"), d([]), s(!1));
 		}), () => {
 			e = !0;
 		};
 	}, [t, r]);
-	function u() {
+	function g() {
 		e(-1);
 	}
-	let d = /* @__PURE__ */ Z("div", {
+	function _(e, t) {
+		return e?.label ?? e?.name ?? `Section ${t + 1}`;
+	}
+	function v(e) {
+		let t = m.current, n = h.current[e];
+		if (!t || !n) return;
+		let r = t.getBoundingClientRect(), i = n.getBoundingClientRect(), a = (t.querySelector(".preview-stepper-wrap")?.offsetHeight ?? 0) + 12, o = t.scrollTop + i.top - r.top - a;
+		p(e), t.scrollTo({
+			top: Math.max(0, o),
+			behavior: "smooth"
+		});
+	}
+	function y() {
+		let e = m.current;
+		if (!e || !h.current.length) return;
+		let t = e.getBoundingClientRect().top + (e.querySelector(".preview-stepper-wrap")?.offsetHeight ?? 0) + 24, n = 0;
+		h.current.forEach((e, r) => {
+			e && e.getBoundingClientRect().top <= t && (n = r);
+		}), p((e) => e === n ? e : n);
+	}
+	function b() {
+		return i.length ? /* @__PURE__ */ X("div", {
+			className: "preview-stepper-wrap",
+			"aria-label": "Preview sections",
+			children: /* @__PURE__ */ X("div", {
+				className: "preview-stepper",
+				children: i.map((e, t) => /* @__PURE__ */ Z("div", {
+					className: "preview-stepper__segment",
+					children: [/* @__PURE__ */ Z("button", {
+						type: "button",
+						className: "preview-stepper__item",
+						onClick: () => v(t),
+						"aria-current": f === t ? "step" : void 0,
+						title: `Go to ${_(e, t)}`,
+						children: [/* @__PURE__ */ X("span", {
+							className: [
+								"preview-stepper__circle",
+								t < f ? "preview-stepper__circle--done" : "",
+								t === f ? "preview-stepper__circle--active" : ""
+							].filter(Boolean).join(" "),
+							children: t + 1
+						}), /* @__PURE__ */ X("span", {
+							className: ["preview-stepper__label", t === f ? "preview-stepper__label--active" : ""].filter(Boolean).join(" "),
+							children: _(e, t)
+						})]
+					}), t < i.length - 1 && /* @__PURE__ */ X("span", {
+						className: ["preview-stepper__line", t < f ? "preview-stepper__line--done" : ""].filter(Boolean).join(" "),
+						"aria-hidden": "true"
+					})]
+				}, e.name ?? e.id ?? t))
+			})
+		}) : null;
+	}
+	let x = /* @__PURE__ */ Z("div", {
 		className: "preview-modal-header",
 		children: [/* @__PURE__ */ X("span", {
 			className: "preview-modal-module",
@@ -44447,17 +44556,17 @@ function gM() {
 			className: "preview-modal-title",
 			children: t ? " Details" : "Preview"
 		})]
-	}), f = /* @__PURE__ */ X("div", {
+	}), S = /* @__PURE__ */ X("div", {
 		className: "wizard-footer preview-scroll-footer",
 		children: /* @__PURE__ */ X("div", {
 			className: "wizard-footer-nav",
 			children: /* @__PURE__ */ X(z, {
-				onClick: u,
+				onClick: g,
 				children: "Close"
 			})
 		})
 	});
-	function p() {
+	function C() {
 		return !t || !r ? /* @__PURE__ */ X("div", {
 			className: "job-preview-content job-preview-status",
 			children: "Preview id is missing."
@@ -44470,7 +44579,11 @@ function gM() {
 		}) : i.length ? /* @__PURE__ */ X("div", {
 			className: "preview-section-list",
 			children: i.map((e, n) => /* @__PURE__ */ Z("section", {
+				ref: (e) => {
+					h.current[n] = e;
+				},
 				className: "preview-section-card",
+				"data-section-index": n,
 				children: [/* @__PURE__ */ Z("div", {
 					className: "preview-section-card__header",
 					children: [/* @__PURE__ */ X("span", {
@@ -44478,13 +44591,14 @@ function gM() {
 						children: n + 1
 					}), /* @__PURE__ */ X("span", {
 						className: "preview-section-card__title",
-						children: e.label ?? e.name ?? `Section ${n + 1}`
+						children: _(e, n)
 					})]
 				}), /* @__PURE__ */ X("div", {
 					className: "preview-section-card__body",
 					children: e.fields?.length > 0 ? /* @__PURE__ */ X(hM, {
 						fields: e.fields,
-						moduleName: t
+						moduleName: t,
+						centralDocuments: u
 					}) : /* @__PURE__ */ X(aM, {
 						type: "secondary",
 						children: "No fields in this group."
@@ -44499,15 +44613,21 @@ function gM() {
 	return /* @__PURE__ */ X(ki, {
 		centered: !0,
 		className: "wizard-modal preview-modal preview-scroll-modal",
-		footer: f,
+		footer: S,
 		open: !0,
-		title: d,
+		title: x,
 		width: "min(900px, calc(100vw - 32px))",
-		onCancel: u,
+		onCancel: g,
 		maskClosable: !1,
 		children: /* @__PURE__ */ Z("div", {
+			ref: m,
 			className: "wizard-body preview-scroll-body",
-			children: [n && /* @__PURE__ */ X(mM, { record: n }), p()]
+			onScroll: y,
+			children: [
+				!o && !c && i.length > 0 && b(),
+				n && /* @__PURE__ */ X(mM, { record: n }),
+				C()
+			]
 		})
 	});
 }