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

package/fesm2022/acorex-components-conversation-video-renderer.component-DKa9mUe2.mjs

@@ -0,0 +1,181 @@
+import { isPlatformBrowser, CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, PLATFORM_ID, DestroyRef, viewChildren, signal, input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { l as copyWithFileTypeFallback, m as AXConversationInfoBarService } from './acorex-components-conversation-acorex-components-conversation-YhVa42TC.mjs';
+import { AXFileTypeRegistryService } from '@acorex/core/file';
+import { AXTranslationService } from '@acorex/core/translation';
+import { A as AXConversationMessageRendererCopyHostComponent, m as mediaCopyText } from './acorex-components-conversation-message-renderer-copy-host.component-oXTr_Lfq.mjs';
+import { normalizeVideoPayload } from './acorex-components-conversation-video.payload-C8QaqxuX.mjs';
+import { A as AXConversationMessageRendererStateComponent } from './acorex-components-conversation-message-renderer-state.component-Dp-JdHWr.mjs';
+import { b as bindMediaRendererContentState, r as reportMediaLoadError, s as syncPlaybackInfoBarBanner } from './acorex-components-conversation-playback-banner-sync-D8FFKde6.mjs';
+import './acorex-components-conversation-renderer-shared.styles-Digah3Zn.mjs';
+import { A as AXConversationVideoAttachmentComponent } from './acorex-components-conversation-video-attachment.component-CGaUhnSb.mjs';
+
+class AXConversationVideoRendererComponent extends AXConversationMessageRendererCopyHostComponent {
+    copy() {
+        return copyWithFileTypeFallback(this.message(), this.fileTypes, () => {
+            const p = this.payload();
+            return mediaCopyText(p.caption, 'Video', 'videos', p.videos.length, p.videos.map((item) => item.url?.trim()));
+        });
+    }
+    constructor() {
+        super();
+        this.fileTypes = inject(AXFileTypeRegistryService);
+        this.translation = inject(AXTranslationService);
+        this.platformId = inject(PLATFORM_ID);
+        this.destroyRef = inject(DestroyRef);
+        this.infoBarService = inject(AXConversationInfoBarService, { optional: true });
+        this.attachments = viewChildren(AXConversationVideoAttachmentComponent, ...(ngDevMode ? [{ debugName: "attachments" }] : /* istanbul ignore next */ []));
+        this._contentState = signal('ready', ...(ngDevMode ? [{ debugName: "_contentState" }] : /* istanbul ignore next */ []));
+        this.activeVideoIndex = signal(0, ...(ngDevMode ? [{ debugName: "activeVideoIndex" }] : /* istanbul ignore next */ []));
+        this.message = input.required(...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
+        this.rendererState = computed(() => ({
+            deliveryStatus: this.message().status,
+            contentState: this._contentState(),
+        }), ...(ngDevMode ? [{ debugName: "rendererState" }] : /* istanbul ignore next */ []));
+        this.isPlaying = signal(false, ...(ngDevMode ? [{ debugName: "isPlaying" }] : /* istanbul ignore next */ []));
+        this.currentTime = signal(0, ...(ngDevMode ? [{ debugName: "currentTime" }] : /* istanbul ignore next */ []));
+        this.duration = signal(0, ...(ngDevMode ? [{ debugName: "duration" }] : /* istanbul ignore next */ []));
+        this.payload = computed(() => normalizeVideoPayload(this.message().payload), ...(ngDevMode ? [{ debugName: "payload" }] : /* istanbul ignore next */ []));
+        this.videos = computed(() => this.payload().videos, ...(ngDevMode ? [{ debugName: "videos" }] : /* istanbul ignore next */ []));
+        this.caption = computed(() => this.payload().caption?.trim() || '', ...(ngDevMode ? [{ debugName: "caption" }] : /* istanbul ignore next */ []));
+        this.videoLoadErrorLabel = computed(() => this.translation.translateSync('@acorex:chat.renderer-state.could-not-load-video'), ...(ngDevMode ? [{ debugName: "videoLoadErrorLabel" }] : /* istanbul ignore next */ []));
+        bindMediaRendererContentState(this.message, this._contentState, () => this.videos());
+        this.destroyRef.onDestroy(() => {
+            const messageId = this.message()?.id;
+            if (messageId && this.infoBarService) {
+                this.infoBarService.hideMessageBanner(messageId);
+            }
+        });
+    }
+    onPlayingChange(index, playing) {
+        if (playing) {
+            this.activeVideoIndex.set(index);
+            this.pauseOtherVideos(index);
+            this.isPlaying.set(true);
+            this.syncInfoBarBanner(true);
+            return;
+        }
+        if (this.activeVideoIndex() === index) {
+            this.isPlaying.set(false);
+            this.syncInfoBarBanner();
+        }
+    }
+    onTimeUpdate(index, time) {
+        if (this.activeVideoIndex() !== index) {
+            return;
+        }
+        this.currentTime.set(time);
+        this.syncInfoBarBanner();
+    }
+    onDurationChange(index, duration) {
+        if (this.activeVideoIndex() !== index) {
+            return;
+        }
+        this.duration.set(duration);
+        this.syncInfoBarBanner();
+    }
+    onPlaybackEnded(index) {
+        if (this.activeVideoIndex() !== index) {
+            return;
+        }
+        this.isPlaying.set(false);
+        this.currentTime.set(0);
+        this.syncInfoBarBanner();
+    }
+    onPlaybackError() {
+        if (!reportMediaLoadError(this.message(), this._contentState)) {
+            return;
+        }
+        this.isPlaying.set(false);
+        this.infoBarService?.hideMessageBanner(this.message().id);
+    }
+    togglePlay() {
+        if (!isPlatformBrowser(this.platformId)) {
+            return;
+        }
+        this.attachments()[this.activeVideoIndex()]?.togglePlay();
+    }
+    pauseOtherVideos(activeIndex) {
+        this.attachments().forEach((attachment, index) => {
+            if (index !== activeIndex) {
+                attachment.pause();
+            }
+        });
+    }
+    pausePlayback() {
+        this.attachments()[this.activeVideoIndex()]?.pause();
+        this.isPlaying.set(false);
+    }
+    syncInfoBarBanner(forceOpen = false) {
+        if (!this.infoBarService) {
+            return;
+        }
+        const message = this.message();
+        const index = this.activeVideoIndex();
+        const title = this.payload().caption?.trim() || (this.videos().length > 1 ? `Video ${index + 1}` : 'Video');
+        syncPlaybackInfoBarBanner(this.infoBarService, message, {
+            title,
+            currentTime: this.currentTime(),
+            duration: this.duration() || this.videos()[index]?.duration || 0,
+            isPlaying: this.isPlaying(),
+            onTogglePlay: () => this.togglePlay(),
+            onClose: () => this.pausePlayback(),
+        }, { forceOpen });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationVideoRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXConversationVideoRendererComponent, isStandalone: true, selector: "ax-conversation-video-renderer", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "attachments", predicate: AXConversationVideoAttachmentComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-conversation-msg">
+      <ax-conversation-message-renderer-state
+        [rendererState]="rendererState()"
+        [message]="message()"
+        [contentErrorLabel]="videoLoadErrorLabel()"
+      />
+      <div class="ax-conversation-msg__stack">
+        @for (video of videos(); track video.mediaId ?? video.url; let i = $index) {
+          <ax-conversation-video-attachment
+            [item]="video"
+            (playingChange)="onPlayingChange(i, $event)"
+            (timeUpdate)="onTimeUpdate(i, $event)"
+            (durationChange)="onDurationChange(i, $event)"
+            (playbackEnded)="onPlaybackEnded(i)"
+            (playbackError)="onPlaybackError()"
+          />
+        }
+      </div>
+      @if (caption()) {
+        <p class="ax-conversation-msg__caption">{{ caption() }}</p>
+      }
+    </div>
+  `, isInline: true, styles: [":host{display:block;max-width:100%}.ax-conversation-msg,.ax-conversation-msg__stack{display:flex;flex-direction:column;gap:.375rem}.ax-conversation-msg__grid{display:grid;gap:2px;width:100%;border-radius:var(--ax-sys-border-radius, .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 .125rem;font-size:.8125rem;line-height:1.4;word-break:break-word;opacity:.88}.ax-conversation-msg--flush{width:100%;max-width:100%;gap:0}.ax-conversation-msg--flush .ax-conversation-msg__caption{padding:.375rem .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, .5rem);border:1px solid rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-surface));overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXConversationVideoAttachmentComponent, selector: "ax-conversation-video-attachment", inputs: ["item"], outputs: ["playingChange", "timeUpdate", "durationChange", "playbackEnded", "playbackError"] }, { kind: "component", type: AXConversationMessageRendererStateComponent, selector: "ax-conversation-message-renderer-state", inputs: ["rendererState", "message", "contentErrorLabel", "deliveryFailedLabel", "showContentErrorChrome", "contentErrorStyle", "contentErrorIconClass", "placement", "contentRetryEnabled"], outputs: ["contentRetry"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationVideoRendererComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-conversation-video-renderer', imports: [CommonModule, AXConversationVideoAttachmentComponent, AXConversationMessageRendererStateComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="ax-conversation-msg">
+      <ax-conversation-message-renderer-state
+        [rendererState]="rendererState()"
+        [message]="message()"
+        [contentErrorLabel]="videoLoadErrorLabel()"
+      />
+      <div class="ax-conversation-msg__stack">
+        @for (video of videos(); track video.mediaId ?? video.url; let i = $index) {
+          <ax-conversation-video-attachment
+            [item]="video"
+            (playingChange)="onPlayingChange(i, $event)"
+            (timeUpdate)="onTimeUpdate(i, $event)"
+            (durationChange)="onDurationChange(i, $event)"
+            (playbackEnded)="onPlaybackEnded(i)"
+            (playbackError)="onPlaybackError()"
+          />
+        }
+      </div>
+      @if (caption()) {
+        <p class="ax-conversation-msg__caption">{{ caption() }}</p>
+      }
+    </div>
+  `, styles: [":host{display:block;max-width:100%}.ax-conversation-msg,.ax-conversation-msg__stack{display:flex;flex-direction:column;gap:.375rem}.ax-conversation-msg__grid{display:grid;gap:2px;width:100%;border-radius:var(--ax-sys-border-radius, .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 .125rem;font-size:.8125rem;line-height:1.4;word-break:break-word;opacity:.88}.ax-conversation-msg--flush{width:100%;max-width:100%;gap:0}.ax-conversation-msg--flush .ax-conversation-msg__caption{padding:.375rem .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, .5rem);border:1px solid rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-surface));overflow:hidden}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { attachments: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => AXConversationVideoAttachmentComponent), { isSignal: true }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }] } });
+
+export { AXConversationVideoRendererComponent };
+//# sourceMappingURL=acorex-components-conversation-video-renderer.component-DKa9mUe2.mjs.map

package/fesm2022/acorex-components-conversation-video-renderer.component-DKa9mUe2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-conversation-video-renderer.component-DKa9mUe2.mjs","sources":["../../../../packages/components/conversation/src/lib/plugins/message-list/components/video-renderer/video-renderer.component.ts"],"sourcesContent":["import { CommonModule, isPlatformBrowser } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  PLATFORM_ID,\n  computed,\n  inject,\n  input,\n  signal,\n  viewChildren,\n} from '@angular/core';\nimport { AXConversationInfoBarService } from '../../../../components';\nimport type { AXConversationMessage, AXConversationVideoPayload } from '../../../../models';\nimport type { AXConversationMessageRendererContentState } from '../../../../registries/message-renderer.registry';\nimport { AXFileTypeRegistryService } from '@acorex/core/file';\nimport { AXTranslationService } from '@acorex/core/translation';\nimport {\n  AXConversationMessageRendererCopyHostComponent,\n  mediaCopyText,\n} from '../shared/message-renderer-copy-host.component';\nimport { copyWithFileTypeFallback } from '../../../../utils/file-type-message.resolve';\nimport { normalizeVideoPayload } from './video.payload';\nimport { AXConversationMessageRendererStateComponent } from '../shared/message-renderer-state.component';\nimport { bindMediaRendererContentState, reportMediaLoadError } from '../shared/media-renderer-content-state';\nimport { syncPlaybackInfoBarBanner } from '../shared/playback-banner-sync';\nimport { AX_CONVERSATION_RENDERER_SHARED_STYLES } from '../shared/renderer-shared.styles';\nimport { AXConversationVideoAttachmentComponent } from '../shared/video-attachment.component';\n\n@Component({\n  selector: 'ax-conversation-video-renderer',\n  imports: [CommonModule, AXConversationVideoAttachmentComponent, AXConversationMessageRendererStateComponent],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div class=\"ax-conversation-msg\">\n      <ax-conversation-message-renderer-state\n        [rendererState]=\"rendererState()\"\n        [message]=\"message()\"\n        [contentErrorLabel]=\"videoLoadErrorLabel()\"\n      />\n      <div class=\"ax-conversation-msg__stack\">\n        @for (video of videos(); track video.mediaId ?? video.url; let i = $index) {\n          <ax-conversation-video-attachment\n            [item]=\"video\"\n            (playingChange)=\"onPlayingChange(i, $event)\"\n            (timeUpdate)=\"onTimeUpdate(i, $event)\"\n            (durationChange)=\"onDurationChange(i, $event)\"\n            (playbackEnded)=\"onPlaybackEnded(i)\"\n            (playbackError)=\"onPlaybackError()\"\n          />\n        }\n      </div>\n      @if (caption()) {\n        <p class=\"ax-conversation-msg__caption\">{{ caption() }}</p>\n      }\n    </div>\n  `,\n  styles: [AX_CONVERSATION_RENDERER_SHARED_STYLES],\n})\nexport class AXConversationVideoRendererComponent extends AXConversationMessageRendererCopyHostComponent {\n  private readonly fileTypes = inject(AXFileTypeRegistryService);\n  private readonly translation = inject(AXTranslationService);\n  private readonly platformId = inject(PLATFORM_ID);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly infoBarService = inject(AXConversationInfoBarService, { optional: true });\n  private readonly attachments = viewChildren(AXConversationVideoAttachmentComponent);\n\n  private readonly _contentState = signal<AXConversationMessageRendererContentState>('ready');\n  private readonly activeVideoIndex = signal(0);\n\n  readonly message = input.required<AXConversationMessage>();\n  readonly rendererState = computed(() => ({\n    deliveryStatus: this.message().status,\n    contentState: this._contentState(),\n  }));\n\n  readonly isPlaying = signal(false);\n  readonly currentTime = signal(0);\n  readonly duration = signal(0);\n\n  readonly payload = computed(() => normalizeVideoPayload(this.message().payload as AXConversationVideoPayload));\n  readonly videos = computed(() => this.payload().videos);\n  readonly caption = computed(() => this.payload().caption?.trim() || '');\n\n  readonly videoLoadErrorLabel = computed(() =>\n    this.translation.translateSync('@acorex:chat.renderer-state.could-not-load-video'),\n  );\n\n  copy(): Promise<string> {\n    return copyWithFileTypeFallback(this.message(), this.fileTypes, () => {\n      const p = this.payload();\n      return mediaCopyText(\n        p.caption,\n        'Video',\n        'videos',\n        p.videos.length,\n        p.videos.map((item) => item.url?.trim()),\n      );\n    });\n  }\n\n  constructor() {\n    super();\n    bindMediaRendererContentState(this.message, this._contentState, () => this.videos());\n\n    this.destroyRef.onDestroy(() => {\n      const messageId = this.message()?.id;\n      if (messageId && this.infoBarService) {\n        this.infoBarService.hideMessageBanner(messageId);\n      }\n    });\n  }\n\n  onPlayingChange(index: number, playing: boolean): void {\n    if (playing) {\n      this.activeVideoIndex.set(index);\n      this.pauseOtherVideos(index);\n      this.isPlaying.set(true);\n      this.syncInfoBarBanner(true);\n      return;\n    }\n\n    if (this.activeVideoIndex() === index) {\n      this.isPlaying.set(false);\n      this.syncInfoBarBanner();\n    }\n  }\n\n  onTimeUpdate(index: number, time: number): void {\n    if (this.activeVideoIndex() !== index) {\n      return;\n    }\n    this.currentTime.set(time);\n    this.syncInfoBarBanner();\n  }\n\n  onDurationChange(index: number, duration: number): void {\n    if (this.activeVideoIndex() !== index) {\n      return;\n    }\n    this.duration.set(duration);\n    this.syncInfoBarBanner();\n  }\n\n  onPlaybackEnded(index: number): void {\n    if (this.activeVideoIndex() !== index) {\n      return;\n    }\n    this.isPlaying.set(false);\n    this.currentTime.set(0);\n    this.syncInfoBarBanner();\n  }\n\n  onPlaybackError(): void {\n    if (!reportMediaLoadError(this.message(), this._contentState)) {\n      return;\n    }\n    this.isPlaying.set(false);\n    this.infoBarService?.hideMessageBanner(this.message().id);\n  }\n\n  togglePlay(): void {\n    if (!isPlatformBrowser(this.platformId)) {\n      return;\n    }\n    this.attachments()[this.activeVideoIndex()]?.togglePlay();\n  }\n\n  private pauseOtherVideos(activeIndex: number): void {\n    this.attachments().forEach((attachment, index) => {\n      if (index !== activeIndex) {\n        attachment.pause();\n      }\n    });\n  }\n\n  private pausePlayback(): void {\n    this.attachments()[this.activeVideoIndex()]?.pause();\n    this.isPlaying.set(false);\n  }\n\n  private syncInfoBarBanner(forceOpen = false): void {\n    if (!this.infoBarService) {\n      return;\n    }\n    const message = this.message();\n    const index = this.activeVideoIndex();\n    const title =\n      this.payload().caption?.trim() || (this.videos().length > 1 ? `Video ${index + 1}` : 'Video');\n\n    syncPlaybackInfoBarBanner(\n      this.infoBarService,\n      message,\n      {\n        title,\n        currentTime: this.currentTime(),\n        duration: this.duration() || this.videos()[index]?.duration || 0,\n        isPlaying: this.isPlaying(),\n        onTogglePlay: () => this.togglePlay(),\n        onClose: () => this.pausePlayback(),\n      },\n      { forceOpen },\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-conversation-video.payload-C8QaqxuX.mjs

@@ -0,0 +1,54 @@
+import { s as resolvePersistableMediaUrl, c as resolvePersistedThumbnailUrl } from './acorex-components-conversation-acorex-components-conversation-YhVa42TC.mjs';
+
+function loose(payload) {
+    return payload;
+}
+function str(value) {
+    return typeof value === 'string' && value.length > 0 ? value : undefined;
+}
+function num(value, fallback = 0) {
+    return typeof value === 'number' && Number.isFinite(value) ? value : fallback;
+}
+function sanitizeVideoItem(item) {
+    const url = resolvePersistableMediaUrl(item.url);
+    const thumbnailUrl = resolvePersistedThumbnailUrl(item.thumbnailUrl, url);
+    if (url === item.url && thumbnailUrl === item.thumbnailUrl) {
+        return item;
+    }
+    return { ...item, url, thumbnailUrl };
+}
+function normalizeVideoPayload(payload) {
+    const raw = loose(payload);
+    const existing = raw['videos'];
+    if (Array.isArray(existing) && existing.length > 0) {
+        return {
+            type: 'video',
+            videos: existing.map(sanitizeVideoItem),
+            caption: payload.caption,
+        };
+    }
+    const url = resolvePersistableMediaUrl(str(raw['url']));
+    const mediaId = str(raw['mediaId']);
+    if (url || mediaId) {
+        return {
+            type: 'video',
+            caption: payload.caption,
+            videos: [
+                {
+                    ...(url ? { url } : {}),
+                    thumbnailUrl: resolvePersistedThumbnailUrl(str(raw['thumbnailUrl']), url),
+                    duration: num(raw['duration']),
+                    width: num(raw['width']),
+                    height: num(raw['height']),
+                    mimeType: str(raw['mimeType']),
+                    size: typeof raw['size'] === 'number' ? raw['size'] : undefined,
+                    mediaId,
+                },
+            ],
+        };
+    }
+    return { type: 'video', videos: [], caption: payload.caption };
+}
+
+export { normalizeVideoPayload };
+//# sourceMappingURL=acorex-components-conversation-video.payload-C8QaqxuX.mjs.map

package/fesm2022/acorex-components-conversation-video.payload-C8QaqxuX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-conversation-video.payload-C8QaqxuX.mjs","sources":["../../../../packages/components/conversation/src/lib/plugins/message-list/components/video-renderer/video.payload.ts"],"sourcesContent":["import type { AXConversationVideoMediaItem, AXConversationVideoPayload } from '../../../../models';\nimport {\n  resolvePersistableMediaUrl,\n  resolvePersistedThumbnailUrl,\n} from '../../../composer/components/shared/persisted-media-url';\n\ntype AXConversationLooseRecord = Record<string, unknown>;\n\nfunction loose(payload: AXConversationVideoPayload): AXConversationLooseRecord {\n  return payload as unknown as AXConversationLooseRecord;\n}\n\nfunction str(value: unknown): string | undefined {\n  return typeof value === 'string' && value.length > 0 ? value : undefined;\n}\n\nfunction num(value: unknown, fallback = 0): number {\n  return typeof value === 'number' && Number.isFinite(value) ? value : fallback;\n}\n\nfunction sanitizeVideoItem(item: AXConversationVideoMediaItem): AXConversationVideoMediaItem {\n  const url = resolvePersistableMediaUrl(item.url);\n  const thumbnailUrl = resolvePersistedThumbnailUrl(item.thumbnailUrl, url);\n  if (url === item.url && thumbnailUrl === item.thumbnailUrl) {\n    return item;\n  }\n  return { ...item, url, thumbnailUrl };\n}\n\nexport function normalizeVideoPayload(payload: AXConversationVideoPayload): AXConversationVideoPayload {\n  const raw = loose(payload);\n  const existing = raw['videos'];\n  if (Array.isArray(existing) && existing.length > 0) {\n    return {\n      type: 'video',\n      videos: (existing as AXConversationVideoMediaItem[]).map(sanitizeVideoItem),\n      caption: payload.caption,\n    };\n  }\n\n  const url = resolvePersistableMediaUrl(str(raw['url']));\n  const mediaId = str(raw['mediaId']);\n  if (url || mediaId) {\n    return {\n      type: 'video',\n      caption: payload.caption,\n      videos: [\n        {\n          ...(url ? { url } : {}),\n          thumbnailUrl: resolvePersistedThumbnailUrl(str(raw['thumbnailUrl']), url),\n          duration: num(raw['duration']),\n          width: num(raw['width']),\n          height: num(raw['height']),\n          mimeType: str(raw['mimeType']),\n          size: typeof raw['size'] === 'number' ? raw['size'] : undefined,\n          mediaId,\n        },\n      ],\n    };\n  }\n\n  return { type: 'video', videos: [], caption: payload.caption };\n}\n"],"names":[],"mappings":";;AAQA,SAAS,KAAK,CAAC,OAAmC,EAAA;AAChD,IAAA,OAAO,OAA+C;AACxD;AAEA,SAAS,GAAG,CAAC,KAAc,EAAA;AACzB,IAAA,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,GAAG,SAAS;AAC1E;AAEA,SAAS,GAAG,CAAC,KAAc,EAAE,QAAQ,GAAG,CAAC,EAAA;AACvC,IAAA,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,QAAQ;AAC/E;AAEA,SAAS,iBAAiB,CAAC,IAAkC,EAAA;IAC3D,MAAM,GAAG,GAAG,0BAA0B,CAAC,IAAI,CAAC,GAAG,CAAC;IAChD,MAAM,YAAY,GAAG,4BAA4B,CAAC,IAAI,CAAC,YAAY,EAAE,GAAG,CAAC;AACzE,IAAA,IAAI,GAAG,KAAK,IAAI,CAAC,GAAG,IAAI,YAAY,KAAK,IAAI,CAAC,YAAY,EAAE;AAC1D,QAAA,OAAO,IAAI;IACb;IACA,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,YAAY,EAAE;AACvC;AAEM,SAAU,qBAAqB,CAAC,OAAmC,EAAA;AACvE,IAAA,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC;AAC1B,IAAA,MAAM,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;QAClD,OAAO;AACL,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,MAAM,EAAG,QAA2C,CAAC,GAAG,CAAC,iBAAiB,CAAC;YAC3E,OAAO,EAAE,OAAO,CAAC,OAAO;SACzB;IACH;AAEA,IAAA,MAAM,GAAG,GAAG,0BAA0B,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,GAAG,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;AACnC,IAAA,IAAI,GAAG,IAAI,OAAO,EAAE;QAClB,OAAO;AACL,YAAA,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,OAAO,CAAC,OAAO;AACxB,YAAA,MAAM,EAAE;AACN,gBAAA;AACE,oBAAA,IAAI,GAAG,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AACvB,oBAAA,YAAY,EAAE,4BAA4B,CAAC,GAAG,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,EAAE,GAAG,CAAC;AACzE,oBAAA,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;AAC9B,oBAAA,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AACxB,oBAAA,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;AAC1B,oBAAA,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;AAC9B,oBAAA,IAAI,EAAE,OAAO,GAAG,CAAC,MAAM,CAAC,KAAK,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,GAAG,SAAS;oBAC/D,OAAO;AACR,iBAAA;AACF,aAAA;SACF;IACH;AAEA,IAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE;AAChE;;;;"}

package/fesm2022/acorex-components-conversation-voice-composer.payload-DLVow7ex.mjs

@@ -0,0 +1,17 @@
+function mergeVoiceUploadResult(payload, result) {
+    return {
+        ...payload,
+        type: 'voice',
+        url: result.url,
+        mediaId: result.mediaId,
+        mimeType: result.mimeType,
+        size: result.size,
+        metadata: result.metadata,
+    };
+}
+function applyVoiceLocalPreview(payload, localUrl) {
+    return { ...payload, type: 'voice', url: localUrl };
+}
+
+export { applyVoiceLocalPreview, mergeVoiceUploadResult };
+//# sourceMappingURL=acorex-components-conversation-voice-composer.payload-DLVow7ex.mjs.map

package/fesm2022/acorex-components-conversation-voice-composer.payload-DLVow7ex.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-conversation-voice-composer.payload-DLVow7ex.mjs","sources":["../../../../packages/components/conversation/src/lib/plugins/composer/components/voice-recorder/voice-composer.payload.ts"],"sourcesContent":["import type { AXUploadResult } from '@acorex/cdk/uploader';\nimport type { AXConversationMessagePayload } from '../../../../models';\n\nexport function mergeVoiceUploadResult(\n  payload: AXConversationMessagePayload,\n  result: AXUploadResult,\n): AXConversationMessagePayload {\n  return {\n    ...(payload as Extract<AXConversationMessagePayload, { type: 'voice' }>),\n    type: 'voice',\n    url: result.url,\n    mediaId: result.mediaId,\n    mimeType: result.mimeType,\n    size: result.size,\n    metadata: result.metadata,\n  };\n}\n\nexport function applyVoiceLocalPreview(payload: AXConversationMessagePayload, localUrl: string): AXConversationMessagePayload {\n  return { ...(payload as Extract<AXConversationMessagePayload, { type: 'voice' }>), type: 'voice', url: localUrl };\n}\n"],"names":[],"mappings":"AAGM,SAAU,sBAAsB,CACpC,OAAqC,EACrC,MAAsB,EAAA;IAEtB,OAAO;AACL,QAAA,GAAI,OAAoE;AACxE,QAAA,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,MAAM,CAAC,GAAG;QACf,OAAO,EAAE,MAAM,CAAC,OAAO;QACvB,QAAQ,EAAE,MAAM,CAAC,QAAQ;QACzB,IAAI,EAAE,MAAM,CAAC,IAAI;QACjB,QAAQ,EAAE,MAAM,CAAC,QAAQ;KAC1B;AACH;AAEM,SAAU,sBAAsB,CAAC,OAAqC,EAAE,QAAgB,EAAA;AAC5F,IAAA,OAAO,EAAE,GAAI,OAAoE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE;AACnH;;;;"}