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

package/dist/plugin.js

@@ -51098,8 +51098,6 @@ Please check that 1) the type for the parameter at index ${index} is correct and
                 traceId: '',
                 isClassicLoading: true,
                 isChatLoading: true,
-                isClassicLoadEventReceived: false,
-                isChatLoadEventReceived: false,
                 classicUrl: '',
                 chatUrl: '',
                 classicWebViewRef: null,
@@ -51134,8 +51132,34 @@ 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;
-    let globalOS = null;
     const getSpotcheckStateService = () => {
         if (!globalSpotcheckStateService) {
             globalSpotcheckStateService = new SpotcheckStateService();
@@ -51155,11 +51179,10 @@ Please check that 1) the type for the parameter at index ${index} is correct and
     };
     const getOS = async () => {
         const info = await device.Device.getInfo();
-        globalOS = info.operatingSystem;
-        return globalOS;
+        return info.operatingSystem;
     };
     const setAppearance = async (responseJson, screen, domainName, traceId, variables) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         try {
             const spotcheckStateService = getSpotcheckStateService();
             let state = spotcheckStateService.getState();
@@ -51206,11 +51229,11 @@ Please check that 1) the type for the parameter at index ${index} is correct and
                 spotcheckStateService.setState(updatedState);
                 try {
                     const response = await axios.get(fullSpotcheckURL);
-                    const themeInfo = (_p = (_o = response.data) === null || _o === void 0 ? void 0 : _o.config) === null || _p === void 0 ? void 0 : _p.generatedCSS;
+                    const themeInfo = response.data.config.generatedCSS;
                     const theme_payload = { type: 'THEME_UPDATE_SPOTCHECK', themeInfo };
                     state = spotcheckStateService.getState();
                     let webViewRef = chat ? state.chatWebViewRef : state.classicWebViewRef;
-                    let isLoading = chat ? state.isChatLoading || !state.isChatLoadEventReceived : state.isClassicLoading || !state.isClassicLoadEventReceived;
+                    let isLoading = chat ? state.isChatLoading : state.isClassicLoading;
                     const resetStateData = {
                         type: 'RESET_STATE',
                         state: Object.assign(Object.assign({}, (response.data || {})), { skip: true, spotCheckAppearance: Object.assign(Object.assign({}, (appearance || {})), { targetType: 'MOBILE' }), spotcheckUrl: screen, traceId, elementBuilderParams: Object.assign({}, (variables || {})) }),
@@ -51241,8 +51264,8 @@ Please check that 1) the type for the parameter at index ${index} is correct and
                         else {
                             // todo: recheck this
                             const unsubscribe = spotcheckStateService.state$.subscribe((currentState) => {
-                                const { isChatLoading, isClassicLoading, chatWebViewRef, classicWebViewRef, isClassicLoadEventReceived, isChatLoadEventReceived, } = currentState;
-                                if ((!isChatLoading && chat && isChatLoadEventReceived) || (!isClassicLoading && !chat && isClassicLoadEventReceived)) {
+                                const { isChatLoading, isClassicLoading, chatWebViewRef, classicWebViewRef, } = currentState;
+                                if ((!isChatLoading && chat) || (!isClassicLoading && !chat)) {
                                     unsubscribe.unsubscribe();
                                     const activeWebViewRef = chat
                                         ? chatWebViewRef
@@ -51265,8 +51288,8 @@ Please check that 1) the type for the parameter at index ${index} is correct and
                                 ? currentState.chatWebViewRef
                                 : currentState.classicWebViewRef;
                             const updatedIsLoading = chat
-                                ? currentState.isChatLoading || !currentState.isChatLoadEventReceived
-                                : currentState.isClassicLoading || !currentState.isClassicLoadEventReceived;
+                                ? currentState.isChatLoading
+                                : currentState.isClassicLoading;
                             if (updatedWebViewRef) {
                                 if (!updatedIsLoading) {
                                     unsubscribeWebView.unsubscribe();
@@ -51312,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}`);
             }
         }
@@ -51369,15 +51395,11 @@ Please check that 1) the type for the parameter at index ${index} is correct and
                 height: '100%',
             };
         }
-        let marginBottom = globalOS !== 'ios' ? 18 : 0;
         if (state.isVisible && state.isMounted) {
             let height = Math.min(state.currentQuestionHeight, (state.maxHeight * window.innerHeight));
             if (state.spotChecksMode === 'miniCard') {
                 if (state.avatarEnabled) {
                     height = height - 56;
-                    if (state.spotcheckPosition === 'bottom') {
-                        marginBottom += 56;
-                    }
                 }
                 if (state.isCloseButtonEnabled) {
                     height = height - 40;
@@ -51420,12 +51442,11 @@ Please check that 1) the type for the parameter at index ${index} is correct and
             }
         }
         return {
-            wrapperStyles: Object.assign({ position: 'fixed', width: '100%', height: '100%', top: '0', left: '0', backgroundColor: 'rgba(0, 0, 0, 0.3)', zIndex: '100001', display: 'none', flexDirection: 'column' }, wrapperStyles),
-            styles: Object.assign({ display: 'none', flexDirection: 'column', paddingTop: extraPaddingForMiniCardCloseButtonIfTopPosition + 'px', marginBottom: marginBottom + 'px' }, styles)
+            wrapperStyles: Object.assign({ position: 'fixed', width: '100%', height: '100%', top: '0', left: '0', backgroundColor: 'rgba(0, 0, 0, 0.3)', zIndex: '99999999', display: 'none', flexDirection: 'column' }, wrapperStyles),
+            styles: Object.assign({ display: 'none', flexDirection: 'column', paddingTop: extraPaddingForMiniCardCloseButtonIfTopPosition + 'px' }, styles)
         };
     };
     const closeSpotCheckAndHandleSurveyEnd = async () => {
-        await closeSpotCheck();
         handleSurveyEnd();
     };
 
@@ -51439,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;
@@ -51471,90 +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', () => {
-                this.injectNativeBridgeAdapters(iframe);
-                const stateService = getSpotcheckStateService();
-                if (this.webviewType === 'classic') {
-                    stateService.setState({ isClassicLoading: false });
-                }
-                else {
-                    stateService.setState({ isChatLoading: false });
-                }
-            });
-        }
-        injectNativeBridgeAdapters(iframe) {
-            if (iframe && iframe.contentWindow) {
-                try {
-                    const iframeWindow = iframe.contentWindow;
-                    if (!iframeWindow.SsAndroidSdk) {
-                        iframeWindow.SsAndroidSdk = {
-                            shareData: function () { },
-                            sendPartialSubmissionData: function () { }
-                        };
-                    }
-                    if (!iframeWindow.Android) {
-                        iframeWindow.Android = {
-                            onMessageReceive: function () { }
-                        };
-                    }
-                    if (!iframeWindow.webkit) {
-                        iframeWindow.webkit = {
-                            messageHandlers: {
-                                surveyResponse: {
-                                    postMessage: function () { }
-                                },
-                                spotCheckData: {
-                                    postMessage: function () { }
-                                },
-                                flutterSpotCheckData: {
-                                    postMessage: function () { }
-                                }
-                            }
-                        };
+                this.ngZone.run(() => {
+                    const stateService = getSpotcheckStateService();
+                    if (this.webviewType === 'classic') {
+                        stateService.setState({ isClassicLoading: false });
                     }
-                    if (!iframeWindow.flutterSpotCheckData) {
-                        iframeWindow.flutterSpotCheckData = {
-                            postMessage: function () { }
-                        };
+                    else {
+                        stateService.setState({ isChatLoading: false });
                     }
-                }
-                catch (error) { }
-            }
+                });
+            });
         }
         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;
+                }
+                this.cdr.detectChanges();
+            });
         }
     };
     __decorate$1([
@@ -51585,8 +51569,7 @@ Please check that 1) the type for the parameter at index ${index} is correct and
             template: `
     <div style="overflow: hidden; height: 100%; border-radius: {{isMiniCard ? 12 : 0}}px; padding-left: {{isMiniCard ? 12 : 0}}px; padding-right: {{isMiniCard ? 12 : 0}}px; box-sizing: border-box;">
       <iframe
-        allow="camera; microphone; geolocation; display-capture; autoplay; clipboard-read; clipboard-write; fullscreen"
-        allowfullscreen
+        allow="camera; microphone; geolocation; display-capture; autoplay; clipboard-read; clipboard-write;"
         #iframeRef
         [src]="safeUrl"
         style="width: 100%; height: 100%; display: block; border-radius: {{isMiniCard ? 12 : 0}}px;"
@@ -51598,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() {
@@ -51644,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;
@@ -51653,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() {
@@ -51703,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 () => {
@@ -51749,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() {
@@ -51774,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) {
@@ -51802,7 +51802,6 @@ Please check that 1) the type for the parameter at index ${index} is correct and
     };
 
     const sendTrackScreenRequest = async ({ screen, options, }) => {
-        var _a, _b;
         try {
             const spotcheckStateService = getSpotcheckStateService();
             const oldState = spotcheckStateService.getState();
@@ -51921,7 +51920,7 @@ Please check that 1) the type for the parameter at index ${index} is correct and
                         }
                     }
                 }
-                throw new Error((_b = (_a = responseJson === null || responseJson === void 0 ? void 0 : responseJson.reason) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : 'Spotcheck conditions not met');
+                throw new Error(responseJson === null || responseJson === void 0 ? void 0 : responseJson.reason.toString());
             }
             else {
                 throw new Error(`Received status code ${response.status}`);
@@ -51932,7 +51931,7 @@ Please check that 1) the type for the parameter at index ${index} is correct and
         }
     };
     const sendTrackEventRequest = async ({ screen, event }) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f;
         try {
             const intMax = Number.POSITIVE_INFINITY;
             const state = getSpotcheckStateService().getState();
@@ -52005,7 +52004,7 @@ Please check that 1) the type for the parameter at index ${index} is correct and
                                                 return { valid: true };
                                             }
                                         }
-                                        throw new Error((_h = (_g = responseJson === null || responseJson === void 0 ? void 0 : responseJson.reason) === null || _g === void 0 ? void 0 : _g.toString()) !== null && _h !== void 0 ? _h : 'Event conditions not met');
+                                        throw new Error(responseJson === null || responseJson === void 0 ? void 0 : responseJson.reason.toString());
                                     }
                                     else {
                                         throw new Error(`Received status code ${response.status}`);
@@ -52081,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;