@epam/ai-dial-chat-shared 1.2.0-dev.3 → 1.2.0-dev.300

package/components/MarkdownRenderer/Table/MarkdownTable.module.scss.js

@@ -1,15 +1,15 @@
 var e = {
-	tableContainer: "_tableContainer_187t3_1",
-	tableContainerLight: "_tableContainerLight_187t3_6",
-	copiedIcon: "_copiedIcon_187t3_10",
-	scrollContainer: "_scrollContainer_187t3_14",
-	tableHeaderCell: "_tableHeaderCell_187t3_30",
-	sectionRow: "_sectionRow_187t3_35",
-	row: "_row_187t3_39",
-	rowDivider: "_rowDivider_187t3_43",
-	tableScrollFadeEnd: "_tableScrollFadeEnd_187t3_53",
-	tableScrollFadeStart: "_tableScrollFadeStart_187t3_61",
-	tableScrollFadeBoth: "_tableScrollFadeBoth_187t3_69"
+	tableContainer: "_tableContainer_1qw2e_1",
+	tableContainerLight: "_tableContainerLight_1qw2e_6",
+	copiedIcon: "_copiedIcon_1qw2e_10",
+	scrollContainer: "_scrollContainer_1qw2e_14",
+	tableHeaderCell: "_tableHeaderCell_1qw2e_30",
+	sectionRow: "_sectionRow_1qw2e_37",
+	rowDivider: "_rowDivider_1qw2e_41",
+	row: "_row_1qw2e_41",
+	tableScrollFadeEnd: "_tableScrollFadeEnd_1qw2e_51",
+	tableScrollFadeStart: "_tableScrollFadeStart_1qw2e_59",
+	tableScrollFadeBoth: "_tableScrollFadeBoth_1qw2e_67"
 };
 //#endregion
 export { e as default };

package/components/MarkdownRenderer/Table/TableHeader.js

@@ -1,30 +1,27 @@
 import { mergeClasses as e } from "../../../utils/merge-class.js";
 import t from "./TableHeader.module.scss.js";
-import { ElementSize as n, GhostIconButton as r, Tooltip as i } from "@epam/ai-dial-ui-kit";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { ElementSize as n, GhostIconButton as r } from "@epam/ai-dial-ui-kit";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/MarkdownRenderer/Table/TableHeader.tsx
-var s = ({ children: s, actions: c, className: l }) => /* @__PURE__ */ o("div", {
-	className: e("flex min-h-10 items-center gap-2 border-b px-2 py-2", t.tableHeader, l),
-	children: [s != null && /* @__PURE__ */ a("div", {
+var o = ({ children: o, actions: s, className: c }) => /* @__PURE__ */ a("div", {
+	className: e("flex min-h-10 items-center gap-2 border-b px-2 py-2", t.tableHeader, c),
+	children: [o != null && /* @__PURE__ */ i("div", {
 		className: "min-w-0 flex-1",
-		children: s
-	}), c != null && /* @__PURE__ */ a("div", {
+		children: o
+	}), s != null && /* @__PURE__ */ i("div", {
 		className: "ms-auto flex items-center gap-1",
-		children: c.map((e) => /* @__PURE__ */ a(i, {
-			tooltip: e.label,
-			asChild: !0,
-			children: /* @__PURE__ */ a(r, {
-				"aria-label": e.label,
-				icon: /* @__PURE__ */ a("span", {
-					"aria-hidden": !0,
-					className: "flex items-center",
-					children: e.icon
-				}),
-				size: n.Small,
-				onClick: e.onClick
-			})
+		children: s.map((e) => /* @__PURE__ */ i(r, {
+			tooltipProps: { tooltip: e.label },
+			"aria-label": e.label,
+			icon: /* @__PURE__ */ i("span", {
+				"aria-hidden": !0,
+				className: "flex items-center",
+				children: e.icon
+			}),
+			size: n.Small,
+			onClick: e.onClick
 		}, e.label))
 	})]
 });
 //#endregion
-export { s as TableHeader };
+export { o as TableHeader };

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/MarkdownWithPlaceholders/MarkdownWithPlaceholders.js

@@ -2,7 +2,7 @@ import { rehypePromptVariables as e } from "../../utils/prompt-variables.js";
 import { MarkdownRenderer as t } from "../MarkdownRenderer/MarkdownRenderer.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/MarkdownWithPlaceholders/MarkdownWithPlaceholders.tsx
-var r = [e], i = ({ content: e, headingClassName: i }) => /* @__PURE__ */ n(t, {
+var r = [e], i = ({ content: e, headingClassName: i, ...a }) => /* @__PURE__ */ n(t, {
 	content: e,
 	rehypePlugins: r,
 	classNames: {
@@ -12,7 +12,8 @@ var r = [e], i = ({ content: e, headingClassName: i }) => /* @__PURE__ */ n(t, {
 		h4: i,
 		h5: i,
 		h6: i
-	}
+	},
+	...a
 });
 //#endregion
 export { i as MarkdownWithPlaceholders };

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 };