pushfeedback 0.1.63 → 0.1.65

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

@@ -1,39 +1,40 @@
 import { Host, h } from '@stencil/core';
 export class FeedbackButton {
   constructor() {
-    this.sessionId = "";
+    this.buttonPosition = 'default';
+    this.buttonStyle = 'default';
+    this.hideIcon = false;
+    this.hideMobile = false;
+    this.sessionId = '';
+    this.submit = false;
     this.customFont = false;
-    this.errorMessage = "Please try again later.";
-    this.errorMessage403 = "The request URL does not match the one defined in PushFeedback for this project.";
-    this.errorMessage404 = "We could not find the provided project id in PushFeedback.";
-    this.modalTitle = 'Share your feedback';
-    this.modalTitleSuccess = 'Thanks for your feedback!';
-    this.modalTitleError = "Oops!";
-    this.modalPosition = 'center';
-    this.sendButtonText = 'Send';
-    this.successMessage = "";
-    this.project = '';
-    this.screenshotButtonText = 'Add a screenshot';
-    this.screenshotTopbarText = 'Select an element on this page';
-    this.hideEmail = false;
     this.emailAddress = '';
-    this.emailPlaceholder = 'Email address (optional)';
-    this.messagePlaceholder = 'Comments';
+    this.isEmailRequired = false;
+    this.fetchData = true;
+    this.hideEmail = false;
+    this.hidePrivacyPolicy = true;
     this.hideRating = false;
+    this.hideScreenshotButton = false;
+    this.modalPosition = 'center';
+    this.project = '';
     this.rating = undefined;
     this.ratingMode = 'thumbs';
-    this.ratingPlaceholder = 'Was this page helpful?';
-    this.ratingStarsPlaceholder = 'How would you rate this page?';
+    this.emailPlaceholder = 'Email address (optional)';
+    this.errorMessage = 'Please try again later.';
+    this.errorMessage403 = 'The request URL does not match the one defined in PushFeedback for this project.';
+    this.errorMessage404 = 'We could not find the provided project id in PushFeedback.';
     this.footerText = '';
-    this.buttonStyle = 'default';
-    this.buttonPosition = 'default';
-    this.hideIcon = false;
-    this.hideScreenshotButton = false;
-    this.hidePrivacyPolicy = true;
-    this.hideMobile = false;
+    this.messagePlaceholder = 'Comments';
+    this.modalTitle = 'Share your feedback';
+    this.modalTitleError = 'Oops!';
+    this.modalTitleSuccess = 'Thanks for your feedback!';
     this.privacyPolicyText = "I have read and expressly consent to the terms of the <a href='https://pushfeedback.com/privacy'>Privacy Policy</a>.";
-    this.fetchData = true;
-    this.submit = false;
+    this.ratingPlaceholder = 'Was this page helpful?';
+    this.ratingStarsPlaceholder = 'How would you rate this page?';
+    this.screenshotButtonText = 'Add a screenshot';
+    this.screenshotTopbarText = 'Select an element on this page';
+    this.sendButtonText = 'Send';
+    this.successMessage = '';
   }
   componentWillLoad() {
     if (!this.sessionId) {
@@ -52,7 +53,7 @@ export class FeedbackButton {
       if (this.isSafariBrowser()) {
         adjustement = 5;
       }
-      buttonContent.style.right = `${(buttonContent.offsetWidth + adjustement) / 2 * -1}px`;
+      buttonContent.style.right = `${((buttonContent.offsetWidth + adjustement) / 2) * -1}px`;
     }
     if (!this.customFont) {
       this.loadInterFont();
@@ -62,34 +63,35 @@ export class FeedbackButton {
     this.feedbackModal = document.createElement('feedback-modal');
     const props = [
       'customFont',
+      'emailAddress',
+      'fetchData',
+      'hideEmail',
+      'hidePrivacyPolicy',
+      'hideRating',
+      'hideScreenshotButton',
+      'isEmailRequired',
+      'modalPosition',
+      'project',
+      'rating',
+      'ratingMode',
+      'emailPlaceholder',
       'errorMessage',
       'errorMessage403',
       'errorMessage404',
+      'footerText',
+      'messagePlaceholder',
       'modalTitle',
-      'modalTitleSuccess',
       'modalTitleError',
-      'modalPosition',
-      'sendButtonText',
-      'successMessage',
-      'project',
-      'screenshotButtonText',
-      'screenshotTopbarText',
-      'hideEmail',
-      'emailAddress',
-      'emailPlaceholder',
-      'messagePlaceholder',
-      'hideRating',
-      'rating',
-      'ratingMode',
+      'modalTitleSuccess',
+      'privacyPolicyText',
       'ratingPlaceholder',
       'ratingStarsPlaceholder',
-      'footerText',
-      'hideScreenshotButton',
-      'hidePrivacyPolicy',
-      'privacyPolicyText',
-      'fetchData',
+      'screenshotButtonText',
+      'screenshotTopbarText',
+      'sendButtonText',
+      'successMessage',
     ];
-    props.forEach(prop => {
+    props.forEach((prop) => {
       this.feedbackModal[prop] = this[prop];
     });
     document.body.appendChild(this.feedbackModal);
@@ -125,15 +127,15 @@ export class FeedbackButton {
         project: this.project,
         rating: this.rating || -1,
         ratingMode: this.ratingMode,
-        message: "",
+        message: '',
         session: localStorage.getItem('pushfeedback_sessionid') || '',
       };
       const res = await fetch('https://app.pushfeedback.com/api/feedback/', {
         method: 'POST',
         body: JSON.stringify(body),
         headers: {
-          'Content-Type': 'application/json'
-        }
+          'Content-Type': 'application/json',
+        },
       });
       if (res.status === 201) {
         const feedback_with_id = Object.assign(Object.assign({}, body), { id: await res.json() });
@@ -173,9 +175,9 @@ export class FeedbackButton {
   }
   static get properties() {
     return {
-      "sessionId": {
+      "buttonPosition": {
         "type": "string",
-        "mutable": true,
+        "mutable": false,
         "complexType": {
           "original": "string",
           "resolved": "string",
@@ -187,11 +189,29 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "session-id",
-        "reflect": true,
-        "defaultValue": "\"\""
+        "attribute": "button-position",
+        "reflect": false,
+        "defaultValue": "'default'"
       },
-      "customFont": {
+      "buttonStyle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "button-style",
+        "reflect": false,
+        "defaultValue": "'default'"
+      },
+      "hideIcon": {
         "type": "boolean",
         "mutable": false,
         "complexType": {
@@ -205,16 +225,16 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "custom-font",
+        "attribute": "hide-icon",
         "reflect": false,
         "defaultValue": "false"
       },
-      "errorMessage": {
-        "type": "string",
+      "hideMobile": {
+        "type": "boolean",
         "mutable": false,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
+          "original": "boolean",
+          "resolved": "boolean",
           "references": {}
         },
         "required": false,
@@ -223,13 +243,13 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "error-message",
+        "attribute": "hide-mobile",
         "reflect": false,
-        "defaultValue": "\"Please try again later.\""
+        "defaultValue": "false"
       },
-      "errorMessage403": {
+      "sessionId": {
         "type": "string",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
           "original": "string",
           "resolved": "string",
@@ -241,16 +261,16 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "error-message-4-0-3",
-        "reflect": false,
-        "defaultValue": "\"The request URL does not match the one defined in PushFeedback for this project.\""
+        "attribute": "session-id",
+        "reflect": true,
+        "defaultValue": "''"
       },
-      "errorMessage404": {
-        "type": "string",
+      "submit": {
+        "type": "boolean",
         "mutable": false,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
+          "original": "boolean",
+          "resolved": "boolean",
           "references": {}
         },
         "required": false,
@@ -259,16 +279,16 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "error-message-4-0-4",
+        "attribute": "submit",
         "reflect": false,
-        "defaultValue": "\"We could not find the provided project id in PushFeedback.\""
+        "defaultValue": "false"
       },
-      "modalTitle": {
-        "type": "string",
+      "customFont": {
+        "type": "boolean",
         "mutable": false,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
+          "original": "boolean",
+          "resolved": "boolean",
           "references": {}
         },
         "required": false,
@@ -277,11 +297,11 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "modal-title",
+        "attribute": "custom-font",
         "reflect": false,
-        "defaultValue": "'Share your feedback'"
+        "defaultValue": "false"
       },
-      "modalTitleSuccess": {
+      "emailAddress": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -295,16 +315,16 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "modal-title-success",
+        "attribute": "email-address",
         "reflect": false,
-        "defaultValue": "'Thanks for your feedback!'"
+        "defaultValue": "''"
       },
-      "modalTitleError": {
-        "type": "string",
+      "isEmailRequired": {
+        "type": "boolean",
         "mutable": false,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
+          "original": "boolean",
+          "resolved": "boolean",
           "references": {}
         },
         "required": false,
@@ -313,16 +333,16 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "modal-title-error",
+        "attribute": "is-email-required",
         "reflect": false,
-        "defaultValue": "\"Oops!\""
+        "defaultValue": "false"
       },
-      "modalPosition": {
-        "type": "string",
+      "fetchData": {
+        "type": "boolean",
         "mutable": false,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
+          "original": "boolean",
+          "resolved": "boolean",
           "references": {}
         },
         "required": false,
@@ -331,16 +351,16 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "modal-position",
+        "attribute": "fetch-data",
         "reflect": false,
-        "defaultValue": "'center'"
+        "defaultValue": "true"
       },
-      "sendButtonText": {
-        "type": "string",
+      "hideEmail": {
+        "type": "boolean",
         "mutable": false,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
+          "original": "boolean",
+          "resolved": "boolean",
           "references": {}
         },
         "required": false,
@@ -349,16 +369,16 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "send-button-text",
+        "attribute": "hide-email",
         "reflect": false,
-        "defaultValue": "'Send'"
+        "defaultValue": "false"
       },
-      "successMessage": {
-        "type": "string",
+      "hidePrivacyPolicy": {
+        "type": "boolean",
         "mutable": false,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
+          "original": "boolean",
+          "resolved": "boolean",
           "references": {}
         },
         "required": false,
@@ -367,16 +387,16 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "success-message",
+        "attribute": "hide-privacy-policy",
         "reflect": false,
-        "defaultValue": "\"\""
+        "defaultValue": "true"
       },
-      "project": {
-        "type": "string",
+      "hideRating": {
+        "type": "boolean",
         "mutable": false,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
+          "original": "boolean",
+          "resolved": "boolean",
           "references": {}
         },
         "required": false,
@@ -385,16 +405,16 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "project",
+        "attribute": "hide-rating",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "false"
       },
-      "screenshotButtonText": {
-        "type": "string",
+      "hideScreenshotButton": {
+        "type": "boolean",
         "mutable": false,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
+          "original": "boolean",
+          "resolved": "boolean",
           "references": {}
         },
         "required": false,
@@ -403,11 +423,11 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "screenshot-button-text",
+        "attribute": "hide-screenshot-button",
         "reflect": false,
-        "defaultValue": "'Add a screenshot'"
+        "defaultValue": "false"
       },
-      "screenshotTopbarText": {
+      "modalPosition": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -421,16 +441,16 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "screenshot-topbar-text",
+        "attribute": "modal-position",
         "reflect": false,
-        "defaultValue": "'Select an element on this page'"
+        "defaultValue": "'center'"
       },
-      "hideEmail": {
-        "type": "boolean",
+      "project": {
+        "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
+          "original": "string",
+          "resolved": "string",
           "references": {}
         },
         "required": false,
@@ -439,16 +459,16 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "hide-email",
+        "attribute": "project",
         "reflect": false,
-        "defaultValue": "false"
+        "defaultValue": "''"
       },
-      "emailAddress": {
-        "type": "string",
+      "rating": {
+        "type": "number",
         "mutable": false,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
+          "original": "number",
+          "resolved": "number",
           "references": {}
         },
         "required": false,
@@ -457,11 +477,10 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "email-address",
-        "reflect": false,
-        "defaultValue": "''"
+        "attribute": "rating",
+        "reflect": false
       },
-      "emailPlaceholder": {
+      "ratingMode": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -475,11 +494,11 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "email-placeholder",
+        "attribute": "rating-mode",
         "reflect": false,
-        "defaultValue": "'Email address (optional)'"
+        "defaultValue": "'thumbs'"
       },
-      "messagePlaceholder": {
+      "emailPlaceholder": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -493,16 +512,16 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "message-placeholder",
+        "attribute": "email-placeholder",
         "reflect": false,
-        "defaultValue": "'Comments'"
+        "defaultValue": "'Email address (optional)'"
       },
-      "hideRating": {
-        "type": "boolean",
+      "errorMessage": {
+        "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
+          "original": "string",
+          "resolved": "string",
           "references": {}
         },
         "required": false,
@@ -511,16 +530,16 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "hide-rating",
+        "attribute": "error-message",
         "reflect": false,
-        "defaultValue": "false"
+        "defaultValue": "'Please try again later.'"
       },
-      "rating": {
-        "type": "number",
+      "errorMessage403": {
+        "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "number",
-          "resolved": "number",
+          "original": "string",
+          "resolved": "string",
           "references": {}
         },
         "required": false,
@@ -529,10 +548,11 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "rating",
-        "reflect": false
+        "attribute": "error-message-4-0-3",
+        "reflect": false,
+        "defaultValue": "'The request URL does not match the one defined in PushFeedback for this project.'"
       },
-      "ratingMode": {
+      "errorMessage404": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -546,11 +566,11 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "rating-mode",
+        "attribute": "error-message-4-0-4",
         "reflect": false,
-        "defaultValue": "'thumbs'"
+        "defaultValue": "'We could not find the provided project id in PushFeedback.'"
       },
-      "ratingPlaceholder": {
+      "footerText": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -564,11 +584,11 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "rating-placeholder",
+        "attribute": "footer-text",
         "reflect": false,
-        "defaultValue": "'Was this page helpful?'"
+        "defaultValue": "''"
       },
-      "ratingStarsPlaceholder": {
+      "messagePlaceholder": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -582,11 +602,11 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "rating-stars-placeholder",
+        "attribute": "message-placeholder",
         "reflect": false,
-        "defaultValue": "'How would you rate this page?'"
+        "defaultValue": "'Comments'"
       },
-      "footerText": {
+      "modalTitle": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -600,11 +620,11 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "footer-text",
+        "attribute": "modal-title",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "'Share your feedback'"
       },
-      "buttonStyle": {
+      "modalTitleError": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -618,11 +638,11 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "button-style",
+        "attribute": "modal-title-error",
         "reflect": false,
-        "defaultValue": "'default'"
+        "defaultValue": "'Oops!'"
       },
-      "buttonPosition": {
+      "modalTitleSuccess": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -636,16 +656,16 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "button-position",
+        "attribute": "modal-title-success",
         "reflect": false,
-        "defaultValue": "'default'"
+        "defaultValue": "'Thanks for your feedback!'"
       },
-      "hideIcon": {
-        "type": "boolean",
+      "privacyPolicyText": {
+        "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
+          "original": "string",
+          "resolved": "string",
           "references": {}
         },
         "required": false,
@@ -654,16 +674,16 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "hide-icon",
+        "attribute": "privacy-policy-text",
         "reflect": false,
-        "defaultValue": "false"
+        "defaultValue": "\"I have read and expressly consent to the terms of the <a href='https://pushfeedback.com/privacy'>Privacy Policy</a>.\""
       },
-      "hideScreenshotButton": {
-        "type": "boolean",
+      "ratingPlaceholder": {
+        "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
+          "original": "string",
+          "resolved": "string",
           "references": {}
         },
         "required": false,
@@ -672,16 +692,16 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "hide-screenshot-button",
+        "attribute": "rating-placeholder",
         "reflect": false,
-        "defaultValue": "false"
+        "defaultValue": "'Was this page helpful?'"
       },
-      "hidePrivacyPolicy": {
-        "type": "boolean",
+      "ratingStarsPlaceholder": {
+        "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
+          "original": "string",
+          "resolved": "string",
           "references": {}
         },
         "required": false,
@@ -690,16 +710,16 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "hide-privacy-policy",
+        "attribute": "rating-stars-placeholder",
         "reflect": false,
-        "defaultValue": "true"
+        "defaultValue": "'How would you rate this page?'"
       },
-      "hideMobile": {
-        "type": "boolean",
+      "screenshotButtonText": {
+        "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
+          "original": "string",
+          "resolved": "string",
           "references": {}
         },
         "required": false,
@@ -708,11 +728,11 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "hide-mobile",
+        "attribute": "screenshot-button-text",
         "reflect": false,
-        "defaultValue": "false"
+        "defaultValue": "'Add a screenshot'"
       },
-      "privacyPolicyText": {
+      "screenshotTopbarText": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -726,16 +746,16 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "privacy-policy-text",
+        "attribute": "screenshot-topbar-text",
         "reflect": false,
-        "defaultValue": "\"I have read and expressly consent to the terms of the <a href='https://pushfeedback.com/privacy'>Privacy Policy</a>.\""
+        "defaultValue": "'Select an element on this page'"
       },
-      "fetchData": {
-        "type": "boolean",
+      "sendButtonText": {
+        "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
+          "original": "string",
+          "resolved": "string",
           "references": {}
         },
         "required": false,
@@ -744,16 +764,16 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "fetch-data",
+        "attribute": "send-button-text",
         "reflect": false,
-        "defaultValue": "true"
+        "defaultValue": "'Send'"
       },
-      "submit": {
-        "type": "boolean",
+      "successMessage": {
+        "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
+          "original": "string",
+          "resolved": "string",
           "references": {}
         },
         "required": false,
@@ -762,9 +782,9 @@ export class FeedbackButton {
           "tags": [],
           "text": ""
         },
-        "attribute": "submit",
+        "attribute": "success-message",
         "reflect": false,
-        "defaultValue": "false"
+        "defaultValue": "''"
       }
     };
   }