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

package/components/ConfirmationView/ConfirmationView.js

@@ -14,7 +14,7 @@ var s = ({ item: s, identity: c, message: l, consequences: u, variant: d = i.Inf
 		}),
 		className: "flex flex-col gap-4 px-6 py-4",
 		children: [
-			c ?? /* @__PURE__ */ a(n, {
+			c ?? (s != null && /* @__PURE__ */ a(n, {
 				item: s,
 				variant: d,
 				styles: { colors: {
@@ -22,7 +22,7 @@ var s = ({ item: s, identity: c, message: l, consequences: u, variant: d = i.Inf
 					dangerBackground: h?.cardDangerBackground,
 					dangerBorder: h?.cardDangerBorder
 				} }
-			}),
+			})),
 			/* @__PURE__ */ a("p", {
 				className: e(f, "break-words", r.message),
 				children: l

package/hooks/useUnsavedChangesGuard.js

@@ -0,0 +1,30 @@
+import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
+//#region src/hooks/useUnsavedChangesGuard.ts
+var i = (i) => {
+	let [a, o] = r(!1), s = n(null);
+	return t(() => {
+		if (!i) return;
+		let e = (e) => {
+			e.preventDefault();
+		};
+		return window.addEventListener("beforeunload", e), () => window.removeEventListener("beforeunload", e);
+	}, [i]), {
+		guard: e((e) => {
+			if (!i) {
+				e();
+				return;
+			}
+			s.current = e, o(!0);
+		}, [i]),
+		isConfirmOpen: a,
+		confirm: e(() => {
+			let e = s.current;
+			s.current = null, o(!1), e?.();
+		}, []),
+		dismiss: e(() => {
+			s.current = null, o(!1);
+		}, [])
+	};
+};
+//#endregion
+export { i as useUnsavedChangesGuard };

package/index.d.ts

@@ -452,7 +452,7 @@ export declare interface ConfirmationViewColors {
 
 /** Props for `ConfirmationView`. */
 export declare interface ConfirmationViewProps {
-    /** Entity the confirmation is about, rendered as an identity card above the copy. Ignored when `identity` is set. */
+    /** Entity the confirmation is about, rendered as an identity card above the copy. Ignored when `identity` is set; with neither, no card is rendered. */
     item?: EntityHeaderItem;
     /**
      * Identity card rendered in place of the default one, for a resource that is
@@ -2900,6 +2900,18 @@ export declare const truncateToUtf8Bytes: (str: string, maxBytes: number) => str
 /** Decodes a base64 string into raw bytes, or `undefined` if the string is not valid base64. */
 export declare const tryBase64ToBytes: (base64: string) => Uint8Array | undefined;
 
+/** Result of {@link useUnsavedChangesGuard}. */
+export declare interface UnsavedChangesGuardResult {
+    /** Runs `action` immediately when nothing is dirty; otherwise defers it and opens the confirmation. */
+    guard: (action: () => void) => void;
+    /** Whether the discard confirmation should be shown. */
+    isConfirmOpen: boolean;
+    /** Closes the confirmation and runs the deferred action. */
+    confirm: () => void;
+    /** Closes the confirmation and drops the deferred action. */
+    dismiss: () => void;
+}
+
 /** Result of successfully uploading an {@link Attachment}. */
 export declare interface UploadedAttachmentResult {
     /** The DIAL Core file URL the attachment was uploaded to. */
@@ -3039,4 +3051,7 @@ export declare interface UseTextRefinementOptions {
     resetKey?: unknown;
 }
 
+/** Defers leaving a form with unsaved changes until the user confirms, and asks the browser to warn before the page unloads. */
+export declare const useUnsavedChangesGuard: (isDirty: boolean) => UnsavedChangesGuardResult;
+
 export { }

package/index.js

@@ -65,10 +65,11 @@ import { MarkdownWithPlaceholders as _t } from "./components/MarkdownWithPlaceho
 import { useCollapsedText as vt } from "./hooks/useCollapsedText.js";
 import { useAvailableHeightCap as yt } from "./hooks/useAvailableHeightCap.js";
 import { useIsMobile as bt } from "./hooks/useIsMobile.js";
-import { DialFileManagerActionProfile as xt, DialFileManagerVariant as St } from "./file-manager/file-manager-variant.js";
-import { getParentFolderPath as Ct, isHiddenPath as wt } from "./file-manager/path.js";
-import { FileUploadStatus as Tt, isUploadInProgress as Et } from "./file-manager/upload-batch.js";
-import { useGridEditingScroll as Dt } from "./file-manager/useGridEditingScroll/useGridEditingScroll.js";
-import { OperationLoaderModal as Ot } from "./file-manager/OperationLoaderModal/OperationLoaderModal.js";
-import { isSkillSelectionUnsupported as kt } from "./utils/is-skill-selection-unsupported.js";
-export { p as AttachmentErrorReason, m as AttachmentType, ye as BASE_LG_ICON_PROPS, be as BASE_MD_ICON_PROPS, o as BackgroundGenerationStatus, nt as CHAT_SHARED_CLASS, pt as COMPACT_MARKDOWN_CLASS_NAMES, h as CatalogEntityType, v as CodeBlockTheme, Ze as ConfirmationDialog, Xe as ConfirmationFooter, qe as ConfirmationIdentityCard, Je as ConfirmationIdentityRow, Ye as ConfirmationView, e as ConversationTransferErrorCode, t as ConversationTransferJobStatus, n as ConversationTransferSubjectKind, r as ConversationTransferUnitKind, i as ConversationTransferWarningCode, Le as CopyButton, Re as CopyIconButton, mt as DEFAULT_MARKDOWN_CLASS_NAMES, ot as DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME, je as DESKTOP_BREAKPOINT_PX, Me as DESKTOP_MEDIA_QUERY, Ie as DeploymentIcon, xt as DialFileManagerActionProfile, St as DialFileManagerVariant, I as ENTITY_DESCRIPTION_MAX_LENGTH, L as ENTITY_INSTRUCTIONS_MAX_LENGTH, R as ENTITY_NAME_MAX_LENGTH, le as ENTITY_TYPE_BG_COLOR, ue as ENTITY_TYPE_COLOR, Ge as EntityHeader, Ue as EntityTypeLabel, We as FeaturedChip, g as FileExtension, Tt as FileUploadStatus, a as FilterTab, xe as HIDDEN_FILE, Fe as InitialsAvatar, He as ItemHeader, we as MARKDOWN_EDITOR_FILL_HEIGHT_CLASS_NAME, Te as MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME, Oe as MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME, st as MARKDOWN_TABLE_CSV_MIME_TYPE, gt as MDMessageViewer, _ as MIMEType, y as MIME_TYPE_ALIASES, b as MIME_TYPE_AUDIO_PREFIX, x as MIME_TYPE_EXT_MAP, S as MIME_TYPE_WILDCARD, Ne as MOBILE_MAX_WIDTH_PX, Pe as MOBILE_MEDIA_QUERY, at as MarkdownCodeBlock, dt as MarkdownRenderer, ut as MarkdownTable, ct as MarkdownTableCopyFormat, _t as MarkdownWithPlaceholders, s as MessageRating, c as MessageRole, Ot as OperationLoaderModal, j as PROHIBITED_CONVERSATION_NAME_CHARS_RE, de as PROMPT_PARAM_DEFAULT_SEPARATOR, fe as PROMPT_PARAM_PATTERN, pe as PROMPT_VARIABLE_CLASS_NAME, Se as PUBLIC_BUCKET, Ve as PanelEmptyState, ht as PlainTextRenderer, Ee as RESIZABLE_FIELD_MAX_HEIGHT_CSS_VARIABLE, De as RESIZABLE_TEXTAREA_CLASS_NAME, l as RequestStatus, Ke as ResourceSummary, f as ResponseFormat, ke as SELECT_LIST_MAX_HEIGHT_CLASS_NAME, Ae as SELECT_LIST_MAX_HEIGHT_PX, u as StageStatus, d as StatusEvent, Ce as TAG_INPUT_TAG_CLASS_NAME, Qe as TableHeader, tt as TextRefinementField, $e as TextRefinementState, te as base64ToBlob, H as buildCssVars, me as buildPromptParamDefaults, q as copyMarkdownAsRichText, J as copyToClipboard, ft as defaultMarkdownComponents, ne as downloadTextFile, re as ensureDownloadFilename, z as exceedsMaxLength, ze as extractInitials, he as extractPromptParams, Q as formatCost, Z as formatFileSize, X as formatLastUsed, $ as formatPrice, ee as formatUnitPrice, ve as generateUUID, C as getAttachmentTypeFromMime, w as getBaseMimeType, ie as getFileExtensionForLanguage, Ct as getParentFolderPath, M as getUtf8ByteLength, B as hasControlCharacters, T as inferMimeTypeFromPath, O as isAnnotationSelector, K as isAudioTranscriptionSupported, wt as isHiddenPath, kt as isSkillSelectionUnsupported, U as isStatusMessage, ce as isSyntaxHighlightingAllowed, Et as isUploadInProgress, Y as markdownToRichTextHtml, V as mergeClasses, W as messageAttachmentToDisplayAttachment, G as messageAttachmentsToDisplayAttachments, E as normalizeMimeType, k as normalizePersistedHtmlTagAttachmentType, A as normalizeRawAnnotations, Be as pickAvatarColor, ge as rehypePromptVariables, _e as resolvePromptParams, it as restrainedSyntaxTheme, N as sanitizeConversationName, lt as serializeMarkdownTableRows, P as stripTrailingDots, D as stripUrlQueryAndFragment, ae as triggerAnchorDownload, oe as triggerBlobDownload, F as truncateToUtf8Bytes, se as tryBase64ToBytes, yt as useAvailableHeightCap, rt as useCodeCopy, vt as useCollapsedText, Dt as useGridEditingScroll, bt as useIsMobile, et as useTextRefinement };
+import { useUnsavedChangesGuard as xt } from "./hooks/useUnsavedChangesGuard.js";
+import { DialFileManagerActionProfile as St, DialFileManagerVariant as Ct } from "./file-manager/file-manager-variant.js";
+import { getParentFolderPath as wt, isHiddenPath as Tt } from "./file-manager/path.js";
+import { FileUploadStatus as Et, isUploadInProgress as Dt } from "./file-manager/upload-batch.js";
+import { useGridEditingScroll as Ot } from "./file-manager/useGridEditingScroll/useGridEditingScroll.js";
+import { OperationLoaderModal as kt } from "./file-manager/OperationLoaderModal/OperationLoaderModal.js";
+import { isSkillSelectionUnsupported as At } from "./utils/is-skill-selection-unsupported.js";
+export { p as AttachmentErrorReason, m as AttachmentType, ye as BASE_LG_ICON_PROPS, be as BASE_MD_ICON_PROPS, o as BackgroundGenerationStatus, nt as CHAT_SHARED_CLASS, pt as COMPACT_MARKDOWN_CLASS_NAMES, h as CatalogEntityType, v as CodeBlockTheme, Ze as ConfirmationDialog, Xe as ConfirmationFooter, qe as ConfirmationIdentityCard, Je as ConfirmationIdentityRow, Ye as ConfirmationView, e as ConversationTransferErrorCode, t as ConversationTransferJobStatus, n as ConversationTransferSubjectKind, r as ConversationTransferUnitKind, i as ConversationTransferWarningCode, Le as CopyButton, Re as CopyIconButton, mt as DEFAULT_MARKDOWN_CLASS_NAMES, ot as DEFAULT_MARKDOWN_TABLE_DOWNLOAD_FILENAME, je as DESKTOP_BREAKPOINT_PX, Me as DESKTOP_MEDIA_QUERY, Ie as DeploymentIcon, St as DialFileManagerActionProfile, Ct as DialFileManagerVariant, I as ENTITY_DESCRIPTION_MAX_LENGTH, L as ENTITY_INSTRUCTIONS_MAX_LENGTH, R as ENTITY_NAME_MAX_LENGTH, le as ENTITY_TYPE_BG_COLOR, ue as ENTITY_TYPE_COLOR, Ge as EntityHeader, Ue as EntityTypeLabel, We as FeaturedChip, g as FileExtension, Et as FileUploadStatus, a as FilterTab, xe as HIDDEN_FILE, Fe as InitialsAvatar, He as ItemHeader, we as MARKDOWN_EDITOR_FILL_HEIGHT_CLASS_NAME, Te as MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME, Oe as MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME, st as MARKDOWN_TABLE_CSV_MIME_TYPE, gt as MDMessageViewer, _ as MIMEType, y as MIME_TYPE_ALIASES, b as MIME_TYPE_AUDIO_PREFIX, x as MIME_TYPE_EXT_MAP, S as MIME_TYPE_WILDCARD, Ne as MOBILE_MAX_WIDTH_PX, Pe as MOBILE_MEDIA_QUERY, at as MarkdownCodeBlock, dt as MarkdownRenderer, ut as MarkdownTable, ct as MarkdownTableCopyFormat, _t as MarkdownWithPlaceholders, s as MessageRating, c as MessageRole, kt as OperationLoaderModal, j as PROHIBITED_CONVERSATION_NAME_CHARS_RE, de as PROMPT_PARAM_DEFAULT_SEPARATOR, fe as PROMPT_PARAM_PATTERN, pe as PROMPT_VARIABLE_CLASS_NAME, Se as PUBLIC_BUCKET, Ve as PanelEmptyState, ht as PlainTextRenderer, Ee as RESIZABLE_FIELD_MAX_HEIGHT_CSS_VARIABLE, De as RESIZABLE_TEXTAREA_CLASS_NAME, l as RequestStatus, Ke as ResourceSummary, f as ResponseFormat, ke as SELECT_LIST_MAX_HEIGHT_CLASS_NAME, Ae as SELECT_LIST_MAX_HEIGHT_PX, u as StageStatus, d as StatusEvent, Ce as TAG_INPUT_TAG_CLASS_NAME, Qe as TableHeader, tt as TextRefinementField, $e as TextRefinementState, te as base64ToBlob, H as buildCssVars, me as buildPromptParamDefaults, q as copyMarkdownAsRichText, J as copyToClipboard, ft as defaultMarkdownComponents, ne as downloadTextFile, re as ensureDownloadFilename, z as exceedsMaxLength, ze as extractInitials, he as extractPromptParams, Q as formatCost, Z as formatFileSize, X as formatLastUsed, $ as formatPrice, ee as formatUnitPrice, ve as generateUUID, C as getAttachmentTypeFromMime, w as getBaseMimeType, ie as getFileExtensionForLanguage, wt as getParentFolderPath, M as getUtf8ByteLength, B as hasControlCharacters, T as inferMimeTypeFromPath, O as isAnnotationSelector, K as isAudioTranscriptionSupported, Tt as isHiddenPath, At as isSkillSelectionUnsupported, U as isStatusMessage, ce as isSyntaxHighlightingAllowed, Dt as isUploadInProgress, Y as markdownToRichTextHtml, V as mergeClasses, W as messageAttachmentToDisplayAttachment, G as messageAttachmentsToDisplayAttachments, E as normalizeMimeType, k as normalizePersistedHtmlTagAttachmentType, A as normalizeRawAnnotations, Be as pickAvatarColor, ge as rehypePromptVariables, _e as resolvePromptParams, it as restrainedSyntaxTheme, N as sanitizeConversationName, lt as serializeMarkdownTableRows, P as stripTrailingDots, D as stripUrlQueryAndFragment, ae as triggerAnchorDownload, oe as triggerBlobDownload, F as truncateToUtf8Bytes, se as tryBase64ToBytes, yt as useAvailableHeightCap, rt as useCodeCopy, vt as useCollapsedText, Ot as useGridEditingScroll, bt as useIsMobile, et as useTextRefinement, xt as useUnsavedChangesGuard };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-chat-shared",
   "description": "Shared domain models, utilities, and UI components for AI DIAL Chat libraries",
-  "version": "1.2.0-dev.282",
+  "version": "1.2.0-dev.284",
   "license": "Apache-2.0",
   "type": "module",
   "sideEffects": [
@@ -48,7 +48,7 @@
     "@tabler/icons-react": "^3.44.0",
     "classnames": "2.5.1",
     "dompurify": "3.4.16",
-    "katex": "^0.16.22",
+    "katex": "^0.19.0",
     "react-markdown": "^10.1.0",
     "react-syntax-highlighter": "^16.1.1",
     "rehype-katex": "^7.0.1",