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

package/dist/plugin.cjs.js

@@ -51102,6 +51102,8 @@ let SpotcheckStateService = class SpotcheckStateService {
             traceId: '',
             isClassicLoading: true,
             isChatLoading: true,
+            isClassicLoadEventReceived: false,
+            isChatLoadEventReceived: false,
             classicUrl: '',
             chatUrl: '',
             classicWebViewRef: null,
@@ -51137,6 +51139,7 @@ SpotcheckStateService = __decorate$2([
 ], SpotcheckStateService);
 
 let globalSpotcheckStateService;
+let globalOS = null;
 const getSpotcheckStateService = () => {
     if (!globalSpotcheckStateService) {
         globalSpotcheckStateService = new SpotcheckStateService();
@@ -51156,10 +51159,11 @@ const ischatSurvey = (type) => {
 };
 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();
@@ -51206,11 +51210,11 @@ const setAppearance = async (responseJson, screen, domainName, traceId, variable
             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 || {})) }),
@@ -51241,8 +51245,8 @@ const setAppearance = async (responseJson, screen, domainName, traceId, variable
                     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
@@ -51265,8 +51269,8 @@ const setAppearance = async (responseJson, screen, domainName, traceId, variable
                             ? 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();
@@ -51369,11 +51373,15 @@ 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;
@@ -51416,8 +51424,8 @@ 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: '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 () => {
@@ -51467,6 +51475,7 @@ 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 });
@@ -51476,6 +51485,45 @@ let WebViewComponent = class WebViewComponent {
             }
         });
     }
+    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;
@@ -51501,6 +51549,15 @@ let WebViewComponent = class WebViewComponent {
                 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;
         }
     }
 };
@@ -51532,7 +51589,8 @@ 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;"
+        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;"
@@ -51748,6 +51806,7 @@ const setUUID = (uuid) => {
 };
 
 const sendTrackScreenRequest = async ({ screen, options, }) => {
+    var _a, _b;
     try {
         const spotcheckStateService = getSpotcheckStateService();
         const oldState = spotcheckStateService.getState();
@@ -51866,7 +51925,7 @@ const sendTrackScreenRequest = async ({ screen, options, }) => {
                     }
                 }
             }
-            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}`);
@@ -51877,7 +51936,7 @@ const sendTrackScreenRequest = async ({ screen, options, }) => {
     }
 };
 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();
@@ -51950,7 +52009,7 @@ const sendTrackEventRequest = async ({ screen, event }) => {
                                             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}`);