pushfeedback 0.1.71 → 0.1.73

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

@@ -187,24 +187,23 @@ export class FeedbackModal {
     this.ratingPlaceholder = 'Was this page helpful?';
     this.ratingStarsPlaceholder = 'How would you rate this page?';
     this.sendButtonText = 'Send';
+    this.successMessage = '';
     this.screenshotAttachedText = 'Screenshot attached';
     this.screenshotButtonText = 'Add a screenshot';
     this.screenshotTakingText = 'Taking screenshot...';
-    this.screenshotTopbarText = 'Select an element on this page';
-    this.successMessage = '';
-    this.canvasEditorTitle = 'Edit screenshot';
-    this.canvasEditorCancelText = 'Cancel';
-    this.canvasEditorSaveText = 'Save';
-    this.editTextButtonText = 'Edit Text';
-    this.sizeLabelText = 'Size:';
-    this.borderLabelText = 'Border:';
-    this.editTextPromptText = 'Edit text:';
+    this.screenshotEditTextButtonText = 'Edit text';
+    this.screenshotEditorTitle = 'Edit screenshot';
+    this.screenshotEditorCancelText = 'Cancel';
+    this.screenshotEditorSaveText = 'Save';
+    this.screenshotSizeLabelText = 'Size:';
+    this.screenshotBorderLabelText = 'Border:';
+    this.screenshotEditTextPromptText = 'Edit text:';
     this.screenshotErrorGeneral = 'Failed to capture screenshot.';
     this.screenshotErrorPermission = 'Permission denied. Please allow screen sharing to take screenshots.';
     this.screenshotErrorNotSupported = 'Screen capture is not supported in this browser.';
     this.screenshotErrorNotFound = 'No screen sources available for capture.';
     this.screenshotErrorCancelled = 'Screenshot capture was cancelled.';
-    this.screenshotErrorBrowserNotSupported = 'Your browser does not support screen capture. Please use a browser like Chrome, Firefox, or Safari.';
+    this.screenshotErrorBrowserNotSupported = 'Your browser does not support screen capture. Please use a browser like Chrome, Firefox, or Safari on desktop.';
     this.screenshotErrorUnexpected = 'An unexpected error occurred. Please try again.';
   }
   componentWillLoad() {
@@ -250,7 +249,7 @@ export class FeedbackModal {
     this.selectedRating = newRating;
   }
   render() {
-    return (h("div", { class: `feedback-modal-wrapper ${this.customFont ? 'feedback-modal-wrapper--custom-font' : ''}` }, this.showCanvasEditor && (h("canvas-editor", { ref: (el) => this.canvasEditorRef = el, "canvas-editor-title": this.canvasEditorTitle, "canvas-editor-cancel-text": this.canvasEditorCancelText, "canvas-editor-save-text": this.canvasEditorSaveText, "screenshot-taking-text": this.screenshotTakingText, "screenshot-attached-text": this.screenshotAttachedText, "screenshot-button-text": this.screenshotButtonText, "auto-start-screenshot": this.autoStartCapture, "existing-screenshot": this.encodedScreenshot || '', "edit-text-button-text": this.editTextButtonText, "size-label-text": this.sizeLabelText, "border-label-text": this.borderLabelText, "edit-text-prompt-text": this.editTextPromptText, "screenshot-error-general": this.screenshotErrorGeneral, "screenshot-error-permission": this.screenshotErrorPermission, "screenshot-error-not-supported": this.screenshotErrorNotSupported, "screenshot-error-not-found": this.screenshotErrorNotFound, "screenshot-error-cancelled": this.screenshotErrorCancelled, "screenshot-error-browser-not-supported": this.screenshotErrorBrowserNotSupported, "screenshot-error-unexpected": this.screenshotErrorUnexpected, onScreenshotReady: this.handleScreenshotReady, onScreenshotCancelled: this.handleScreenshotCancelled, onScreenshotFailed: this.handleScreenshotError })), this.showScreenshotError && (h("div", { class: "screenshot-error-notification" }, h("div", { class: "screenshot-error-content" }, h("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("circle", { cx: "12", cy: "12", r: "10" }), h("line", { x1: "15", y1: "9", x2: "9", y2: "15" }), h("line", { x1: "9", y1: "9", x2: "15", y2: "15" })), h("span", null, this.screenshotError), h("button", { class: "error-close-btn", onClick: () => this.showScreenshotError = false, title: "Close" }, h("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))))), this.showModal && (h("div", { class: `feedback-overlay ${this.isAnimating ? 'feedback-overlay--visible' : ''}` })), this.showModal && (h("div", { class: `feedback-modal-content feedback-modal-content--${this.modalPosition} ${this.isAnimating ? 'feedback-modal-content--open' : ''}`, ref: (el) => (this.modalContent = el) }, h("div", { class: "feedback-modal-header" }, !this.formSuccess && !this.formError ? (h("span", null, this.modalTitle)) : this.formSuccess ? (h("span", null, this.modalTitleSuccess)) : (h("span", null, this.modalTitleError)), h("button", { class: "feedback-modal-close", onClick: this.close }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "#191919", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-x" }, h("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))), h("div", { class: "feedback-modal-body" }, !this.formSuccess && !this.formError ? (h("form", { onSubmit: this.handleSubmit }, !this.hideRating && (h("div", { class: "feedback-modal-rating" }, this.ratingMode === 'thumbs' ? (h("div", { class: "feedback-modal-rating-content" }, h("span", { class: "feedback-modal-input-heading" }, this.ratingPlaceholder), h("div", { class: "feedback-modal-rating-buttons feedback-modal-rating-buttons--thumbs" }, h("button", { title: "Yes", class: `feedback-modal-rating-button ${this.selectedRating === 1
+    return (h("div", { class: `feedback-modal-wrapper ${this.customFont ? 'feedback-modal-wrapper--custom-font' : ''}` }, this.showCanvasEditor && (h("canvas-editor", { ref: (el) => this.canvasEditorRef = el, "canvas-editor-title": this.screenshotEditorTitle, "canvas-editor-cancel-text": this.screenshotEditorCancelText, "canvas-editor-save-text": this.screenshotEditorSaveText, "screenshot-taking-text": this.screenshotTakingText, "screenshot-attached-text": this.screenshotAttachedText, "screenshot-button-text": this.screenshotButtonText, "auto-start-screenshot": this.autoStartCapture, "existing-screenshot": this.encodedScreenshot || '', "edit-text-button-text": this.screenshotEditTextButtonText, "size-label-text": this.screenshotSizeLabelText, "border-label-text": this.screenshotBorderLabelText, "edit-text-prompt-text": this.screenshotEditTextPromptText, "screenshot-error-general": this.screenshotErrorGeneral, "screenshot-error-permission": this.screenshotErrorPermission, "screenshot-error-not-supported": this.screenshotErrorNotSupported, "screenshot-error-not-found": this.screenshotErrorNotFound, "screenshot-error-cancelled": this.screenshotErrorCancelled, "screenshot-error-browser-not-supported": this.screenshotErrorBrowserNotSupported, "screenshot-error-unexpected": this.screenshotErrorUnexpected, onScreenshotReady: this.handleScreenshotReady, onScreenshotCancelled: this.handleScreenshotCancelled, onScreenshotFailed: this.handleScreenshotError })), this.showScreenshotError && (h("div", { class: "screenshot-error-notification" }, h("div", { class: "screenshot-error-content" }, h("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("circle", { cx: "12", cy: "12", r: "10" }), h("line", { x1: "15", y1: "9", x2: "9", y2: "15" }), h("line", { x1: "9", y1: "9", x2: "15", y2: "15" })), h("span", null, this.screenshotError), h("button", { class: "error-close-btn", onClick: () => this.showScreenshotError = false, title: "Close" }, h("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))))), this.showModal && (h("div", { class: `feedback-overlay ${this.isAnimating ? 'feedback-overlay--visible' : ''}` })), this.showModal && (h("div", { class: `feedback-modal-content feedback-modal-content--${this.modalPosition} ${this.isAnimating ? 'feedback-modal-content--open' : ''}`, ref: (el) => (this.modalContent = el) }, h("div", { class: "feedback-modal-header" }, !this.formSuccess && !this.formError ? (h("span", null, this.modalTitle)) : this.formSuccess ? (h("span", null, this.modalTitleSuccess)) : (h("span", null, this.modalTitleError)), h("button", { class: "feedback-modal-close", onClick: this.close }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "#191919", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-x" }, h("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))), h("div", { class: "feedback-modal-body" }, !this.formSuccess && !this.formError ? (h("form", { onSubmit: this.handleSubmit }, !this.hideRating && (h("div", { class: "feedback-modal-rating" }, this.ratingMode === 'thumbs' ? (h("div", { class: "feedback-modal-rating-content" }, h("span", { class: "feedback-modal-input-heading" }, this.ratingPlaceholder), h("div", { class: "feedback-modal-rating-buttons feedback-modal-rating-buttons--thumbs" }, h("button", { title: "Yes", class: `feedback-modal-rating-button ${this.selectedRating === 1
         ? 'feedback-modal-rating-button--selected'
         : ''}`, onClick: (event) => {
         event.preventDefault();
@@ -835,7 +834,7 @@ export class FeedbackModal {
         "reflect": false,
         "defaultValue": "'Send'"
       },
-      "screenshotAttachedText": {
+      "successMessage": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -849,11 +848,11 @@ export class FeedbackModal {
           "tags": [],
           "text": ""
         },
-        "attribute": "screenshot-attached-text",
+        "attribute": "success-message",
         "reflect": false,
-        "defaultValue": "'Screenshot attached'"
+        "defaultValue": "''"
       },
-      "screenshotButtonText": {
+      "screenshotAttachedText": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -867,11 +866,11 @@ export class FeedbackModal {
           "tags": [],
           "text": ""
         },
-        "attribute": "screenshot-button-text",
+        "attribute": "screenshot-attached-text",
         "reflect": false,
-        "defaultValue": "'Add a screenshot'"
+        "defaultValue": "'Screenshot attached'"
       },
-      "screenshotTakingText": {
+      "screenshotButtonText": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -885,11 +884,11 @@ export class FeedbackModal {
           "tags": [],
           "text": ""
         },
-        "attribute": "screenshot-taking-text",
+        "attribute": "screenshot-button-text",
         "reflect": false,
-        "defaultValue": "'Taking screenshot...'"
+        "defaultValue": "'Add a screenshot'"
       },
-      "screenshotTopbarText": {
+      "screenshotTakingText": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -903,11 +902,11 @@ export class FeedbackModal {
           "tags": [],
           "text": ""
         },
-        "attribute": "screenshot-topbar-text",
+        "attribute": "screenshot-taking-text",
         "reflect": false,
-        "defaultValue": "'Select an element on this page'"
+        "defaultValue": "'Taking screenshot...'"
       },
-      "successMessage": {
+      "screenshotEditTextButtonText": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -921,11 +920,11 @@ export class FeedbackModal {
           "tags": [],
           "text": ""
         },
-        "attribute": "success-message",
+        "attribute": "screenshot-edit-text-button-text",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "'Edit text'"
       },
-      "canvasEditorTitle": {
+      "screenshotEditorTitle": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -939,11 +938,11 @@ export class FeedbackModal {
           "tags": [],
           "text": ""
         },
-        "attribute": "canvas-editor-title",
+        "attribute": "screenshot-editor-title",
         "reflect": false,
         "defaultValue": "'Edit screenshot'"
       },
-      "canvasEditorCancelText": {
+      "screenshotEditorCancelText": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -957,11 +956,11 @@ export class FeedbackModal {
           "tags": [],
           "text": ""
         },
-        "attribute": "canvas-editor-cancel-text",
+        "attribute": "screenshot-editor-cancel-text",
         "reflect": false,
         "defaultValue": "'Cancel'"
       },
-      "canvasEditorSaveText": {
+      "screenshotEditorSaveText": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -975,29 +974,11 @@ export class FeedbackModal {
           "tags": [],
           "text": ""
         },
-        "attribute": "canvas-editor-save-text",
+        "attribute": "screenshot-editor-save-text",
         "reflect": false,
         "defaultValue": "'Save'"
       },
-      "editTextButtonText": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "edit-text-button-text",
-        "reflect": false,
-        "defaultValue": "'Edit Text'"
-      },
-      "sizeLabelText": {
+      "screenshotSizeLabelText": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -1011,11 +992,11 @@ export class FeedbackModal {
           "tags": [],
           "text": ""
         },
-        "attribute": "size-label-text",
+        "attribute": "screenshot-size-label-text",
         "reflect": false,
         "defaultValue": "'Size:'"
       },
-      "borderLabelText": {
+      "screenshotBorderLabelText": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -1029,11 +1010,11 @@ export class FeedbackModal {
           "tags": [],
           "text": ""
         },
-        "attribute": "border-label-text",
+        "attribute": "screenshot-border-label-text",
         "reflect": false,
         "defaultValue": "'Border:'"
       },
-      "editTextPromptText": {
+      "screenshotEditTextPromptText": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -1047,7 +1028,7 @@ export class FeedbackModal {
           "tags": [],
           "text": ""
         },
-        "attribute": "edit-text-prompt-text",
+        "attribute": "screenshot-edit-text-prompt-text",
         "reflect": false,
         "defaultValue": "'Edit text:'"
       },
@@ -1157,7 +1138,7 @@ export class FeedbackModal {
         },
         "attribute": "screenshot-error-browser-not-supported",
         "reflect": false,
-        "defaultValue": "'Your browser does not support screen capture. Please use a browser like Chrome, Firefox, or Safari.'"
+        "defaultValue": "'Your browser does not support screen capture. Please use a browser like Chrome, Firefox, or Safari on desktop.'"
       },
       "screenshotErrorUnexpected": {
         "type": "string",

package/dist/components/feedback-button.js

@@ -30,20 +30,6 @@ const FeedbackButton$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     this.project = '';
     this.rating = undefined;
     this.ratingMode = 'thumbs';
-    this.canvasEditorTitle = 'Edit screenshot';
-    this.canvasEditorCancelText = 'Cancel';
-    this.canvasEditorSaveText = 'Save';
-    this.editTextButtonText = 'Edit Text';
-    this.sizeLabelText = 'Size:';
-    this.borderLabelText = 'Border:';
-    this.editTextPromptText = 'Edit text:';
-    this.screenshotErrorGeneral = 'Failed to capture screenshot.';
-    this.screenshotErrorPermission = 'Permission denied. Please allow screen sharing to take screenshots.';
-    this.screenshotErrorNotSupported = 'Screen capture is not supported in this browser.';
-    this.screenshotErrorNotFound = 'No screen sources available for capture.';
-    this.screenshotErrorCancelled = 'Screenshot capture was cancelled.';
-    this.screenshotErrorBrowserNotSupported = 'Your browser does not support screen capture. Please use a browser like Chrome, Firefox, or Safari.';
-    this.screenshotErrorUnexpected = 'An unexpected error occurred. Please try again.';
     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.';
@@ -56,12 +42,25 @@ const FeedbackButton$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     this.privacyPolicyText = "I have read and expressly consent to the terms of the <a href='https://pushfeedback.com/privacy'>Privacy Policy</a>.";
     this.ratingPlaceholder = 'Was this page helpful?';
     this.ratingStarsPlaceholder = 'How would you rate this page?';
+    this.sendButtonText = 'Send';
+    this.successMessage = '';
     this.screenshotAttachedText = 'Screenshot attached';
     this.screenshotButtonText = 'Add a screenshot';
     this.screenshotTakingText = 'Taking screenshot...';
-    this.screenshotTopbarText = 'Select an element on this page';
-    this.sendButtonText = 'Send';
-    this.successMessage = '';
+    this.screenshotEditTextButtonText = 'Edit text';
+    this.screenshotEditorTitle = 'Edit screenshot';
+    this.screenshotEditorCancelText = 'Cancel';
+    this.screenshotEditorSaveText = 'Save';
+    this.screenshotSizeLabelText = 'Size:';
+    this.screenshotBorderLabelText = 'Border:';
+    this.screenshotEditTextPromptText = 'Edit text:';
+    this.screenshotErrorGeneral = 'Failed to capture screenshot.';
+    this.screenshotErrorPermission = 'Permission denied. Please allow screen sharing to take screenshots.';
+    this.screenshotErrorNotSupported = 'Screen capture is not supported in this browser.';
+    this.screenshotErrorNotFound = 'No screen sources available for capture.';
+    this.screenshotErrorCancelled = 'Screenshot capture was cancelled.';
+    this.screenshotErrorBrowserNotSupported = 'Your browser does not support screen capture. Please use a browser like Chrome, Firefox, or Safari on desktop.';
+    this.screenshotErrorUnexpected = 'An unexpected error occurred. Please try again.';
   }
   componentWillLoad() {
     if (!this.sessionId) {
@@ -104,13 +103,13 @@ const FeedbackButton$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
       'project',
       'rating',
       'ratingMode',
-      'canvasEditorTitle',
-      'canvasEditorCancelText',
-      'canvasEditorSaveText',
-      'editTextButtonText',
-      'sizeLabelText',
-      'borderLabelText',
-      'editTextPromptText',
+      'screenshotEditorTitle',
+      'screenshotEditorCancelText',
+      'screenshotEditorSaveText',
+      'screenshotEditTextButtonText',
+      'screenshotSizeLabelText',
+      'screenshotBorderLabelText',
+      'screenshotEditTextPromptText',
       'screenshotErrorGeneral',
       'screenshotErrorPermission',
       'screenshotErrorNotSupported',
@@ -134,7 +133,6 @@ const FeedbackButton$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
       'screenshotAttachedText',
       'screenshotButtonText',
       'screenshotTakingText',
-      'screenshotTopbarText',
       'sendButtonText',
       'successMessage',
     ];
@@ -231,20 +229,6 @@ const FeedbackButton$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     "project": [1],
     "rating": [2],
     "ratingMode": [1, "rating-mode"],
-    "canvasEditorTitle": [1, "canvas-editor-title"],
-    "canvasEditorCancelText": [1, "canvas-editor-cancel-text"],
-    "canvasEditorSaveText": [1, "canvas-editor-save-text"],
-    "editTextButtonText": [1, "edit-text-button-text"],
-    "sizeLabelText": [1, "size-label-text"],
-    "borderLabelText": [1, "border-label-text"],
-    "editTextPromptText": [1, "edit-text-prompt-text"],
-    "screenshotErrorGeneral": [1, "screenshot-error-general"],
-    "screenshotErrorPermission": [1, "screenshot-error-permission"],
-    "screenshotErrorNotSupported": [1, "screenshot-error-not-supported"],
-    "screenshotErrorNotFound": [1, "screenshot-error-not-found"],
-    "screenshotErrorCancelled": [1, "screenshot-error-cancelled"],
-    "screenshotErrorBrowserNotSupported": [1, "screenshot-error-browser-not-supported"],
-    "screenshotErrorUnexpected": [1, "screenshot-error-unexpected"],
     "emailPlaceholder": [1, "email-placeholder"],
     "errorMessage": [1, "error-message"],
     "errorMessage403": [1, "error-message-4-0-3"],
@@ -257,12 +241,25 @@ const FeedbackButton$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     "privacyPolicyText": [1, "privacy-policy-text"],
     "ratingPlaceholder": [1, "rating-placeholder"],
     "ratingStarsPlaceholder": [1, "rating-stars-placeholder"],
+    "sendButtonText": [1, "send-button-text"],
+    "successMessage": [1, "success-message"],
     "screenshotAttachedText": [1, "screenshot-attached-text"],
     "screenshotButtonText": [1, "screenshot-button-text"],
     "screenshotTakingText": [1, "screenshot-taking-text"],
-    "screenshotTopbarText": [1, "screenshot-topbar-text"],
-    "sendButtonText": [1, "send-button-text"],
-    "successMessage": [1, "success-message"]
+    "screenshotEditTextButtonText": [1, "screenshot-edit-text-button-text"],
+    "screenshotEditorTitle": [1, "screenshot-editor-title"],
+    "screenshotEditorCancelText": [1, "screenshot-editor-cancel-text"],
+    "screenshotEditorSaveText": [1, "screenshot-editor-save-text"],
+    "screenshotSizeLabelText": [1, "screenshot-size-label-text"],
+    "screenshotBorderLabelText": [1, "screenshot-border-label-text"],
+    "screenshotEditTextPromptText": [1, "screenshot-edit-text-prompt-text"],
+    "screenshotErrorGeneral": [1, "screenshot-error-general"],
+    "screenshotErrorPermission": [1, "screenshot-error-permission"],
+    "screenshotErrorNotSupported": [1, "screenshot-error-not-supported"],
+    "screenshotErrorNotFound": [1, "screenshot-error-not-found"],
+    "screenshotErrorCancelled": [1, "screenshot-error-cancelled"],
+    "screenshotErrorBrowserNotSupported": [1, "screenshot-error-browser-not-supported"],
+    "screenshotErrorUnexpected": [1, "screenshot-error-unexpected"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {

package/dist/components/feedback-modal2.js

@@ -196,24 +196,23 @@ const FeedbackModal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.ratingPlaceholder = 'Was this page helpful?';
     this.ratingStarsPlaceholder = 'How would you rate this page?';
     this.sendButtonText = 'Send';
+    this.successMessage = '';
     this.screenshotAttachedText = 'Screenshot attached';
     this.screenshotButtonText = 'Add a screenshot';
     this.screenshotTakingText = 'Taking screenshot...';
-    this.screenshotTopbarText = 'Select an element on this page';
-    this.successMessage = '';
-    this.canvasEditorTitle = 'Edit screenshot';
-    this.canvasEditorCancelText = 'Cancel';
-    this.canvasEditorSaveText = 'Save';
-    this.editTextButtonText = 'Edit Text';
-    this.sizeLabelText = 'Size:';
-    this.borderLabelText = 'Border:';
-    this.editTextPromptText = 'Edit text:';
+    this.screenshotEditTextButtonText = 'Edit text';
+    this.screenshotEditorTitle = 'Edit screenshot';
+    this.screenshotEditorCancelText = 'Cancel';
+    this.screenshotEditorSaveText = 'Save';
+    this.screenshotSizeLabelText = 'Size:';
+    this.screenshotBorderLabelText = 'Border:';
+    this.screenshotEditTextPromptText = 'Edit text:';
     this.screenshotErrorGeneral = 'Failed to capture screenshot.';
     this.screenshotErrorPermission = 'Permission denied. Please allow screen sharing to take screenshots.';
     this.screenshotErrorNotSupported = 'Screen capture is not supported in this browser.';
     this.screenshotErrorNotFound = 'No screen sources available for capture.';
     this.screenshotErrorCancelled = 'Screenshot capture was cancelled.';
-    this.screenshotErrorBrowserNotSupported = 'Your browser does not support screen capture. Please use a browser like Chrome, Firefox, or Safari.';
+    this.screenshotErrorBrowserNotSupported = 'Your browser does not support screen capture. Please use a browser like Chrome, Firefox, or Safari on desktop.';
     this.screenshotErrorUnexpected = 'An unexpected error occurred. Please try again.';
   }
   componentWillLoad() {
@@ -259,7 +258,7 @@ const FeedbackModal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.selectedRating = newRating;
   }
   render() {
-    return (h("div", { class: `feedback-modal-wrapper ${this.customFont ? 'feedback-modal-wrapper--custom-font' : ''}` }, this.showCanvasEditor && (h("canvas-editor", { ref: (el) => this.canvasEditorRef = el, "canvas-editor-title": this.canvasEditorTitle, "canvas-editor-cancel-text": this.canvasEditorCancelText, "canvas-editor-save-text": this.canvasEditorSaveText, "screenshot-taking-text": this.screenshotTakingText, "screenshot-attached-text": this.screenshotAttachedText, "screenshot-button-text": this.screenshotButtonText, "auto-start-screenshot": this.autoStartCapture, "existing-screenshot": this.encodedScreenshot || '', "edit-text-button-text": this.editTextButtonText, "size-label-text": this.sizeLabelText, "border-label-text": this.borderLabelText, "edit-text-prompt-text": this.editTextPromptText, "screenshot-error-general": this.screenshotErrorGeneral, "screenshot-error-permission": this.screenshotErrorPermission, "screenshot-error-not-supported": this.screenshotErrorNotSupported, "screenshot-error-not-found": this.screenshotErrorNotFound, "screenshot-error-cancelled": this.screenshotErrorCancelled, "screenshot-error-browser-not-supported": this.screenshotErrorBrowserNotSupported, "screenshot-error-unexpected": this.screenshotErrorUnexpected, onScreenshotReady: this.handleScreenshotReady, onScreenshotCancelled: this.handleScreenshotCancelled, onScreenshotFailed: this.handleScreenshotError })), this.showScreenshotError && (h("div", { class: "screenshot-error-notification" }, h("div", { class: "screenshot-error-content" }, h("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("circle", { cx: "12", cy: "12", r: "10" }), h("line", { x1: "15", y1: "9", x2: "9", y2: "15" }), h("line", { x1: "9", y1: "9", x2: "15", y2: "15" })), h("span", null, this.screenshotError), h("button", { class: "error-close-btn", onClick: () => this.showScreenshotError = false, title: "Close" }, h("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))))), this.showModal && (h("div", { class: `feedback-overlay ${this.isAnimating ? 'feedback-overlay--visible' : ''}` })), this.showModal && (h("div", { class: `feedback-modal-content feedback-modal-content--${this.modalPosition} ${this.isAnimating ? 'feedback-modal-content--open' : ''}`, ref: (el) => (this.modalContent = el) }, h("div", { class: "feedback-modal-header" }, !this.formSuccess && !this.formError ? (h("span", null, this.modalTitle)) : this.formSuccess ? (h("span", null, this.modalTitleSuccess)) : (h("span", null, this.modalTitleError)), h("button", { class: "feedback-modal-close", onClick: this.close }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "#191919", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-x" }, h("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))), h("div", { class: "feedback-modal-body" }, !this.formSuccess && !this.formError ? (h("form", { onSubmit: this.handleSubmit }, !this.hideRating && (h("div", { class: "feedback-modal-rating" }, this.ratingMode === 'thumbs' ? (h("div", { class: "feedback-modal-rating-content" }, h("span", { class: "feedback-modal-input-heading" }, this.ratingPlaceholder), h("div", { class: "feedback-modal-rating-buttons feedback-modal-rating-buttons--thumbs" }, h("button", { title: "Yes", class: `feedback-modal-rating-button ${this.selectedRating === 1
+    return (h("div", { class: `feedback-modal-wrapper ${this.customFont ? 'feedback-modal-wrapper--custom-font' : ''}` }, this.showCanvasEditor && (h("canvas-editor", { ref: (el) => this.canvasEditorRef = el, "canvas-editor-title": this.screenshotEditorTitle, "canvas-editor-cancel-text": this.screenshotEditorCancelText, "canvas-editor-save-text": this.screenshotEditorSaveText, "screenshot-taking-text": this.screenshotTakingText, "screenshot-attached-text": this.screenshotAttachedText, "screenshot-button-text": this.screenshotButtonText, "auto-start-screenshot": this.autoStartCapture, "existing-screenshot": this.encodedScreenshot || '', "edit-text-button-text": this.screenshotEditTextButtonText, "size-label-text": this.screenshotSizeLabelText, "border-label-text": this.screenshotBorderLabelText, "edit-text-prompt-text": this.screenshotEditTextPromptText, "screenshot-error-general": this.screenshotErrorGeneral, "screenshot-error-permission": this.screenshotErrorPermission, "screenshot-error-not-supported": this.screenshotErrorNotSupported, "screenshot-error-not-found": this.screenshotErrorNotFound, "screenshot-error-cancelled": this.screenshotErrorCancelled, "screenshot-error-browser-not-supported": this.screenshotErrorBrowserNotSupported, "screenshot-error-unexpected": this.screenshotErrorUnexpected, onScreenshotReady: this.handleScreenshotReady, onScreenshotCancelled: this.handleScreenshotCancelled, onScreenshotFailed: this.handleScreenshotError })), this.showScreenshotError && (h("div", { class: "screenshot-error-notification" }, h("div", { class: "screenshot-error-content" }, h("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("circle", { cx: "12", cy: "12", r: "10" }), h("line", { x1: "15", y1: "9", x2: "9", y2: "15" }), h("line", { x1: "9", y1: "9", x2: "15", y2: "15" })), h("span", null, this.screenshotError), h("button", { class: "error-close-btn", onClick: () => this.showScreenshotError = false, title: "Close" }, h("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))))), this.showModal && (h("div", { class: `feedback-overlay ${this.isAnimating ? 'feedback-overlay--visible' : ''}` })), this.showModal && (h("div", { class: `feedback-modal-content feedback-modal-content--${this.modalPosition} ${this.isAnimating ? 'feedback-modal-content--open' : ''}`, ref: (el) => (this.modalContent = el) }, h("div", { class: "feedback-modal-header" }, !this.formSuccess && !this.formError ? (h("span", null, this.modalTitle)) : this.formSuccess ? (h("span", null, this.modalTitleSuccess)) : (h("span", null, this.modalTitleError)), h("button", { class: "feedback-modal-close", onClick: this.close }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "#191919", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-x" }, h("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))), h("div", { class: "feedback-modal-body" }, !this.formSuccess && !this.formError ? (h("form", { onSubmit: this.handleSubmit }, !this.hideRating && (h("div", { class: "feedback-modal-rating" }, this.ratingMode === 'thumbs' ? (h("div", { class: "feedback-modal-rating-content" }, h("span", { class: "feedback-modal-input-heading" }, this.ratingPlaceholder), h("div", { class: "feedback-modal-rating-buttons feedback-modal-rating-buttons--thumbs" }, h("button", { title: "Yes", class: `feedback-modal-rating-button ${this.selectedRating === 1
         ? 'feedback-modal-rating-button--selected'
         : ''}`, onClick: (event) => {
         event.preventDefault();
@@ -324,18 +323,17 @@ const FeedbackModal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "ratingPlaceholder": [1, "rating-placeholder"],
     "ratingStarsPlaceholder": [1, "rating-stars-placeholder"],
     "sendButtonText": [1, "send-button-text"],
+    "successMessage": [1, "success-message"],
     "screenshotAttachedText": [1, "screenshot-attached-text"],
     "screenshotButtonText": [1, "screenshot-button-text"],
     "screenshotTakingText": [1, "screenshot-taking-text"],
-    "screenshotTopbarText": [1, "screenshot-topbar-text"],
-    "successMessage": [1, "success-message"],
-    "canvasEditorTitle": [1, "canvas-editor-title"],
-    "canvasEditorCancelText": [1, "canvas-editor-cancel-text"],
-    "canvasEditorSaveText": [1, "canvas-editor-save-text"],
-    "editTextButtonText": [1, "edit-text-button-text"],
-    "sizeLabelText": [1, "size-label-text"],
-    "borderLabelText": [1, "border-label-text"],
-    "editTextPromptText": [1, "edit-text-prompt-text"],
+    "screenshotEditTextButtonText": [1, "screenshot-edit-text-button-text"],
+    "screenshotEditorTitle": [1, "screenshot-editor-title"],
+    "screenshotEditorCancelText": [1, "screenshot-editor-cancel-text"],
+    "screenshotEditorSaveText": [1, "screenshot-editor-save-text"],
+    "screenshotSizeLabelText": [1, "screenshot-size-label-text"],
+    "screenshotBorderLabelText": [1, "screenshot-border-label-text"],
+    "screenshotEditTextPromptText": [1, "screenshot-edit-text-prompt-text"],
     "screenshotErrorGeneral": [1, "screenshot-error-general"],
     "screenshotErrorPermission": [1, "screenshot-error-permission"],
     "screenshotErrorNotSupported": [1, "screenshot-error-not-supported"],

package/dist/esm/canvas-editor_3.entry.js

@@ -883,20 +883,6 @@ const FeedbackButton = class {
     this.project = '';
     this.rating = undefined;
     this.ratingMode = 'thumbs';
-    this.canvasEditorTitle = 'Edit screenshot';
-    this.canvasEditorCancelText = 'Cancel';
-    this.canvasEditorSaveText = 'Save';
-    this.editTextButtonText = 'Edit Text';
-    this.sizeLabelText = 'Size:';
-    this.borderLabelText = 'Border:';
-    this.editTextPromptText = 'Edit text:';
-    this.screenshotErrorGeneral = 'Failed to capture screenshot.';
-    this.screenshotErrorPermission = 'Permission denied. Please allow screen sharing to take screenshots.';
-    this.screenshotErrorNotSupported = 'Screen capture is not supported in this browser.';
-    this.screenshotErrorNotFound = 'No screen sources available for capture.';
-    this.screenshotErrorCancelled = 'Screenshot capture was cancelled.';
-    this.screenshotErrorBrowserNotSupported = 'Your browser does not support screen capture. Please use a browser like Chrome, Firefox, or Safari.';
-    this.screenshotErrorUnexpected = 'An unexpected error occurred. Please try again.';
     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.';
@@ -909,12 +895,25 @@ const FeedbackButton = class {
     this.privacyPolicyText = "I have read and expressly consent to the terms of the <a href='https://pushfeedback.com/privacy'>Privacy Policy</a>.";
     this.ratingPlaceholder = 'Was this page helpful?';
     this.ratingStarsPlaceholder = 'How would you rate this page?';
+    this.sendButtonText = 'Send';
+    this.successMessage = '';
     this.screenshotAttachedText = 'Screenshot attached';
     this.screenshotButtonText = 'Add a screenshot';
     this.screenshotTakingText = 'Taking screenshot...';
-    this.screenshotTopbarText = 'Select an element on this page';
-    this.sendButtonText = 'Send';
-    this.successMessage = '';
+    this.screenshotEditTextButtonText = 'Edit text';
+    this.screenshotEditorTitle = 'Edit screenshot';
+    this.screenshotEditorCancelText = 'Cancel';
+    this.screenshotEditorSaveText = 'Save';
+    this.screenshotSizeLabelText = 'Size:';
+    this.screenshotBorderLabelText = 'Border:';
+    this.screenshotEditTextPromptText = 'Edit text:';
+    this.screenshotErrorGeneral = 'Failed to capture screenshot.';
+    this.screenshotErrorPermission = 'Permission denied. Please allow screen sharing to take screenshots.';
+    this.screenshotErrorNotSupported = 'Screen capture is not supported in this browser.';
+    this.screenshotErrorNotFound = 'No screen sources available for capture.';
+    this.screenshotErrorCancelled = 'Screenshot capture was cancelled.';
+    this.screenshotErrorBrowserNotSupported = 'Your browser does not support screen capture. Please use a browser like Chrome, Firefox, or Safari on desktop.';
+    this.screenshotErrorUnexpected = 'An unexpected error occurred. Please try again.';
   }
   componentWillLoad() {
     if (!this.sessionId) {
@@ -957,13 +956,13 @@ const FeedbackButton = class {
       'project',
       'rating',
       'ratingMode',
-      'canvasEditorTitle',
-      'canvasEditorCancelText',
-      'canvasEditorSaveText',
-      'editTextButtonText',
-      'sizeLabelText',
-      'borderLabelText',
-      'editTextPromptText',
+      'screenshotEditorTitle',
+      'screenshotEditorCancelText',
+      'screenshotEditorSaveText',
+      'screenshotEditTextButtonText',
+      'screenshotSizeLabelText',
+      'screenshotBorderLabelText',
+      'screenshotEditTextPromptText',
       'screenshotErrorGeneral',
       'screenshotErrorPermission',
       'screenshotErrorNotSupported',
@@ -987,7 +986,6 @@ const FeedbackButton = class {
       'screenshotAttachedText',
       'screenshotButtonText',
       'screenshotTakingText',
-      'screenshotTopbarText',
       'sendButtonText',
       'successMessage',
     ];
@@ -1259,24 +1257,23 @@ const FeedbackModal = class {
     this.ratingPlaceholder = 'Was this page helpful?';
     this.ratingStarsPlaceholder = 'How would you rate this page?';
     this.sendButtonText = 'Send';
+    this.successMessage = '';
     this.screenshotAttachedText = 'Screenshot attached';
     this.screenshotButtonText = 'Add a screenshot';
     this.screenshotTakingText = 'Taking screenshot...';
-    this.screenshotTopbarText = 'Select an element on this page';
-    this.successMessage = '';
-    this.canvasEditorTitle = 'Edit screenshot';
-    this.canvasEditorCancelText = 'Cancel';
-    this.canvasEditorSaveText = 'Save';
-    this.editTextButtonText = 'Edit Text';
-    this.sizeLabelText = 'Size:';
-    this.borderLabelText = 'Border:';
-    this.editTextPromptText = 'Edit text:';
+    this.screenshotEditTextButtonText = 'Edit text';
+    this.screenshotEditorTitle = 'Edit screenshot';
+    this.screenshotEditorCancelText = 'Cancel';
+    this.screenshotEditorSaveText = 'Save';
+    this.screenshotSizeLabelText = 'Size:';
+    this.screenshotBorderLabelText = 'Border:';
+    this.screenshotEditTextPromptText = 'Edit text:';
     this.screenshotErrorGeneral = 'Failed to capture screenshot.';
     this.screenshotErrorPermission = 'Permission denied. Please allow screen sharing to take screenshots.';
     this.screenshotErrorNotSupported = 'Screen capture is not supported in this browser.';
     this.screenshotErrorNotFound = 'No screen sources available for capture.';
     this.screenshotErrorCancelled = 'Screenshot capture was cancelled.';
-    this.screenshotErrorBrowserNotSupported = 'Your browser does not support screen capture. Please use a browser like Chrome, Firefox, or Safari.';
+    this.screenshotErrorBrowserNotSupported = 'Your browser does not support screen capture. Please use a browser like Chrome, Firefox, or Safari on desktop.';
     this.screenshotErrorUnexpected = 'An unexpected error occurred. Please try again.';
   }
   componentWillLoad() {
@@ -1322,7 +1319,7 @@ const FeedbackModal = class {
     this.selectedRating = newRating;
   }
   render() {
-    return (h("div", { class: `feedback-modal-wrapper ${this.customFont ? 'feedback-modal-wrapper--custom-font' : ''}` }, this.showCanvasEditor && (h("canvas-editor", { ref: (el) => this.canvasEditorRef = el, "canvas-editor-title": this.canvasEditorTitle, "canvas-editor-cancel-text": this.canvasEditorCancelText, "canvas-editor-save-text": this.canvasEditorSaveText, "screenshot-taking-text": this.screenshotTakingText, "screenshot-attached-text": this.screenshotAttachedText, "screenshot-button-text": this.screenshotButtonText, "auto-start-screenshot": this.autoStartCapture, "existing-screenshot": this.encodedScreenshot || '', "edit-text-button-text": this.editTextButtonText, "size-label-text": this.sizeLabelText, "border-label-text": this.borderLabelText, "edit-text-prompt-text": this.editTextPromptText, "screenshot-error-general": this.screenshotErrorGeneral, "screenshot-error-permission": this.screenshotErrorPermission, "screenshot-error-not-supported": this.screenshotErrorNotSupported, "screenshot-error-not-found": this.screenshotErrorNotFound, "screenshot-error-cancelled": this.screenshotErrorCancelled, "screenshot-error-browser-not-supported": this.screenshotErrorBrowserNotSupported, "screenshot-error-unexpected": this.screenshotErrorUnexpected, onScreenshotReady: this.handleScreenshotReady, onScreenshotCancelled: this.handleScreenshotCancelled, onScreenshotFailed: this.handleScreenshotError })), this.showScreenshotError && (h("div", { class: "screenshot-error-notification" }, h("div", { class: "screenshot-error-content" }, h("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("circle", { cx: "12", cy: "12", r: "10" }), h("line", { x1: "15", y1: "9", x2: "9", y2: "15" }), h("line", { x1: "9", y1: "9", x2: "15", y2: "15" })), h("span", null, this.screenshotError), h("button", { class: "error-close-btn", onClick: () => this.showScreenshotError = false, title: "Close" }, h("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))))), this.showModal && (h("div", { class: `feedback-overlay ${this.isAnimating ? 'feedback-overlay--visible' : ''}` })), this.showModal && (h("div", { class: `feedback-modal-content feedback-modal-content--${this.modalPosition} ${this.isAnimating ? 'feedback-modal-content--open' : ''}`, ref: (el) => (this.modalContent = el) }, h("div", { class: "feedback-modal-header" }, !this.formSuccess && !this.formError ? (h("span", null, this.modalTitle)) : this.formSuccess ? (h("span", null, this.modalTitleSuccess)) : (h("span", null, this.modalTitleError)), h("button", { class: "feedback-modal-close", onClick: this.close }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "#191919", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-x" }, h("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))), h("div", { class: "feedback-modal-body" }, !this.formSuccess && !this.formError ? (h("form", { onSubmit: this.handleSubmit }, !this.hideRating && (h("div", { class: "feedback-modal-rating" }, this.ratingMode === 'thumbs' ? (h("div", { class: "feedback-modal-rating-content" }, h("span", { class: "feedback-modal-input-heading" }, this.ratingPlaceholder), h("div", { class: "feedback-modal-rating-buttons feedback-modal-rating-buttons--thumbs" }, h("button", { title: "Yes", class: `feedback-modal-rating-button ${this.selectedRating === 1
+    return (h("div", { class: `feedback-modal-wrapper ${this.customFont ? 'feedback-modal-wrapper--custom-font' : ''}` }, this.showCanvasEditor && (h("canvas-editor", { ref: (el) => this.canvasEditorRef = el, "canvas-editor-title": this.screenshotEditorTitle, "canvas-editor-cancel-text": this.screenshotEditorCancelText, "canvas-editor-save-text": this.screenshotEditorSaveText, "screenshot-taking-text": this.screenshotTakingText, "screenshot-attached-text": this.screenshotAttachedText, "screenshot-button-text": this.screenshotButtonText, "auto-start-screenshot": this.autoStartCapture, "existing-screenshot": this.encodedScreenshot || '', "edit-text-button-text": this.screenshotEditTextButtonText, "size-label-text": this.screenshotSizeLabelText, "border-label-text": this.screenshotBorderLabelText, "edit-text-prompt-text": this.screenshotEditTextPromptText, "screenshot-error-general": this.screenshotErrorGeneral, "screenshot-error-permission": this.screenshotErrorPermission, "screenshot-error-not-supported": this.screenshotErrorNotSupported, "screenshot-error-not-found": this.screenshotErrorNotFound, "screenshot-error-cancelled": this.screenshotErrorCancelled, "screenshot-error-browser-not-supported": this.screenshotErrorBrowserNotSupported, "screenshot-error-unexpected": this.screenshotErrorUnexpected, onScreenshotReady: this.handleScreenshotReady, onScreenshotCancelled: this.handleScreenshotCancelled, onScreenshotFailed: this.handleScreenshotError })), this.showScreenshotError && (h("div", { class: "screenshot-error-notification" }, h("div", { class: "screenshot-error-content" }, h("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("circle", { cx: "12", cy: "12", r: "10" }), h("line", { x1: "15", y1: "9", x2: "9", y2: "15" }), h("line", { x1: "9", y1: "9", x2: "15", y2: "15" })), h("span", null, this.screenshotError), h("button", { class: "error-close-btn", onClick: () => this.showScreenshotError = false, title: "Close" }, h("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))))), this.showModal && (h("div", { class: `feedback-overlay ${this.isAnimating ? 'feedback-overlay--visible' : ''}` })), this.showModal && (h("div", { class: `feedback-modal-content feedback-modal-content--${this.modalPosition} ${this.isAnimating ? 'feedback-modal-content--open' : ''}`, ref: (el) => (this.modalContent = el) }, h("div", { class: "feedback-modal-header" }, !this.formSuccess && !this.formError ? (h("span", null, this.modalTitle)) : this.formSuccess ? (h("span", null, this.modalTitleSuccess)) : (h("span", null, this.modalTitleError)), h("button", { class: "feedback-modal-close", onClick: this.close }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "#191919", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-x" }, h("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))), h("div", { class: "feedback-modal-body" }, !this.formSuccess && !this.formError ? (h("form", { onSubmit: this.handleSubmit }, !this.hideRating && (h("div", { class: "feedback-modal-rating" }, this.ratingMode === 'thumbs' ? (h("div", { class: "feedback-modal-rating-content" }, h("span", { class: "feedback-modal-input-heading" }, this.ratingPlaceholder), h("div", { class: "feedback-modal-rating-buttons feedback-modal-rating-buttons--thumbs" }, h("button", { title: "Yes", class: `feedback-modal-rating-button ${this.selectedRating === 1
         ? 'feedback-modal-rating-button--selected'
         : ''}`, onClick: (event) => {
         event.preventDefault();