cuoral-ionic 0.0.6 → 0.0.8

package/dist/plugin.js

@@ -15,7 +15,7 @@ export class CuoralRecorder {
     /**
      * Start recording with automatic permission handling
      */
-    async startRecording(options) {
+    async startRecording(options, sendMessages = true) {
         try {
             // Check if already recording
             if (this.isRecording) {
@@ -37,20 +37,24 @@ export class CuoralRecorder {
             if (result.success) {
                 this.isRecording = true;
                 this.recordingStartTime = Date.now();
-                // Post message to widget
-                this.postMessage({
-                    type: CuoralMessageType.RECORDING_STARTED,
-                    payload: { timestamp: this.recordingStartTime },
-                });
+                // Post message to widget only if enabled (disabled when called from widget handler)
+                if (sendMessages) {
+                    this.postMessage({
+                        type: CuoralMessageType.RECORDING_STARTED,
+                        payload: { timestamp: this.recordingStartTime },
+                    });
+                }
             }
             else {
                 // Recording failed - reset state and notify widget
                 this.isRecording = false;
                 this.recordingStartTime = undefined;
-                this.postMessage({
-                    type: CuoralMessageType.RECORDING_ERROR,
-                    payload: { error: 'Failed to start recording' },
-                });
+                if (sendMessages) {
+                    this.postMessage({
+                        type: CuoralMessageType.RECORDING_ERROR,
+                        payload: { error: 'Failed to start recording' },
+                    });
+                }
             }
             return result.success;
         }
@@ -58,58 +62,71 @@ export class CuoralRecorder {
             // Exception occurred - reset state and notify widget
             this.isRecording = false;
             this.recordingStartTime = undefined;
-            this.postMessage({
-                type: CuoralMessageType.RECORDING_ERROR,
-                payload: { error: error.message },
-            });
+            if (sendMessages) {
+                this.postMessage({
+                    type: CuoralMessageType.RECORDING_ERROR,
+                    payload: { error: error.message },
+                });
+            }
             return false;
         }
     }
     /**
      * Stop recording
      */
-    async stopRecording() {
+    async stopRecording(options, sendMessages = true) {
         try {
             if (!this.isRecording) {
                 // Send error message to widget so it can exit "stopping" state
-                this.postMessage({
-                    type: CuoralMessageType.RECORDING_ERROR,
-                    payload: { error: 'Not recording' },
-                });
+                if (sendMessages) {
+                    this.postMessage({
+                        type: CuoralMessageType.RECORDING_ERROR,
+                        payload: { error: 'Not recording' },
+                    });
+                }
                 return null;
             }
-            const result = await CuoralPlugin.stopRecording();
+            const result = await CuoralPlugin.stopRecording(options);
             if (result.success) {
                 this.isRecording = false;
                 const duration = this.recordingStartTime
                     ? Math.floor((Date.now() - this.recordingStartTime) / 1000)
                     : 0;
-                // Post message to widget
-                this.postMessage({
-                    type: CuoralMessageType.RECORDING_STOPPED,
-                    payload: {
-                        filePath: result.filePath,
-                        duration: result.duration || duration,
-                    },
-                });
+                // Send RECORDING_STOPPED message only if enabled
+                if (sendMessages) {
+                    this.postMessage({
+                        type: CuoralMessageType.RECORDING_STOPPED,
+                        payload: {
+                            filePath: result.filePath,
+                            duration: result.duration || duration,
+                            uploaded: result.uploaded,
+                            uploadedToBackend: result.uploaded,
+                        },
+                    });
+                }
                 return {
                     filePath: result.filePath,
                     duration: result.duration || duration,
+                    uploaded: result.uploaded,
                 };
             }
             // If result.success is false, send error to widget
-            this.postMessage({
-                type: CuoralMessageType.RECORDING_ERROR,
-                payload: { error: 'Failed to stop recording' },
-            });
+            if (sendMessages) {
+                this.postMessage({
+                    type: CuoralMessageType.RECORDING_ERROR,
+                    payload: { error: 'Failed to stop recording' },
+                });
+            }
             return null;
         }
         catch (error) {
             console.error('[Cuoral] Failed to stop recording:', error);
-            this.postMessage({
-                type: CuoralMessageType.RECORDING_ERROR,
-                payload: { error: error.message },
-            });
+            if (sendMessages) {
+                this.postMessage({
+                    type: CuoralMessageType.RECORDING_ERROR,
+                    payload: { error: error.message },
+                });
+            }
             return null;
         }
     }

package/dist/types.d.ts

@@ -6,12 +6,16 @@ export declare enum CuoralMessageType {
     STOP_RECORDING = "CUORAL_STOP_RECORDING",
     RECORDING_STARTED = "CUORAL_RECORDING_STARTED",
     RECORDING_STOPPED = "CUORAL_RECORDING_STOPPED",
+    RECORDING_UPLOADED = "CUORAL_RECORDING_UPLOADED",
     RECORDING_ERROR = "CUORAL_RECORDING_ERROR",
     TAKE_SCREENSHOT = "CUORAL_TAKE_SCREENSHOT",
     SCREENSHOT_TAKEN = "CUORAL_SCREENSHOT_TAKEN",
     SCREENSHOT_ERROR = "CUORAL_SCREENSHOT_ERROR",
     WIDGET_READY = "CUORAL_WIDGET_READY",
     WIDGET_CLOSED = "CUORAL_WIDGET_CLOSED",
+    SESSION_UPDATED = "CUORAL_SESSION_UPDATED",
+    REQUEST_SESSION_ID = "CUORAL_REQUEST_SESSION_ID",
+    SESSION_ID_RESPONSE = "CUORAL_SESSION_ID_RESPONSE",
     UPLOAD_FILE = "CUORAL_UPLOAD_FILE",
     UPLOAD_PROGRESS = "CUORAL_UPLOAD_PROGRESS",
     UPLOAD_COMPLETE = "CUORAL_UPLOAD_COMPLETE",

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,oBAAY,iBAAiB;IAE3B,eAAe,2BAA2B;IAC1C,cAAc,0BAA0B;IACxC,iBAAiB,6BAA6B;IAC9C,iBAAiB,6BAA6B;IAC9C,eAAe,2BAA2B;IAG1C,eAAe,2BAA2B;IAC1C,gBAAgB,4BAA4B;IAC5C,gBAAgB,4BAA4B;IAG5C,YAAY,wBAAwB;IACpC,aAAa,yBAAyB;IAGtC,WAAW,uBAAuB;IAClC,eAAe,2BAA2B;IAC1C,eAAe,2BAA2B;IAC1C,YAAY,wBAAwB;CACrC;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,iBAAiB,CAAC;IACxB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IAE7C;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;CACzB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,oBAAY,iBAAiB;IAE3B,eAAe,2BAA2B;IAC1C,cAAc,0BAA0B;IACxC,iBAAiB,6BAA6B;IAC9C,iBAAiB,6BAA6B;IAC9C,kBAAkB,8BAA8B;IAChD,eAAe,2BAA2B;IAG1C,eAAe,2BAA2B;IAC1C,gBAAgB,4BAA4B;IAC5C,gBAAgB,4BAA4B;IAG5C,YAAY,wBAAwB;IACpC,aAAa,yBAAyB;IACtC,eAAe,2BAA2B;IAC1C,kBAAkB,8BAA8B;IAChD,mBAAmB,+BAA+B;IAGlD,WAAW,uBAAuB;IAClC,eAAe,2BAA2B;IAC1C,eAAe,2BAA2B;IAC1C,YAAY,wBAAwB;CACrC;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,iBAAiB,CAAC;IACxB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IAE7C;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;CACzB"}

package/dist/types.js

@@ -8,6 +8,7 @@ export var CuoralMessageType;
     CuoralMessageType["STOP_RECORDING"] = "CUORAL_STOP_RECORDING";
     CuoralMessageType["RECORDING_STARTED"] = "CUORAL_RECORDING_STARTED";
     CuoralMessageType["RECORDING_STOPPED"] = "CUORAL_RECORDING_STOPPED";
+    CuoralMessageType["RECORDING_UPLOADED"] = "CUORAL_RECORDING_UPLOADED";
     CuoralMessageType["RECORDING_ERROR"] = "CUORAL_RECORDING_ERROR";
     // Screenshot
     CuoralMessageType["TAKE_SCREENSHOT"] = "CUORAL_TAKE_SCREENSHOT";
@@ -16,6 +17,9 @@ export var CuoralMessageType;
     // Widget Communication
     CuoralMessageType["WIDGET_READY"] = "CUORAL_WIDGET_READY";
     CuoralMessageType["WIDGET_CLOSED"] = "CUORAL_WIDGET_CLOSED";
+    CuoralMessageType["SESSION_UPDATED"] = "CUORAL_SESSION_UPDATED";
+    CuoralMessageType["REQUEST_SESSION_ID"] = "CUORAL_REQUEST_SESSION_ID";
+    CuoralMessageType["SESSION_ID_RESPONSE"] = "CUORAL_SESSION_ID_RESPONSE";
     // File Upload
     CuoralMessageType["UPLOAD_FILE"] = "CUORAL_UPLOAD_FILE";
     CuoralMessageType["UPLOAD_PROGRESS"] = "CUORAL_UPLOAD_PROGRESS";

package/ios/Plugin/CuoralPlugin.swift

@@ -110,10 +110,19 @@ public class CuoralPlugin: CAPPlugin {
         do {
             assetWriter = try AVAssetWriter(url: outputURL, fileType: .mp4)
             
+            // Optimized quality settings for screen recordings
+            // 1.5 Mbps bitrate = ~11MB per minute (~54MB for 5 min)
+            let compressionProperties: [String: Any] = [
+                AVVideoAverageBitRateKey: 1_500_000, // 1.5 Mbps
+                AVVideoMaxKeyFrameIntervalKey: 30,
+                AVVideoProfileLevelKey: AVVideoProfileLevelH264BaselineAutoLevel
+            ]
+            
             let videoSettings: [String: Any] = [
                 AVVideoCodecKey: AVVideoCodecType.h264,
                 AVVideoWidthKey: UIScreen.main.bounds.width * UIScreen.main.scale,
-                AVVideoHeightKey: UIScreen.main.bounds.height * UIScreen.main.scale
+                AVVideoHeightKey: UIScreen.main.bounds.height * UIScreen.main.scale,
+                AVVideoCompressionPropertiesKey: compressionProperties
             ]
             
             videoInput = AVAssetWriterInput(mediaType: .video, outputSettings: videoSettings)
@@ -184,6 +193,12 @@ public class CuoralPlugin: CAPPlugin {
         
         isRecording = false
         
+        // Get upload parameters
+        let shouldUpload = call.getBool("autoUpload") ?? true
+        let sessionId = call.getString("sessionId") ?? ""
+        let publicKey = call.getString("publicKey") ?? ""
+        let customerId = call.getString("customerId") ?? ""
+        
         recorder.stopCapture { [weak self] error in
             guard let self = self else { return }
             
@@ -208,20 +223,241 @@ public class CuoralPlugin: CAPPlugin {
                 let duration = self.recordingStartTime.map { Date().timeIntervalSince($0) } ?? 0
                 let filePath = self.videoOutputURL?.path ?? ""
                 
-                call.resolve([
-                    "success": true,
-                    "filePath": filePath,
-                    "duration": Int(duration)
-                ])
-                
-                // Clean up
-                self.assetWriter = nil
-                self.videoInput = nil
-                self.videoOutputURL = nil
-                self.recordingStartTime = nil
-                self.firstFrameTime = nil
+                // If autoUpload is enabled, upload the video
+                if shouldUpload && !sessionId.isEmpty && !publicKey.isEmpty {
+                    self.uploadRecording(
+                        filePath: filePath,
+                        sessionId: sessionId,
+                        publicKey: publicKey,
+                        customerId: customerId,
+                        duration: Int(duration)
+                    ) { success, error in
+                        if success {
+                            call.resolve([
+                                "success": true,
+                                "filePath": filePath,
+                                "duration": Int(duration),
+                                "uploaded": true
+                            ])
+                        } else {
+                            call.resolve([
+                                "success": true,
+                                "filePath": filePath,
+                                "duration": Int(duration),
+                                "uploaded": false,
+                                "uploadError": error ?? "Unknown error"
+                            ])
+                        }
+                        
+                        // Clean up
+                        self.assetWriter = nil
+                        self.videoInput = nil
+                        self.videoOutputURL = nil
+                        self.recordingStartTime = nil
+                        self.firstFrameTime = nil
+                    }
+                } else {
+                    // No upload, just return file path
+                    call.resolve([
+                        "success": true,
+                        "filePath": filePath,
+                        "duration": Int(duration),
+                        "uploaded": false
+                    ])
+                    
+                    // Clean up
+                    self.assetWriter = nil
+                    self.videoInput = nil
+                    self.videoOutputURL = nil
+                    self.recordingStartTime = nil
+                    self.firstFrameTime = nil
+                }
+            }
+        }
+    }
+    
+    /**
+     * Upload recording to Cuoral backend
+     */
+    private func uploadRecording(
+        filePath: String,
+        sessionId: String,
+        publicKey: String,
+        customerId: String,
+        duration: Int,
+        completion: @escaping (Bool, String?) -> Void
+    ) {
+        guard let fileURL = URL(string: "file://\(filePath)"),
+              FileManager.default.fileExists(atPath: filePath) else {
+            completion(false, "File not found")
+            return
+        }
+        
+        // Read video data
+        guard let videoData = try? Data(contentsOf: fileURL) else {
+            completion(false, "Failed to read video file")
+            return
+        }
+        
+        // Step 1: Initiate recording to get record_id
+        initiateRecording(sessionId: sessionId, customerId: customerId, publicKey: publicKey) { recordId, error in
+            if let error = error {
+                completion(false, "Failed to initiate recording: \(error)")
+                return
             }
+            
+            guard let recordId = recordId else {
+                completion(false, "No record ID returned")
+                return
+            }
+            
+            // Step 2: Upload video with the record_id
+            self.uploadVideo(
+                videoData: videoData,
+                recordId: recordId,
+                publicKey: publicKey,
+                customerId: customerId,
+                duration: duration,
+                completion: completion
+            )
+        }
+    }
+    
+    /**
+     * Step 1: Initiate recording session
+     */
+    private func initiateRecording(
+        sessionId: String,
+        customerId: String,
+        publicKey: String,
+        completion: @escaping (String?, String?) -> Void
+    ) {
+        let url = URL(string: "https://api.cuoral.com/customer-intelligence/initiate/record")!
+        var request = URLRequest(url: url)
+        request.httpMethod = "POST"
+        request.setValue("application/json", forHTTPHeaderField: "Content-Type")
+        request.setValue("*/*", forHTTPHeaderField: "Accept")
+        request.setValue(publicKey, forHTTPHeaderField: "x-org-id")
+        
+        // API needs both session_id and customer_id (matching widget.js)
+        let body: [String: String] = [
+            "session_id": sessionId,
+            "customer_id": customerId
+        ]
+        
+        guard let jsonData = try? JSONSerialization.data(withJSONObject: body) else {
+            completion(nil, "Failed to serialize JSON")
+            return
         }
+        
+        request.httpBody = jsonData
+        request.timeoutInterval = 30.0
+        
+        URLSession.shared.dataTask(with: request) { data, response, error in
+            if let error = error {
+                completion(nil, error.localizedDescription)
+                return
+            }
+            
+            guard let httpResponse = response as? HTTPURLResponse else {
+                completion(nil, "Invalid response")
+                return
+            }
+            
+            // API returns JSON: { status: 'success', record_id: '...' }
+            guard httpResponse.statusCode == 200, let data = data else {
+                completion(nil, "Failed to initiate recording (status \(httpResponse.statusCode))")
+                return
+            }
+            
+            // Parse JSON response
+            guard let json = try? JSONSerialization.jsonObject(with: data) as? [String: Any],
+                  let status = json["status"] as? String,
+                  status == "success",
+                  let recordId = json["record_id"] as? String else {
+                completion(nil, "Invalid response format")
+                return
+            }
+            
+            completion(recordId, nil)
+        }.resume()
+    }
+    
+    /**
+     * Step 2: Upload video to the initiated recording
+     */
+    private func uploadVideo(
+        videoData: Data,
+        recordId: String,
+        publicKey: String,
+        customerId: String,
+        duration: Int,
+        completion: @escaping (Bool, String?) -> Void
+    ) {
+        // Create multipart form data
+        let boundary = "Boundary-\(UUID().uuidString)"
+        var body = Data()
+        
+        // Add form fields (API spec: only record_id is required)
+        let parameters: [String: String] = [
+            "record_id": recordId,
+            "console_error": "[]",
+            "api_response_log": "[]",
+            "page_view": "[]"
+        ]
+        
+        for (key, value) in parameters {
+            body.append("--\(boundary)\r\n".data(using: .utf8)!)
+            body.append("Content-Disposition: form-data; name=\"\(key)\"\r\n\r\n".data(using: .utf8)!)
+            body.append("\(value)\r\n".data(using: .utf8)!)
+        }
+        
+        // Add video file
+        body.append("--\(boundary)\r\n".data(using: .utf8)!)
+        body.append("Content-Disposition: form-data; name=\"record_media\"; filename=\"recording.mp4\"\r\n".data(using: .utf8)!)
+        body.append("Content-Type: video/mp4\r\n\r\n".data(using: .utf8)!)
+        body.append(videoData)
+        body.append("\r\n".data(using: .utf8)!)
+        body.append("--\(boundary)--\r\n".data(using: .utf8)!)
+        
+        // Create request
+        let url = URL(string: "https://api.cuoral.com/customer-intelligence/update/record")!
+        var request = URLRequest(url: url)
+        request.httpMethod = "POST"
+        request.setValue("multipart/form-data; boundary=\(boundary)", forHTTPHeaderField: "Content-Type")
+        request.setValue("*/*", forHTTPHeaderField: "Accept")
+        // Note: widget.js doesn't send x-org-id for update endpoint
+        request.httpBody = body
+        request.timeoutInterval = 60.0 // 60 seconds for upload
+        
+        // Send request
+        URLSession.shared.dataTask(with: request) { data, response, error in
+            if let error = error {
+                completion(false, error.localizedDescription)
+                return
+            }
+            
+            guard let httpResponse = response as? HTTPURLResponse else {
+                completion(false, "Invalid response")
+                return
+            }
+            
+            // API returns JSON: { status: 'success' }
+            guard httpResponse.statusCode == 200, let data = data else {
+                completion(false, "Upload failed with status \(httpResponse.statusCode)")
+                return
+            }
+            
+            // Parse JSON response
+            guard let json = try? JSONSerialization.jsonObject(with: data) as? [String: Any],
+                  let status = json["status"] as? String,
+                  status == "success" else {
+                completion(false, "Upload failed")
+                return
+            }
+            
+            completion(true, nil)
+        }.resume()
     }
     
     @objc func getRecordingState(_ call: CAPPluginCall) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cuoral-ionic",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "Cuoral Ionic Framework Library - Proactive customer success platform with support ticketing, customer intelligence, screen recording, and engagement tools",
   "type": "module",
   "main": "dist/index.js",

package/src/bridge.ts

@@ -129,6 +129,7 @@ export class CuoralBridge {
     window.addEventListener('message', (event: MessageEvent) => {
       // Only process messages FROM the iframe
       const widgetFrame = document.querySelector('iframe[src*="mobile.html"]') as HTMLIFrameElement;
+      
       if (widgetFrame && event.source === widgetFrame.contentWindow) {
         this.widgetIframe = widgetFrame;
       } else if (widgetFrame) {