pushfeedback 0.0.9 → 0.0.10

package/dist/collection/components/feedback-modal/feedback-modal.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core';
-import domtoimage from 'dom-to-image';
+import html2canvas from 'html2canvas';
 export class FeedbackModal {
   constructor() {
     this.handleSubmit = async (event) => {
@@ -8,14 +8,6 @@ export class FeedbackModal {
       this.showScreenshotMode = false;
       this.showModal = false;
       this.sending = true;
-      let encodedScreenshot = "";
-      if (this.encodedScreenshot) {
-        await this.encodedScreenshot.then((data) => {
-          encodedScreenshot = data;
-        }).catch((error) => {
-          console.log(error);
-        });
-      }
       try {
         const res = await fetch('https://app.pushfeedback.com/api/feedback/', {
           method: 'POST',
@@ -24,7 +16,7 @@ export class FeedbackModal {
             message: this.formMessage,
             email: this.formEmail,
             project: this.project,
-            screenshot: encodedScreenshot
+            screenshot: this.encodedScreenshot
           }),
           headers: {
             'Content-Type': 'application/json'
@@ -130,27 +122,26 @@ export class FeedbackModal {
     };
     this.handleMouseClickedSelectedElement = (event) => {
       event.preventDefault();
-      if (this.elementSelected)
+      if (this.elementSelected) {
         this.elementSelected.classList.add('feedback-modal-element-selected');
+      }
       let top = this.elementSelected.getBoundingClientRect().top;
-      this.elementSelected.style.top = `${top + window.pageYOffset}px`;
+      this.elementSelected.style.top = `${top + window.scrollY}px`;
       const clonedElementSelected = this.elementSelected.cloneNode(true);
       document.body.appendChild(clonedElementSelected);
       this.elementSelected.style.top = `${top}px`;
-      this.encodedScreenshot = domtoimage.toPng(document.body, { cacheBust: true })
-        .then(function (dataUrl) {
+      html2canvas(document.body).then((canvas) => {
+        this.encodedScreenshot = canvas.toDataURL();
         document.body.removeChild(clonedElementSelected);
-        return dataUrl;
-      })
-        .catch(function (error) {
+        const page = document.getElementsByTagName('html')[0];
+        page.style.overflow = 'hidden';
+        this.hasSelectedElement = true;
+        this.overlay.style.display = 'block';
+        this.showModal = true;
+      }).catch((error) => {
         console.log(error);
         return "";
       });
-      const page = document.getElementsByTagName('html')[0];
-      page.style.overflow = 'hidden';
-      this.hasSelectedElement = true;
-      this.overlay.style.display = 'block';
-      this.showModal = true;
     };
     this.sending = false;
     this.formMessage = '';