surveysparrow-ionic-plugin 2.0.2-beta.1 → 2.0.2-beta.3

package/dist/plugin.cjs.js

@@ -51138,6 +51138,33 @@ SpotcheckStateService = __decorate$2([
     })
 ], SpotcheckStateService);
 
+class SpotCheckEventListenerService {
+    constructor() {
+        this.eventSubject = new Subject();
+        this.event$ = this.eventSubject.asObservable();
+    }
+    emit(type, data) {
+        this.eventSubject.next({ type, data });
+    }
+    addListener(eventType, callback) {
+        return this.event$.subscribe((event) => {
+            if (event.type === eventType) {
+                callback(event.data);
+            }
+        });
+    }
+}
+let globalInstance;
+const getSpotCheckEventListener = () => {
+    if (!globalInstance) {
+        globalInstance = new SpotCheckEventListenerService();
+    }
+    return globalInstance;
+};
+const addSpotCheckListener = (eventType, callback) => {
+    return getSpotCheckEventListener().addListener(eventType, callback);
+};
+
 let globalSpotcheckStateService;
 let globalOS = null;
 const getSpotcheckStateService = () => {
@@ -51316,7 +51343,10 @@ const closeSpotCheck = async () => {
             },
             body: JSON.stringify(payload),
         });
-        if (response.status != 200) {
+        if (response.status == 200) {
+            getSpotCheckEventListener().emit('surveyDismissed');
+        }
+        else {
             console.log(`Error: ${response.status}`);
         }
     }
@@ -51429,7 +51459,6 @@ const getSpotcheckComponentCssStyles = (state) => {
     };
 };
 const closeSpotCheckAndHandleSurveyEnd = async () => {
-    await closeSpotCheck();
     handleSurveyEnd();
 };
 
