@epam/ai-dial-quotations 1.1.0-dev.467 → 1.1.0-dev.471

package/index.d.ts

@@ -12,7 +12,7 @@ export { useCitationMarkdownComponents } from './hooks/useCitationMarkdownCompon
 export type { UseCitationMarkdownComponentsCallbacks } from './hooks/useCitationMarkdownComponents/useCitationMarkdownComponents';
 export { gatherSameSourceAnnotations, groupAnnotations, groupAnnotationsByCitId, groupAnnotationsBySource, } from './utils/group-annotations-by-source';
 export type { AnnotationGroup } from './utils/group-annotations-by-source';
-export { annotationHighlightId, annotationsToPdfHighlights, annotationToOfficeHighlightLocations, getAnnotationPdfPage, isDocxRangeSelector, isExcelRcRangeSelector, isPptxRangeSelector, normalizeRawAnnotations, resolveMessageAnnotations, } from './utils/annotation';
+export { annotationHighlightId, annotationsToPdfHighlights, annotationToOfficeHighlightLocations, getAnnotationPdfPage, isDocxRangeSelector, isExcelRcRangeSelector, isPptxRangeSelector, resolveMessageAnnotations, } from './utils/annotation';
 export type { DocxOfficeHighlightLocation, ExcelOfficeHighlightLocation, OfficeHighlightLocation, PptxOfficeHighlightLocation, } from './models/office-highlight';
 export { injectCitationSentinels, replaceSentinelsInChildren, stripCitTagsWhileStreaming, } from './utils/citation-injection';
 export { isReferenceOnlyAttachment, parsePdfPageReference, getReferenceAttachmentGroups, } from './utils/reference-attachment';

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,YAAY,EACV,kBAAkB,EAClB,iBAAiB,EACjB,sBAAsB,GACvB,MAAM,wCAAwC,CAAC;AAEhD,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,YAAY,EACV,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,YAAY,EAAE,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AAG5F,OAAO,EACL,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,+BAA+B,CAAC;AACvC,YAAY,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAGtE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,6BAA6B,EAAE,MAAM,qEAAqE,CAAC;AACpH,YAAY,EAAE,sCAAsC,EAAE,MAAM,qEAAqE,CAAC;AAGlI,OAAO,EACL,2BAA2B,EAC3B,gBAAgB,EAChB,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,qCAAqC,CAAC;AAC7C,YAAY,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAE3E,OAAO,EACL,qBAAqB,EACrB,0BAA0B,EAC1B,oCAAoC,EACpC,oBAAoB,EACpB,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,uBAAuB,EACvB,yBAAyB,GAC1B,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EACV,2BAA2B,EAC3B,4BAA4B,EAC5B,uBAAuB,EACvB,2BAA2B,GAC5B,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACL,uBAAuB,EACvB,0BAA0B,EAC1B,0BAA0B,GAC3B,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EACL,yBAAyB,EACzB,qBAAqB,EACrB,4BAA4B,GAC7B,MAAM,8BAA8B,CAAC;AACtC,YAAY,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,YAAY,EACV,kBAAkB,EAClB,iBAAiB,EACjB,sBAAsB,GACvB,MAAM,wCAAwC,CAAC;AAEhD,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,YAAY,EACV,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,YAAY,EAAE,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AAG5F,OAAO,EACL,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,+BAA+B,CAAC;AACvC,YAAY,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAGtE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,6BAA6B,EAAE,MAAM,qEAAqE,CAAC;AACpH,YAAY,EAAE,sCAAsC,EAAE,MAAM,qEAAqE,CAAC;AAGlI,OAAO,EACL,2BAA2B,EAC3B,gBAAgB,EAChB,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,qCAAqC,CAAC;AAC7C,YAAY,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAE3E,OAAO,EACL,qBAAqB,EACrB,0BAA0B,EAC1B,oCAAoC,EACpC,oBAAoB,EACpB,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,yBAAyB,GAC1B,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EACV,2BAA2B,EAC3B,4BAA4B,EAC5B,uBAAuB,EACvB,2BAA2B,GAC5B,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACL,uBAAuB,EACvB,0BAA0B,EAC1B,0BAA0B,GAC3B,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EACL,yBAAyB,EACzB,qBAAqB,EACrB,4BAA4B,GAC7B,MAAM,8BAA8B,CAAC;AACtC,YAAY,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC"}

package/index.js

