@epam/ai-dial-chat-shared 1.2.0-dev.28 → 1.2.0-dev.284

package/components/MarkdownRenderer/Table/table-serialization.js

@@ -1,6 +1,26 @@
 //#region src/components/MarkdownRenderer/Table/table-serialization.ts
 var e = /* @__PURE__ */ function(e) {
-	return e.Csv = "csv", e.Txt = "txt", e.Markdown = "markdown", e;
-}({}), t = "table.csv", n = "text/csv;charset=utf-8", r = (e) => Array.from(e.cells).map((e) => e.textContent?.trim() ?? ""), i = (e) => r(e).map((e) => e ? `"${e.replace(/"/g, "\"\"")}"` : "").join(","), a = (e) => r(e).join("	"), o = (e) => `| ${r(e).join(" | ")} |`, s = (e, t) => t === "csv" ? e.map(i).join("\n") : t === "txt" ? e.map(a).join("\n") : e.map((e, t) => t === 0 ? [o(e), `| ${r(e).map(() => ":--").join(" | ")} |`].join("\n") : o(e)).join("\n");
+	return e.Csv = "csv", e.Markdown = "markdown", e;
+}({}), t = "table.csv", n = "text/csv;charset=utf-8", r = ".katex", i = "annotation[encoding=\"application/x-tex\"]", a = (e) => e.querySelector(i)?.textContent?.trim() || null, o = (e) => e.replace(/\\/g, String.raw`\\`).replace(/\|/g, String.raw`\|`), s = (e) => e.replace(/\\\||\|/g, (t, n) => `${t === "|" ? String.raw`\vert` : String.raw`\Vert`}${/^[a-zA-Z]/.test(e.slice(n + t.length)) ? " " : ""}`), c = {
+	formatFormula: (e) => `$$${s(e)}$$`,
+	escapeText: o
+}, l = {
+	formatFormula: (e) => e,
+	escapeText: (e) => e
+}, u = (e, t) => {
+	let n = document.createTreeWalker(e, NodeFilter.SHOW_TEXT), i = [];
+	for (; n.nextNode();) i.push(n.currentNode);
+	i.forEach((e) => {
+		e.parentElement?.closest(r) ?? (e.data = t(e.data));
+	});
+}, d = (e, { formatFormula: t, escapeText: n }) => {
+	if (e.querySelector(r) == null) return n(e.textContent?.trim() ?? "");
+	let i = e.cloneNode(!0);
+	return u(i, n), i.querySelectorAll(r).forEach((e) => {
+		if (!i.contains(e)) return;
+		let r = a(e);
+		e.replaceWith(document.createTextNode(r ? t(r) : n(e.textContent ?? "")));
+	}), i.textContent?.trim() ?? "";
+}, f = (e, t) => Array.from(e.cells).map((e) => d(e, t)), p = (e) => f(e, l).map((e) => e ? `"${e.replace(/"/g, "\"\"")}"` : "").join(","), m = (e) => `| ${f(e, c).join(" | ")} |`, h = (e, t) => t === "csv" ? e.map(p).join("\n") : e.map((e, t) => t === 0 ? [m(e), `| ${Array.from(e.cells).map(() => ":--").join(" | ")} |`].join("\n") : m(e)).join("\n");
 //#endregion
-export { t as DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME, n as MARKDOWN_TABLE_CSV_MIME_TYPE, e as MarkdownTableCopyFormat, s as serializeMarkdownTableRows };
+export { t as DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME, n as MARKDOWN_TABLE_CSV_MIME_TYPE, e as MarkdownTableCopyFormat, h as serializeMarkdownTableRows };

package/components/MarkdownRenderer/Table/useMarkdownTableActions/useMarkdownTableActions.js

@@ -1,66 +1,52 @@
 import e from "../MarkdownTable.module.scss.js";
