@acorex/components 21.0.3-next.39 → 21.0.3-next.40

package/fesm2022/acorex-components-conversation-picker-upload-C-PlKPaU.mjs

@@ -0,0 +1,163 @@
+import { formatFileSizeBytes } from '@acorex/core/file';
+import { afterNextRender } from '@angular/core';
+
+/**
+ * Shared upload state and helpers for composer media pickers.
+ */
+function getPickerCancelUploadLabel(translation) {
+    return translation.translateSync('@acorex:chat.pickers.common.cancel-upload');
+}
+function abortPickerUploads(items) {
+    for (const item of items) {
+        const controller = item?.abortController;
+        if (controller && !controller.signal.aborted) {
+            controller.abort();
+        }
+    }
+}
+/** Upload finished; reference is {@link mediaId} and/or a non-empty session url. */
+function isPickerItemReadyToSend(item) {
+    return !!item.uploaded && !!(item.mediaId || item.uploadedUrl?.trim());
+}
+/** Build uploader result shape for {@link *ItemFromUpload} after picker upload. */
+function pickerItemToUploadResult(item) {
+    if (!isPickerItemReadyToSend(item)) {
+        return null;
+    }
+    return {
+        url: item.uploadedUrl?.trim() ?? '',
+        mediaId: item.mediaId,
+        mimeType: item.file.type,
+        size: item.file.size,
+    };
+}
+function pickerItemToMediaReference(item) {
+    if (!isPickerItemReadyToSend(item)) {
+        return null;
+    }
+    return {
+        url: item.uploadedUrl,
+        mediaId: item.mediaId,
+        mimeType: item.file.type,
+        size: item.file.size,
+    };
+}
+async function deleteUploadedPickerMedia(uploader, items) {
+    const tasks = [];
+    for (const item of items) {
+        const reference = item ? pickerItemToMediaReference(item) : null;
+        if (reference) {
+            tasks.push(uploader.deleteMedia(reference).catch(() => {
+                /* ignore cleanup failures */
+            }));
+        }
+    }
+    await Promise.all(tasks);
+}
+function cleanupPickerUploads(uploader, items, options) {
+    abortPickerUploads(items);
+    if (!options?.retainUploaded) {
+        void deleteUploadedPickerMedia(uploader, items);
+    }
+    revokePickerBlobPreviews(items);
+}
+function revokePickerBlobPreviews(items) {
+    if (typeof URL === 'undefined' || typeof URL.revokeObjectURL !== 'function') {
+        return;
+    }
+    for (const item of items) {
+        const preview = item?.preview;
+        if (preview?.startsWith('blob:')) {
+            URL.revokeObjectURL(preview);
+        }
+    }
+}
+function isUploadAborted(error, signal) {
+    if (signal?.aborted) {
+        return true;
+    }
+    const code = error?.code;
+    return code === 'UPLOAD_ABORTED' || code === 'RESOLVE_ABORTED';
+}
+function limitFilesToCapacity(files, currentCount, maxFiles) {
+    return files.slice(0, Math.max(0, maxFiles - currentCount));
+}
+async function uploadPickerFile(uploader, conversationId, file, onProgress, signal) {
+    return uploader.upload({
+        source: file,
+        fileName: file.name,
+        mimeType: file.type,
+        onProgress,
+        signal,
+        metadata: { conversationId },
+    });
+}
+function notifyMaxFilesCapacityExceeded(toast, translation, maxFiles) {
+    toast.warning(translation.translateSync('@acorex:chat.errors.max-files-per-message', {
+        params: { count: maxFiles },
+    }));
+}
+/** User-facing message for a file validation failure. */
+function formatPickerValidationMessage(translation, file, error) {
+    if (!error) {
+        return translation.translateSync('@acorex:chat.errors.upload-failed');
+    }
+    const maxSize = typeof error['maxSize'] === 'number' ? error['maxSize'] : undefined;
+    const minSize = typeof error['minSize'] === 'number' ? error['minSize'] : undefined;
+    switch (error.rule) {
+        case 'fileMaxSize':
+            return translation.translateSync('@acorex:chat.errors.file-size-exceeds-limit', {
+                params: {
+                    fileName: file.name,
+                    fileSize: formatFileSizeBytes(file.size),
+                    maxSize: formatFileSizeBytes(maxSize ?? 0),
+                },
+            });
+        case 'fileMinSize':
+            return translation.translateSync('@acorex:chat.errors.file-below-minimum-size', {
+                params: {
+                    fileName: file.name,
+                    minSize: formatFileSizeBytes(minSize ?? 0),
+                },
+            });
+        case 'fileMimeType':
+            return translation.translateSync('@acorex:chat.errors.file-type-not-allowed', {
+                params: {
+                    fileName: file.name,
+                    fileType: (file.type || 'unknown').trim() || 'unknown',
+                },
+            });
+        default:
+            return error.message?.trim()
+                ? file.name
+                    ? `${file.name}: ${error.message}`
+                    : error.message
+                : translation.translateSync('@acorex:chat.errors.upload-failed');
+    }
+}
+/** Show a warning toast for each failed validation rule result. */
+function notifyPickerValidationErrors(toast, translation, rejected) {
+    for (const { file, errors } of rejected) {
+        toast.warning(formatPickerValidationMessage(translation, file, errors[0]));
+    }
+}
+/** Load files dropped onto the message list after the picker is mounted in a popup. */
+function seedPickerInitialFiles(initialFiles, handleFiles) {
+    afterNextRender(() => {
+        const files = initialFiles();
+        if (files.length > 0) {
+            void handleFiles([...files]);
+        }
+    });
+}
+/** Close inline composer shell or popup host after send/cancel. */
+function dismissComposerPickerHost(composerService, popupRef) {
+    if (popupRef) {
+        popupRef.close();
+        return;
+    }
+    composerService.hideComponent();
+}
+
+export { notifyMaxFilesCapacityExceeded as a, cleanupPickerUploads as c, dismissComposerPickerHost as d, getPickerCancelUploadLabel as g, isUploadAborted as i, limitFilesToCapacity as l, notifyPickerValidationErrors as n, pickerItemToUploadResult as p, seedPickerInitialFiles as s, uploadPickerFile as u };
+//# sourceMappingURL=acorex-components-conversation-picker-upload-C-PlKPaU.mjs.map

