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

package/fesm2022/acorex-components-conversation-voice-recorder.component-D_rdANZN.mjs

@@ -0,0 +1,344 @@
+import { AXButtonComponent } from '@acorex/components/button';
+import * as i1 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i2 from '@acorex/components/label';
+import { AXLabelModule } from '@acorex/components/label';
+import * as i1$1 from '@acorex/components/progress-bar';
+import { AXProgressBarModule } from '@acorex/components/progress-bar';
+import { AXToastService } from '@acorex/components/toast';
+import * as i3 from '@acorex/core/translation';
+import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
+import * as i2$1 from '@angular/common';
+import { isPlatformBrowser, CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, PLATFORM_ID, DestroyRef, input, output, signal, computed, Component } from '@angular/core';
+import { o as AXConversationComposerService, v as AX_CONVERSATION_VOICE_CATALOG } from './acorex-components-conversation-acorex-components-conversation-YhVa42TC.mjs';
+import { AXUploaderService } from '@acorex/cdk/uploader';
+import './acorex-components-conversation-conversation-voice.file-type-DDd47o4r.mjs';
+import './acorex-components-conversation-voice-composer.payload-DLVow7ex.mjs';
+import { n as notifyPickerValidationErrors, i as isUploadAborted } from './acorex-components-conversation-picker-upload-C-PlKPaU.mjs';
+
+/**
+ * Voice Recorder Component
+ * Full-width voice recording interface for the composer
+ */
+class AXConversationVoiceRecorderComponent {
+    constructor() {
+        this.platformId = inject(PLATFORM_ID);
+        this.destroyRef = inject(DestroyRef);
+        this.composerService = inject(AXConversationComposerService);
+        this.uploader = inject(AXUploaderService);
+        this.toast = inject(AXToastService);
+        this.translation = inject(AXTranslationService);
+        this.conversation = input(...(ngDevMode ? [undefined, { debugName: "conversation" }] : /* istanbul ignore next */ []));
+        this.recordingComplete = output();
+        this.recordingCancelled = output();
+        this.isRecording = signal(false, ...(ngDevMode ? [{ debugName: "isRecording" }] : /* istanbul ignore next */ []));
+        this.isUploading = signal(false, ...(ngDevMode ? [{ debugName: "isUploading" }] : /* istanbul ignore next */ []));
+        this.uploadProgress = signal(0, ...(ngDevMode ? [{ debugName: "uploadProgress" }] : /* istanbul ignore next */ []));
+        this.recordingDuration = signal(0, ...(ngDevMode ? [{ debugName: "recordingDuration" }] : /* istanbul ignore next */ []));
+        this.recordingStartTime = 0;
+        this.audioChunks = [];
+        this.cancelled = false;
+        this.formattedTime = computed(() => {
+            const duration = this.recordingDuration();
+            const minutes = Math.floor(duration / 60);
+            const seconds = duration % 60;
+            return `${minutes}:${seconds.toString().padStart(2, '0')}`;
+        }, ...(ngDevMode ? [{ debugName: "formattedTime" }] : /* istanbul ignore next */ []));
+        this.destroyRef.onDestroy(() => this.stopAndCleanup());
+    }
+    async startRecording() {
+        if (!isPlatformBrowser(this.platformId))
+            return;
+        try {
+            const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+            this.activeStream = stream;
+            this.mediaRecorder = new MediaRecorder(stream);
+            this.audioChunks = [];
+            this.cancelled = false;
+            this.mediaRecorder.ondataavailable = (event) => {
+                if (event.data.size > 0) {
+                    this.audioChunks.push(event.data);
+                }
+            };
+            this.mediaRecorder.onstop = async () => {
+                stream.getTracks().forEach((track) => track.stop());
+                this.activeStream = undefined;
+                if (this.cancelled) {
+                    this.cancelled = false;
+                    return;
+                }
+                const audioBlob = new Blob(this.audioChunks, { type: 'audio/webm' });
+                this.recordingComplete.emit(audioBlob);
+                const conv = this.conversation();
+                if (conv && this.audioChunks.length > 0) {
+                    await this.sendVoiceMessage(audioBlob, conv);
+                }
+            };
+            this.mediaRecorder.start();
+            this.isRecording.set(true);
+            this.recordingStartTime = Date.now();
+            this.recordingDuration.set(0);
+            this.timerInterval = window.setInterval(() => {
+                const elapsed = Math.floor((Date.now() - this.recordingStartTime) / 1000);
+                this.recordingDuration.set(elapsed);
+            }, 1000);
+        }
+        catch (error) {
+            console.error('Failed to start recording:', error);
+        }
+    }
+    /** Stop recording and send */
+    stopRecording() {
+        if (this.mediaRecorder && this.isRecording()) {
+            this.mediaRecorder.stop();
+            this.isRecording.set(false);
+            this.clearTimer();
+            // Close the full-width component
+            this.composerService.hideComponent();
+        }
+    }
+    cancelRecording() {
+        if (this.mediaRecorder && this.isRecording()) {
+            this.cancelled = true;
+            this.mediaRecorder.stop();
+            this.isRecording.set(false);
+            this.clearTimer();
+            this.audioChunks = [];
+            this.recordingCancelled.emit();
+            this.composerService.hideComponent();
+        }
+    }
+    /** Close the voice recorder */
+    cancel() {
+        if (this.isRecording()) {
+            this.cancelRecording();
+            return;
+        }
+        this.abortInProgressUploads();
+        this.composerService.hideComponent();
+    }
+    abortInProgressUploads() {
+        if (this.uploadAbortController && !this.uploadAbortController.signal.aborted) {
+            this.uploadAbortController.abort();
+        }
+        this.uploadAbortController = undefined;
+        if (this.isUploading()) {
+            this.isUploading.set(false);
+            this.uploadProgress.set(0);
+        }
+    }
+    /** Clear timer */
+    clearTimer() {
+        if (this.timerInterval) {
+            clearInterval(this.timerInterval);
+            this.timerInterval = undefined;
+        }
+    }
+    getUploadingLabel() {
+        return this.translation.translateSync('@acorex:chat.pickers.files.uploading-progress', {
+            params: { progress: this.uploadProgress() },
+        });
+    }
+    /** Send voice message */
+    async sendVoiceMessage(audioBlob, conversation) {
+        const voiceFile = new File([audioBlob], `voice-${Date.now()}.webm`, { type: 'audio/webm' });
+        const { rejected } = await this.uploader.validateFiles([voiceFile], AX_CONVERSATION_VOICE_CATALOG);
+        if (rejected.length > 0) {
+            notifyPickerValidationErrors(this.toast, this.translation, rejected);
+            return;
+        }
+        this.uploadAbortController = new AbortController();
+        const uploadSignal = this.uploadAbortController.signal;
+        this.isUploading.set(true);
+        this.uploadProgress.set(0);
+        const command = {
+            conversationId: conversation.id,
+            type: 'voice',
+            payload: {
+                type: 'voice',
+                url: '',
+                duration: this.recordingDuration(),
+                size: audioBlob.size,
+                mimeType: 'audio/webm',
+            },
+        };
+        this.composerService.hideComponent();
+        void this.composerService
+            .sendMessage(command, {
+            media: {
+                source: audioBlob,
+                fileName: `voice-${Date.now()}.webm`,
+                mimeType: 'audio/webm',
+                onProgress: (percent) => {
+                    if (!uploadSignal.aborted) {
+                        this.uploadProgress.set(percent);
+                    }
+                },
+                signal: uploadSignal,
+            },
+        })
+            .catch((error) => {
+            if (!isUploadAborted(error, uploadSignal)) {
+                console.error('Failed to send voice message:', error);
+            }
+        })
+            .finally(() => {
+            this.uploadAbortController = undefined;
+            if (!uploadSignal.aborted) {
+                this.isUploading.set(false);
+                this.uploadProgress.set(0);
+            }
+        });
+    }
+    stopAndCleanup() {
+        this.abortInProgressUploads();
+        this.clearTimer();
+        if (this.mediaRecorder?.state === 'recording') {
+            this.cancelled = true;
+            this.mediaRecorder.stop();
+        }
+        this.activeStream?.getTracks().forEach((track) => track.stop());
+        this.activeStream = undefined;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationVoiceRecorderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXConversationVoiceRecorderComponent, isStandalone: true, selector: "ax-conversation-voice-recorder", inputs: { conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { recordingComplete: "recordingComplete", recordingCancelled: "recordingCancelled" }, ngImport: i0, template: `
+    <div class="voice-recorder">
+      <!-- Header with Close Button -->
+      <div class="recorder-header">
+        <h3 class="recorder-title">{{ '@acorex:chat.voice-recorder.title' | translate | async }}</h3>
+        <button
+          type="button"
+          class="close-button"
+          (click)="cancel()"
+          [attr.aria-label]="'@acorex:chat.actions.close' | translate | async"
+        >
+          <i class="fa-light fa-xmark"></i>
+        </button>
+      </div>
+
+      <div class="recorder-content">
+        @if (isUploading()) {
+          <div class="recorder-upload">
+            <ax-label>{{ getUploadingLabel() }}</ax-label>
+            <ax-progress-bar [progress]="uploadProgress()" [mode]="'determinate'" [height]="6" />
+          </div>
+        } @else if (!isRecording()) {
+          <!-- Start Recording State -->
+          <div class="recorder-idle">
+            <button class="record-button" (click)="startRecording()">
+              <i class="fa-light fa-microphone"></i>
+            </button>
+            <span class="recorder-hint">{{ '@acorex:chat.voice-recorder.tap-to-start' | translate | async }}</span>
+          </div>
+        } @else {
+          <!-- Recording State -->
+          <div class="recorder-active">
+            <div class="recorder-info">
+              <div class="recording-indicator">
+                <span class="pulse-dot"></span>
+                <span class="recording-text">{{ '@acorex:chat.voice-recorder.recording' | translate | async }}</span>
+              </div>
+              <div class="recording-time">{{ formattedTime() }}</div>
+            </div>
+
+            <div class="recorder-actions">
+              <ax-button
+                [text]="translation.translateSync('@acorex:chat.actions.cancel')"
+                [look]="'ghost'"
+                (onClick)="cancelRecording()"
+              >
+                <ax-prefix>
+                  <ax-icon><i class="fa-light fa-xmark"></i></ax-icon>
+                </ax-prefix>
+              </ax-button>
+
+              <ax-button
+                [text]="translation.translateSync('@acorex:chat.actions.send')"
+                [look]="'primary'"
+                (onClick)="stopRecording()"
+              >
+                <ax-prefix>
+                  <ax-icon><i class="fa-light fa-paper-plane"></i></ax-icon>
+                </ax-prefix>
+              </ax-button>
+            </div>
+          </div>
+        }
+      </div>
+    </div>
+  `, isInline: true, styles: [":host{display:block;width:100%;container-type:inline-size}.voice-recorder{display:flex;flex-direction:column;width:100%;background:rgb(var(--ax-sys-color-lightest-surface))}.recorder-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.recorder-title{margin:0;font-size:.875rem;font-weight:600}.close-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:50%;font-size:1rem;cursor:pointer;transition:all .2s;opacity:.7}.close-button:hover{background:rgb(var(--ax-sys-color-light-surface));opacity:1}.recorder-upload{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;width:100%;max-width:320px;margin:0 auto}.recorder-content{display:flex;align-items:center;width:100%;padding:1rem}.recorder-idle{display:flex;align-items:center;gap:1rem;width:100%}.record-button{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:none;background:rgb(var(--ax-sys-color-primary-500));color:rgb(var(--ax-sys-color-on-primary-surface));border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px rgba(var(--ax-sys-color-primary-500),.3)}.record-button:hover{background:rgb(var(--ax-sys-color-primary-600))}.recorder-hint{font-size:.875rem;opacity:.7}.recorder-active{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem}.recorder-info{display:flex;align-items:center;gap:1.5rem;flex:1}.recording-indicator{display:flex;align-items:center;gap:.5rem}.pulse-dot{width:12px;height:12px;background:rgb(var(--ax-sys-color-danger-500));border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.recording-text{font-size:.875rem;font-weight:600;color:rgb(var(--ax-sys-color-danger-500))}.recording-time{font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums;min-width:80px}.recorder-actions{display:flex;align-items:center;gap:.75rem}@container (max-width: 768px){.voice-recorder{padding:.75rem}.record-button{width:48px;height:48px;font-size:1.25rem}.recorder-info{gap:1rem}.recording-time{font-size:1.125rem;font-variant-numeric:tabular-nums}.recorder-actions{gap:.5rem}}@container (max-width: 480px){.recorder-hint{font-size:.8125rem}.recording-text{display:none}.recording-time{font-size:1rem;min-width:60px;font-variant-numeric:tabular-nums}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i2.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXProgressBarModule }, { kind: "component", type: i1$1.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXConversationVoiceRecorderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-conversation-voice-recorder', imports: [CommonModule, AXButtonComponent, AXDecoratorModule, AXLabelModule, AXProgressBarModule, AXTranslationModule], template: `
+    <div class="voice-recorder">
+      <!-- Header with Close Button -->
+      <div class="recorder-header">
+        <h3 class="recorder-title">{{ '@acorex:chat.voice-recorder.title' | translate | async }}</h3>
+        <button
+          type="button"
+          class="close-button"
+          (click)="cancel()"
+          [attr.aria-label]="'@acorex:chat.actions.close' | translate | async"
+        >
+          <i class="fa-light fa-xmark"></i>
+        </button>
+      </div>
+
+      <div class="recorder-content">
+        @if (isUploading()) {
+          <div class="recorder-upload">
+            <ax-label>{{ getUploadingLabel() }}</ax-label>
+            <ax-progress-bar [progress]="uploadProgress()" [mode]="'determinate'" [height]="6" />
+          </div>
+        } @else if (!isRecording()) {
+          <!-- Start Recording State -->
+          <div class="recorder-idle">
+            <button class="record-button" (click)="startRecording()">
+              <i class="fa-light fa-microphone"></i>
+            </button>
+            <span class="recorder-hint">{{ '@acorex:chat.voice-recorder.tap-to-start' | translate | async }}</span>
+          </div>
+        } @else {
+          <!-- Recording State -->
+          <div class="recorder-active">
+            <div class="recorder-info">
+              <div class="recording-indicator">
+                <span class="pulse-dot"></span>
+                <span class="recording-text">{{ '@acorex:chat.voice-recorder.recording' | translate | async }}</span>
+              </div>
+              <div class="recording-time">{{ formattedTime() }}</div>
+            </div>
+
+            <div class="recorder-actions">
+              <ax-button
+                [text]="translation.translateSync('@acorex:chat.actions.cancel')"
+                [look]="'ghost'"
+                (onClick)="cancelRecording()"
+              >
+                <ax-prefix>
+                  <ax-icon><i class="fa-light fa-xmark"></i></ax-icon>
+                </ax-prefix>
+              </ax-button>
+
+              <ax-button
+                [text]="translation.translateSync('@acorex:chat.actions.send')"
+                [look]="'primary'"
+                (onClick)="stopRecording()"
+              >
+                <ax-prefix>
+                  <ax-icon><i class="fa-light fa-paper-plane"></i></ax-icon>
+                </ax-prefix>
+              </ax-button>
+            </div>
+          </div>
+        }
+      </div>
+    </div>
+  `, styles: [":host{display:block;width:100%;container-type:inline-size}.voice-recorder{display:flex;flex-direction:column;width:100%;background:rgb(var(--ax-sys-color-lightest-surface))}.recorder-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.recorder-title{margin:0;font-size:.875rem;font-weight:600}.close-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:50%;font-size:1rem;cursor:pointer;transition:all .2s;opacity:.7}.close-button:hover{background:rgb(var(--ax-sys-color-light-surface));opacity:1}.recorder-upload{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;width:100%;max-width:320px;margin:0 auto}.recorder-content{display:flex;align-items:center;width:100%;padding:1rem}.recorder-idle{display:flex;align-items:center;gap:1rem;width:100%}.record-button{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:none;background:rgb(var(--ax-sys-color-primary-500));color:rgb(var(--ax-sys-color-on-primary-surface));border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px rgba(var(--ax-sys-color-primary-500),.3)}.record-button:hover{background:rgb(var(--ax-sys-color-primary-600))}.recorder-hint{font-size:.875rem;opacity:.7}.recorder-active{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem}.recorder-info{display:flex;align-items:center;gap:1.5rem;flex:1}.recording-indicator{display:flex;align-items:center;gap:.5rem}.pulse-dot{width:12px;height:12px;background:rgb(var(--ax-sys-color-danger-500));border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.recording-text{font-size:.875rem;font-weight:600;color:rgb(var(--ax-sys-color-danger-500))}.recording-time{font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums;min-width:80px}.recorder-actions{display:flex;align-items:center;gap:.75rem}@container (max-width: 768px){.voice-recorder{padding:.75rem}.record-button{width:48px;height:48px;font-size:1.25rem}.recorder-info{gap:1rem}.recording-time{font-size:1.125rem;font-variant-numeric:tabular-nums}.recorder-actions{gap:.5rem}}@container (max-width: 480px){.recorder-hint{font-size:.8125rem}.recording-text{display:none}.recording-time{font-size:1rem;min-width:60px;font-variant-numeric:tabular-nums}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { conversation: [{ type: i0.Input, args: [{ isSignal: true, alias: "conversation", required: false }] }], recordingComplete: [{ type: i0.Output, args: ["recordingComplete"] }], recordingCancelled: [{ type: i0.Output, args: ["recordingCancelled"] }] } });
+
+export { AXConversationVoiceRecorderComponent };
+//# sourceMappingURL=acorex-components-conversation-voice-recorder.component-D_rdANZN.mjs.map

package/fesm2022/acorex-components-conversation-voice-recorder.component-D_rdANZN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-conversation-voice-recorder.component-D_rdANZN.mjs","sources":["../../../../packages/components/conversation/src/lib/plugins/composer/components/voice-recorder/voice-recorder.component.ts"],"sourcesContent":["/**\n * Voice Recorder Component\n * Full-width voice recording interface for the composer\n */\n\nimport { AXButtonComponent } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXLabelModule } from '@acorex/components/label';\nimport { AXProgressBarModule } from '@acorex/components/progress-bar';\nimport { AXToastService } from '@acorex/components/toast';\nimport { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';\nimport { CommonModule, isPlatformBrowser } from '@angular/common';\nimport { Component, DestroyRef, PLATFORM_ID, computed, inject, input, output, signal } from '@angular/core';\nimport { AXConversationComposerService } from '../../../../components/composer/composer.service';\nimport type { AXConversation, AXConversationSendMessageCommand } from '../../../../models';\nimport { AXUploaderService } from '@acorex/cdk/uploader';\nimport { AX_CONVERSATION_VOICE_CATALOG } from './index';\nimport { isUploadAborted, notifyPickerValidationErrors } from '../shared/picker-upload';\n\n@Component({\n  selector: 'ax-conversation-voice-recorder',\n  imports: [CommonModule, AXButtonComponent, AXDecoratorModule, AXLabelModule, AXProgressBarModule, AXTranslationModule],\n  template: `\n    <div class=\"voice-recorder\">\n      <!-- Header with Close Button -->\n      <div class=\"recorder-header\">\n        <h3 class=\"recorder-title\">{{ '@acorex:chat.voice-recorder.title' | translate | async }}</h3>\n        <button\n          type=\"button\"\n          class=\"close-button\"\n          (click)=\"cancel()\"\n          [attr.aria-label]=\"'@acorex:chat.actions.close' | translate | async\"\n        >\n          <i class=\"fa-light fa-xmark\"></i>\n        </button>\n      </div>\n\n      <div class=\"recorder-content\">\n        @if (isUploading()) {\n          <div class=\"recorder-upload\">\n            <ax-label>{{ getUploadingLabel() }}</ax-label>\n            <ax-progress-bar [progress]=\"uploadProgress()\" [mode]=\"'determinate'\" [height]=\"6\" />\n          </div>\n        } @else if (!isRecording()) {\n          <!-- Start Recording State -->\n          <div class=\"recorder-idle\">\n            <button class=\"record-button\" (click)=\"startRecording()\">\n              <i class=\"fa-light fa-microphone\"></i>\n            </button>\n            <span class=\"recorder-hint\">{{ '@acorex:chat.voice-recorder.tap-to-start' | translate | async }}</span>\n          </div>\n        } @else {\n          <!-- Recording State -->\n          <div class=\"recorder-active\">\n            <div class=\"recorder-info\">\n              <div class=\"recording-indicator\">\n                <span class=\"pulse-dot\"></span>\n                <span class=\"recording-text\">{{ '@acorex:chat.voice-recorder.recording' | translate | async }}</span>\n              </div>\n              <div class=\"recording-time\">{{ formattedTime() }}</div>\n            </div>\n\n            <div class=\"recorder-actions\">\n              <ax-button\n                [text]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n                [look]=\"'ghost'\"\n                (onClick)=\"cancelRecording()\"\n              >\n                <ax-prefix>\n                  <ax-icon><i class=\"fa-light fa-xmark\"></i></ax-icon>\n                </ax-prefix>\n              </ax-button>\n\n              <ax-button\n                [text]=\"translation.translateSync('@acorex:chat.actions.send')\"\n                [look]=\"'primary'\"\n                (onClick)=\"stopRecording()\"\n              >\n                <ax-prefix>\n                  <ax-icon><i class=\"fa-light fa-paper-plane\"></i></ax-icon>\n                </ax-prefix>\n              </ax-button>\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  `,\n  styles: [\n    `\n      :host {\n        display: block;\n        width: 100%;\n        container-type: inline-size;\n      }\n\n      .voice-recorder {\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n        background: rgb(var(--ax-sys-color-lightest-surface));\n      }\n\n      .recorder-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 0.75rem 1rem;\n        border-bottom: 1px solid rgb(var(--ax-sys-color-border-light-surface));\n      }\n\n      .recorder-title {\n        margin: 0;\n        font-size: 0.875rem;\n        font-weight: 600;\n      }\n\n      .close-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 28px;\n        height: 28px;\n        border: none;\n        background: transparent;\n        border-radius: 50%;\n        font-size: 1rem;\n        cursor: pointer;\n        transition: all 0.2s;\n        opacity: 0.7;\n      }\n\n      .close-button:hover {\n        background: rgb(var(--ax-sys-color-light-surface));\n        opacity: 1;\n      }\n\n      .recorder-upload {\n        display: flex;\n        flex-direction: column;\n        gap: 0.75rem;\n        padding: 1.5rem;\n        width: 100%;\n        max-width: 320px;\n        margin: 0 auto;\n      }\n\n      .recorder-content {\n        display: flex;\n        align-items: center;\n        width: 100%;\n        padding: 1rem;\n      }\n\n      .recorder-idle {\n        display: flex;\n        align-items: center;\n        gap: 1rem;\n        width: 100%;\n      }\n\n      .record-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 56px;\n        height: 56px;\n        border: none;\n        background: rgb(var(--ax-sys-color-primary-500));\n        color: rgb(var(--ax-sys-color-on-primary-surface));\n        border-radius: 50%;\n        font-size: 1.5rem;\n        cursor: pointer;\n        transition: all 0.2s;\n        box-shadow: 0 2px 8px rgba(var(--ax-sys-color-primary-500), 0.3);\n      }\n\n      .record-button:hover {\n        background: rgb(var(--ax-sys-color-primary-600));\n      }\n\n      .recorder-hint {\n        font-size: 0.875rem;\n        opacity: 0.7;\n      }\n\n      .recorder-active {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        width: 100%;\n        gap: 1rem;\n      }\n\n      .recorder-info {\n        display: flex;\n        align-items: center;\n        gap: 1.5rem;\n        flex: 1;\n      }\n\n      .recording-indicator {\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n      }\n\n      .pulse-dot {\n        width: 12px;\n        height: 12px;\n        background: rgb(var(--ax-sys-color-danger-500));\n        border-radius: 50%;\n        animation: pulse 1.5s ease-in-out infinite;\n      }\n\n      @keyframes pulse {\n        0%,\n        100% {\n          opacity: 1;\n        }\n        50% {\n          opacity: 0.5;\n        }\n      }\n\n      .recording-text {\n        font-size: 0.875rem;\n        font-weight: 600;\n        color: rgb(var(--ax-sys-color-danger-500));\n      }\n\n      .recording-time {\n        font-size: 1.25rem;\n        font-weight: 600;\n        font-variant-numeric: tabular-nums;\n        min-width: 80px;\n      }\n\n      .recorder-actions {\n        display: flex;\n        align-items: center;\n        gap: 0.75rem;\n      }\n\n      @container (max-width: 768px) {\n        .voice-recorder {\n          padding: 0.75rem;\n        }\n\n        .record-button {\n          width: 48px;\n          height: 48px;\n          font-size: 1.25rem;\n        }\n\n        .recorder-info {\n          gap: 1rem;\n        }\n\n        .recording-time {\n          font-size: 1.125rem;\n          font-variant-numeric: tabular-nums;\n        }\n\n        .recorder-actions {\n          gap: 0.5rem;\n        }\n      }\n\n      @container (max-width: 480px) {\n        .recorder-hint {\n          font-size: 0.8125rem;\n        }\n\n        .recording-text {\n          display: none;\n        }\n\n        .recording-time {\n          font-size: 1rem;\n          min-width: 60px;\n          font-variant-numeric: tabular-nums;\n        }\n      }\n    `,\n  ],\n})\nexport class AXConversationVoiceRecorderComponent {\n  private readonly platformId = inject(PLATFORM_ID);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly composerService = inject(AXConversationComposerService);\n  private readonly uploader = inject(AXUploaderService);\n  private readonly toast = inject(AXToastService);\n  readonly translation = inject(AXTranslationService);\n\n  readonly conversation = input<AXConversation>();\n  readonly recordingComplete = output<Blob>();\n  readonly recordingCancelled = output<void>();\n\n  readonly isRecording = signal(false);\n  readonly isUploading = signal(false);\n  readonly uploadProgress = signal(0);\n  readonly recordingDuration = signal(0);\n\n  private recordingStartTime = 0;\n  private timerInterval?: number;\n  private mediaRecorder?: MediaRecorder;\n  private audioChunks: Blob[] = [];\n  private activeStream?: MediaStream;\n  private cancelled = false;\n  private uploadAbortController?: AbortController;\n\n  readonly formattedTime = computed(() => {\n    const duration = this.recordingDuration();\n    const minutes = Math.floor(duration / 60);\n    const seconds = duration % 60;\n    return `${minutes}:${seconds.toString().padStart(2, '0')}`;\n  });\n\n  constructor() {\n    this.destroyRef.onDestroy(() => this.stopAndCleanup());\n  }\n\n  async startRecording(): Promise<void> {\n    if (!isPlatformBrowser(this.platformId)) return;\n\n    try {\n      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });\n      this.activeStream = stream;\n      this.mediaRecorder = new MediaRecorder(stream);\n      this.audioChunks = [];\n      this.cancelled = false;\n\n      this.mediaRecorder.ondataavailable = (event) => {\n        if (event.data.size > 0) {\n          this.audioChunks.push(event.data);\n        }\n      };\n\n      this.mediaRecorder.onstop = async () => {\n        stream.getTracks().forEach((track) => track.stop());\n        this.activeStream = undefined;\n\n        if (this.cancelled) {\n          this.cancelled = false;\n          return;\n        }\n\n        const audioBlob = new Blob(this.audioChunks, { type: 'audio/webm' });\n        this.recordingComplete.emit(audioBlob);\n\n        const conv = this.conversation();\n        if (conv && this.audioChunks.length > 0) {\n          await this.sendVoiceMessage(audioBlob, conv);\n        }\n      };\n\n      this.mediaRecorder.start();\n      this.isRecording.set(true);\n      this.recordingStartTime = Date.now();\n      this.recordingDuration.set(0);\n\n      this.timerInterval = window.setInterval(() => {\n        const elapsed = Math.floor((Date.now() - this.recordingStartTime) / 1000);\n        this.recordingDuration.set(elapsed);\n      }, 1000);\n    } catch (error) {\n      console.error('Failed to start recording:', error);\n    }\n  }\n\n  /** Stop recording and send */\n  stopRecording(): void {\n    if (this.mediaRecorder && this.isRecording()) {\n      this.mediaRecorder.stop();\n      this.isRecording.set(false);\n      this.clearTimer();\n      // Close the full-width component\n      this.composerService.hideComponent();\n    }\n  }\n\n  cancelRecording(): void {\n    if (this.mediaRecorder && this.isRecording()) {\n      this.cancelled = true;\n      this.mediaRecorder.stop();\n      this.isRecording.set(false);\n      this.clearTimer();\n      this.audioChunks = [];\n      this.recordingCancelled.emit();\n      this.composerService.hideComponent();\n    }\n  }\n\n  /** Close the voice recorder */\n  cancel(): void {\n    if (this.isRecording()) {\n      this.cancelRecording();\n      return;\n    }\n    this.abortInProgressUploads();\n    this.composerService.hideComponent();\n  }\n\n  abortInProgressUploads(): void {\n    if (this.uploadAbortController && !this.uploadAbortController.signal.aborted) {\n      this.uploadAbortController.abort();\n    }\n    this.uploadAbortController = undefined;\n    if (this.isUploading()) {\n      this.isUploading.set(false);\n      this.uploadProgress.set(0);\n    }\n  }\n\n  /** Clear timer */\n  private clearTimer(): void {\n    if (this.timerInterval) {\n      clearInterval(this.timerInterval);\n      this.timerInterval = undefined;\n    }\n  }\n\n  getUploadingLabel(): string {\n    return this.translation.translateSync('@acorex:chat.pickers.files.uploading-progress', {\n      params: { progress: this.uploadProgress() },\n    });\n  }\n\n  /** Send voice message */\n  private async sendVoiceMessage(audioBlob: Blob, conversation: AXConversation): Promise<void> {\n    const voiceFile = new File([audioBlob], `voice-${Date.now()}.webm`, { type: 'audio/webm' });\n    const { rejected } = await this.uploader.validateFiles([voiceFile], AX_CONVERSATION_VOICE_CATALOG);\n\n    if (rejected.length > 0) {\n      notifyPickerValidationErrors(this.toast, this.translation, rejected);\n      return;\n    }\n\n    this.uploadAbortController = new AbortController();\n    const uploadSignal = this.uploadAbortController.signal;\n    this.isUploading.set(true);\n    this.uploadProgress.set(0);\n\n    const command: AXConversationSendMessageCommand = {\n      conversationId: conversation.id,\n      type: 'voice',\n      payload: {\n        type: 'voice',\n        url: '',\n        duration: this.recordingDuration(),\n        size: audioBlob.size,\n        mimeType: 'audio/webm',\n      },\n    };\n\n    this.composerService.hideComponent();\n\n    void this.composerService\n      .sendMessage(command, {\n        media: {\n          source: audioBlob,\n          fileName: `voice-${Date.now()}.webm`,\n          mimeType: 'audio/webm',\n          onProgress: (percent) => {\n            if (!uploadSignal.aborted) {\n              this.uploadProgress.set(percent);\n            }\n          },\n          signal: uploadSignal,\n        },\n      })\n      .catch((error) => {\n        if (!isUploadAborted(error, uploadSignal)) {\n          console.error('Failed to send voice message:', error);\n        }\n      })\n      .finally(() => {\n        this.uploadAbortController = undefined;\n        if (!uploadSignal.aborted) {\n          this.isUploading.set(false);\n          this.uploadProgress.set(0);\n        }\n      });\n  }\n\n  private stopAndCleanup(): void {\n    this.abortInProgressUploads();\n    this.clearTimer();\n    if (this.mediaRecorder?.state === 'recording') {\n      this.cancelled = true;\n      this.mediaRecorder.stop();\n    }\n    this.activeStream?.getTracks().forEach((track) => track.stop());\n    this.activeStream = undefined;\n  }\n}\n"],"names":["i3","i4","i5"],"mappings":"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"}