-import { MarkdownTableCopyFormat as t } from "../table-serialization.js";
-import { DIAL_ICON_SIZE as n, DIAL_KIT_ICON_STROKE as r } from "@epam/ai-dial-ui-kit";
-import { useMemo as i } from "react";
-import { jsx as a } from "react/jsx-runtime";
-import { IconCheck as o, IconCsv as s, IconDownload as c, IconMarkdown as l, IconMaximize as u, IconTxt as d } from "@tabler/icons-react";
+import { DIAL_ICON_SIZE as t, DIAL_KIT_ICON_STROKE as n } from "@epam/ai-dial-ui-kit";
+import { useMemo as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { IconCheck as a, IconCopy as o, IconDownload as s, IconLayoutSidebarRight as c } from "@tabler/icons-react";
 //#region src/components/MarkdownRenderer/Table/useMarkdownTableActions/useMarkdownTableActions.tsx
-var f = ({ actionLabels: f, copiedFormat: p, onCopy: m, onDownloadCsv: h, onOpenInCanvas: g }) => i(() => {
-	if (f == null) return [];
-	let i = [], _ = [
-		{
-			label: f.copyCsvLabel,
-			format: t.Csv,
-			Icon: s
-		},
-		{
-			label: f.copyTxtLabel,
-			format: t.Txt,
-			Icon: d
-		},
-		{
-			label: f.copyMarkdownLabel,
-			format: t.Markdown,
-			Icon: l
+var l = ({ actionLabels: l, isCopied: u, onCopy: d, onDownloadCsv: f, onOpenInCanvas: p }) => {
+	let m = l?.copyLabel, h = l?.downloadCsvLabel, g = l?.openInCanvasLabel;
+	return r(() => {
+		let r = [];
+		if (m != null) {
+			let s = u ? /* @__PURE__ */ i(a, {
+				className: e.copiedIcon,
+				size: t.SM,
+				stroke: n
+			}) : /* @__PURE__ */ i(o, {
+				size: t.SM,
+				stroke: n
+			});
+			r.push({
+				label: m,
+				icon: s,
+				onClick: d
+			});
 		}
-	];
-	for (let { label: t, format: s, Icon: c } of _) {
-		if (t == null) continue;
-		let l = p === s ? /* @__PURE__ */ a(o, {
-			className: e.copiedIcon,
-			size: n.SM,
-			stroke: r
-		}) : /* @__PURE__ */ a(c, {
-			size: n.SM,
-			stroke: r
-		});
-		i.push({
-			label: t,
-			icon: l,
-			onClick: () => m(s)
-		});
-	}
-	return f.downloadCsvLabel != null && i.push({
-		label: f.downloadCsvLabel,
-		icon: /* @__PURE__ */ a(c, {
-			size: n.SM,
-			stroke: r
-		}),
-		onClick: h
-	}), f.openInCanvasLabel != null && g != null && i.push({
-		label: f.openInCanvasLabel,
-		icon: /* @__PURE__ */ a(u, {
-			size: n.SM,
-			stroke: r
-		}),
-		onClick: g
-	}), i;
-}, [
-	f,
-	p,
-	m,
-	h,
-	g
-]);
+		return h != null && r.push({
+			label: h,
+			icon: /* @__PURE__ */ i(s, {
+				size: t.SM,
+				stroke: n
+			}),
+			onClick: f
+		}), g != null && p != null && r.push({
+			label: g,
+			icon: /* @__PURE__ */ i(c, {
+				size: t.SM,
+				stroke: n
+			}),
+			onClick: p
+		}), r;
+	}, [
+		m,
+		h,
+		g,
+		u,
+		d,
+		f,
+		p
+	]);
+};
 //#endregion
-export { f as useMarkdownTableActions };
+export { l as useMarkdownTableActions };

package/components/MarkdownRenderer/ThinkingShimmer.js

@@ -0,0 +1,14 @@
+import { buildCssVars as e } from "../../utils/build-css-vars.js";
+import t from "./MarkdownRenderer.module.scss.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/MarkdownRenderer/ThinkingShimmer.tsx
+var r = ({ label: r, colors: i }) => /* @__PURE__ */ n("span", {
+	className: t.thinking,
+	style: e({
+		"--cm-thinking-inverted": i?.thinkingPrimary,
+		"--cm-thinking-secondary": i?.thinkingSecondary
+	}),
+	children: r
+});
+//#endregion
+export { r as ThinkingShimmer };

package/components/PanelEmptyState/PanelEmptyState.js

@@ -5,10 +5,11 @@ import { NoDataContent as r } from "@epam/ai-dial-ui-kit";
 import { memo as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
 //#region src/components/PanelEmptyState/PanelEmptyState.tsx
-var o = i(({ label: i, colors: o, labelClassName: s = "dial-tiny-text", containerClassName: c }) => /* @__PURE__ */ a("div", {
+var o = i(({ label: i, colors: o, labelClassName: s = "dial-tiny-text", containerClassName: c, icon: l }) => /* @__PURE__ */ a("div", {
 	style: t({ "--pes-label-color": o?.label }),
 	children: /* @__PURE__ */ a(r, {
 		title: i,
+		icon: l,
 		titleClassName: e(n.label, s),
 		className: c
 	})

package/components/TextRefinementField/TextRefinementField.js

@@ -0,0 +1,86 @@
+import { mergeClasses as e } from "../../utils/merge-class.js";
+import { TextRefinementState as t } from "../../hooks/useTextRefinement.js";
+import { CaptionText as n, DIAL_ICON_SIZE as r, DIAL_KIT_ICON_STROKE as i, ElementSize as a, ErrorText as o, GhostButton as s, Label as c, Spinner as l } from "@epam/ai-dial-ui-kit";
+import { useRef as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { IconSparkles as m } from "@tabler/icons-react";
+//#region src/components/TextRefinementField/TextRefinementField.tsx
+var h = ({ isEnabled: h, fieldId: g, label: _, labelClassName: v, required: y, labels: b, refinement: x, disabled: S, feedbackClassName: C, errorClassName: w, children: T }) => {
+	let E = u(null);
+	if (!h) return /* @__PURE__ */ f(d, { children: T });
+	let D = x.state === t.Error, O = {
+		[t.Idle]: "",
+		[t.Pending]: b?.refinePendingAriaLabel ?? "Refining text",
+		[t.Success]: b?.refineSuccessAriaLabel ?? "Text refined. Undo is available.",
+		[t.Restored]: b?.refineUndoAriaLabel ?? "Original text restored.",
+		[t.Unchanged]: b?.refineUnchangedAriaLabel ?? "No changes were needed.",
+		[t.Error]: ""
+	}[x.state];
+	return /* @__PURE__ */ p("div", {
+		className: "flex min-w-0 flex-col gap-1",
+		role: "group",
+		"aria-labelledby": g + "-label",
+		"aria-describedby": D ? g + "-refinement-error" : void 0,
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: "flex min-w-0 flex-wrap items-center gap-x-3",
+				children: [/* @__PURE__ */ f(c, {
+					id: g + "-label",
+					htmlFor: g,
+					className: v,
+					label: _,
+					required: y
+				}), /* @__PURE__ */ p("div", {
+					ref: E,
+					className: "ms-auto flex min-w-0 flex-wrap items-center",
+					children: [/* @__PURE__ */ f(s, {
+						size: a.Small,
+						label: b?.refineWithAiLabel ?? "Refine with AI",
+						disabled: S || !x.canRefine,
+						onClick: () => {
+							x.refine();
+						},
+						iconBefore: x.isPending ? /* @__PURE__ */ f("span", {
+							"aria-hidden": !0,
+							children: /* @__PURE__ */ f(l, {
+								size: r.SM,
+								ariaLabel: ""
+							})
+						}) : /* @__PURE__ */ f(m, {
+							size: r.SM,
+							stroke: i,
+							"aria-hidden": !0
+						})
+					}), x.canUndo && /* @__PURE__ */ f(s, {
+						size: a.Small,
+						label: b?.refineUndoLabel ?? "Undo",
+						disabled: S,
+						onClick: () => {
+							x.undo(), E.current?.querySelector("button")?.focus();
+						}
+					})]
+				})]
+			}),
+			/* @__PURE__ */ f("div", {
+				"aria-busy": x.isPending,
+				children: T
+			}),
+			/* @__PURE__ */ f("div", {
+				role: "status",
+				"aria-live": "polite",
+				children: /* @__PURE__ */ f(n, {
+					text: O,
+					className: C
+				})
+			}),
+			D && /* @__PURE__ */ f(o, {
+				role: "alert",
+				id: g + "-refinement-error",
+				className: e(C, w),
+				text: b?.refineErrorLabel ?? "Could not refine this text. Please try again."
+			})
+		]
+	});
+};
+//#endregion
+export { h as TextRefinementField };

package/constants/dial.js

@@ -1,4 +1,4 @@
 //#region src/constants/dial.ts
-var e = ".dial_folder";
+var e = ".dial_folder", t = "public";
 //#endregion
-export { e as HIDDEN_FILE };
+export { e as HIDDEN_FILE, t as PUBLIC_BUCKET };

package/constants/mime-types.js

@@ -31,6 +31,7 @@ var e = {
 	"application/typescript": "ts",
 	"application/xhtml+xml": "xhtml",
 	"application/xml": "xml",
+	"application/yaml": "yaml",
 	"application/vnd.amazon.ebook": "azw",
 	"application/vnd.apple.installer+xml": "mpkg",
 	"application/vnd.ms-excel": "xls",
@@ -94,6 +95,52 @@ var e = {
 	"video/ogg": "ogv",
 	"video/webm": "webm",
 	"video/x-msvideo": "avi"
-}, t = "*/*", n = "audio/";
+}, t = "*/*", n = "audio/", r = {
+	"text/json": "application/json",
+	"text/x-json": "application/json",
+	"application/x-json": "application/json",
+	"text/xml": "application/xml",
+	"application/javascript": "text/javascript",
+	"application/x-javascript": "text/javascript",
+	"application/typescript": "text/typescript",
+	"text/x-markdown": "text/markdown",
+	"application/markdown": "text/markdown",
+	"application/csv": "text/csv",
+	"text/x-csv": "text/csv",
+	"text/comma-separated-values": "text/csv",
+	"text/yaml": "application/yaml",
+	"text/x-yaml": "application/yaml",
+	"application/x-yaml": "application/yaml",
+	"text/sql": "application/sql",
+	"text/x-sql": "application/sql",
+	"application/php": "text/x-php",
+	"application/x-php": "text/x-php",
+	"application/x-httpd-php": "text/x-php",
+	"application/x-rust": "text/x-rustsrc",
+	"application/x-pdf": "application/pdf",
+	"application/vnd.ms-word": "application/msword",
+	"application/excel": "application/vnd.ms-excel",
+	"application/x-excel": "application/vnd.ms-excel",
+	"application/x-msexcel": "application/vnd.ms-excel",
+	"application/powerpoint": "application/vnd.ms-powerpoint",
+	"application/mspowerpoint": "application/vnd.ms-powerpoint",
+	"application/x-zip": "application/zip",
+	"application/x-zip-compressed": "application/zip",
+	"application/x-gzip": "application/gzip",
+	"application/x-rar-compressed": "application/vnd.rar",
+	"image/jpg": "image/jpeg",
+	"image/pjpeg": "image/jpeg",
+	"image/x-png": "image/png",
+	"image/svg": "image/svg+xml",
+	"image/icon": "image/vnd.microsoft.icon",
+	"image/x-icon": "image/vnd.microsoft.icon",
+	"audio/mp3": "audio/mpeg",
+	"audio/mpeg3": "audio/mpeg",
+	"audio/x-mpeg-3": "audio/mpeg",
+	"audio/wave": "audio/wav",
+	"audio/x-wav": "audio/wav",
+	"audio/vnd.wave": "audio/wav",
+	"audio/x-m4a": "audio/mp4"
+};
 //#endregion
-export { n as MIME_TYPE_AUDIO_PREFIX, e as MIME_TYPE_EXT_MAP, t as MIME_TYPE_WILDCARD };
+export { r as MIME_TYPE_ALIASES, n as MIME_TYPE_AUDIO_PREFIX, e as MIME_TYPE_EXT_MAP, t as MIME_TYPE_WILDCARD };

package/constants/public-class-names.js

@@ -0,0 +1,10 @@
+//#region src/constants/public-class-names.ts
+var e = {
+	codeBlock: "dial-chat-shared-code-block",
+	codeBlockHeader: "dial-chat-shared-code-block-header",
+	table: "dial-chat-shared-table",
+	tableScroll: "dial-chat-shared-table-scroll",
+	mathBlock: "dial-chat-shared-math-block"
+};
+//#endregion
+export { e as CHAT_SHARED_CLASS };

package/constants/resizable-fields.js

@@ -1,4 +1,4 @@
 //#region src/constants/resizable-fields.ts
-var e = "max-h-[50vh]", t = "--resizable-field-max-height", n = "[&_.w-md-editor]:max-h-[var(--resizable-field-max-height,70vh)]";
+var e = "max-h-[50vh]", t = "--resizable-field-max-height", n = "[&_.w-md-editor:not(.w-md-editor-fullscreen)]:max-h-[var(--resizable-field-max-height,70vh)]", r = "[&_.w-md-editor:not(.w-md-editor-fullscreen)]:!h-[var(--resizable-field-max-height,70vh)] [&_.w-md-editor-bar]:hidden";
 //#endregion
-export { n as MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME, t as RESIZABLE_FIELD_MAX_HEIGHT_CSS_VARIABLE, e as RESIZABLE_TEXTAREA_CLASS_NAME };
+export { r as MARKDOWN_EDITOR_FILL_HEIGHT_CLASS_NAME, n as MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME, t as RESIZABLE_FIELD_MAX_HEIGHT_CSS_VARIABLE, e as RESIZABLE_TEXTAREA_CLASS_NAME };