pushfeedback 0.0.7 → 0.0.9

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

@@ -0,0 +1,529 @@
+import { h } from '@stencil/core';
+import domtoimage from 'dom-to-image';
+export class FeedbackModal {
+  constructor() {
+    this.handleSubmit = async (event) => {
+      event.preventDefault();
+      this.resetOverflow();
+      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',
+          body: JSON.stringify({
+            url: window.location.href,
+            message: this.formMessage,
+            email: this.formEmail,
+            project: this.project,
+            screenshot: encodedScreenshot
+          }),
+          headers: {
+            'Content-Type': 'application/json'
+          }
+        });
+        if (res.status === 201) {
+          this.formSuccess = true;
+          this.formError = false;
+        }
+        else {
+          this.formSuccess = false;
+          this.formError = true;
+          this.formErrorStatus = res.status;
+        }
+      }
+      catch (error) {
+        console.log(error);
+        this.formSuccess = false;
+        this.formError = true;
+        this.formErrorStatus = 500;
+      }
+      finally {
+        this.sending = false;
+        this.showModal = true;
+      }
+    };
+    this.close = () => {
+      this.sending = false;
+      this.showModal = false;
+      this.showScreenshotMode = false;
+      this.hasSelectedElement = false;
+      this.encodedScreenshot = null;
+      this.formSuccess = false;
+      this.formError = false;
+      this.formErrorStatus = 500;
+      this.formMessage = '';
+      this.formEmail = '';
+      this.resetOverflow();
+    };
+    this.openScreenShot = () => {
+      this.hasSelectedElement = false;
+      this.showModal = false;
+      this.showScreenshotMode = true;
+      this.encodedScreenshot = null;
+      this.resetOverflow();
+    };
+    this.closeScreenShot = () => {
+      this.showModal = false;
+      this.showScreenshotMode = false;
+      this.hasSelectedElement = false;
+      this.encodedScreenshot = null;
+      this.overlay.style.display = 'none';
+      this.resetOverflow();
+    };
+    this.handleMouseOverScreenShot = (event) => {
+      event.preventDefault();
+      if (this.hasSelectedElement)
+        return;
+      this.overlay.style.display = 'none';
+      this.screenshotModal.style.display = 'none';
+      const elementUnder = document.elementFromPoint(event.clientX, event.clientY);
+      const rect = elementUnder.getBoundingClientRect();
+      this.screenshotModal.style.display = '';
+      // Get the bounding box of the element selected
+      this.elementSelected.style.position = "absolute";
+      this.elementSelected.style.left = `${rect.left}px`;
+      this.elementSelected.style.top = `${rect.top}px`;
+      this.elementSelected.style.width = `${rect.width}px`;
+      this.elementSelected.style.height = `${rect.height}px`;
+      this.elementSelected.classList.add('feedback-modal-element-hover');
+      // Set the background color of nonselected areas
+      // Top
+      this.topSide.style.position = "absolute";
+      this.topSide.style.left = `${rect.left}px`;
+      this.topSide.style.top = '0px';
+      this.topSide.style.width = `${rect.width + 8}px`;
+      this.topSide.style.height = `${rect.top}px`;
+      this.topSide.style.backgroundColor = "rgba(0, 0, 0, 0.3)";
+      // Left
+      this.leftSide.style.position = "absolute";
+      this.leftSide.style.left = '0px';
+      this.leftSide.style.top = '0px';
+      this.leftSide.style.width = `${rect.left}px`;
+      this.leftSide.style.height = '100vh';
+      this.leftSide.style.backgroundColor = "rgba(0, 0, 0, 0.3)";
+      // Bottom
+      this.bottomSide.style.position = "absolute";
+      this.bottomSide.style.left = `${rect.left}px`;
+      this.bottomSide.style.top = `${rect.bottom + 8}px`;
+      this.bottomSide.style.width = `${rect.width + 8}px`;
+      this.bottomSide.style.height = '100vh';
+      this.bottomSide.style.backgroundColor = "rgba(0, 0, 0, 0.3)";
+      // Right
+      this.rightSide.style.position = "absolute";
+      this.rightSide.style.left = `${rect.right + 8}px`;
+      ;
+      this.rightSide.style.top = '0px';
+      this.rightSide.style.width = '100%';
+      this.rightSide.style.height = '100vh';
+      this.rightSide.style.backgroundColor = "rgba(0, 0, 0, 0.3)";
+      // Restore the visibility of the screenshot-modal
+      this.screenshotModal.style.backgroundColor = 'transparent';
+    };
+    this.handleMouseClickedSelectedElement = (event) => {
+      event.preventDefault();
+      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`;
+      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) {
+        document.body.removeChild(clonedElementSelected);
+        return dataUrl;
+      })
+        .catch(function (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 = '';
+    this.formEmail = '';
+    this.formSuccess = false;
+    this.formError = false;
+    this.formErrorStatus = 500;
+    this.encodedScreenshot = undefined;
+    this.modalTitle = 'Share your feedback';
+    this.modalTitleSuccess = 'Thanks for your feedback!';
+    this.modalTitleError = "Oops! We didn't receive your feedback. Please try again later.";
+    this.modalTitleError403 = "Oops! The request URL does not match the one defined in PushFeedback for this project.";
+    this.modalTitleError404 = "Oops! We could not find the provided project id in PushFeedback.";
+    this.modalPosition = 'center';
+    this.sendButtonText = 'Send';
+    this.project = '';
+    this.screenshotButtonTooltipText = 'Take a Screenshot';
+    this.screenshotTopbarText = 'SELECT AN ELEMENT ON THE PAGE';
+    this.email = '';
+    this.emailPlaceholder = 'Email address (optional)';
+    this.messagePlaceholder = 'How could this page be more helpful?';
+    this.showModal = false;
+    this.showScreenshotMode = false;
+    this.hasSelectedElement = false;
+    this.hideScreenshotButton = false;
+  }
+  componentWillLoad() {
+    this.formEmail = this.email;
+  }
+  resetOverflow() {
+    const page = document.getElementsByTagName('html')[0];
+    page.style.overflow = 'inherit';
+  }
+  handleMessageInput(event) {
+    this.formMessage = event.target.value;
+  }
+  handleEmailInput(event) {
+    this.formEmail = event.target.value;
+  }
+  render() {
+    return (h("div", { class: "feedback-modal-wrapper" }, this.showScreenshotMode && (h("div", { class: "feedback-modal-screenshot", ref: el => (this.screenshotModal = el), onMouseMove: this.handleMouseOverScreenShot }, h("div", { class: "feedback-modal-screenshot-element-selected", ref: el => (this.elementSelected = el), onClick: this.handleMouseClickedSelectedElement }), h("div", { class: "top-side", ref: el => (this.topSide = el) }), h("div", { class: "left-side", ref: el => (this.leftSide = el) }), h("div", { class: "bottom-side", ref: el => (this.bottomSide = el) }), h("div", { class: "right-side", ref: el => (this.rightSide = el) }), h("div", { class: "feedback-modal-screenshot-header", onClick: this.closeScreenShot }, h("span", null, this.screenshotTopbarText), h("span", { class: "feedback-modal-screenshot-close" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "#fff", "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-screenshot-overlay", ref: el => (this.overlay = el) }))), this.showModal && (h("div", { class: `feedback-modal-content feedback-modal-content--${this.modalPosition}`, ref: el => (this.modalContent = el) }, h("div", { class: "feedback-modal-header" }, !this.formSuccess && !this.formError ? (h("span", null, this.modalTitle)) : this.formSuccess ? (h("span", { class: "text-center" }, this.modalTitleSuccess)) : this.formError && this.formErrorStatus == 500 ? (h("span", { class: "text-center" }, this.modalTitleError)) : this.formError && this.formErrorStatus == 403 ? (h("span", { class: "text-center" }, this.modalTitleError403)) : this.formError && this.formErrorStatus == 404 ? (h("span", { class: "text-center" }, this.modalTitleError404)) : h("span", null), h("button", { class: "feedback-modal-close", onClick: this.close }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "#ccc", "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 }, h("div", { class: "feedback-modal-text" }, h("textarea", { placeholder: this.messagePlaceholder, value: this.formMessage, onInput: (event) => this.handleMessageInput(event), required: true })), !this.email && (h("div", { class: "feedback-modal-email" }, h("input", { type: "email", placeholder: this.emailPlaceholder, onInput: (event) => this.handleEmailInput(event), value: this.formEmail }))), h("div", { class: `feedback-modal-buttons ${this.hideScreenshotButton ? 'single' : ''}` }, !this.hideScreenshotButton && (h("button", { type: "button", class: `button${this.encodedScreenshot ? " active" : ""}`, title: this.screenshotButtonTooltipText, onClick: this.openScreenShot, disabled: this.sending }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-camera" }, h("path", { d: "M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z" }), h("circle", { cx: "12", cy: "13", r: "4" })))), h("button", { class: "button", type: "submit", disabled: this.sending }, this.sendButtonText)))) : h("span", null)), h("div", { class: "feedback-modal-footer" }, h("div", { class: "feedback-logo" }, h("svg", { class: "w-8 h-8", viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg" }, h("defs", null, h("radialGradient", { cx: "21.152%", cy: "86.063%", fx: "21.152%", fy: "86.063%", r: "79.941%", id: "footer-logo" }, h("stop", { "stop-color": "#4FD1C5", offset: "0%" }), h("stop", { "stop-color": "#81E6D9", offset: "25.871%" }), h("stop", { "stop-color": "#338CF5", offset: "100%" }))), h("rect", { width: "32", height: "32", rx: "16", fill: "url(#footer-logo)", "fill-rule": "nonzero" })), " ", h("a", { href: "https://pushfeedback.com" }, "PushFeedback")))))));
+  }
+  static get is() { return "feedback-modal"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["feedback-modal.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["feedback-modal.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "modalTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "modal-title",
+        "reflect": false,
+        "defaultValue": "'Share your feedback'"
+      },
+      "modalTitleSuccess": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "modal-title-success",
+        "reflect": false,
+        "defaultValue": "'Thanks for your feedback!'"
+      },
+      "modalTitleError": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "modal-title-error",
+        "reflect": false,
+        "defaultValue": "\"Oops! We didn't receive your feedback. Please try again later.\""
+      },
+      "modalTitleError403": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "modal-title-error-4-0-3",
+        "reflect": false,
+        "defaultValue": "\"Oops! The request URL does not match the one defined in PushFeedback for this project.\""
+      },
+      "modalTitleError404": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "modal-title-error-4-0-4",
+        "reflect": false,
+        "defaultValue": "\"Oops! We could not find the provided project id in PushFeedback.\""
+      },
+      "modalPosition": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "modal-position",
+        "reflect": false,
+        "defaultValue": "'center'"
+      },
+      "sendButtonText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "send-button-text",
+        "reflect": false,
+        "defaultValue": "'Send'"
+      },
+      "project": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "project",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "screenshotButtonTooltipText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "screenshot-button-tooltip-text",
+        "reflect": false,
+        "defaultValue": "'Take a Screenshot'"
+      },
+      "screenshotTopbarText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "screenshot-topbar-text",
+        "reflect": false,
+        "defaultValue": "'SELECT AN ELEMENT ON THE PAGE'"
+      },
+      "email": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "email",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "emailPlaceholder": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "email-placeholder",
+        "reflect": false,
+        "defaultValue": "'Email address (optional)'"
+      },
+      "messagePlaceholder": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "message-placeholder",
+        "reflect": false,
+        "defaultValue": "'How could this page be more helpful?'"
+      },
+      "showModal": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-modal",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "showScreenshotMode": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-screenshot-mode",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "hasSelectedElement": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "has-selected-element",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "hideScreenshotButton": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "hide-screenshot-button",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "sending": {},
+      "formMessage": {},
+      "formEmail": {},
+      "formSuccess": {},
+      "formError": {},
+      "formErrorStatus": {},
+      "encodedScreenshot": {}
+    };
+  }
+}

package/dist/collection/index.js

@@ -0,0 +1 @@
+export * from './components';

package/dist/{pushfeedback/feedback-button.entry.js → components/feedback-button.js}

@@ -1,10 +1,13 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-e4444da7.js';
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$2 } from './feedback-modal2.js';
 
 const feedbackButtonCss = ".feedback-button-content{cursor:pointer;z-index:300}.feedback-button-content--light{align-items:center;background-color:var(--feedback-white-color);border-radius:20px;box-shadow:rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;box-sizing:border-box;display:flex;font-family:var(--feedback-font-family);color:var(--feedback-primary-color);font-weight:bold;padding:8px 15px;font-size:var(--feedback-text-font-size)}.feedback-button-content--dark{align-items:center;background-color:var(--feedback-primary-color);border-radius:20px;box-shadow:rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;box-sizing:border-box;display:flex;font-family:var(--feedback-font-family);color:var(--feedback-white-color);font-weight:bold;padding:8px 15px;font-size:16px}.feedback-button-content--bottom-right{position:fixed;bottom:10px;right:10px}.feedback-button-content--center-right{position:fixed;top:50%;transform:rotate(-90deg) translateY(-50%)}.feedback-button-content--center-right.feedback-button-content--dark,.feedback-button-content--center-right.feedback-button-content--light{border-radius:4px;border-bottom-right-radius:0px;border-bottom-left-radius:0px}.feedback-button-content-icon{margin-right:5px;height:16px;width:16px}";
 
-const FeedbackButton = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
+const FeedbackButton$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
     this.modalTitle = 'Share your feedback';
     this.successModalTitle = 'Thanks for your feedback!';
     this.errorModalTitle = "Oops! We didn't receive your feedback. Please try again later.";
@@ -57,8 +60,45 @@ const FeedbackButton = class {
   render() {
     return (h(Host, null, h("a", { class: `feedback-button-content feedback-button-content--${this.buttonStyle} feedback-button-content--${this.buttonPosition}`, onClick: () => this.showModal() }, !this.hideIcon && this.buttonStyle === 'dark' && (h("span", { class: "feedback-button-content-icon" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#fff", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-repeat" }, h("polyline", { points: "17 1 21 5 17 9" }), h("path", { d: "M3 11V9a4 4 0 0 1 4-4h14" }), h("polyline", { points: "7 23 3 19 7 15" }), h("path", { d: "M21 13v2a4 4 0 0 1-4 4H3" })))), !this.hideIcon && this.buttonStyle === 'light' && (h("span", { class: "feedback-button-content-icon" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#0070F4", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-repeat" }, h("polyline", { points: "17 1 21 5 17 9" }), h("path", { d: "M3 11V9a4 4 0 0 1 4-4h14" }), h("polyline", { points: "7 23 3 19 7 15" }), h("path", { d: "M21 13v2a4 4 0 0 1-4 4H3" })))), h("slot", null))));
   }
-  get el() { return getElement(this); }
-};
-FeedbackButton.style = feedbackButtonCss;
+  get el() { return this; }
+  static get style() { return feedbackButtonCss; }
+}, [1, "feedback-button", {
+    "modalTitle": [1, "modal-title"],
+    "successModalTitle": [1, "success-modal-title"],
+    "errorModalTitle": [1, "error-modal-title"],
+    "modalPosition": [1, "modal-position"],
+    "sendButtonText": [1, "send-button-text"],
+    "project": [1],
+    "screenshotButtonTooltipText": [1, "screenshot-button-tooltip-text"],
+    "screenshotTopbarText": [1, "screenshot-topbar-text"],
+    "email": [1],
+    "emailPlaceholder": [1, "email-placeholder"],
+    "messagePlaceholder": [1, "message-placeholder"],
+    "buttonStyle": [1, "button-style"],
+    "buttonPosition": [1, "button-position"],
+    "hideIcon": [4, "hide-icon"],
+    "hideScreenshotButton": [4, "hide-screenshot-button"]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["feedback-button", "feedback-modal"];
+  components.forEach(tagName => { switch (tagName) {
+    case "feedback-button":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, FeedbackButton$1);
+      }
+      break;
+    case "feedback-modal":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const FeedbackButton = FeedbackButton$1;
+const defineCustomElement = defineCustomElement$1;
 
-export { FeedbackButton as feedback_button };
+export { FeedbackButton, defineCustomElement };

package/dist/components/feedback-modal.js

@@ -0,0 +1,6 @@
+import { F as FeedbackModal$1, d as defineCustomElement$1 } from './feedback-modal2.js';
+
+const FeedbackModal = FeedbackModal$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { FeedbackModal, defineCustomElement };