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

package/dist/plugin.js

@@ -51098,6 +51098,8 @@ 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,
@@ -51133,6 +51135,7 @@ Please check that 1) the type for the parameter at index ${index} is correct and
     ], SpotcheckStateService);
 
     let globalSpotcheckStateService;
+    let globalOS = null;
     const getSpotcheckStateService = () => {
         if (!globalSpotcheckStateService) {
             globalSpotcheckStateService = new SpotcheckStateService();
@@ -51152,10 +51155,11 @@ Please check that 1) the type for the parameter at index ${index} is correct and
     };
     const getOS = async () => {
         const info = await device.Device.getInfo();
-        return info.operatingSystem;
+        globalOS = info.operatingSystem;
+        return globalOS;
     };
     const setAppearance = async (responseJson, screen, domainName, traceId, variables) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
         try {
             const spotcheckStateService = getSpotcheckStateService();
             let state = spotcheckStateService.getState();
@@ -51202,11 +51206,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 = response.data.config.generatedCSS;
+                    const themeInfo = (_p = (_o = response.data) === null || _o === void 0 ? void 0 : _o.config) === null || _p === void 0 ? void 0 : _p.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.isClassicLoading;
+                    let isLoading = chat ? state.isChatLoading || !state.isChatLoadEventReceived : state.isClassicLoading || !state.isClassicLoadEventReceived;
                     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 || {})) }),
@@ -51237,8 +51241,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, } = currentState;
-                                if ((!isChatLoading && chat) || (!isClassicLoading && !chat)) {
+                                const { isChatLoading, isClassicLoading, chatWebViewRef, classicWebViewRef, isClassicLoadEventReceived, isChatLoadEventReceived, } = currentState;
+                                if ((!isChatLoading && chat && isChatLoadEventReceived) || (!isClassicLoading && !chat && isClassicLoadEventReceived)) {
                                     unsubscribe.unsubscribe();
                                     const activeWebViewRef = chat
                                         ? chatWebViewRef
@@ -51261,8 +51265,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.isClassicLoading;
+                                ? currentState.isChatLoading || !currentState.isChatLoadEventReceived
+                                : currentState.isClassicLoading || !currentState.isClassicLoadEventReceived;
                             if (updatedWebViewRef) {
                                 if (!updatedIsLoading) {
                                     unsubscribeWebView.unsubscribe();
@@ -51365,11 +51369,15 @@ 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;
@@ -51412,8 +51420,8 @@ 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: '99999999', display: 'none', flexDirection: 'column' }, wrapperStyles),
-            styles: Object.assign({ display: 'none', flexDirection: 'column', paddingTop: extraPaddingForMiniCardCloseButtonIfTopPosition + 'px' }, styles)
+            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)
         };
     };
     const closeSpotCheckAndHandleSurveyEnd = async () => {
@@ -51463,6 +51471,7 @@ 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 });
@@ -51472,6 +51481,45 @@ Please check that 1) the type for the parameter at index ${index} is correct and
                 }
             });
         }
+        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 () { }
+                                }
+                            }
+                        };
+                    }
+                    if (!iframeWindow.flutterSpotCheckData) {
+                        iframeWindow.flutterSpotCheckData = {
+                            postMessage: function () { }
+                        };
+                    }
+                }
+                catch (error) { }
+            }
+        }
         onMessage(event) {
             const stateService = getSpotcheckStateService();
             const { data } = event;
@@ -51497,6 +51545,15 @@ Please check that 1) the type for the parameter at index ${index} is correct and
                     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;
             }
         }
     };
@@ -51528,7 +51585,8 @@ 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;"
+        allow="camera; microphone; geolocation; display-capture; autoplay; clipboard-read; clipboard-write; fullscreen"
+        allowfullscreen
         #iframeRef
         [src]="safeUrl"
         style="width: 100%; height: 100%; display: block; border-radius: {{isMiniCard ? 12 : 0}}px;"
@@ -51744,6 +51802,7 @@ 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();
@@ -51862,7 +51921,7 @@ Please check that 1) the type for the parameter at index ${index} is correct and
                         }
                     }
                 }
-                throw new Error(responseJson === null || responseJson === void 0 ? void 0 : responseJson.reason.toString());
+                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');
             }
             else {
                 throw new Error(`Received status code ${response.status}`);
@@ -51873,7 +51932,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;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         try {
             const intMax = Number.POSITIVE_INFINITY;
             const state = getSpotcheckStateService().getState();
@@ -51946,7 +52005,7 @@ Please check that 1) the type for the parameter at index ${index} is correct and
                                                 return { valid: true };
                                             }
                                         }
-                                        throw new Error(responseJson === null || responseJson === void 0 ? void 0 : responseJson.reason.toString());
+                                        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');
                                     }
                                     else {
                                         throw new Error(`Received status code ${response.status}`);