indigitall-capacitor-plugin 2.0.6 → 2.2.0

package/dist/plugin.cjs.js

@@ -10,7 +10,7 @@ const IndigitallCp = core.registerPlugin('IndigitallCp', {
 const Indigitall = {
     init: (config, onIndigitallInitializedType, onError) => {
         Object.assign(config, {
-            productVersion: '2.0.6',
+            productVersion: '2.2.0',
             productName: 'capacitor',
         });
         IndigitallCp.initialize({ config }).then(onInit => {
@@ -115,8 +115,8 @@ const Indigitall = {
                 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 => {
@@ -133,6 +133,14 @@ const Indigitall = {
                 onError(error);
         });
     },
+    requestPushPermission: () => {
+        IndigitallCp.requestPushPermission();
+    },
+    getPushPermissionStatus: (onSuccess) => {
+        IndigitallCp.getPushPermissionStatus().then(response => {
+            onSuccess(response);
+        });
+    }
 };
 
 exports.Channel = void 0;
@@ -265,6 +273,7 @@ const Inbox = {
     }
 };
 
+/* eslint-disable no-useless-escape */
 const InAppCp = core.registerPlugin('InAppCp', {});
 let packageName = '';
 const IndigitallInApp = {
@@ -298,40 +307,10 @@ const IndigitallInApp = {
                 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;
         });
@@ -339,40 +318,12 @@ const IndigitallInApp = {
         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) => {
@@ -437,11 +388,70 @@ const IndigitallInApp = {
             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) {
@@ -462,32 +472,42 @@ async function drawInApp(inApp, viewId, onShowTimeFinished, onSuccess, onError)
             };
             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";
@@ -496,6 +516,198 @@ async function drawInApp(inApp, viewId, onShowTimeFinished, onSuccess, onError)
         }
     }
 }
+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)) {