reneco-advanced-input-module 0.0.24 → 0.0.25

package/dist/cjs/voice-input-module.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BTSzTkSZ.js');
+var index = require('./index-BtdDZbi5.js');
 
 const TRANSCRIPTION_MODELS = {
     openai: ['gpt-4o-transcribe', 'gpt-4o-mini-transcribe', 'whisper-1'],
@@ -4401,9 +4401,17 @@ const VoiceFormRecorder = class {
         this.audioRecorder = new AudioRecorderService();
     }
     componentWillLoad() {
-        this.initializeServices();
+        // Parse theme only so the skeleton can be styled correctly on first render.
+        // Full initialization runs in componentDidLoad() to give the skeleton time to paint.
+        try {
+            this.parsedTheme = this.theme ? JSON.parse(this.theme) : this.getDefaultTheme();
+        }
+        catch (_a) {
+            this.parsedTheme = this.getDefaultTheme();
+        }
     }
     componentDidLoad() {
+        this.initializeServices();
         this.isInitializing = false;
     }
     initializeServices() {
@@ -5215,7 +5223,8 @@ const VoiceFormRecorder = class {
         };
     }
     getContainerStyle() {
-        const c = this.parsedTheme.container || {};
+        var _a;
+        const c = ((_a = this.parsedTheme) === null || _a === void 0 ? void 0 : _a.container) || {};
         return {
             width: c.width || 'auto',
             height: c.height || 'auto',
@@ -5227,7 +5236,8 @@ const VoiceFormRecorder = class {
         };
     }
     getStatusStyle() {
-        const s = this.parsedTheme.statusText || {};
+        var _a;
+        const s = ((_a = this.parsedTheme) === null || _a === void 0 ? void 0 : _a.statusText) || {};
         return {
             color: s.color || '#1e293b',
             fontSize: s.fontSize || '14px'