package/fesm2022/acorex-components-conversation-picker-upload-C-PlKPaU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-conversation-picker-upload-C-PlKPaU.mjs","sources":["../../../../packages/components/conversation/src/lib/plugins/composer/components/shared/picker-upload.ts"],"sourcesContent":["/**\n * Shared upload state and helpers for composer media pickers.\n */\n\nimport { AXUploaderService } from '@acorex/cdk/uploader';\nimport { AXToastService } from '@acorex/components/toast';\nimport type { AXPopupRef } from '@acorex/components/popup';\nimport { formatFileSizeBytes } from '@acorex/core/file';\nimport type { AXTranslationService } from '@acorex/core/translation';\nimport type { AXValidationRuleResult } from '@acorex/core/validation';\nimport { afterNextRender, type InputSignal } from '@angular/core';\nimport type { AXConversationComposerService } from '../../../../components/composer/composer.service';\nimport type { AXConversationUploaderReference } from '../../../../models/conversation-upload.types';\n\nexport interface AXConversationComposerPickerUploadItem {\n  file: File;\n  preview?: string;\n  duration?: number;\n  uploadProgress?: number;\n  uploading?: boolean;\n  uploaded?: boolean;\n  uploadedUrl?: string;\n  mediaId?: string;\n  error?: string;\n  abortController?: AbortController;\n}\n\nexport function getPickerCancelUploadLabel(translation: AXTranslationService): string {\n  return translation.translateSync('@acorex:chat.pickers.common.cancel-upload');\n}\n\nexport function abortPickerUploads(items: Iterable<{ abortController?: AbortController } | null | undefined>): void {\n  for (const item of items) {\n    const controller = item?.abortController;\n    if (controller && !controller.signal.aborted) {\n      controller.abort();\n    }\n  }\n}\n\nexport interface AXConversationCleanupPickerUploadsOptions {\n  retainUploaded?: boolean;\n}\n\n/** Upload finished; reference is {@link mediaId} and/or a non-empty session url. */\nexport function isPickerItemReadyToSend(\n  item: Pick<AXConversationComposerPickerUploadItem, 'uploaded' | 'uploadedUrl' | 'mediaId'>,\n): boolean {\n  return !!item.uploaded && !!(item.mediaId || item.uploadedUrl?.trim());\n}\n\n/** Build uploader result shape for {@link *ItemFromUpload} after picker upload. */\nexport function pickerItemToUploadResult(\n  item: Pick<AXConversationComposerPickerUploadItem, 'uploaded' | 'uploadedUrl' | 'mediaId' | 'file'>,\n): { url: string; mediaId?: string; mimeType: string; size: number } | null {\n  if (!isPickerItemReadyToSend(item)) {\n    return null;\n  }\n  return {\n    url: item.uploadedUrl?.trim() ?? '',\n    mediaId: item.mediaId,\n    mimeType: item.file.type,\n    size: item.file.size,\n  };\n}\n\nexport function pickerItemToMediaReference(\n  item: Pick<AXConversationComposerPickerUploadItem, 'uploaded' | 'uploadedUrl' | 'mediaId' | 'file'>,\n): AXConversationUploaderReference | null {\n  if (!isPickerItemReadyToSend(item)) {\n    return null;\n  }\n  return {\n    url: item.uploadedUrl,\n    mediaId: item.mediaId,\n    mimeType: item.file.type,\n    size: item.file.size,\n  };\n}\n\nexport async function deleteUploadedPickerMedia(\n  uploader: AXUploaderService,\n  items: Iterable<AXConversationComposerPickerUploadItem | null | undefined>,\n): Promise<void> {\n  const tasks: Promise<void>[] = [];\n  for (const item of items) {\n    const reference = item ? pickerItemToMediaReference(item) : null;\n    if (reference) {\n      tasks.push(\n        uploader.deleteMedia(reference).catch(() => {\n          /* ignore cleanup failures */\n        }),\n      );\n    }\n  }\n  await Promise.all(tasks);\n}\n\nexport function cleanupPickerUploads(\n  uploader: AXUploaderService,\n  items: Iterable<AXConversationComposerPickerUploadItem | null | undefined>,\n  options?: AXConversationCleanupPickerUploadsOptions,\n): void {\n  abortPickerUploads(items);\n  if (!options?.retainUploaded) {\n    void deleteUploadedPickerMedia(uploader, items);\n  }\n  revokePickerBlobPreviews(items);\n}\n\nexport function revokePickerBlobPreviews(items: Iterable<{ preview?: string } | null | undefined>): void {\n  if (typeof URL === 'undefined' || typeof URL.revokeObjectURL !== 'function') {\n    return;\n  }\n  for (const item of items) {\n    const preview = item?.preview;\n    if (preview?.startsWith('blob:')) {\n      URL.revokeObjectURL(preview);\n    }\n  }\n}\n\nexport function isUploadAborted(error: unknown, signal?: AbortSignal): boolean {\n  if (signal?.aborted) {\n    return true;\n  }\n  const code = (error as { code?: string } | null)?.code;\n  return code === 'UPLOAD_ABORTED' || code === 'RESOLVE_ABORTED';\n}\n\nexport function limitFilesToCapacity(files: File[], currentCount: number, maxFiles: number): File[] {\n  return files.slice(0, Math.max(0, maxFiles - currentCount));\n}\n\nexport async function uploadPickerFile(\n  uploader: AXUploaderService,\n  conversationId: string,\n  file: File,\n  onProgress: (percent: number) => void,\n  signal?: AbortSignal,\n): Promise<{ url: string; mediaId?: string; mimeType: string; size: number }> {\n  return uploader.upload({\n    source: file,\n    fileName: file.name,\n    mimeType: file.type,\n    onProgress,\n    signal,\n    metadata: { conversationId },\n  });\n}\n\nexport function notifyMaxFilesCapacityExceeded(\n  toast: AXToastService,\n  translation: AXTranslationService,\n  maxFiles: number,\n): void {\n  toast.warning(\n    translation.translateSync('@acorex:chat.errors.max-files-per-message', {\n      params: { count: maxFiles },\n    }),\n  );\n}\n\n/** User-facing message for a file validation failure. */\nexport function formatPickerValidationMessage(\n  translation: AXTranslationService,\n  file: File,\n  error: AXValidationRuleResult | undefined,\n): string {\n  if (!error) {\n    return translation.translateSync('@acorex:chat.errors.upload-failed');\n  }\n\n  const maxSize = typeof error['maxSize'] === 'number' ? error['maxSize'] : undefined;\n  const minSize = typeof error['minSize'] === 'number' ? error['minSize'] : undefined;\n\n  switch (error.rule) {\n    case 'fileMaxSize':\n      return translation.translateSync('@acorex:chat.errors.file-size-exceeds-limit', {\n        params: {\n          fileName: file.name,\n          fileSize: formatFileSizeBytes(file.size),\n          maxSize: formatFileSizeBytes(maxSize ?? 0),\n        },\n      });\n    case 'fileMinSize':\n      return translation.translateSync('@acorex:chat.errors.file-below-minimum-size', {\n        params: {\n          fileName: file.name,\n          minSize: formatFileSizeBytes(minSize ?? 0),\n        },\n      });\n    case 'fileMimeType':\n      return translation.translateSync('@acorex:chat.errors.file-type-not-allowed', {\n        params: {\n          fileName: file.name,\n          fileType: (file.type || 'unknown').trim() || 'unknown',\n        },\n      });\n    default:\n      return error.message?.trim()\n        ? file.name\n          ? `${file.name}: ${error.message}`\n          : error.message\n        : translation.translateSync('@acorex:chat.errors.upload-failed');\n  }\n}\n\n/** Show a warning toast for each failed validation rule result. */\nexport function notifyPickerValidationErrors(\n  toast: AXToastService,\n  translation: AXTranslationService,\n  rejected: { file: File; errors: AXValidationRuleResult[] }[],\n): void {\n  for (const { file, errors } of rejected) {\n    toast.warning(formatPickerValidationMessage(translation, file, errors[0]));\n  }\n}\n\n/** Load files dropped onto the message list after the picker is mounted in a popup. */\nexport function seedPickerInitialFiles(\n  initialFiles: InputSignal<File[]>,\n  handleFiles: (files: File[]) => void | Promise<void>,\n): void {\n  afterNextRender(() => {\n    const files = initialFiles();\n    if (files.length > 0) {\n      void handleFiles([...files]);\n    }\n  });\n}\n\n/** Close inline composer shell or popup host after send/cancel. */\nexport function dismissComposerPickerHost(\n  composerService: AXConversationComposerService,\n  popupRef?: AXPopupRef | null,\n): void {\n  if (popupRef) {\n    popupRef.close();\n    return;\n  }\n  composerService.hideComponent();\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-conversation-playback-banner-sync-D8FFKde6.mjs

@@ -0,0 +1,68 @@
+import { inject, DestroyRef, effect } from '@angular/core';
+import { i as isMessageDeliveryPending } from './acorex-components-conversation-message-renderer-state.component-Dp-JdHWr.mjs';
+
+/**
+ * Keeps media renderers from showing load errors while a message is still uploading.
+ */
+function bindMediaRendererContentState(message, contentState, mediaVersion) {
+    const destroyRef = inject(DestroyRef);
+    const stopSendingGuard = effect(() => {
+        if (isMessageDeliveryPending(message().status)) {
+            contentState.set('ready');
+        }
+    }, ...(ngDevMode ? [{ debugName: "stopSendingGuard" }] : /* istanbul ignore next */ []));
+    const stopMediaReset = effect(() => {
+        message().id;
+        mediaVersion();
+        contentState.set('ready');
+    }, ...(ngDevMode ? [{ debugName: "stopMediaReset" }] : /* istanbul ignore next */ []));
+    destroyRef.onDestroy(() => {
+        stopSendingGuard.destroy();
+        stopMediaReset.destroy();
+    });
+}
+function reportMediaLoadError(message, contentState) {
+    if (isMessageDeliveryPending(message.status)) {
+        return false;
+    }
+    contentState.set('error');
+    return true;
+}
+
+function buildPlaybackBannerPayload(inputs) {
+    const payload = {
+        title: inputs.title,
+        currentTime: inputs.currentTime ?? 0,
+        duration: inputs.duration ?? 0,
+        isPlaying: inputs.isPlaying ?? false,
+        onTogglePlay: inputs.onTogglePlay,
+        onClose: inputs.onClose,
+    };
+    if (inputs.playbackSpeed !== undefined) {
+        payload['playbackSpeed'] = inputs.playbackSpeed;
+    }
+    if (inputs.onCycleSpeed) {
+        payload['onCycleSpeed'] = inputs.onCycleSpeed;
+    }
+    if (inputs.showSpeedControl !== undefined) {
+        payload['showSpeedControl'] = inputs.showSpeedControl;
+    }
+    return payload;
+}
+/** Push playback state to the info-bar banner for a message. */
+function syncPlaybackInfoBarBanner(infoBar, message, inputs, options) {
+    const forceOpen = options?.forceOpen ?? false;
+    const shouldOpen = forceOpen || inputs.isPlaying || infoBar.isMessageBannerActive(message.id);
+    if (!shouldOpen) {
+        return;
+    }
+    const payload = buildPlaybackBannerPayload(inputs);
+    if (infoBar.isMessageBannerActive(message.id)) {
+        infoBar.updateMessageBannerInputs(message.id, payload);
+        return;
+    }
+    infoBar.showMessageBanner(message, payload);
+}
+
+export { bindMediaRendererContentState as b, reportMediaLoadError as r, syncPlaybackInfoBarBanner as s };
+//# sourceMappingURL=acorex-components-conversation-playback-banner-sync-D8FFKde6.mjs.map

package/fesm2022/acorex-components-conversation-playback-banner-sync-D8FFKde6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-conversation-playback-banner-sync-D8FFKde6.mjs","sources":["../../../../packages/components/conversation/src/lib/plugins/message-list/components/shared/media-renderer-content-state.ts","../../../../packages/components/conversation/src/lib/plugins/message-list/components/shared/playback-banner-sync.ts"],"sourcesContent":["import { DestroyRef, effect, inject, type WritableSignal } from '@angular/core';\nimport type { InputSignal } from '@angular/core';\nimport type { AXConversationMessage } from '../../../../models';\nimport type { AXConversationMessageRendererContentState } from '../../../../registries/message-renderer.registry';\nimport { isMessageDeliveryPending } from './message-renderer-state.helpers';\n\n/**\n * Keeps media renderers from showing load errors while a message is still uploading.\n */\nexport function bindMediaRendererContentState(\n  message: InputSignal<AXConversationMessage>,\n  contentState: WritableSignal<AXConversationMessageRendererContentState>,\n  mediaVersion: () => unknown,\n): void {\n  const destroyRef = inject(DestroyRef);\n\n  const stopSendingGuard = effect(() => {\n    if (isMessageDeliveryPending(message().status)) {\n      contentState.set('ready');\n    }\n  });\n\n  const stopMediaReset = effect(() => {\n    message().id;\n    mediaVersion();\n    contentState.set('ready');\n  });\n\n  destroyRef.onDestroy(() => {\n    stopSendingGuard.destroy();\n    stopMediaReset.destroy();\n  });\n}\n\nexport function reportMediaLoadError(\n  message: AXConversationMessage,\n  contentState: WritableSignal<AXConversationMessageRendererContentState>,\n): boolean {\n  if (isMessageDeliveryPending(message.status)) {\n    return false;\n  }\n  contentState.set('error');\n  return true;\n}\n","import type { AXConversationMessage } from '../../../../models';\nimport type { AXConversationInfoBarService } from '../../../../components/info-bar/info-bar.service';\nimport type { AXConversationPlaybackBannerInputs } from './media-playback-info-bar-banner.component';\n\nfunction buildPlaybackBannerPayload(inputs: AXConversationPlaybackBannerInputs): Record<string, unknown> {\n  const payload: Record<string, unknown> = {\n    title: inputs.title,\n    currentTime: inputs.currentTime ?? 0,\n    duration: inputs.duration ?? 0,\n    isPlaying: inputs.isPlaying ?? false,\n    onTogglePlay: inputs.onTogglePlay,\n    onClose: inputs.onClose,\n  };\n\n  if (inputs.playbackSpeed !== undefined) {\n    payload['playbackSpeed'] = inputs.playbackSpeed;\n  }\n  if (inputs.onCycleSpeed) {\n    payload['onCycleSpeed'] = inputs.onCycleSpeed;\n  }\n  if (inputs.showSpeedControl !== undefined) {\n    payload['showSpeedControl'] = inputs.showSpeedControl;\n  }\n\n  return payload;\n}\n\n/** Push playback state to the info-bar banner for a message. */\nexport function syncPlaybackInfoBarBanner(\n  infoBar: AXConversationInfoBarService,\n  message: AXConversationMessage,\n  inputs: AXConversationPlaybackBannerInputs,\n  options?: { forceOpen?: boolean },\n): void {\n  const forceOpen = options?.forceOpen ?? false;\n  const shouldOpen =\n    forceOpen || inputs.isPlaying || infoBar.isMessageBannerActive(message.id);\n\n  if (!shouldOpen) {\n    return;\n  }\n\n  const payload = buildPlaybackBannerPayload(inputs);\n\n  if (infoBar.isMessageBannerActive(message.id)) {\n    infoBar.updateMessageBannerInputs(message.id, payload);\n    return;\n  }\n\n  infoBar.showMessageBanner(message, payload);\n}\n"],"names":[],"mappings":";;;AAMA;;AAEG;SACa,6BAA6B,CAC3C,OAA2C,EAC3C,YAAuE,EACvE,YAA2B,EAAA;AAE3B,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAErC,IAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAK;QACnC,IAAI,wBAAwB,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,EAAE;AAC9C,YAAA,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC;QAC3B;AACF,IAAA,CAAC,uFAAC;AAEF,IAAA,MAAM,cAAc,GAAG,MAAM,CAAC,MAAK;QACjC,OAAO,EAAE,CAAC,EAAE;AACZ,QAAA,YAAY,EAAE;AACd,QAAA,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC;AAC3B,IAAA,CAAC,qFAAC;AAEF,IAAA,UAAU,CAAC,SAAS,CAAC,MAAK;QACxB,gBAAgB,CAAC,OAAO,EAAE;QAC1B,cAAc,CAAC,OAAO,EAAE;AAC1B,IAAA,CAAC,CAAC;AACJ;AAEM,SAAU,oBAAoB,CAClC,OAA8B,EAC9B,YAAuE,EAAA;AAEvE,IAAA,IAAI,wBAAwB,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;AAC5C,QAAA,OAAO,KAAK;IACd;AACA,IAAA,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC;AACzB,IAAA,OAAO,IAAI;AACb;;ACvCA,SAAS,0BAA0B,CAAC,MAA0C,EAAA;AAC5E,IAAA,MAAM,OAAO,GAA4B;QACvC,KAAK,EAAE,MAAM,CAAC,KAAK;AACnB,QAAA,WAAW,EAAE,MAAM,CAAC,WAAW,IAAI,CAAC;AACpC,QAAA,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,CAAC;AAC9B,QAAA,SAAS,EAAE,MAAM,CAAC,SAAS,IAAI,KAAK;QACpC,YAAY,EAAE,MAAM,CAAC,YAAY;QACjC,OAAO,EAAE,MAAM,CAAC,OAAO;KACxB;AAED,IAAA,IAAI,MAAM,CAAC,aAAa,KAAK,SAAS,EAAE;AACtC,QAAA,OAAO,CAAC,eAAe,CAAC,GAAG,MAAM,CAAC,aAAa;IACjD;AACA,IAAA,IAAI,MAAM,CAAC,YAAY,EAAE;AACvB,QAAA,OAAO,CAAC,cAAc,CAAC,GAAG,MAAM,CAAC,YAAY;IAC/C;AACA,IAAA,IAAI,MAAM,CAAC,gBAAgB,KAAK,SAAS,EAAE;AACzC,QAAA,OAAO,CAAC,kBAAkB,CAAC,GAAG,MAAM,CAAC,gBAAgB;IACvD;AAEA,IAAA,OAAO,OAAO;AAChB;AAEA;AACM,SAAU,yBAAyB,CACvC,OAAqC,EACrC,OAA8B,EAC9B,MAA0C,EAC1C,OAAiC,EAAA;AAEjC,IAAA,MAAM,SAAS,GAAG,OAAO,EAAE,SAAS,IAAI,KAAK;AAC7C,IAAA,MAAM,UAAU,GACd,SAAS,IAAI,MAAM,CAAC,SAAS,IAAI,OAAO,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,CAAC;IAE5E,IAAI,CAAC,UAAU,EAAE;QACf;IACF;AAEA,IAAA,MAAM,OAAO,GAAG,0BAA0B,CAAC,MAAM,CAAC;IAElD,IAAI,OAAO,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;QAC7C,OAAO,CAAC,yBAAyB,CAAC,OAAO,CAAC,EAAE,EAAE,OAAO,CAAC;QACtD;IACF;AAEA,IAAA,OAAO,CAAC,iBAAiB,CAAC,OAAO,EAAE,OAAO,CAAC;AAC7C;;;;"}

package/fesm2022/acorex-components-conversation-renderer-shared.styles-Digah3Zn.mjs

@@ -0,0 +1,95 @@
+/**
+ * Shared layout tokens for conversation message renderers.
+ */
+const AX_CONVERSATION_RENDERER_SHARED_STYLES = `
+  :host {
+    display: block;
+    max-width: 100%;
+      }
+
+  .ax-conversation-msg {
+    display: flex;
+    flex-direction: column;
+    gap: 0.375rem;
+  }
+
+  .ax-conversation-msg__stack {
+    display: flex;
+    flex-direction: column;
+    gap: 0.375rem;
+  }
+
+  .ax-conversation-msg__grid {
+    display: grid;
+    gap: 2px;
+    width: 100%;
+    border-radius: var(--ax-sys-border-radius, 0.5rem);
+    overflow: hidden;
+    background: rgb(var(--ax-sys-color-border-light-surface));
+  }
+
+  .ax-conversation-msg__grid--single {
+    grid-template-columns: 1fr;
+  }
+
+  .ax-conversation-msg__grid--single ::ng-deep .ax-conversation-image-attachment {
+    max-height: min(50dvh, 20rem);
+  }
+
+  .ax-conversation-msg__grid--dual {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  .ax-conversation-msg__grid--multi {
+    grid-template-columns: repeat(3, 1fr);
+    grid-auto-rows: 10rem;
+  }
+
+  @container (max-width: 380px) {
+    .ax-conversation-msg__grid--multi {
+      grid-template-columns: repeat(2, 1fr);
+      grid-auto-rows: 10rem;
+    }
+  }
+
+  .ax-conversation-msg__caption {
+    margin: 0;
+    padding: 0 0.125rem;
+    font-size: 0.8125rem;
+    line-height: 1.4;
+    word-break: break-word;
+    opacity: 0.88;
+  }
+
+  /* Flush layout: media fills the message bubble edge-to-edge (image / video). */
+  .ax-conversation-msg--flush {
+    width: 100%;
+    max-width: 100%;
+    gap: 0;
+  }
+
+  .ax-conversation-msg--flush .ax-conversation-msg__caption {
+    padding: 0.375rem 0.625rem 0;
+  }
+
+  .ax-conversation-msg--flush .ax-conversation-msg__grid {
+    border-radius: 0;
+    background: transparent;
+  }
+
+  .ax-conversation-msg--flush .ax-conversation-msg__stack {
+    gap: 2px;
+  }
+
+  .ax-conversation-msg--flush ::ng-deep .ax-conversation-video {
+    border-radius: 0;
+  }
+
+  .ax-conversation-msg__card {
+    border-radius: var(--ax-sys-border-radius, 0.5rem);
+    border: 1px solid rgb(var(--ax-sys-color-border-light-surface));
+    background: rgb(var(--ax-sys-color-surface));
+    overflow: hidden;
+  }
+`;
+//# sourceMappingURL=acorex-components-conversation-renderer-shared.styles-Digah3Zn.mjs.map

package/fesm2022/acorex-components-conversation-renderer-shared.styles-Digah3Zn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-conversation-renderer-shared.styles-Digah3Zn.mjs","sources":["../../../../packages/components/conversation/src/lib/plugins/message-list/components/shared/renderer-shared.styles.ts"],"sourcesContent":["/**\n * Shared layout tokens for conversation message renderers.\n */\nexport const AX_CONVERSATION_RENDERER_SHARED_STYLES = `\n  :host {\n    display: block;\n    max-width: 100%;\n      }\n\n  .ax-conversation-msg {\n    display: flex;\n    flex-direction: column;\n    gap: 0.375rem;\n  }\n\n  .ax-conversation-msg__stack {\n    display: flex;\n    flex-direction: column;\n    gap: 0.375rem;\n  }\n\n  .ax-conversation-msg__grid {\n    display: grid;\n    gap: 2px;\n    width: 100%;\n    border-radius: var(--ax-sys-border-radius, 0.5rem);\n    overflow: hidden;\n    background: rgb(var(--ax-sys-color-border-light-surface));\n  }\n\n  .ax-conversation-msg__grid--single {\n    grid-template-columns: 1fr;\n  }\n\n  .ax-conversation-msg__grid--single ::ng-deep .ax-conversation-image-attachment {\n    max-height: min(50dvh, 20rem);\n  }\n\n  .ax-conversation-msg__grid--dual {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .ax-conversation-msg__grid--multi {\n    grid-template-columns: repeat(3, 1fr);\n    grid-auto-rows: 10rem;\n  }\n\n  @container (max-width: 380px) {\n    .ax-conversation-msg__grid--multi {\n      grid-template-columns: repeat(2, 1fr);\n      grid-auto-rows: 10rem;\n    }\n  }\n\n  .ax-conversation-msg__caption {\n    margin: 0;\n    padding: 0 0.125rem;\n    font-size: 0.8125rem;\n    line-height: 1.4;\n    word-break: break-word;\n    opacity: 0.88;\n  }\n\n  /* Flush layout: media fills the message bubble edge-to-edge (image / video). */\n  .ax-conversation-msg--flush {\n    width: 100%;\n    max-width: 100%;\n    gap: 0;\n  }\n\n  .ax-conversation-msg--flush .ax-conversation-msg__caption {\n    padding: 0.375rem 0.625rem 0;\n  }\n\n  .ax-conversation-msg--flush .ax-conversation-msg__grid {\n    border-radius: 0;\n    background: transparent;\n  }\n\n  .ax-conversation-msg--flush .ax-conversation-msg__stack {\n    gap: 2px;\n  }\n\n  .ax-conversation-msg--flush ::ng-deep .ax-conversation-video {\n    border-radius: 0;\n  }\n\n  .ax-conversation-msg__card {\n    border-radius: var(--ax-sys-border-radius, 0.5rem);\n    border: 1px solid rgb(var(--ax-sys-color-border-light-surface));\n    background: rgb(var(--ax-sys-color-surface));\n    overflow: hidden;\n  }\n`;\n"],"names":[],"mappings":"AAAA;;AAEG;AACI,MAAM,sCAAsC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0FrD"}

package/fesm2022/acorex-components-conversation-search.component-B-nc6xiA.mjs

@@ -0,0 +1,187 @@
+import { AXButtonComponent } from '@acorex/components/button';
+import { AXLabelComponent } from '@acorex/components/label';
+import { AXSearchBoxComponent } from '@acorex/components/search-box';
+import { isPlatformBrowser, CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, PLATFORM_ID, DestroyRef, input, computed, effect, Component } from '@angular/core';
+import { m as AXConversationInfoBarService, A as AXConversationService } from './acorex-components-conversation-acorex-components-conversation-YhVa42TC.mjs';
+
+/**
+ * Search Component for Info Bar
+ * Provides search functionality within conversations
+ */
+class AXConversationInfoBarSearchComponent {
+    constructor() {
+        this.platformId = inject(PLATFORM_ID);
+        this.destroyRef = inject(DestroyRef);
+        this.infoBarService = inject(AXConversationInfoBarService);
+        this.conversationService = inject(AXConversationService);
+        /** Conversation input */
+        this.conversation = input.required(...(ngDevMode ? [{ debugName: "conversation" }] : /* istanbul ignore next */ []));
+        /** Service input */
+        this.service = input(...(ngDevMode ? [undefined, { debugName: "service" }] : /* istanbul ignore next */ []));
+        /** Search query from service */
+        this.searchQuery = this.infoBarService.searchQuery;
+        /** Results count from service */
+        this.resultsCount = this.infoBarService.searchResultsCount;
+        /** Current index from service */
+        this.currentIndex = this.infoBarService.currentSearchIndex;
+        /** Messages from conversation */
+        this.messages = computed(() => {
+            // Get messages from active conversation
+            const activeConv = this.conversationService.activeConversation();
+            if (activeConv?.id === this.conversation().id) {
+                return this.conversationService.activeMessages();
+            }
+            return [];
+        }, ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
+        effect(() => {
+            const query = this.searchQuery();
+            if (query) {
+                this.performSearch(query);
+            }
+            else {
+                this.infoBarService.setSearchResults(0, 0);
+            }
+        });
+        this.destroyRef.onDestroy(() => {
+            if (this.scrollTimer)
+                clearTimeout(this.scrollTimer);
+        });
+    }
+    /** Handle search input change */
+    onSearchChange(value) {
+        this.infoBarService.setSearchQuery(value);
+    }
+    /** Perform search in messages */
+    performSearch(query) {
+        const messages = this.messages();
+        const lowerQuery = query.toLowerCase();
+        const results = messages.filter((msg) => {
+            if (msg.type === 'text') {
+                const text = msg.payload?.text || '';
+                return text.toLowerCase().includes(lowerQuery);
+            }
+            return false;
+        });
+        this.infoBarService.setSearchResults(results.length, 0);
+        // Scroll to first result if exists
+        if (results.length > 0) {
+            this.scrollToResult(results[0].id);
+        }
+    }
+    /** Navigate to next result */
+    onNext() {
+        this.infoBarService.nextSearchResult();
+        this.scrollToCurrentResult();
+    }
+    /** Navigate to previous result */
+    onPrevious() {
+        this.infoBarService.previousSearchResult();
+        this.scrollToCurrentResult();
+    }
+    /** Scroll to current search result */
+    scrollToCurrentResult() {
+        const query = this.searchQuery();
+        const currentIdx = this.currentIndex();
+        const messages = this.messages();
+        const lowerQuery = query.toLowerCase();
+        // Find the nth matching message
+        let matchCount = 0;
+        for (const msg of messages) {
+            if (msg.type === 'text') {
+                const text = msg.payload?.text || '';
+                if (text.toLowerCase().includes(lowerQuery)) {
+                    if (matchCount === currentIdx) {
+                        this.scrollToResult(msg.id);
+                        break;
+                    }
+                    matchCount++;
+                }
+            }
+        }
+    }
+    scrollToResult(messageId) {
+        if (!isPlatformBrowser(this.platformId))
+            return;
+        if (this.scrollTimer)
+            clearTimeout(this.scrollTimer);
+        this.scrollTimer = setTimeout(() => {
+            const element = document.querySelector(`[data-message-id="${messageId}"]`);
+            if (element) {
+                element.scrollIntoView({ behavior: 'smooth', block: 'center' });
+            }
+        }, 100);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationInfoBarSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXConversationInfoBarSearchComponent, isStandalone: true, selector: "ax-conversation-info-bar-search", inputs: { conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, transformFunction: null }, service: { classPropertyName: "service", publicName: "service", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <div class="search-wrapper">
+      <ax-search-box
+        class="search-input"
+        [placeholder]="'Search in conversation'"
+        [value]="searchQuery()"
+        (onValueChanged)="onSearchChange($event.value)"
+      ></ax-search-box>
+
+      @if (searchQuery() && resultsCount() > 0) {
+        <div class="search-results">
+          <ax-label class="results-text"> {{ currentIndex() + 1 }} / {{ resultsCount() }} </ax-label>
+          <ax-button
+            class="nav-button"
+            [text]="'↑'"
+            [look]="'ghost'"
+            [size]="'sm'"
+            (onClick)="onPrevious()"
+            [disabled]="resultsCount() === 0"
+          ></ax-button>
+          <ax-button
+            class="nav-button"
+            [text]="'↓'"
+            [look]="'ghost'"
+            [size]="'sm'"
+            (onClick)="onNext()"
+            [disabled]="resultsCount() === 0"
+          ></ax-button>
+        </div>
+      }
+    </div>
+  `, isInline: true, styles: [":host{display:block;flex:1;min-width:0}.search-wrapper{display:flex;align-items:center;gap:.5rem;width:100%}.search-input{flex:1;min-width:0}.search-results{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.results-text{font-size:.75rem;color:var(--ax-text-secondary, #6b7280);white-space:nowrap}.nav-button{min-width:28px;height:28px;padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationInfoBarSearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-conversation-info-bar-search', imports: [CommonModule, AXSearchBoxComponent, AXButtonComponent, AXLabelComponent], template: `
+    <div class="search-wrapper">
+      <ax-search-box
+        class="search-input"
+        [placeholder]="'Search in conversation'"
+        [value]="searchQuery()"
+        (onValueChanged)="onSearchChange($event.value)"
+      ></ax-search-box>
+
+      @if (searchQuery() && resultsCount() > 0) {
+        <div class="search-results">
+          <ax-label class="results-text"> {{ currentIndex() + 1 }} / {{ resultsCount() }} </ax-label>
+          <ax-button
+            class="nav-button"
+            [text]="'↑'"
+            [look]="'ghost'"
+            [size]="'sm'"
+            (onClick)="onPrevious()"
+            [disabled]="resultsCount() === 0"
+          ></ax-button>
+          <ax-button
+            class="nav-button"
+            [text]="'↓'"
+            [look]="'ghost'"
+            [size]="'sm'"
+            (onClick)="onNext()"
+            [disabled]="resultsCount() === 0"
+          ></ax-button>
+        </div>
+      }
+    </div>
+  `, styles: [":host{display:block;flex:1;min-width:0}.search-wrapper{display:flex;align-items:center;gap:.5rem;width:100%}.search-input{flex:1;min-width:0}.search-results{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.results-text{font-size:.75rem;color:var(--ax-text-secondary, #6b7280);white-space:nowrap}.nav-button{min-width:28px;height:28px;padding:0}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { conversation: [{ type: i0.Input, args: [{ isSignal: true, alias: "conversation", required: true }] }], service: [{ type: i0.Input, args: [{ isSignal: true, alias: "service", required: false }] }] } });
+
+export { AXConversationInfoBarSearchComponent };
+//# sourceMappingURL=acorex-components-conversation-search.component-B-nc6xiA.mjs.map

package/fesm2022/acorex-components-conversation-search.component-B-nc6xiA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-conversation-search.component-B-nc6xiA.mjs","sources":["../../../../packages/components/conversation/src/lib/plugins/info-bar/components/search.component.ts"],"sourcesContent":["/**\n * Search Component for Info Bar\n * Provides search functionality within conversations\n */\n\nimport { AXButtonComponent } from '@acorex/components/button';\nimport { AXLabelComponent } from '@acorex/components/label';\nimport { AXSearchBoxComponent } from '@acorex/components/search-box';\nimport { CommonModule, isPlatformBrowser } from '@angular/common';\nimport { Component, DestroyRef, PLATFORM_ID, computed, effect, inject, input } from '@angular/core';\nimport { AXConversationInfoBarService } from '../../../components/info-bar/info-bar.service';\nimport type { AXConversation, AXConversationTextPayload } from '../../../models';\nimport { AXConversationService } from '../../../services/conversation.service';\n\n@Component({\n  selector: 'ax-conversation-info-bar-search',\n  imports: [CommonModule, AXSearchBoxComponent, AXButtonComponent, AXLabelComponent],\n  template: `\n    <div class=\"search-wrapper\">\n      <ax-search-box\n        class=\"search-input\"\n        [placeholder]=\"'Search in conversation'\"\n        [value]=\"searchQuery()\"\n        (onValueChanged)=\"onSearchChange($event.value)\"\n      ></ax-search-box>\n\n      @if (searchQuery() && resultsCount() > 0) {\n        <div class=\"search-results\">\n          <ax-label class=\"results-text\"> {{ currentIndex() + 1 }} / {{ resultsCount() }} </ax-label>\n          <ax-button\n            class=\"nav-button\"\n            [text]=\"'↑'\"\n            [look]=\"'ghost'\"\n            [size]=\"'sm'\"\n            (onClick)=\"onPrevious()\"\n            [disabled]=\"resultsCount() === 0\"\n          ></ax-button>\n          <ax-button\n            class=\"nav-button\"\n            [text]=\"'↓'\"\n            [look]=\"'ghost'\"\n            [size]=\"'sm'\"\n            (onClick)=\"onNext()\"\n            [disabled]=\"resultsCount() === 0\"\n          ></ax-button>\n        </div>\n      }\n    </div>\n  `,\n  styles: [\n    `\n      :host {\n        display: block;\n        flex: 1;\n        min-width: 0;\n      }\n\n      .search-wrapper {\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        width: 100%;\n      }\n\n      .search-input {\n        flex: 1;\n        min-width: 0;\n      }\n\n      .search-results {\n        display: flex;\n        align-items: center;\n        gap: 0.25rem;\n        flex-shrink: 0;\n      }\n\n      .results-text {\n        font-size: 0.75rem;\n        color: var(--ax-text-secondary, #6b7280);\n        white-space: nowrap;\n      }\n\n      .nav-button {\n        min-width: 28px;\n        height: 28px;\n        padding: 0;\n      }\n    `,\n  ],\n})\nexport class AXConversationInfoBarSearchComponent {\n  private readonly platformId = inject(PLATFORM_ID);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly infoBarService = inject(AXConversationInfoBarService);\n  private readonly conversationService = inject(AXConversationService);\n\n  /** Conversation input */\n  readonly conversation = input.required<AXConversation>();\n\n  /** Service input */\n  readonly service = input<AXConversationInfoBarService>();\n\n  /** Search query from service */\n  readonly searchQuery = this.infoBarService.searchQuery;\n\n  /** Results count from service */\n  readonly resultsCount = this.infoBarService.searchResultsCount;\n\n  /** Current index from service */\n  readonly currentIndex = this.infoBarService.currentSearchIndex;\n\n  /** Messages from conversation */\n  readonly messages = computed(() => {\n    // Get messages from active conversation\n    const activeConv = this.conversationService.activeConversation();\n    if (activeConv?.id === this.conversation().id) {\n      return this.conversationService.activeMessages();\n    }\n    return [];\n  });\n\n  private scrollTimer?: ReturnType<typeof setTimeout>;\n\n  constructor() {\n    effect(() => {\n      const query = this.searchQuery();\n      if (query) {\n        this.performSearch(query);\n      } else {\n        this.infoBarService.setSearchResults(0, 0);\n      }\n    });\n\n    this.destroyRef.onDestroy(() => {\n      if (this.scrollTimer) clearTimeout(this.scrollTimer);\n    });\n  }\n\n  /** Handle search input change */\n  onSearchChange(value: string): void {\n    this.infoBarService.setSearchQuery(value);\n  }\n\n  /** Perform search in messages */\n  private performSearch(query: string): void {\n    const messages = this.messages();\n    const lowerQuery = query.toLowerCase();\n\n    const results = messages.filter((msg) => {\n      if (msg.type === 'text') {\n        const text = (msg.payload as AXConversationTextPayload)?.text || '';\n        return text.toLowerCase().includes(lowerQuery);\n      }\n      return false;\n    });\n\n    this.infoBarService.setSearchResults(results.length, 0);\n\n    // Scroll to first result if exists\n    if (results.length > 0) {\n      this.scrollToResult(results[0].id);\n    }\n  }\n\n  /** Navigate to next result */\n  onNext(): void {\n    this.infoBarService.nextSearchResult();\n    this.scrollToCurrentResult();\n  }\n\n  /** Navigate to previous result */\n  onPrevious(): void {\n    this.infoBarService.previousSearchResult();\n    this.scrollToCurrentResult();\n  }\n\n  /** Scroll to current search result */\n  private scrollToCurrentResult(): void {\n    const query = this.searchQuery();\n    const currentIdx = this.currentIndex();\n    const messages = this.messages();\n    const lowerQuery = query.toLowerCase();\n\n    // Find the nth matching message\n    let matchCount = 0;\n    for (const msg of messages) {\n      if (msg.type === 'text') {\n        const text = (msg.payload as AXConversationTextPayload)?.text || '';\n        if (text.toLowerCase().includes(lowerQuery)) {\n          if (matchCount === currentIdx) {\n            this.scrollToResult(msg.id);\n            break;\n          }\n          matchCount++;\n        }\n      }\n    }\n  }\n\n  private scrollToResult(messageId: string): void {\n    if (!isPlatformBrowser(this.platformId)) return;\n\n    if (this.scrollTimer) clearTimeout(this.scrollTimer);\n    this.scrollTimer = setTimeout(() => {\n      const element = document.querySelector(`[data-message-id=\"${messageId}\"]`);\n      if (element) {\n        element.scrollIntoView({ behavior: 'smooth', block: 'center' });\n      }\n    }, 100);\n  }\n}\n"],"names":[],"mappings":"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"}