@@ -1,78 +1,78 @@
-import { MIMEType as e, MarkdownRenderer as t, buildCssVars as n, inferMimeTypeFromPath as r, mergeClasses as i } from "@epam/ai-dial-chat-shared";
-import { DIAL_KIT_ICON_STROKE as a, ElementSize as o, EllipsisTooltip as s, GhostIconButton as c, NeutralButton as l, PrimaryButton as u, Tooltip as d } from "@epam/ai-dial-ui-kit";
-import { IconChevronLeft as f, IconChevronRight as p } from "@tabler/icons-react";
-import { createContext as m, memo as h, useCallback as g, useContext as _, useMemo as v, useState as y } from "react";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
-var C = {
+import { MIMEType as e, MarkdownRenderer as t, buildCssVars as n, isAnnotationSelector as r, mergeClasses as i, normalizePersistedHtmlTagAttachmentType as a, normalizeRawAnnotations as o } from "@epam/ai-dial-chat-shared";
+import { DIAL_KIT_ICON_STROKE as s, ElementSize as c, EllipsisTooltip as l, GhostIconButton as u, NeutralButton as d, PrimaryButton as f, Tooltip as p } from "@epam/ai-dial-ui-kit";
+import { IconChevronLeft as m, IconChevronRight as h } from "@tabler/icons-react";
+import { createContext as g, memo as _, useCallback as v, useContext as y, useMemo as b, useState as x } from "react";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+var T = {
 	card: "_card_1kph1_1",
 	quote: "_quote_1kph1_5",
 	title: "_title_1kph1_9",
 	switcher: "_switcher_1kph1_13",
 	sourceName: "_sourceName_1kph1_17"
-}, w = ({ group: r, activeIndex: l, onIndexChange: d, onPreview: m, onOpenInBrowser: h, headerIcon: g, labels: _, typography: v, colors: y }) => {
-	let b = r.annotations.length, w = r.annotations[l] ?? r.primaryAnnotation, T = b > 1, E = r.primaryAnnotation.body?.source?.attachment?.type, D = m == null || E === e.HTML || E === e.XHTML, O = v?.sourceNameClassName ?? "dial-tiny-text", k = v?.titleClassName ?? "dial-body-semi-text", A = v?.quoteClassName ?? "dial-small-text", j = v?.quoteStrongClassName ?? "dial-small-semi-text", M = v?.switcherClassName ?? "dial-tiny-text", N = n({
+}, E = ({ group: r, activeIndex: a, onIndexChange: o, onPreview: d, onOpenInBrowser: p, headerIcon: g, labels: _, typography: v, colors: y }) => {
+	let b = r.annotations.length, x = r.annotations[a] ?? r.primaryAnnotation, S = b > 1, E = r.primaryAnnotation.body?.source?.attachment?.type, D = d == null || E === e.HTML || E === e.XHTML, O = v?.sourceNameClassName ?? "dial-tiny-text", k = v?.titleClassName ?? "dial-body-semi-text", A = v?.quoteClassName ?? "dial-small-text", j = v?.quoteStrongClassName ?? "dial-small-semi-text", M = v?.switcherClassName ?? "dial-tiny-text", N = n({
 		"--cc-card-bg": y?.cardBackground,
 		"--cc-quote-text": y?.quoteText,
 		"--cc-title-text": y?.titleText,
 		"--cc-switcher-text": y?.switcherText,
 		"--cc-source-name-text": y?.sourceNameText
 	});
-	return /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ w("div", {
 		role: "dialog",
 		"aria-modal": "true",
 		"aria-label": _.ariaLabel,
 		style: N,
-		className: i("flex w-[400px] flex-col gap-3 rounded-lg p-4 shadow-lg", C.card),
+		className: i("flex w-[400px] flex-col gap-3 rounded-lg p-4 shadow-lg", T.card),
 		children: [
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ w("div", {
 				className: "flex items-center justify-between gap-2",
-				children: [/* @__PURE__ */ S("div", {
+				children: [/* @__PURE__ */ w("div", {
 					className: "flex min-w-0 items-center gap-1",
-					children: [g, /* @__PURE__ */ x(s, {
+					children: [g, /* @__PURE__ */ C(l, {
 						text: r.sourceName,
-						className: i(O, "min-w-0", C.sourceName)
+						className: i(O, "min-w-0", T.sourceName)
 					})]
-				}), T && /* @__PURE__ */ S("div", {
+				}), S && /* @__PURE__ */ w("div", {
 					className: "flex shrink-0 items-center gap-1",
 					children: [
-						/* @__PURE__ */ x(c, {
-							icon: /* @__PURE__ */ x(f, {
+						/* @__PURE__ */ C(u, {
+							icon: /* @__PURE__ */ C(m, {
 								size: 14,
 								className: "rtl:scale-x-[-1]",
-								stroke: a
+								stroke: s
 							}),
-							size: o.Small,
+							size: c.Small,
 							"aria-label": _.previousCitation,
-							onClick: () => d((l - 1 + b) % b)
+							onClick: () => o((a - 1 + b) % b)
 						}),
-						/* @__PURE__ */ x("span", {
-							className: i(M, C.switcher),
-							children: _.formatSwitcherText(l + 1, b)
+						/* @__PURE__ */ C("span", {
+							className: i(M, T.switcher),
+							children: _.formatSwitcherText(a + 1, b)
 						}),
-						/* @__PURE__ */ x(c, {
-							icon: /* @__PURE__ */ x(p, {
+						/* @__PURE__ */ C(u, {
+							icon: /* @__PURE__ */ C(h, {
 								size: 14,
 								className: "rtl:scale-x-[-1]",
-								stroke: a
+								stroke: s
 							}),
-							size: o.Small,
+							size: c.Small,
 							"aria-label": _.nextCitation,
-							onClick: () => d((l + 1) % b)
+							onClick: () => o((a + 1) % b)
 						})
 					]
 				})]
 			}),
-			(w.body?.title || w.body?.quote || T) && /* @__PURE__ */ S("div", {
+			(x.body?.title || x.body?.quote || S) && /* @__PURE__ */ w("div", {
 				className: "flex flex-col gap-3",
-				children: [w.body?.title && /* @__PURE__ */ x("p", {
-					className: i(k, C.title, "break-words"),
-					children: w.body.title
-				}), (w.body?.quote || T) && /* @__PURE__ */ x("div", {
-					className: i(A, C.quote, "line-clamp-6 break-words", T && "min-h-[3lh]"),
-					children: w.body?.quote && /* @__PURE__ */ x(t, {
-						content: w.body.quote,
+				children: [x.body?.title && /* @__PURE__ */ C("p", {
+					className: i(k, T.title, "break-words"),
+					children: x.body.title
+				}), (x.body?.quote || S) && /* @__PURE__ */ C("div", {
+					className: i(A, T.quote, "line-clamp-6 break-words", S && "min-h-[3lh]"),
+					children: x.body?.quote && /* @__PURE__ */ C(t, {
+						content: x.body.quote,
 						classNames: {
-							p: i(A, C.quote),
+							p: i(A, T.quote),
 							ul: i(A, "ps-3"),
 							ol: i(A, "ps-3"),
 							strong: j
@@ -80,60 +80,60 @@ var C = {
 					})
 				})]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ w("div", {
 				className: "flex justify-start gap-2",
-				children: [m && /* @__PURE__ */ x(u, {
+				children: [d && /* @__PURE__ */ C(f, {
 					label: _.preview,
-					size: o.Small,
-					onClick: () => m(w)
-				}), /* @__PURE__ */ x(u, {
+					size: c.Small,
+					onClick: () => d(x)
+				}), /* @__PURE__ */ C(f, {
 					label: D ? _.openInBrowser : _.download,
-					size: o.Small,
-					onClick: () => h(w)
+					size: c.Small,
+					onClick: () => p(x)
 				})]
 			})
 		]
 	});
 };
-h(w);
+_(E);
 //#endregion
 //#region src/components/CitationMarker/CitationMarker.tsx
-var T = ({ annotationCount: e, onOpen: t, icon: n, labels: r, labelClassName: i = "dial-caption-text" }) => {
-	let a = /* @__PURE__ */ S("span", {
+var D = ({ annotationCount: e, onOpen: t, icon: n, labels: r, labelClassName: i = "dial-caption-text" }) => {
+	let a = /* @__PURE__ */ w("span", {
 		className: "flex items-center gap-1",
-		children: [n, /* @__PURE__ */ x("span", {
+		children: [n, /* @__PURE__ */ C("span", {
 			className: i,
 			children: e > 1 ? r.labelWithOverflow : r.label
 		})]
 	});
-	return /* @__PURE__ */ x(l, {
-		size: o.Small,
+	return /* @__PURE__ */ C(d, {
+		size: c.Small,
 		label: a,
 		"aria-label": r.ariaLabel,
 		onClick: t
 	});
 };
-h(T);
+_(D);
 //#endregion
 //#region src/context/CitationCardContext.tsx
-var E = m(null), D = E.Provider, O = () => {
-	let e = _(E);
+var O = g(null), k = O.Provider, A = () => {
+	let e = y(O);
 	if (e == null) throw Error("useCitationCardContext must be used within a CitationCardProvider");
 	return e;
-}, k = { content: "_content_xzs0h_1" }, A = ({ group: e, onPreview: t, onOpenInBrowser: n, icon: r, headerIcon: a, cardLabels: o, markerLabels: s, cardTypography: c, markerLabelClassName: l }) => {
-	let u = O(), f = u.isOpen(e.groupKey), p = u.getActiveIndex(e.groupKey), m = g((e) => {
+}, j = { content: "_content_xzs0h_1" }, M = ({ group: e, onPreview: t, onOpenInBrowser: n, icon: r, headerIcon: a, cardLabels: o, markerLabels: s, cardTypography: c, markerLabelClassName: l }) => {
+	let u = A(), d = u.isOpen(e.groupKey), f = u.getActiveIndex(e.groupKey), m = v((e) => {
 		e || u.closePopup();
-	}, [u]), h = v(() => t ? (e) => {
+	}, [u]), h = b(() => t ? (e) => {
 		t(e), u.closePopup();
 	} : void 0, [t, u]);
-	return /* @__PURE__ */ x(d, {
-		open: f,
+	return /* @__PURE__ */ C(p, {
+		open: d,
 		onOpenChange: m,
 		triggerClassName: "ms-1 inline-flex align-middle",
-		contentClassName: i("!p-0 !bg-transparent !border-0 !shadow-none !max-w-none !rounded-none", k.content),
-		tooltip: /* @__PURE__ */ x(w, {
+		contentClassName: i("!p-0 !bg-transparent !border-0 !shadow-none !max-w-none !rounded-none", j.content),
+		tooltip: /* @__PURE__ */ C(E, {
 			group: e,
-			activeIndex: p,
+			activeIndex: f,
 			onIndexChange: (t) => u.setActiveIndex(e.groupKey, t),
 			onPreview: h,
 			onOpenInBrowser: n,
@@ -141,7 +141,7 @@ var E = m(null), D = E.Provider, O = () => {
 			labels: o,
 			typography: c
 		}),
-		children: /* @__PURE__ */ x(T, {
+		children: /* @__PURE__ */ C(D, {
 			sourceName: e.sourceName,
 			annotationCount: e.annotations.length,
 			onOpen: () => u.openPopup(e.groupKey),
@@ -151,176 +151,62 @@ var E = m(null), D = E.Provider, O = () => {
 		})
 	});
 };
-h(A);
+_(M);
 //#endregion
 //#region src/utils/annotation.ts
-var j = {
+var N = {
 	backgroundColor: "transparent",
 	borderColor: "var(--stroke-accent, #1D4ED8)",
 	borderWidth: "2px",
 	opacity: .5,
 	hoverOpacity: .5
-}, M = {
-	docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
-	xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-	pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation"
-}, N = (e) => {
-	let t = r(e);
-	if (t != null) return t;
-	let n = e.split(/[?#]/)[0], i = n.lastIndexOf(".");
-	if (i !== -1) return M[n.slice(i + 1).toLowerCase()];
-}, P = (e) => typeof e == "object" && !!e && !Array.isArray(e) && "type" in e && typeof e.type == "string", ee = (e) => Array.isArray(e) ? e.filter(P) : P(e) ? e : void 0, te = (e) => e.flatMap((e, t) => {
+}, ee = (e) => e.flatMap((e, t) => {
 	let n = e.body?.selector;
 	if (n == null) return [];
-	let r = (Array.isArray(n) ? n : [n]).flatMap((e) => {
-		if (!P(e) || e.type !== "pdf_bbox") return [];
-		let { page: t, x1: n, y1: r, x2: i, y2: a } = e;
+	let i = (Array.isArray(n) ? n : [n]).flatMap((e) => {
+		if (!r(e) || e.type !== "pdf_bbox") return [];
+		let { page: t, x1: n, y1: i, x2: a, y2: o } = e;
 		return !Number.isInteger(t) || t < 1 || ![
 			n,
-			r,
 			i,
-			a
+			a,
+			o
 		].every(Number.isFinite) ? [] : [{
 			page: t,
 			x1: n,
-			y1: r,
-			x2: i,
-			y2: a
+			y1: i,
+			x2: a,
+			y2: o
 		}];
 	});
-	return r.length === 0 ? [] : [{
+	return i.length === 0 ? [] : [{
 		id: String(e.index ?? t),
-		bboxes: r,
-		style: j
+		bboxes: i,
+		style: N
 	}];
-}), ne = (e, t) => String(e.index ?? t), re = (e) => {
+}), te = (e, t) => String(e.index ?? t), P = (e) => {
 	let t = e.body?.selector;
-	if (t != null) return (Array.isArray(t) ? t : [t]).find((e) => P(e) && e.type === "pdf_bbox" && typeof e.page == "number" && Number.isInteger(e.page) && e.page >= 1)?.page;
-}, F = (e) => typeof e == "number" ? e : null, ie = (e) => {
-	if (typeof e != "object" || !e) return null;
-	let t = e;
-	if (t.type !== "pdf_region") return null;
-	let n = t.bbox;
-	if (typeof n != "object" || !n) return null;
-	let r = n, i = F(r.left), a = F(r.top), o = F(r.width), s = F(r.height);
-	return i === null || a === null || o === null || s === null ? null : {
-		type: "pdf_bbox",
-		page: F(t.page) ?? 1,
-		x1: i,
-		y1: a,
-		x2: i + o,
-		y2: a + s
-	};
-}, ae = (t, n) => {
-	let r = t.target;
-	if (typeof r != "object" || !r) return null;
-	let i = r, a = i.source;
-	if (typeof a != "object" || !a) return null;
-	let o = F(a.attachment_index);
-	if (o === null) return null;
-	let s = n.find((e) => e.index === o);
-	if (s?.url == null) return null;
-	let c = ie(i.selector);
-	if (c === null) return null;
-	let l = t.body, u = typeof l == "object" && l ? l : {}, d = typeof u.title == "string" ? u.title : void 0, f = typeof u.quote == "string" ? u.quote : void 0;
-	return {
-		index: F(t.index) ?? void 0,
-		body: {
-			title: d,
-			quote: f,
-			source: {
-				type: "attachment",
-				attachment: {
-					type: s.type ?? e.PDF,
-					url: s.url,
-					title: s.title
-				}
-			},
-			selector: c
-		}
-	};
-}, oe = (t) => {
-	let n = t.target;
-	if (typeof n != "object" || !n) return null;
-	let r = n.selector;
-	if (typeof r != "object" || !r) return null;
-	let i = r;
-	if (i.type !== "html_tag" || typeof i.tag != "string" || typeof i.id != "string") return null;
-	let a = {
-		type: "html_tag",
-		tag: i.tag,
-		id: i.id
-	}, o = t.body;
-	if (typeof o != "object" || !o) return null;
-	let s = o, c = s.source;
-	if (typeof c != "object" || !c) return null;
-	let l = c;
-	if (l.type !== "attachment") return null;
-	let u = l.url;
-	if (typeof u != "string") return null;
-	let d = typeof s.title == "string" ? s.title : void 0, f = typeof s.quote == "string" ? s.quote : void 0, p = ee(s.selector);
-	return {
-		index: F(t.index) ?? void 0,
-		target: { selector: a },
-		body: {
-			title: d,
-			quote: f,
-			...p === void 0 ? {} : { selector: p },
-			source: {
-				type: "attachment",
-				attachment: {
-					type: N(u) ?? e.PDF,
-					url: u,
-					title: d
-				}
-			}
-		}
-	};
-}, I = (e) => {
-	if (e.target?.selector?.type !== "html_tag") return e;
-	let t = e.body?.source?.attachment;
-	if (t?.url == null) return e;
-	let n = N(t.url);
-	return n == null || n === t.type ? e : {
-		...e,
-		body: {
-			...e.body,
-			source: {
-				...e.body?.source,
-				type: "attachment",
-				attachment: {
-					...t,
-					type: n
-				}
-			}
-		}
-	};
-}, L = (e, t) => e.flatMap((e) => {
-	if (typeof e != "object" || !e) return [];
-	let n = e, r = oe(n);
-	if (r) return [r];
-	let i = ae(n, t);
-	return i ? [i] : [];
-}), R = (e) => {
+	if (t != null) return (Array.isArray(t) ? t : [t]).find((e) => r(e) && e.type === "pdf_bbox" && typeof e.page == "number" && Number.isInteger(e.page) && e.page >= 1)?.page;
+}, F = (e) => {
 	let t = e.custom_content?.annotations;
-	if (t?.length) return t.filter((e) => e != null && e.body?.source?.attachment?.url != null).map(I);
+	if (t?.length) return t.filter((e) => e != null && e.body?.source?.attachment?.url != null).map(a);
 	let n = e.custom_fields;
 	if (typeof n != "object" || !n) return [];
 	let r = n.annotations;
-	return !Array.isArray(r) || r.length === 0 ? [] : L(r, e.custom_content?.attachments ?? []).map(I);
-}, z = (e) => {
+	return !Array.isArray(r) || r.length === 0 ? [] : o(r, e.custom_content?.attachments ?? []).map(a);
+}, I = (e) => {
 	if (e.type !== "docx_text_range") return !1;
 	let t = e;
 	return typeof t.story == "string" && Array.isArray(t.path) && t.path.every((e) => typeof e == "number") && typeof t.start == "number" && typeof t.end == "number" && typeof t.text == "string";
-}, B = (e) => {
+}, L = (e) => {
 	if (e.type !== "pptx_text_range") return !1;
 	let t = e;
 	return typeof t.slide == "number" && typeof t.shape_id == "string" && typeof t.start == "number" && typeof t.end == "number" && typeof t.text == "string";
-}, V = (e) => typeof e == "object" && !!e && typeof e.row == "number" && typeof e.col == "number", H = (e) => {
+}, R = (e) => typeof e == "object" && !!e && typeof e.row == "number" && typeof e.col == "number", z = (e) => {
 	if (e.type !== "excel_rc_range") return !1;
 	let t = e;
-	return typeof t.sheet == "string" && V(t.start) && (t.end === void 0 || t.end === null || V(t.end));
-}, se = (e) => {
+	return typeof t.sheet == "string" && R(t.start) && (t.end === void 0 || t.end === null || R(t.end));
+}, ne = (e) => {
 	let { story: t, path: n, start: r, end: i, text: a } = e;
 	if (!(!n.every((e) => Number.isInteger(e)) || !Number.isInteger(r) || !Number.isInteger(i) || r < 0 || i < r)) return {
 		type: "docx_text_range",
@@ -330,7 +216,7 @@ var j = {
 		endExclusive: i,
 		text: a
 	};
-}, ce = (e) => {
+}, re = (e) => {
 	let { slide: t, shape_id: n, start: r, end: i, text: a } = e;
 	if (!(!Number.isInteger(t) || t < 1 || !Number.isInteger(r) || !Number.isInteger(i) || r < 0 || i < r)) return {
 		type: "pptx_text_range",
@@ -340,7 +226,7 @@ var j = {
 		endExclusive: i,
 		text: a
 	};
-}, le = (e) => {
+}, ie = (e) => {
 	let { sheet: t, start: n, end: r } = e;
 	if (!(t.length === 0 || !Number.isInteger(n.row) || !Number.isInteger(n.col) || n.row < 1 || n.col < 1)) {
 		if (r == null) return {
@@ -355,39 +241,39 @@ var j = {
 			end: r
 		};
 	}
-}, ue = (e) => {
+}, ae = (e) => {
 	let t = e.body?.selector;
 	return t == null ? [] : (Array.isArray(t) ? t : [t]).flatMap((e) => {
-		if (!P(e)) return [];
-		if (z(e)) {
-			let t = se(e);
+		if (!r(e)) return [];
+		if (I(e)) {
+			let t = ne(e);
 			return t ? [t] : [];
 		}
-		if (B(e)) {
-			let t = ce(e);
+		if (L(e)) {
+			let t = re(e);
 			return t ? [t] : [];
 		}
-		if (H(e)) {
-			let t = le(e);
+		if (z(e)) {
+			let t = ie(e);
 			return t ? [t] : [];
 		}
 		return [];
 	});
-}, de = (e, t) => v(() => t ? [] : R(e), [t, e]), fe = {
+}, oe = (e, t) => b(() => t ? [] : F(e), [t, e]), se = {
 	openGroupKey: null,
 	activeIndexByGroup: {}
-}, pe = () => {
-	let [e, t] = y(fe), n = g((e) => {
+}, ce = () => {
+	let [e, t] = x(se), n = v((e) => {
 		t((t) => ({
 			...t,
 			openGroupKey: e
 		}));
-	}, []), r = g(() => {
+	}, []), r = v(() => {
 		t((e) => ({
 			...e,
 			openGroupKey: null
 		}));
-	}, []), i = g((e, n) => {
+	}, []), i = v((e, n) => {
 		t((t) => ({
 			...t,
 			activeIndexByGroup: {
@@ -396,7 +282,7 @@ var j = {
 			}
 		}));
 	}, []);
-	return v(() => ({
+	return b(() => ({
 		openPopup: n,
 		closePopup: r,
 		setActiveIndex: i,
@@ -408,7 +294,7 @@ var j = {
 		i,
 		e
 	]);
-}, me = /⟦C(\d+)⟧/g, U = (e, t) => {
+}, le = /⟦C(\d+)⟧/g, B = (e, t) => {
 	let n = t.map((e, t) => ({
 		g: e,
 		idx: t
@@ -421,9 +307,9 @@ var j = {
 	}).sort((e, t) => t.pos - e.pos), r = e;
 	for (let { idx: e, pos: t } of n) r = `${r.slice(0, t)}⟦C${e}⟧${r.slice(t)}`;
 	return r;
-}, he = /<cit\s+data-id=(?:"[^"]+"|'[^']+')\s*>\s*<\/cit>/g, ge = /^<cit\s+data-id=(?:"[^"]+"|'[^']+')\s*>\s*<\/cit>$/, _e = /<cit\s+data-id=(?:"[^"]+"|'[^']+')\s*>\s*<\/cit>|<\/?cit\b[^>]*>|<\/?cit\b[^>]*$/gi, ve = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), W = (e) => e.replace(_e, (e) => ge.test(e) ? e : ve(e)), G = (e) => W(e).replace(he, ""), K = (e, t) => {
+}, V = /<cit\s+data-id=(?:"[^"]+"|'[^']+')\s*>\s*<\/cit>/g, H = /^<cit\s+data-id=(?:"[^"]+"|'[^']+')\s*>\s*<\/cit>$/, U = /<cit\s+data-id=(?:"[^"]+"|'[^']+')\s*>\s*<\/cit>|<\/?cit\b[^>]*>|<\/?cit\b[^>]*$/gi, ue = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), W = (e) => e.replace(U, (e) => H.test(e) ? e : ue(e)), G = (e) => W(e).replace(V, ""), K = (e, t) => {
 	if (typeof e == "string") {
-		let n = e.split(me);
+		let n = e.split(le);
 		if (n.length === 1) return e;
 		let r = [];
 		return n.forEach((e, n) => {
@@ -434,30 +320,30 @@ var j = {
 		let n = K(e, t);
 		return Array.isArray(n) ? n : [n];
 	}) : e;
-}, ye = (e) => {
+}, de = (e) => {
 	let t = e.primaryAnnotation.target?.selector;
 	return t?.type === "html_tag" ? t.id : void 0;
-}, be = (e, t) => /* @__PURE__ */ S(b, { children: [
+}, fe = (e, t) => /* @__PURE__ */ w(S, { children: [
 	e == null ? "<cit>" : `<cit data-id="${e}">`,
 	t,
 	"</cit>"
-] }), xe = (e, t, n, r = !1, a = !1) => {
-	let { onPreview: o, onOpenInBrowser: s, buildLabels: c } = n, l = v(() => r ? G(e) : W(t.length > 0 ? U(e, t) : e), [
+] }), pe = (e, t, n, r = !1, a = !1) => {
+	let { onPreview: o, onOpenInBrowser: s, buildLabels: c } = n, l = b(() => r ? G(e) : W(t.length > 0 ? B(e, t) : e), [
 		e,
 		t,
 		r
 	]), u = l.includes("<cit");
 	return {
 		processedContent: l,
-		markdownComponents: v(() => {
+		markdownComponents: b(() => {
 			let e = /* @__PURE__ */ new Map();
 			for (let n of t) {
-				let t = ye(n);
+				let t = de(n);
 				t != null && e.set(t, n);
 			}
 			let n = (e) => {
 				let { cardLabels: t, markerLabels: n } = c(e);
-				return /* @__PURE__ */ x(A, {
+				return /* @__PURE__ */ C(M, {
 					group: e,
 					onPreview: (t) => o(t, e),
 					onOpenInBrowser: s,
@@ -469,16 +355,16 @@ var j = {
 				return r ? n(r) : null;
 			}, l = { cit: (t) => {
 				let r = t["data-id"] == null ? void 0 : e.get(t["data-id"]);
-				return r ? n(r) : be(t["data-id"], t.children);
+				return r ? n(r) : fe(t["data-id"], t.children);
 			} };
 			return t.length === 0 ? u ? l : {} : {
 				...l,
-				p: ({ children: e, ...t }) => /* @__PURE__ */ x("p", {
+				p: ({ children: e, ...t }) => /* @__PURE__ */ C("p", {
 					...t,
 					className: i(a ? "dial-small-paragraph-text" : "dial-body-paragraph-text", "mb-3 [overflow-wrap:anywhere] [text-wrap:pretty] last:mb-0"),
 					children: K(e, r)
 				}),
-				li: ({ children: e, ...t }) => /* @__PURE__ */ x("li", {
+				li: ({ children: e, ...t }) => /* @__PURE__ */ C("li", {
 					...t,
 					className: "mb-1.5 last:mb-0",
 					children: K(e, r)
@@ -499,20 +385,20 @@ var j = {
 	} catch {
 		return e;
 	}
-}, Se = (e) => {
+}, me = (e) => {
 	try {
 		let t = new URL(e);
 		return t.pathname.split("/").map((e) => q(e)).filter(Boolean).at(-1) ?? t.hostname;
 	} catch {
 		return e.split("/").map((e) => q(e)).filter(Boolean).at(-1) ?? e;
 	}
-}, J = (e, t) => e.body?.source?.attachment?.title ?? Se(t), Y = (e) => {
+}, J = (e, t) => e.body?.source?.attachment?.title ?? me(t), Y = (e) => {
 	let t = e.target?.selector;
 	return t?.type === "html_tag" ? t : void 0;
-}, Ce = (e) => Y(e) != null, X = (e) => {
+}, he = (e) => Y(e) != null, X = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) {
-		if (Ce(n)) continue;
+		if (he(n)) continue;
 		let e = n.body?.source?.attachment?.url;
 		if (e == null) continue;
 		let r = t.get(e);
@@ -542,16 +428,16 @@ var j = {
 		});
 	}
 	return Array.from(t.values());
-}, we = (e) => [...Z(e), ...X(e)], Te = (e, t) => {
+}, ge = (e) => [...Z(e), ...X(e)], _e = (e, t) => {
 	let n = e.body?.source?.attachment?.url;
 	return n == null || !t.includes(e) ? [e] : t.filter((e) => e.body?.source?.attachment?.url === n);
-}, Q = (e) => e.url == null && e.reference_url != null, Ee = /^(.*\.pdf)(?:#page=(\d+))?$/i, $ = (e) => {
-	let t = Ee.exec(e);
+}, Q = (e) => e.url == null && e.reference_url != null, ve = /^(.*\.pdf)(?:#page=(\d+))?$/i, $ = (e) => {
+	let t = ve.exec(e);
 	return t ? {
 		baseUrl: t[1],
 		page: t[2] == null ? null : Number(t[2])
 	} : null;
-}, De = (t) => X((t ?? []).filter(Q).map((t) => {
+}, ye = (t) => X((t ?? []).filter(Q).map((t) => {
 	let n = t.reference_url, r = $(n) != null;
 	return { body: {
 		quote: t.data,
@@ -566,4 +452,4 @@ var j = {
 	} };
 }));
 //#endregion
-export { w as CitationCard, D as CitationCardProvider, A as CitationDropdown, T as CitationMarker, ne as annotationHighlightId, ue as annotationToOfficeHighlightLocations, te as annotationsToPdfHighlights, Te as gatherSameSourceAnnotations, re as getAnnotationPdfPage, De as getReferenceAttachmentGroups, we as groupAnnotations, Z as groupAnnotationsByCitId, X as groupAnnotationsBySource, U as injectCitationSentinels, z as isDocxRangeSelector, H as isExcelRcRangeSelector, B as isPptxRangeSelector, Q as isReferenceOnlyAttachment, L as normalizeRawAnnotations, $ as parsePdfPageReference, K as replaceSentinelsInChildren, R as resolveMessageAnnotations, G as stripCitTagsWhileStreaming, de as useAnnotations, pe as useCitationCard, O as useCitationCardContext, xe as useCitationMarkdownComponents };
+export { E as CitationCard, k as CitationCardProvider, M as CitationDropdown, D as CitationMarker, te as annotationHighlightId, ae as annotationToOfficeHighlightLocations, ee as annotationsToPdfHighlights, _e as gatherSameSourceAnnotations, P as getAnnotationPdfPage, ye as getReferenceAttachmentGroups, ge as groupAnnotations, Z as groupAnnotationsByCitId, X as groupAnnotationsBySource, B as injectCitationSentinels, I as isDocxRangeSelector, z as isExcelRcRangeSelector, L as isPptxRangeSelector, Q as isReferenceOnlyAttachment, $ as parsePdfPageReference, K as replaceSentinelsInChildren, F as resolveMessageAnnotations, G as stripCitTagsWhileStreaming, oe as useAnnotations, ce as useCitationCard, A as useCitationCardContext, pe as useCitationMarkdownComponents };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-quotations",
   "description": "Citation and annotation components, hooks, and utilities for AI DIAL conversations",
-  "version": "1.1.0-dev.467",
+  "version": "1.1.0-dev.471",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -9,19 +9,22 @@
   "types": "./index.d.ts",
   "exports": {
     "./package.json": "./package.json",
+    "./styles.css": "./index.css",
     ".": {
       "types": "./index.d.ts",
       "import": "./index.js",
       "default": "./index.js"
     }
   },
+  "dependencies": {
+    "@tabler/icons-react": "^3.44.0",
+    "react-markdown": "^10.1.0",
+    "@epam/pdf-highlighter-kit": "^0.0.18"
+  },
   "peerDependencies": {
     "react": "^19.0.0",
-    "react-markdown": "^10.1.0",
-    "@tabler/icons-react": "^3.0.0",
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.467",
-    "@epam/ai-dial-ui-kit": "*",
-    "@epam/pdf-highlighter-kit": ">=0.0.14"
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.471",
+    "@epam/ai-dial-ui-kit": "^0.14.0-dev.15"
   },
   "repository": {
     "type": "git",

package/utils/annotation.d.ts

@@ -1,4 +1,4 @@
-import { Annotation, AnnotationSelector, DocxRangeSelector, ExcelRcRangeSelector, Message, MessageAttachment, PptxRangeSelector } from '@epam/ai-dial-chat-shared';
+import { Annotation, AnnotationSelector, DocxRangeSelector, ExcelRcRangeSelector, Message, PptxRangeSelector } from '@epam/ai-dial-chat-shared';
 import { InputHighlightData } from '@epam/pdf-highlighter-kit';
 import { OfficeHighlightLocation } from '../models/office-highlight';
 /**
@@ -15,23 +15,6 @@ export declare const annotationHighlightId: (annotation: Annotation, fallbackInd
  * or `undefined` when none exists. Independent of bounding-box coordinates.
  */
 export declare const getAnnotationPdfPage: (annotation: Annotation) => number | undefined;
-/**
- * Normalizes raw annotations from the API wire format (stored in
- * `message.custom_fields.annotations`) to the internal `Annotation` model.
- *
- * Recognizes two wire shapes:
- * - `target.source.attachment_index` (integer) + a `pdf_region` selector
- *   with `{ left, top, width, height }` coordinates, resolved against
- *   `attachments` and converted to `body.source.attachment.url` + a
- *   `pdf_bbox` selector with `{ x1, y1, x2, y2 }` coordinates.
- * - `target.selector` of type `html_tag` (`{ tag, id }`) with a flat
- *   `body.source = { type: 'attachment', url }` — normalized to
- *   `body.source.attachment.url`/`.title` directly, with no attachment-list
- *   lookup, preserving optional indexes and document selectors.
- *
- * Annotations matching neither shape are omitted from the result.
- */
-export declare const normalizeRawAnnotations: (rawAnnotations: unknown[], attachments: MessageAttachment[]) => Annotation[];
 /**
  * Resolves the annotation list for a message regardless of how it was loaded.
  *

package/utils/annotation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"annotation.d.ts","sourceRoot":"","sources":["../../src/utils/annotation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,oBAAoB,EAEpB,OAAO,EACP,iBAAiB,EAEjB,iBAAiB,EAClB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,KAAK,EAEV,kBAAkB,EACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAyC1E;;;;;GAKG;AACH,eAAO,MAAM,0BAA0B,GACrC,aAAa,UAAU,EAAE,KACxB,kBAAkB,EA0BjB,CAAC;AAEL,oHAAoH;AACpH,eAAO,MAAM,qBAAqB,GAChC,YAAY,UAAU,EACtB,eAAe,MAAM,KACpB,MAAmD,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,oBAAoB,GAC/B,YAAY,UAAU,KACrB,MAAM,GAAG,SAcX,CAAC;AA4KF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,uBAAuB,GAClC,gBAAgB,OAAO,EAAE,EACzB,aAAa,iBAAiB,EAAE,KAC/B,UAAU,EAeT,CAAC;AAEL;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,GAAI,SAAS,OAAO,KAAG,UAAU,EAoBtE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAC9B,UAAU,kBAAkB,KAC3B,QAAQ,IAAI,iBAWd,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAC9B,UAAU,kBAAkB,KAC3B,QAAQ,IAAI,iBAUd,CAAC;AAUF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,GACjC,UAAU,kBAAkB,KAC3B,QAAQ,IAAI,oBAQd,CAAC;AA8FF;;;;GAIG;AACH,eAAO,MAAM,oCAAoC,GAC/C,YAAY,UAAU,KACrB,uBAAuB,EAsBzB,CAAC"}
+{"version":3,"file":"annotation.d.ts","sourceRoot":"","sources":["../../src/utils/annotation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,oBAAoB,EACpB,OAAO,EAEP,iBAAiB,EAClB,MAAM,2BAA2B,CAAC;AAMnC,OAAO,KAAK,EAEV,kBAAkB,EACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAU1E;;;;;GAKG;AACH,eAAO,MAAM,0BAA0B,GACrC,aAAa,UAAU,EAAE,KACxB,kBAAkB,EA0BjB,CAAC;AAEL,oHAAoH;AACpH,eAAO,MAAM,qBAAqB,GAChC,YAAY,UAAU,EACtB,eAAe,MAAM,KACpB,MAAmD,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,oBAAoB,GAC/B,YAAY,UAAU,KACrB,MAAM,GAAG,SAcX,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,GAAI,SAAS,OAAO,KAAG,UAAU,EAoBtE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAC9B,UAAU,kBAAkB,KAC3B,QAAQ,IAAI,iBAWd,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAC9B,UAAU,kBAAkB,KAC3B,QAAQ,IAAI,iBAUd,CAAC;AAUF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,GACjC,UAAU,kBAAkB,KAC3B,QAAQ,IAAI,oBAQd,CAAC;AA8FF;;;;GAIG;AACH,eAAO,MAAM,oCAAoC,GAC/C,YAAY,UAAU,KACrB,uBAAuB,EAsBzB,CAAC"}