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

package/dist/plugin.cjs.js

@@ -51102,8 +51102,6 @@ let SpotcheckStateService = class SpotcheckStateService {
             traceId: '',
             isClassicLoading: true,
             isChatLoading: true,
-            isClassicLoadEventReceived: false,
-            isChatLoadEventReceived: false,
             classicUrl: '',
             chatUrl: '',
             classicWebViewRef: null,
@@ -51138,8 +51136,34 @@ 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 = () => {
     if (!globalSpotcheckStateService) {
         globalSpotcheckStateService = new SpotcheckStateService();
@@ -51159,11 +51183,10 @@ const ischatSurvey = (type) => {
 };
 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();
@@ -51210,11 +51233,11 @@ const setAppearance = async (responseJson, screen, domainName, traceId, variable
             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 || {})) }),
@@ -51245,8 +51268,8 @@ const setAppearance = async (responseJson, screen, domainName, traceId, variable
                     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
@@ -51269,8 +51292,8 @@ const setAppearance = async (responseJson, screen, domainName, traceId, variable
                             ? 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();
@@ -51316,7 +51339,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}`);
         }
     }
@@ -51373,15 +51399,11 @@ const getSpotcheckComponentCssStyles = (state) => {
             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;
@@ -51424,12 +51446,11 @@ const getSpotcheckComponentCssStyles = (state) => {
         }
     }
     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();
 };
 
@@ -51443,8 +51464,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,90 +51498,51 @@ 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 });
-            }
-        });
-    }
-    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([
@@ -51589,8 +51573,7 @@ WebViewComponent = __decorate$1([
         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;"
@@ -51602,7 +51585,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 +51633,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 +51644,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 +51700,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 +51749,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 +51777,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) {
@@ -51806,7 +51806,6 @@ const setUUID = (uuid) => {
 };
 
 const sendTrackScreenRequest = async ({ screen, options, }) => {
-    var _a, _b;
     try {
         const spotcheckStateService = getSpotcheckStateService();
         const oldState = spotcheckStateService.getState();
@@ -51925,7 +51924,7 @@ const sendTrackScreenRequest = async ({ screen, options, }) => {
                     }
                 }
             }
-            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}`);
@@ -51936,7 +51935,7 @@ const sendTrackScreenRequest = async ({ screen, options, }) => {
     }
 };
 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();
@@ -52009,7 +52008,7 @@ const sendTrackEventRequest = async ({ screen, event }) => {
                                             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}`);
@@ -52085,6 +52084,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;