@@ -51443,8 +51472,10 @@ var __metadata = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 let WebViewComponent = class WebViewComponent {
-    constructor(sanitizer) {
+    constructor(sanitizer, ngZone, cdr) {
         this.sanitizer = sanitizer;
+        this.ngZone = ngZone;
+        this.cdr = cdr;
         this.url = '';
         this.webviewType = 'classic';
         this.isMiniCard = false;
@@ -51475,14 +51506,16 @@ let WebViewComponent = class WebViewComponent {
     setupIframeLoadListener() {
         const iframe = this.iframe.nativeElement;
         iframe.addEventListener('load', () => {
-            this.injectNativeBridgeAdapters(iframe);
-            const stateService = getSpotcheckStateService();
-            if (this.webviewType === 'classic') {
-                stateService.setState({ isClassicLoading: false });
-            }
-            else {
-                stateService.setState({ isChatLoading: false });
-            }
+            this.ngZone.run(() => {
+                this.injectNativeBridgeAdapters(iframe);
+                const stateService = getSpotcheckStateService();
+                if (this.webviewType === 'classic') {
+                    stateService.setState({ isClassicLoading: false });
+                }
+                else {
+                    stateService.setState({ isChatLoading: false });
+                }
+            });
         });
     }
     injectNativeBridgeAdapters(iframe) {
@@ -51525,40 +51558,45 @@ let WebViewComponent = class WebViewComponent {
         }
     }
     onMessage(event) {
-        const stateService = getSpotcheckStateService();
-        const { data } = event;
-        switch (data.type) {
-            case 'slideInFrame':
-                if (data.mounted) {
-                    stateService.setState({ isMounted: true });
-                }
-                break;
-            case 'resizeWindow':
-                if (data.size) {
-                    stateService.setState({
-                        currentQuestionHeight: data.size.height,
-                    });
-                }
-                else if (data.isCloseButtonEnabled) {
-                    stateService.setState({
-                        isCloseButtonEnabled: data.isCloseButtonEnabled,
+        this.ngZone.run(() => {
+            const stateService = getSpotcheckStateService();
+            const { data } = event;
+            switch (data.type) {
+                case 'slideInFrame':
+                    if (data.mounted) {
+                        stateService.setState({ isMounted: true });
+                    }
+                    break;
+                case 'resizeWindow':
+                    if (data.size) {
+                        stateService.setState({
+                            currentQuestionHeight: data.size.height,
+                        });
+                    }
+                    else if (data.isCloseButtonEnabled) {
+                        stateService.setState({
+                            isCloseButtonEnabled: data.isCloseButtonEnabled,
+                        });
+                    }
+                    break;
+                case 'surveyCompleted':
+                    closeSpotCheckAndHandleSurveyEnd().then(() => {
+                        getSpotCheckEventListener().emit('surveyCompleted', data.response);
+                        this.cdr.detectChanges();
                     });
-                }
-                break;
-            case 'surveyCompleted':
-                closeSpotCheckAndHandleSurveyEnd();
-                // spotchecksListener.emitSurveyCompleted(data.response);
-                break;
-            case 'surveyLoadStarted':
-                // spotchecksListener.emitSurveyLoadStarted(data.surveyDetails);
-                break;
-            case 'classicLoadEvent':
-                stateService.setState({ isClassicLoadEventReceived: true });
-                break;
-            case 'chatLoadEvent':
-                stateService.setState({ isChatLoadEventReceived: true });
-                break;
-        }
+                    break;
+                case 'surveyLoadStarted':
+                    getSpotCheckEventListener().emit('surveyLoadStarted', data.surveyDetails);
+                    break;
+                case 'classicLoadEvent':
+                    stateService.setState({ isClassicLoadEventReceived: true });
+                    break;
+                case 'chatLoadEvent':
+                    stateService.setState({ isChatLoadEventReceived: true });
+                    break;
+            }
+            this.cdr.detectChanges();
+        });
     }
 };
 __decorate$1([
@@ -51602,7 +51640,9 @@ WebViewComponent = __decorate$1([
         standalone: true,
         imports: [CommonModule],
     }),
-    __metadata("design:paramtypes", [DomSanitizer])
+    __metadata("design:paramtypes", [DomSanitizer,
+        NgZone,
+        ChangeDetectorRef])
 ], WebViewComponent);
 let CloseSVGComponent = class CloseSVGComponent {
     constructor() {
@@ -51648,7 +51688,9 @@ CloseSVGComponent = __decorate$1([
     })
 ], CloseSVGComponent);
 let CloseButtonComponent = class CloseButtonComponent {
-    constructor() {
+    constructor(ngZone, cdr) {
+        this.ngZone = ngZone;
+        this.cdr = cdr;
         this.size = 30;
         this.strokeWidth = 1.2;
         this.isVisible = false;
@@ -51657,13 +51699,19 @@ let CloseButtonComponent = class CloseButtonComponent {
         this.onClick = async () => {
             await closeSpotCheck();
             handleSurveyEnd();
+            this.ngZone.run(() => {
+                this.cdr.detectChanges();
+            });
         };
         this.stateService = getSpotcheckStateService();
         this.state = this.stateService.getState();
         this.updateComponentState();
         this.stateSubscription = this.stateService.state$.subscribe((newState) => {
-            this.state = newState;
-            this.updateComponentState();
+            this.ngZone.run(() => {
+                this.state = newState;
+                this.updateComponentState();
+                this.cdr.detectChanges();
+            });
         });
     }
     ngOnDestroy() {
@@ -51707,10 +51755,13 @@ CloseButtonComponent = __decorate$1([
         standalone: true,
         imports: [CommonModule, CloseSVGComponent],
     }),
-    __metadata("design:paramtypes", [])
+    __metadata("design:paramtypes", [NgZone,
+        ChangeDetectorRef])
 ], CloseButtonComponent);
 let SpotCheckComponent = class SpotCheckComponent {
-    constructor() {
+    constructor(ngZone, cdr) {
+        this.ngZone = ngZone;
+        this.cdr = cdr;
         this.componentStyles = {};
         this.avatarUrl = '';
         this.initializeComponent = async () => {
@@ -51753,9 +51804,12 @@ let SpotCheckComponent = class SpotCheckComponent {
         this.state = this.spotcheckStateService.getState();
         this.updateComponentStyles();
         this.stateSubscription = this.spotcheckStateService.state$.subscribe((newState) => {
-            this.state = newState;
-            this.updateComponentStyles();
-            this.avatarUrl = this.state.avatarUrl || "https://static.surveysparrow.com/application/images/profile.png";
+            this.ngZone.run(() => {
+                this.state = newState;
+                this.updateComponentStyles();
+                this.avatarUrl = this.state.avatarUrl || "https://static.surveysparrow.com/application/images/profile.png";
+                this.cdr.detectChanges();
+            });
         });
     }
     ngOnInit() {
@@ -51778,7 +51832,8 @@ SpotCheckComponent = __decorate$1([
         standalone: true,
         imports: [CommonModule, WebViewComponent, CloseButtonComponent],
     }),
-    __metadata("design:paramtypes", [])
+    __metadata("design:paramtypes", [NgZone,
+        ChangeDetectorRef])
 ], SpotCheckComponent);
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -52085,6 +52140,7 @@ const trackEvent = async ({ screen, event }) => {
 const SurveySparrowIonicPlugin = core.registerPlugin('SurveySparrowIonicPlugin');
 
 exports.SurveySparrowIonicPlugin = SurveySparrowIonicPlugin;
+exports.addSpotCheckListener = addSpotCheckListener;
 exports.initializeSpotChecks = initializeSpotChecks;
 exports.trackEvent = trackEvent;
 exports.trackScreen = trackScreen;