surveysparrow-ionic-plugin 2.0.1 → 2.0.2-beta.2

package/dist/plugin.js

@@ -51132,6 +51132,33 @@ Please check that 1) the type for the parameter at index ${index} is correct and
         })
     ], 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;
     const getSpotcheckStateService = () => {
         if (!globalSpotcheckStateService) {
@@ -51308,7 +51335,10 @@ Please check that 1) the type for the parameter at index ${index} is correct and
                 },
                 body: JSON.stringify(payload),
             });
-            if (response.status != 200) {
+            if (response.status == 200) {
+                getSpotCheckEventListener().emit('surveyDismissed');
+            }
+            else {
                 console.log(`Error: ${response.status}`);
             }
         }
@@ -51417,7 +51447,6 @@ Please check that 1) the type for the parameter at index ${index} is correct and
         };
     };
     const closeSpotCheckAndHandleSurveyEnd = async () => {
-        await closeSpotCheck();
         handleSurveyEnd();
     };
 
@@ -51431,8 +51460,10 @@ Please check that 1) the type for the parameter at index ${index} is correct and
         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;
@@ -51463,41 +51494,51 @@ Please check that 1) the type for the parameter at index ${index} is correct and
         setupIframeLoadListener() {
             const iframe = this.iframe.nativeElement;
             iframe.addEventListener('load', () => {
-                const stateService = getSpotcheckStateService();
-                if (this.webviewType === 'classic') {
-                    stateService.setState({ isClassicLoading: false });
-                }
-                else {
-                    stateService.setState({ isChatLoading: false });
-                }
+                this.ngZone.run(() => {
+                    const stateService = getSpotcheckStateService();
+                    if (this.webviewType === 'classic') {
+                        stateService.setState({ isClassicLoading: false });
+                    }
+                    else {
+                        stateService.setState({ isChatLoading: false });
+                    }
+                });
             });
         }
         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;
-            }
+                        break;
+                    case 'surveyLoadStarted':
+                        getSpotCheckEventListener().emit('surveyLoadStarted', data.surveyDetails);
+                        break;
+                }
+                this.cdr.detectChanges();
+            });
         }
     };
     __decorate$1([
@@ -51540,7 +51581,9 @@ Please check that 1) the type for the parameter at index ${index} is correct and
             standalone: true,
             imports: [CommonModule],
         }),
-        __metadata("design:paramtypes", [DomSanitizer])
+        __metadata("design:paramtypes", [DomSanitizer,
+            NgZone,
+            ChangeDetectorRef])
     ], WebViewComponent);
     let CloseSVGComponent = class CloseSVGComponent {
         constructor() {
@@ -51586,7 +51629,9 @@ Please check that 1) the type for the parameter at index ${index} is correct and
         })
     ], 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;
@@ -51595,13 +51640,19 @@ Please check that 1) the type for the parameter at index ${index} is correct and
             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() {
@@ -51645,10 +51696,13 @@ Please check that 1) the type for the parameter at index ${index} is correct and
             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 () => {
@@ -51691,9 +51745,12 @@ Please check that 1) the type for the parameter at index ${index} is correct and
             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() {
@@ -51716,7 +51773,8 @@ Please check that 1) the type for the parameter at index ${index} is correct and
             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) {
@@ -52022,6 +52080,7 @@ Please check that 1) the type for the parameter at index ${index} is correct and
     const SurveySparrowIonicPlugin = core.registerPlugin('SurveySparrowIonicPlugin');
 
     exports.SurveySparrowIonicPlugin = SurveySparrowIonicPlugin;
+    exports.addSpotCheckListener = addSpotCheckListener;
     exports.initializeSpotChecks = initializeSpotChecks;
     exports.trackEvent = trackEvent;
     exports.trackScreen = trackScreen;