indigitall-capacitor-plugin 2.0.6 → 2.2.0

package/dist/plugin.js

@@ -7,7 +7,7 @@ var capacitorIndigitallCp = (function (exports, core) {
     const Indigitall = {
         init: (config, onIndigitallInitializedType, onError) => {
             Object.assign(config, {
-                productVersion: '2.0.6',
+                productVersion: '2.2.0',
                 productName: 'capacitor',
             });
             IndigitallCp.initialize({ config }).then(onInit => {
@@ -112,8 +112,8 @@ var capacitorIndigitallCp = (function (exports, core) {
                     onError(error);
             });
         },
-        logIn: (externalId, onSuccess, onError) => {
-            IndigitallCp.logIn({ externalId }).then(response => {
+        logIn: (externalCode, onSuccess, onError) => {
+            IndigitallCp.logIn({ externalCode }).then(response => {
                 if (onSuccess)
                     onSuccess(response.device);
             }).catch(error => {
@@ -130,6 +130,14 @@ var capacitorIndigitallCp = (function (exports, core) {
                     onError(error);
             });
         },
+        requestPushPermission: () => {
+            IndigitallCp.requestPushPermission();
+        },
+        getPushPermissionStatus: (onSuccess) => {
+            IndigitallCp.getPushPermissionStatus().then(response => {
+                onSuccess(response);
+            });
+        }
     };
 
     exports.Channel = void 0;
@@ -262,6 +270,7 @@ var capacitorIndigitallCp = (function (exports, core) {
         }
     };
 
+    /* eslint-disable no-useless-escape */
     const InAppCp = core.registerPlugin('InAppCp', {});
     let packageName = '';
     const IndigitallInApp = {
@@ -295,40 +304,10 @@ var capacitorIndigitallCp = (function (exports, core) {
                     onSuccess();
             });
         },
-        showInApp: (inAppParams, onShowTimeFinished, didExpired, didShowManyTimes, didClickOut, onSuccess, onError) => {
-            InAppCp.getPackageName().then((response) => {
-                packageName = response.packageName;
-            });
-            const viewId = inAppParams.viewId;
-            InAppCp.inAppWasShown({ params: inAppParams }).then((response) => {
-                drawInApp(response.inApp, viewId, () => {
-                    if (onShowTimeFinished)
-                        onShowTimeFinished(response.inApp.showTime);
-                }, (inApp) => {
-                    InAppCp.eventPrintInAppRequest({ inApp });
-                    if (onSuccess)
-                        onSuccess(inApp);
-                }, onError);
-            }, (errorJson) => {
-                if (errorJson.errorCode == 2101) {
-                    if (didExpired)
-                        didExpired(errorJson.errorMessage);
-                }
-                else if (errorJson.errorCode == 2102) {
-                    if (didShowManyTimes)
-                        didShowManyTimes(errorJson.errorMessage);
-                }
-                else if (errorJson.errorCode == 2103) {
-                    if (didClickOut)
-                        didClickOut(errorJson.errorMessage);
-                }
-                else {
-                    if (onError)
-                        onError(errorJson.errorMessage);
-                }
-            });
+        showInApp: (inAppParams, onShowTimeFinished, didExpired, didShowManyTimes, didClickOut, dismissForever, didClicked, didFormSubmit, didFormError, onSuccess, onError) => {
+            showInAppAndPopUp(inAppParams, onShowTimeFinished, didExpired, didShowManyTimes, didClickOut, dismissForever, didClicked, didFormSubmit, didFormError, onSuccess, onError);
         },
-        showMultipleInApp: (inAppParams, onShowTimeFinished, didExpired, didShowManyTimes, didClickOut, onSuccess, onError) => {
+        showMultipleInApp: (inAppParams, onShowTimeFinished, didExpired, didShowManyTimes, didClickOut, dismissForever, didClicked, didFormSubmit, didFormError, onSuccess, onError) => {
             InAppCp.getPackageName().then((response) => {
                 packageName = response.packageName;
             });
@@ -336,40 +315,12 @@ var capacitorIndigitallCp = (function (exports, core) {
             const viewIds = inAppParams.viewIdList;
             for (let i = 0; i < viewIds.length; i++) {
                 const inAppSchemaCode = inAppSchemaCodes[i];
-                InAppCp.inAppWasShown({
-                    params: {
-                        appKey: inAppParams.appKey,
-                        domainInApp: inAppParams.domainInApp,
-                        inAppSchemaCode: inAppSchemaCode,
-                        viewId: viewIds[i]
-                    }
-                }).then((response) => {
-                    drawInApp(response.inApp, viewIds[i], () => {
-                        if (onShowTimeFinished)
-                            onShowTimeFinished(response.inApp.showTime);
-                    }, (inApp) => {
-                        InAppCp.eventPrintInAppRequest({ inApp });
-                        if (onSuccess)
-                            onSuccess(inApp);
-                    }, onError);
-                }, (errorJson) => {
-                    if (errorJson.errorCode == 2101) {
-                        if (didExpired)
-                            didExpired(errorJson.errorMessage);
-                    }
-                    else if (errorJson.errorCode == 2102) {
-                        if (didShowManyTimes)
-                            didShowManyTimes(errorJson.errorMessage);
-                    }
-                    else if (errorJson.errorCode == 2103) {
-                        if (didClickOut)
-                            didClickOut(errorJson.errorMessage);
-                    }
-                    else {
-                        if (onError)
-                            onError(errorJson.errorMessage);
-                    }
-                });
+                showInAppAndPopUp({
+                    appKey: inAppParams.appKey,
+                    domainInApp: inAppParams.domainInApp,
+                    inAppSchemaCode: inAppSchemaCode,
+                    viewId: viewIds[i]
+                }, onShowTimeFinished, didExpired, didShowManyTimes, didClickOut, dismissForever, didClicked, didFormSubmit, didFormError, onSuccess, onError);
             }
         },
         showPopUp: (params, didCancel, didClicked, didDisimissed, onShowTimeFinished, didExpired, didShowManyTimes, didClickOut, didDismissForever, onSuccess, onError) => {
@@ -434,11 +385,70 @@ var capacitorIndigitallCp = (function (exports, core) {
                 if (onSuccess)
                     onSuccess();
             });
+        },
+        topicsList: (onSuccess, onError) => {
+            InAppCp.topicsList().then(response => {
+                if (onSuccess)
+                    onSuccess(response.topics);
+            }).catch(error => {
+                if (onError)
+                    onError(error);
+            });
+        },
+        topicsSubscribe: (topics, onSuccess, onError) => {
+            InAppCp.topicsSubscribe({ topics }).then(response => {
+                if (onSuccess)
+                    onSuccess(response);
+            }).catch(error => {
+                if (onError)
+                    onError(error);
+            });
+        },
+        topicsUnsubscribe: (topics, onSuccess, onError) => {
+            InAppCp.topicsUnsubscribe({ topics }).then(response => {
+                if (onSuccess)
+                    onSuccess(response);
+            }).catch(error => {
+                if (onError)
+                    onError(error);
+            });
         }
     };
-    const script = "<script> let slideIndex = 1;showSlides(slideIndex);let timeSlide = 10000;const slider = document.querySelector('.slider-container-actions');let sliderTotal = document.getElementsByClassName(\"slideshow-item\").length;let slides = document.getElementsByClassName(\"slideshow-item\");var interval = setInterval(() => {    newSlide();}, timeSlide);var startMove = null;slider.addEventListener('touchstart', handleStart, false);slider.addEventListener('touchend', handleEnd, false);slider.addEventListener('mousedown', mouseStart);slider.addEventListener('mouseup', mouseEnd);function mouseStart(evt) {    evt.preventDefault();    startMove = evt.clientX;}function mouseEnd(evt) {    evt.preventDefault();    var endMove = evt.clientX;    setEndMove(endMove);}function handleStart(evt) {    evt.preventDefault();    startMove = evt.touches[0].clientX;}function handleEnd(evt) {    evt.preventDefault();    var endMove = evt.changedTouches[0].pageX;    setEndMove(endMove);}function setEndMove(endMove) {    if (startMove != null) {        if (startMove > endMove) {            slideIndex++;            if (slideIndex > sliderTotal) {                slideIndex = 1;            }        } else {            if (slideIndex == 0) {                slideIndex = sliderTotal;            } else {                slideIndex--;            }        }        showSlides(slideIndex );       setNewInterval();    } }  function plusSlides(n) {  showSlides(slideIndex += n);  setNewInterval();}function currentSlide(n) {  showSlides(slideIndex = n);  }function setNewInterval() {  clearInterval(interval);  interval = setInterval(() => {    newSlide();  }, timeSlide);}function newSlide(){    slideIndex++;    if (slideIndex > sliderTotal) {        slideIndex = 1;    }    showSlides(slideIndex);}function showSlides(n) {  let i;  let slides = document.getElementsByClassName(\"slideshow-item\");  let dots = document.getElementsByClassName(\"dot\");  if (n > slides.length) {slideIndex = 1;}      if (n < 1) {slideIndex = slides.length;}  for (i = 0; i < slides.length; i++) {    slides[i].style.display = \"none\";    }  for (i = 0; i < dots.length; i++) {    dots[i].className = dots[i].className.replace(\" active\", \"\");  }  slides[slideIndex-1].style.display = \"block\";    dots[slideIndex-1].className += \" active\";}</script>";
-    async function drawInApp(inApp, viewId, onShowTimeFinished, onSuccess, onError) {
-        var _a, _b, _c;
+    async function showInAppAndPopUp(inAppParams, onShowTimeFinished, didExpired, didShowManyTimes, didClickOut, dismissForever, didClicked, didFormSubmit, didFormError, onSuccess, onError) {
+        InAppCp.getPackageName().then((response) => {
+            packageName = response.packageName;
+        });
+        InAppCp.inAppWasShown({ params: inAppParams }).then((response) => {
+            drawInApp(response.inApp, inAppParams.viewId, onShowTimeFinished, didClicked, didFormSubmit, didFormError, (inApp) => {
+                InAppCp.eventPrintInAppRequest({ inApp });
+                if (onSuccess)
+                    onSuccess(inApp);
+            }, onError);
+        }, (errorJson) => {
+            if (errorJson.errorCode == 2101) {
+                if (didExpired)
+                    didExpired(errorJson.errorMessage);
+            }
+            else if (errorJson.errorCode == 2102) {
+                if (didShowManyTimes)
+                    didShowManyTimes(errorJson.errorMessage);
+            }
+            else if (errorJson.errorCode == 2103) {
+                if (didClickOut)
+                    didClickOut(errorJson.errorMessage);
+            }
+            else if (errorJson.errorCode == 2304) {
+                if (dismissForever)
+                    dismissForever(errorJson.errorMessage);
+            }
+            else {
+                if (onError)
+                    onError(errorJson.errorMessage);
+            }
+        });
+    }
+    async function drawInApp(inApp, viewId, onShowTimeFinished, didClicked, didFormSubmit, didFormError, onSuccess, onError) {
+        var _a;
         if ((_a = inApp === null || inApp === void 0 ? void 0 : inApp.properties) === null || _a === void 0 ? void 0 : _a.contentUrl) {
             const divClient = document.getElementById(viewId);
             if (divClient) {
@@ -459,32 +469,42 @@ var capacitorIndigitallCp = (function (exports, core) {
                 };
                 const response = await fetch(inApp.properties.contentUrl, options);
                 const stringHtml = await response.text();
-                divClient.innerHTML = stringHtml.concat(' ', script);
-                const divsOnClick = divClient.querySelectorAll('[onclick]');
-                divsOnClick.forEach((value, _index, _array) => {
-                    var _a;
-                    if ((_a = value === null || value === void 0 ? void 0 : value.getAttribute('onclick')) === null || _a === void 0 ? void 0 : _a.includes('InAppIndigitall')) {
-                        const onClickContent = value.getAttribute('onclick');
-                        value.setAttribute('onclick', `IndigitallInApp.onClick("${inApp}", ${onClickContent === null || onClickContent === void 0 ? void 0 : onClickContent.replace('InAppIndigitall.onClick(', '')}`);
-                    }
-                });
-                if ((_b = inApp === null || inApp === void 0 ? void 0 : inApp.properties) === null || _b === void 0 ? void 0 : _b.showTime) {
+                let customDataHtml = stringHtml;
+                if (inApp.customData != null) {
+                    Object.keys(inApp.customData).forEach(function (key) {
+                        customDataHtml = stringHtml.replace(key, inApp.customData[key]);
+                    });
+                }
+                if (inApp.version)
+                    customDataHtml = customDataHtml.replace('\'inappVersion\':\'{{version}}\'', '\'inappVersion\':' + inApp.version + '');
+                const viewIdEdited = viewId.replace(/[`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi, '');
+                const finalHtml = editingFormHtml(customDataHtml, viewIdEdited);
+                divClient.innerHTML = finalHtml;
+                if (!document.getElementById(`script_${viewIdEdited}`) || document.getElementById(`script_${viewIdEdited}`) === null) {
+                    const script = document.createElement('script');
+                    script.id = `script_${viewIdEdited}`;
+                    script.type = 'text/javascript';
+                    script.innerHTML = getInAppScript(viewId, viewIdEdited, JSON.stringify(inApp), didClicked, didFormSubmit, didFormError);
+                    divClient.appendChild(script);
+                }
+                if (inApp.properties.showTime) {
                     let counter = 0;
-                    const interval = setInterval(function () {
+                    var interval = setInterval(function () {
                         counter++;
-                        if (counter == inApp.properties.showTime) {
+                        if (counter == parseInt(inApp.properties.showTime)) {
                             clearInterval(interval);
                             if (onShowTimeFinished)
-                                onShowTimeFinished();
+                                onShowTimeFinished(inApp);
                         }
                     }, 1000);
                 }
-                if (((_c = inApp === null || inApp === void 0 ? void 0 : inApp.properties) === null || _c === void 0 ? void 0 : _c.layout) && inApp.properties.layout.borderRadius) {
+                if (inApp.properties.borderRadius) {
                     const borderRadius = `${parseInt(inApp.properties.layout.borderRadius)}px`;
                     divClient.style.borderRadius = borderRadius;
                 }
-                if (onSuccess)
+                if (onSuccess) {
                     onSuccess(inApp);
+                }
             }
             else {
                 const message = "div element not found";
@@ -493,6 +513,198 @@ var capacitorIndigitallCp = (function (exports, core) {
             }
         }
     }
+    function editingFormHtml(html, viewId) {
+        const htmlWithoutOnClick = html.replace('InAppIndigitall.onClick', `inAppIndigitallOnClick_${viewId}`);
+        const htmlWithoutOnSubmit = htmlWithoutOnClick.replace('InAppIndigitall.submit', 'inAppIndigitallSubmit');
+        const htmlEditMethodNames = htmlWithoutOnSubmit
+            .replace('plusSlides', `plusSlides_${viewId}`)
+            .replace('currentSlide', `currentSlide_${viewId}`)
+            .replace('setNewInterval', `setNewInterval_${viewId}`)
+            .replace('newSlide', `newSlide_${viewId}`)
+            .replace('showSlides', `showSlides_${viewId}`);
+        return htmlEditMethodNames;
+    }
+    function getInAppScript(viewId, viewIdEdited, inAppModel, didClicked, didFormSubmit, didFormError) {
+        return `
+               var slideIndex_${viewIdEdited} = 1;
+               var delta_${viewIdEdited} = 6;
+               var startMove_${viewIdEdited} = null;
+               var startMoveY_${viewIdEdited} = null;
+               var diffX_${viewIdEdited};
+               var diffY_${viewIdEdited};
+               var timeSlide_${viewIdEdited} = 10000;
+   
+               var slider_${viewIdEdited} = document.getElementById("${viewId}").querySelector('.ind_slider-container-actions');
+               var sliderTotal_${viewIdEdited} = document.getElementById("${viewId}").getElementsByClassName("ind_slideshow-item").length;
+   
+               showSlides_${viewIdEdited}(slideIndex_${viewIdEdited});
+   
+               var interval_${viewIdEdited} = setInterval(() => {
+                   newSlide_${viewIdEdited}();
+               }, timeSlide_${viewIdEdited});
+   
+               if (slider_${viewIdEdited}){
+                 slider_${viewIdEdited}.addEventListener('touchstart', handleStart_${viewIdEdited}, false);
+                 slider_${viewIdEdited}.addEventListener('touchend', handleEnd_${viewIdEdited}, false);
+                 slider_${viewIdEdited}.addEventListener('mousedown', mouseStart_${viewIdEdited});
+                 slider_${viewIdEdited}.addEventListener('mouseup', mouseEnd_${viewIdEdited});
+               }
+   
+   
+               function mouseStart_${viewIdEdited}(evt) {
+                   evt.preventDefault();
+                   startMove_${viewIdEdited} = evt.clientX;
+                   startMoveY_${viewIdEdited} = evt.clientY;
+               }
+   
+               function mouseEnd_${viewIdEdited}(evt) {
+                   evt.preventDefault();
+                   var endMove = evt.clientX;
+                   var endMoveY = evt.clientY;
+                   setEndMove_${viewIdEdited}(endMove, endMoveY);
+               }
+   
+               function handleStart_${viewIdEdited}(evt) {
+                   evt.preventDefault();
+                   startMove_${viewIdEdited} = evt.touches[0].clientX;
+                   startMoveY_${viewIdEdited} = evt.touches[0].clientY;
+               }
+               function handleEnd_${viewIdEdited}(evt) {
+                   evt.preventDefault();
+                   var endMove = evt.changedTouches[0].pageX;
+                   var endMoveY = evt.changedTouches[0].pageY;
+                   setEndMove_${viewIdEdited}(endMove, endMoveY);
+               }
+   
+               function setEndMove_${viewIdEdited}(endMove, endMoveY) {
+                   diffX_${viewIdEdited} = Math.abs(endMove - startMove_${viewIdEdited});
+                   diffY_${viewIdEdited} = Math.abs(endMoveY - startMoveY_${viewIdEdited});
+                   if (startMove_${viewIdEdited} != null) {
+                       if (startMove_${viewIdEdited} > endMove) {
+                           slideIndex_${viewIdEdited}++;
+                           if (slideIndex_${viewIdEdited} > sliderTotal_${viewIdEdited}) {
+                               slideIndex_${viewIdEdited} = 1;
+                           }
+                       } else {
+                           if (slideIndex_${viewIdEdited} == 0) {
+                               slideIndex_${viewIdEdited} = sliderTotal_${viewIdEdited};
+                           } else {
+                               slideIndex_${viewIdEdited}--;
+                           }
+                       }
+                       showSlides_${viewIdEdited}(slideIndex_${viewIdEdited});
+                       setNewInterval_${viewIdEdited}();
+                   }
+               }
+   
+               function plusSlides_${viewIdEdited}(n) {
+                 showSlides_${viewIdEdited}(slideIndex_${viewIdEdited} += n);
+                 setNewInterval_${viewIdEdited}();
+               }
+   
+               function currentSlide_${viewIdEdited}(n) {
+                 showSlides_${viewIdEdited}(slideIndex_${viewIdEdited} = n);
+               }
+   
+               function setNewInterval_${viewIdEdited}() {
+                 clearInterval(interval_${viewIdEdited});
+                 interval_${viewIdEdited} = setInterval(() => {
+                   newSlide_${viewIdEdited}();
+                 }, timeSlide_${viewIdEdited});
+               }
+   
+               function newSlide_${viewIdEdited}(){
+                   slideIndex_${viewIdEdited}++;
+                   if (slideIndex_${viewIdEdited} > sliderTotal_${viewIdEdited}) {
+                       slideIndex_${viewIdEdited} = 1;
+                   }
+                   showSlides_${viewIdEdited}(slideIndex_${viewIdEdited});
+               }
+   
+               function showSlides_${viewIdEdited}(n) {
+                 let view = document.getElementById("${viewId}");
+                 if (view) {
+                   let slides = view.getElementsByClassName("ind_slideshow-item");
+                   let i;
+                   let dots = view.getElementsByClassName("ind_dot");
+                   if (n > slides.length) {slideIndex_${viewIdEdited} = 1;}
+                   if (n < 1) {slideIndex_${viewIdEdited} = slides.length;}
+                   for (i = 0; i < slides.length; i++) {
+                     slides[i].style.display = "none";
+                   }
+                   for (i = 0; i < dots.length; i++) {
+                     dots[i].className = dots[i].className.replace(" active", "");
+                   }
+                   if (slides[slideIndex_${viewIdEdited}-1]) {
+                     slides[slideIndex_${viewIdEdited}-1].style.display = "block";
+                   }
+                   if (dots[slideIndex_${viewIdEdited}-1]) dots[slideIndex_${viewIdEdited}-1].className += " active";
+                 }
+               }
+   
+   
+               function inAppIndigitallOnClick_${viewIdEdited}(action) {
+                 if (diffX_${viewIdEdited} && diffY_${viewIdEdited}) {
+                   if (diffX_${viewIdEdited} < delta_${viewIdEdited} && diffY_${viewIdEdited} < delta_${viewIdEdited}) {
+                    window.plugins.indigitallInApp.onClick(${inAppModel}, action, ${didClicked});
+                   }
+                 } else {
+                  window.plugins.indigitallInApp.onClick(${inAppModel}, action, ${didClicked});
+                 }
+               }
+   
+               function inAppIndigitallSubmit(formOptions) {
+                   const jsonForm = {}
+                   const jsonCustomer = {}
+                   const form = document.querySelector('[id="'+formOptions.formId+'"]');
+                   if (form) {
+                     formOptions.inputs.forEach((el) => {
+                       if (el.id !== 'undefined') {
+                         let value;
+                         if (el.type === 'text' || el.type === 'number') {
+                             if (form && form.querySelector('input[id^="'+el.id+'"]') && form.querySelector('input[id^="'+el.id+'"]').value !== 'undefined') {
+                                 value = form.querySelector('input[id^="'+el.id+'"]').value;
+                             }
+                         }
+                         if (el.type === 'checkbox') {
+                             if (form && form.querySelectorAll('input[id^="'+el.id +'"]')) {
+                                 let values = form.querySelectorAll('input[id^="'+el.id +'"]');
+                                 var valuesChecked = [];
+                                 for (var i = 0; i < values.length; i++) {
+                                     if (values[i].checked && values[i].value !== 'undefined') {
+                                         valuesChecked.push(values[i].value);
+                                     }
+                                 }
+                                 value = valuesChecked;
+                             }
+                         }
+                         if (el.type === 'radio') {
+                             if (form && form.querySelectorAll('input[id^="'+el.id +'"]')) {
+                                 let values = form.querySelectorAll('input[id^="'+el.id +'"]');
+                                 var valuesChecked;
+                                 for (var i = 0; i < values.length; i++) {
+                                     if (values[i].checked && values[i].value !== 'undefined') {
+                                         valuesChecked = values[i].value;
+                                     }
+                                 }
+                                 value = valuesChecked;
+                             }
+                         }
+                         if (el.type === 'select') {
+                             if (form && form.querySelector('select[id^="'+el.id+'"]') && form.querySelector('select[id^="'+el.id+'"]').value !== 'undefined') {
+                                 value = form.querySelector('select[id^="'+el.id+'"]').value;
+                             }
+                         }
+                         if (value) jsonForm[el.id] = value;
+                         if (el.sendToCustomer) jsonCustomer[el.id] = value;
+                       }
+                     });
+                   }
+                   window.plugins.indigitallInApp.formSubmit({"form": [${inAppModel}, JSON.stringify(formOptions), JSON.stringify(jsonForm), JSON.stringify(jsonCustomer)], ${didFormSubmit}, ${didFormError}});
+   
+               }
+               `;
+    }
     function returnPlatform() {
         const agent = navigator.userAgent;
         if ((agent.indexOf("Android") > 0)) {