pushfeedback 0.1.67 → 0.1.68

package/dist/pushfeedback/pushfeedback.css

@@ -1 +1 @@
-:root{--feedback-primary-color:#0070F4;--feedback-secondary-color:#f1f3f4;--feedback-light-color:#ccc;--feedback-dark-color:#191919;--feedback-text-color:#5f6368;--feedback-white-color:#fff;--feedback-highlight-color:#ffb422;--feedback-font-family:"Inter", "Tahoma", "sans-serif";--feedback-heading-font-size:16px;--feedback-text-font-size:14px;--feedback-button-border-radius:20px;--feedback-button-dark-bg-color:var(--feedback-primary-color);--feedback-button-dark-text-color:var(--feedback-white-color);--feedback-button-dark-icon-color:var(--feedback-white-color);--feedback-button-light-bg-color:var(--feedback-white-color);--feedback-button-light-text-color:var(--feedback-primary-color);--feedback-button-light-icon-color:var(--feedback-primary-color);--feedback-button-text-font-size:var(--feedback-text-font-size);--feedback-button-text-font-weight:600;--feedback-button-z-index:300;--feedback-modal-button-bg-color:var(--feedback-white-color);--feedback-modal-button-bg-color-active:var(--feedback-white-color);--feedback-modal-button-border-color:var(--feedback-light-color);--feedback-modal-button-border-color-active:var(--feedback-primary-color);--feedback-modal-button-border-radius:4px;--feedback-modal-button-font-size:var(--feedback-text-font-size);--feedback-modal-button-icon-color:var(--feedback-dark-color);--feedback-modal-button-icon-color-active:var(--feedback-primary-color);--feedback-modal-button-submit-bg-color:var(--feedback-primary-color);--feedback-modal-button-submit-bg-color-hover:var(--feedback-primary-color);--feedback-modal-button-submit-border-color-hover:var(--feedback-primary-color);--feedback-modal-button-submit-text-color:var(--feedback-white-color);--feedback-modal-button-submit-text-color-hover:var(--feedback-white-color);--feedback-modal-button-text-color:var(--feedback-dark-color);--feedback-modal-button-text-color-active:var(--feedback-primary-color);--feedback-modal-close-bg-color:var(--feedback-white-color);--feedback-modal-close-color:var(--feedback-dark-color);--feedback-modal-content-bg-color:var(--feedback-white-color);--feedback-modal-content-border-color:var(--feedback-light-color);--feedback-modal-content-border-radius:8px;--feedback-modal-content-font-family:var(--feedback-font-family);--feedback-modal-content-position-bottom:10px;--feedback-modal-content-position-left:10px;--feedback-modal-content-position-right:10px;--feedback-modal-content-position-top:10px;--feedback-modal-content-max-width:600px;--feedback-modal-content-sidebar-max-width:300px;--feedback-modal-content-text-color:var(--feedback-text-color);--feedback-modal-content-z-index:300;--feedback-modal-element-hover-border-color:var(--feedback-primary-color);--feedback-modal-element-selected-border-color:var(--feedback-primary-color);--feedback-modal-footer-link:var(--feedback-dark-color);--feedback-modal-header-font-family:var(--feedback-font-family);--feedback-modal-header-font-size:var(--feedback-heading-font-size);--feedback-modal-header-font-weight:500;--feedback-modal-header-text-color:var(--feedback-dark-color);--feedback-modal-input-bg-color:var(--feedback-secondary-color);--feedback-modal-input-border-color:transparent;--feedback-modal-input-border-color-focused:transparent;--feedback-modal-input-border-radius:4px;--feedback-modal-input-font-size:var(--feedback-text-font-size);--feedback-modal-input-text-color:var(--feedback-text-color);--feedback-modal-message-font-size:var(--feedback-text-font-size);--feedback-modal-modal-wrapper-z-index:300;--feedback-modal-rating-button-color:var(--feedback-text-color);--feedback-modal-rating-button-selected-color:var(--feedback-primary-color);--feedback-modal-rating-button-stars-selected-color:var(--feedback-highlight-color);--feedback-modal-screenshot-bg-color:rgba(0, 0, 0, 0.4);--feedback-modal-screenshot-close-color:var(--feedback-dark-color);--feedback-modal-screenshot-header-bg-color:var(--feedback-white-color);--feedback-modal-screenshot-header-text-color:var(--feedback-dark-color);--feedback-modal-screenshot-header-z-index:250;--feedback-modal-screnshot-z-index:100}[data-theme='dark']{--feedback-text-color:#b0b8c4;--feedback-light-color:#363636;--feedback-modal-button-bg-color-active:transparent;--feedback-modal-button-icon-color:var(--feedback-white-color);--feedback-modal-button-text-color:var(--feedback-white-color);--feedback-modal-close-bg-color:transparent;--feedback-modal-close-color:var(--feedback-white-color);--feedback-modal-content-bg-color:var(--feedback-dark-color);--feedback-modal-content-text-color:var(--feedback-text-color);--feedback-modal-footer-link:var(--feedback-white-color);--feedback-modal-header-text-color:var(--feedback-white-color);--feedback-modal-input-bg-color:var(--feedback-light-color);--feedback-modal-input-text-color:var(--feedback-white-color);--feedback-modal-rating-button-color:var(--feedback-white-color);--feedback-modal-screenshot-close-color:var(--feedback-white-color);--feedback-modal-screenshot-header-bg-color:var(--feedback-dark-color);--feedback-modal-screenshot-header-text-color:var(--feedback-white-color)}.feedback-modal-screenshot-open{position:fixed;width:100%}.feedback-modal-screenshot-open--scroll{overflow-y:scroll}
+:root{--feedback-primary-color:#0070F4;--feedback-secondary-color:#f1f3f4;--feedback-light-color:#ccc;--feedback-dark-color:#191919;--feedback-text-color:#5f6368;--feedback-white-color:#fff;--feedback-highlight-color:#ffb422;--feedback-font-family:"Inter", "Tahoma", "sans-serif";--feedback-heading-font-size:16px;--feedback-text-font-size:14px;--feedback-button-border-radius:20px;--feedback-button-dark-bg-color:var(--feedback-primary-color);--feedback-button-dark-text-color:var(--feedback-white-color);--feedback-button-dark-icon-color:var(--feedback-white-color);--feedback-button-light-bg-color:var(--feedback-white-color);--feedback-button-light-text-color:var(--feedback-primary-color);--feedback-button-light-icon-color:var(--feedback-primary-color);--feedback-button-text-font-size:var(--feedback-text-font-size);--feedback-button-text-font-weight:600;--feedback-button-z-index:300;--feedback-modal-button-bg-color:var(--feedback-white-color);--feedback-modal-button-bg-color-active:var(--feedback-white-color);--feedback-modal-button-border-color:var(--feedback-light-color);--feedback-modal-button-border-color-active:var(--feedback-primary-color);--feedback-modal-button-border-radius:4px;--feedback-modal-button-font-size:var(--feedback-text-font-size);--feedback-modal-button-icon-color:var(--feedback-dark-color);--feedback-modal-button-icon-color-active:var(--feedback-primary-color);--feedback-modal-button-submit-bg-color:var(--feedback-primary-color);--feedback-modal-button-submit-bg-color-hover:var(--feedback-primary-color);--feedback-modal-button-submit-border-color-hover:var(--feedback-primary-color);--feedback-modal-button-submit-text-color:var(--feedback-white-color);--feedback-modal-button-submit-text-color-hover:var(--feedback-white-color);--feedback-modal-button-text-color:var(--feedback-dark-color);--feedback-modal-button-text-color-active:var(--feedback-primary-color);--feedback-modal-close-bg-color:var(--feedback-white-color);--feedback-modal-close-color:var(--feedback-dark-color);--feedback-modal-content-bg-color:var(--feedback-white-color);--feedback-modal-content-border-color:var(--feedback-light-color);--feedback-modal-content-border-radius:8px;--feedback-modal-content-font-family:var(--feedback-font-family);--feedback-modal-content-position-bottom:10px;--feedback-modal-content-position-left:10px;--feedback-modal-content-position-right:10px;--feedback-modal-content-position-top:10px;--feedback-modal-content-max-width:600px;--feedback-modal-content-sidebar-max-width:300px;--feedback-modal-content-text-color:var(--feedback-text-color);--feedback-modal-content-z-index:300;--feedback-modal-element-hover-border-color:var(--feedback-primary-color);--feedback-modal-element-selected-border-color:var(--feedback-primary-color);--feedback-modal-footer-link:var(--feedback-dark-color);--feedback-modal-header-font-family:var(--feedback-font-family);--feedback-modal-header-font-size:var(--feedback-heading-font-size);--feedback-modal-header-font-weight:500;--feedback-modal-header-text-color:var(--feedback-dark-color);--feedback-modal-input-bg-color:var(--feedback-secondary-color);--feedback-modal-input-border-color:transparent;--feedback-modal-input-border-color-focused:transparent;--feedback-modal-input-border-radius:4px;--feedback-modal-input-font-size:var(--feedback-text-font-size);--feedback-modal-input-text-color:var(--feedback-text-color);--feedback-modal-message-font-size:var(--feedback-text-font-size);--feedback-modal-modal-wrapper-z-index:300;--feedback-modal-rating-button-color:var(--feedback-text-color);--feedback-modal-rating-button-selected-color:var(--feedback-primary-color);--feedback-modal-rating-button-stars-selected-color:var(--feedback-highlight-color);--feedback-modal-screenshot-bg-color:rgba(0, 0, 0, 0.4);--feedback-modal-screenshot-close-color:var(--feedback-dark-color);--feedback-modal-screenshot-header-bg-color:var(--feedback-white-color);--feedback-modal-screenshot-header-text-color:var(--feedback-dark-color);--feedback-modal-screenshot-header-z-index:250;--feedback-modal-screnshot-z-index:100;--feedback-canvas-editor-bg-color:var(--feedback-white-color);--feedback-canvas-editor-border-color:var(--feedback-light-color);--feedback-canvas-editor-header-bg-color:var(--feedback-secondary-color);--feedback-canvas-editor-tool-bg-color:var(--feedback-white-color);--feedback-canvas-editor-tool-bg-hover:var(--feedback-secondary-color);--feedback-canvas-editor-tool-bg-active:var(--feedback-primary-color);--feedback-canvas-editor-tool-text-color:var(--feedback-text-color);--feedback-canvas-editor-tool-text-active:var(--feedback-white-color);--feedback-canvas-editor-action-primary-bg:var(--feedback-primary-color);--feedback-canvas-editor-action-primary-text:var(--feedback-white-color);--feedback-canvas-editor-action-secondary-bg:var(--feedback-white-color);--feedback-canvas-editor-action-secondary-text:var(--feedback-text-color);--feedback-canvas-editor-action-secondary-border:var(--feedback-light-color);--feedback-canvas-editor-divider-color:var(--feedback-light-color);--feedback-canvas-editor-content-bg:var(--feedback-secondary-color);--feedback-canvas-editor-resize-handle-color:var(--feedback-primary-color);--feedback-canvas-editor-slider-track:var(--feedback-light-color)}[data-theme='dark']{--feedback-text-color:#b0b8c4;--feedback-light-color:#363636;--feedback-modal-button-bg-color-active:transparent;--feedback-modal-button-icon-color:var(--feedback-white-color);--feedback-modal-button-text-color:var(--feedback-white-color);--feedback-modal-close-bg-color:transparent;--feedback-modal-close-color:var(--feedback-white-color);--feedback-modal-content-bg-color:var(--feedback-dark-color);--feedback-modal-content-text-color:var(--feedback-text-color);--feedback-modal-footer-link:var(--feedback-white-color);--feedback-modal-header-text-color:var(--feedback-white-color);--feedback-modal-input-bg-color:var(--feedback-light-color);--feedback-modal-input-text-color:var(--feedback-white-color);--feedback-modal-rating-button-color:var(--feedback-white-color);--feedback-modal-screenshot-close-color:var(--feedback-white-color);--feedback-modal-screenshot-header-bg-color:var(--feedback-dark-color);--feedback-modal-screenshot-header-text-color:var(--feedback-white-color);--feedback-canvas-editor-bg-color:var(--feedback-dark-color);--feedback-canvas-editor-border-color:var(--feedback-light-color);--feedback-canvas-editor-header-bg-color:var(--feedback-light-color);--feedback-canvas-editor-tool-bg-color:var(--feedback-light-color);--feedback-canvas-editor-tool-bg-hover:#4a4a4a;--feedback-canvas-editor-tool-text-color:var(--feedback-white-color);--feedback-canvas-editor-action-secondary-bg:var(--feedback-light-color);--feedback-canvas-editor-action-secondary-text:var(--feedback-white-color);--feedback-canvas-editor-action-secondary-border:var(--feedback-light-color);--feedback-canvas-editor-content-bg:var(--feedback-light-color);--feedback-canvas-editor-divider-color:#4a4a4a;--feedback-canvas-editor-slider-track:#4a4a4a}.feedback-modal-screenshot-open{position:fixed;width:100%}.feedback-modal-screenshot-open--scroll{overflow-y:scroll}

package/dist/pushfeedback/pushfeedback.esm.js

@@ -1 +1 @@
-import{p as e,b as t}from"./p-af2a1f7f.js";export{s as setNonce}from"./p-af2a1f7f.js";(()=>{const t=import.meta.url,o={};return""!==t&&(o.resourcesUrl=new URL(".",t).href),e(o)})().then((e=>t([["p-51e790c7",[[1,"feedback-button",{buttonPosition:[1,"button-position"],buttonStyle:[1,"button-style"],hideIcon:[4,"hide-icon"],hideMobile:[4,"hide-mobile"],sessionId:[1537,"session-id"],metadata:[1],submit:[4],customFont:[4,"custom-font"],emailAddress:[1,"email-address"],isEmailRequired:[4,"is-email-required"],fetchData:[4,"fetch-data"],hideEmail:[4,"hide-email"],hidePrivacyPolicy:[4,"hide-privacy-policy"],hideRating:[4,"hide-rating"],hideScreenshotButton:[4,"hide-screenshot-button"],modalPosition:[1,"modal-position"],project:[1],rating:[2],ratingMode:[1,"rating-mode"],emailPlaceholder:[1,"email-placeholder"],errorMessage:[1,"error-message"],errorMessage403:[1,"error-message-4-0-3"],errorMessage404:[1,"error-message-4-0-4"],footerText:[1,"footer-text"],messagePlaceholder:[1,"message-placeholder"],modalTitle:[1,"modal-title"],modalTitleError:[1,"modal-title-error"],modalTitleSuccess:[1,"modal-title-success"],privacyPolicyText:[1,"privacy-policy-text"],ratingPlaceholder:[1,"rating-placeholder"],ratingStarsPlaceholder:[1,"rating-stars-placeholder"],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"]}],[1,"feedback-modal",{customFont:[4,"custom-font"],emailAddress:[1,"email-address"],hideEmail:[4,"hide-email"],isEmailRequired:[4,"is-email-required"],ratingMode:[1,"rating-mode"],hasSelectedElement:[1540,"has-selected-element"],hidePrivacyPolicy:[4,"hide-privacy-policy"],hideRating:[4,"hide-rating"],hideScreenshotButton:[4,"hide-screenshot-button"],project:[1],showScreenshotMode:[1540,"show-screenshot-mode"],showScreenshotTopBar:[1540,"show-screenshot-top-bar"],showModal:[1540,"show-modal"],rating:[2],metadata:[1],fetchData:[4,"fetch-data"],emailPlaceholder:[1,"email-placeholder"],errorMessage:[1,"error-message"],errorMessage403:[1,"error-message-4-0-3"],errorMessage404:[1,"error-message-4-0-4"],messagePlaceholder:[1,"message-placeholder"],footerText:[1,"footer-text"],modalPosition:[1,"modal-position"],modalTitle:[1,"modal-title"],modalTitleError:[1,"modal-title-error"],modalTitleSuccess:[1,"modal-title-success"],privacyPolicyText:[1,"privacy-policy-text"],ratingPlaceholder:[1,"rating-placeholder"],ratingStarsPlaceholder:[1,"rating-stars-placeholder"],sendButtonText:[1,"send-button-text"],screenshotAttachedText:[1,"screenshot-attached-text"],screenshotButtonText:[1,"screenshot-button-text"],screenshotTakingText:[1,"screenshot-taking-text"],screenshotTopbarText:[1,"screenshot-topbar-text"],successMessage:[1,"success-message"],sending:[32],formMessage:[32],formEmail:[32],formSuccess:[32],formVerification:[32],formError:[32],formErrorStatus:[32],encodedScreenshot:[32],isPrivacyChecked:[32],whitelabel:[32],selectedRating:[32],overlayVisible:[32],isAnimating:[32],takingScreenshot:[32],showPreviewModal:[32],openModal:[64]}]]]],e)));
+import{p as e,b as t}from"./p-af2a1f7f.js";export{s as setNonce}from"./p-af2a1f7f.js";(()=>{const t=import.meta.url,o={};return""!==t&&(o.resourcesUrl=new URL(".",t).href),e(o)})().then((e=>t([["p-7406f7be",[[1,"feedback-button",{buttonPosition:[1,"button-position"],buttonStyle:[1,"button-style"],hideIcon:[4,"hide-icon"],hideMobile:[4,"hide-mobile"],sessionId:[1537,"session-id"],metadata:[1],submit:[4],customFont:[4,"custom-font"],emailAddress:[1,"email-address"],isEmailRequired:[4,"is-email-required"],fetchData:[4,"fetch-data"],hideEmail:[4,"hide-email"],hidePrivacyPolicy:[4,"hide-privacy-policy"],hideRating:[4,"hide-rating"],hideScreenshotButton:[4,"hide-screenshot-button"],modalPosition:[1,"modal-position"],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"],emailPlaceholder:[1,"email-placeholder"],errorMessage:[1,"error-message"],errorMessage403:[1,"error-message-4-0-3"],errorMessage404:[1,"error-message-4-0-4"],footerText:[1,"footer-text"],messagePlaceholder:[1,"message-placeholder"],modalTitle:[1,"modal-title"],modalTitleError:[1,"modal-title-error"],modalTitleSuccess:[1,"modal-title-success"],privacyPolicyText:[1,"privacy-policy-text"],ratingPlaceholder:[1,"rating-placeholder"],ratingStarsPlaceholder:[1,"rating-stars-placeholder"],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"]}],[1,"feedback-modal",{customFont:[4,"custom-font"],emailAddress:[1,"email-address"],hideEmail:[4,"hide-email"],isEmailRequired:[4,"is-email-required"],ratingMode:[1,"rating-mode"],hasSelectedElement:[1540,"has-selected-element"],hidePrivacyPolicy:[4,"hide-privacy-policy"],hideRating:[4,"hide-rating"],hideScreenshotButton:[4,"hide-screenshot-button"],project:[1],showScreenshotMode:[1540,"show-screenshot-mode"],showScreenshotTopBar:[1540,"show-screenshot-top-bar"],showModal:[1540,"show-modal"],rating:[2],metadata:[1],fetchData:[4,"fetch-data"],emailPlaceholder:[1,"email-placeholder"],errorMessage:[1,"error-message"],errorMessage403:[1,"error-message-4-0-3"],errorMessage404:[1,"error-message-4-0-4"],messagePlaceholder:[1,"message-placeholder"],footerText:[1,"footer-text"],modalPosition:[1,"modal-position"],modalTitle:[1,"modal-title"],modalTitleError:[1,"modal-title-error"],modalTitleSuccess:[1,"modal-title-success"],privacyPolicyText:[1,"privacy-policy-text"],ratingPlaceholder:[1,"rating-placeholder"],ratingStarsPlaceholder:[1,"rating-stars-placeholder"],sendButtonText:[1,"send-button-text"],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"],sending:[32],formMessage:[32],formEmail:[32],formSuccess:[32],formVerification:[32],formError:[32],formErrorStatus:[32],encodedScreenshot:[32],isPrivacyChecked:[32],whitelabel:[32],selectedRating:[32],overlayVisible:[32],isAnimating:[32],takingScreenshot:[32],showPreviewModal:[32],showCanvasEditor:[32],canvasDrawingTool:[32],canvasDrawingColor:[32],canvasLineWidth:[32],isDrawing:[32],annotations:[32],currentAnnotation:[32],isDragging:[32],draggedAnnotation:[32],dragStartPos:[32],showColorPicker:[32],editingColorIndex:[32],isResizing:[32],resizingAnnotation:[32],resizeStartSize:[32],hoveredAnnotation:[32],resizeHandle:[32],defaultColors:[32],openModal:[64]}]]]],e)));

package/dist/types/components/feedback-button/feedback-button.d.ts

@@ -21,6 +21,9 @@ export declare class FeedbackButton {
   project: string;
   rating: number;
   ratingMode: string;
+  canvasEditorTitle: string;
+  canvasEditorCancelText: string;
+  canvasEditorSaveText: string;
   emailPlaceholder: string;
   errorMessage: string;
   errorMessage403: string;

package/dist/types/components/feedback-modal/feedback-modal.d.ts

@@ -14,6 +14,29 @@ export declare class FeedbackModal {
   selectedRating: number;
   overlayVisible: boolean;
   isAnimating: boolean;
+  takingScreenshot: boolean;
+  showPreviewModal: boolean;
+  showCanvasEditor: boolean;
+  canvasDrawingTool: 'rectangle' | 'line' | 'arrow' | 'text';
+  canvasDrawingColor: string;
+  canvasLineWidth: number;
+  isDrawing: boolean;
+  annotations: any[];
+  currentAnnotation: any;
+  isDragging: boolean;
+  draggedAnnotation: any;
+  dragStartPos: {
+    x: number;
+    y: number;
+  };
+  showColorPicker: boolean;
+  editingColorIndex: number;
+  isResizing: boolean;
+  resizingAnnotation: any;
+  resizeStartSize: number;
+  hoveredAnnotation: any;
+  resizeHandle: string | boolean;
+  defaultColors: string[];
   customFont: boolean;
   emailAddress: string;
   hideEmail: boolean;
@@ -49,6 +72,9 @@ export declare class FeedbackModal {
   screenshotTakingText: string;
   screenshotTopbarText: string;
   successMessage: string;
+  canvasEditorTitle: string;
+  canvasEditorCancelText: string;
+  canvasEditorSaveText: string;
   feedbackSent: EventEmitter<{
     feedback: any;
   }>;
@@ -56,20 +82,9 @@ export declare class FeedbackModal {
     error: any;
   }>;
   modalContent: HTMLElement;
-  screenshotModal: HTMLElement;
-  elementSelected: HTMLElement;
-  topSide: HTMLElement;
-  leftSide: HTMLElement;
-  bottomSide: HTMLElement;
-  rightSide: HTMLElement;
-  hoveredElement: HTMLElement;
-  hoveredElementBounds: DOMRect;
-  selectedElementBounds: DOMRect;
-  originalElement: HTMLElement;
-  storedScrollX: number;
-  storedScrollY: number;
-  takingScreenshot: boolean;
-  showPreviewModal: boolean;
+  canvasRef: HTMLCanvasElement;
+  canvasContext: CanvasRenderingContext2D;
+  originalImageData: string;
   componentWillLoad(): void;
   fetchProjectData(): Promise<void>;
   onScrollDebounced: () => void;
@@ -78,16 +93,57 @@ export declare class FeedbackModal {
   handleEmailInput(event: Event): void;
   handleSubmit: (event: Event) => Promise<void>;
   close: () => void;
-  openScreenShot: () => void;
-  closeScreenShot: () => void;
-  openPreviewModal: (event: Event) => void;
-  closePreviewModal: () => void;
-  handleMouseOverScreenShot: (event: any) => void;
-  handleMouseClickedSelectedElement: (event: any) => Promise<void>;
-  captureScreenshot(): Promise<unknown>;
+  openScreenShot: () => Promise<void>;
+  captureViewportScreenshot(): Promise<unknown>;
+  openCanvasEditor: (event?: Event) => void;
+  closeCanvasEditor: () => void;
+  saveAnnotations: () => void;
+  initializeCanvas: () => void;
+  redrawAnnotations: () => void;
+  drawAnnotation: (annotation: any) => void;
+  drawTextResizeHandle: (annotation: any) => void;
+  drawArrow: (fromX: number, fromY: number, toX: number, toY: number) => void;
   handleCheckboxChange(event: any): void;
   handleVerification(event: Event): void;
   handleRatingChange(newRating: number): void;
+  undoLastAnnotation: () => void;
+  handleColorSlotClick: (colorIndex: number) => void;
+  updateColorSlot: (newColor: string) => void;
+  handleColorPickerInput: (event: Event) => void;
+  handleColorPickerClick: (event: Event) => void;
+  closeColorPicker: () => void;
+  isPointInResizeHandle: (x: number, y: number, annotation: any) => string | boolean;
+  getTextWidth: (text: string, fontSize: number) => number;
+  startTextResize: (annotation: any, startPos: {
+    x: number;
+    y: number;
+  }) => void;
+  handleTextResize: (currentPos: {
+    x: number;
+    y: number;
+  }) => void;
+  startResize: (annotation: any, handle: string | boolean, startPos: {
+    x: number;
+    y: number;
+  }) => void;
+  handleCanvasMouseDown: (event: MouseEvent) => void;
+  handleCanvasMouseMove: (event: MouseEvent) => void;
+  handleCanvasMouseUp: () => void;
+  drawRectangleResizeHandles: (annotation: any) => void;
+  drawLineResizeHandles: (annotation: any) => void;
+  getCanvasCoordinates: (event: MouseEvent) => {
+    x: number;
+    y: number;
+  };
+  findAnnotationAt: (x: number, y: number) => {
+    annotation: any;
+    index: number;
+  };
+  isPointInAnnotation: (x: number, y: number, annotation: any) => boolean;
+  handleResize: (currentPos: {
+    x: number;
+    y: number;
+  }) => void;
   render(): any;
   componentDidRender(): void;
   openModal(): Promise<void>;

package/dist/types/components.d.ts

@@ -9,6 +9,9 @@ export namespace Components {
     interface FeedbackButton {
         "buttonPosition": string;
         "buttonStyle": string;
+        "canvasEditorCancelText": string;
+        "canvasEditorSaveText": string;
+        "canvasEditorTitle": string;
         "customFont": boolean;
         "emailAddress": string;
         "emailPlaceholder": string;
@@ -46,6 +49,9 @@ export namespace Components {
         "successMessage": string;
     }
     interface FeedbackModal {
+        "canvasEditorCancelText": string;
+        "canvasEditorSaveText": string;
+        "canvasEditorTitle": string;
         "customFont": boolean;
         "emailAddress": string;
         "emailPlaceholder": string;
@@ -114,6 +120,9 @@ declare namespace LocalJSX {
     interface FeedbackButton {
         "buttonPosition"?: string;
         "buttonStyle"?: string;
+        "canvasEditorCancelText"?: string;
+        "canvasEditorSaveText"?: string;
+        "canvasEditorTitle"?: string;
         "customFont"?: boolean;
         "emailAddress"?: string;
         "emailPlaceholder"?: string;
@@ -153,6 +162,9 @@ declare namespace LocalJSX {
         "successMessage"?: string;
     }
     interface FeedbackModal {
+        "canvasEditorCancelText"?: string;
+        "canvasEditorSaveText"?: string;
+        "canvasEditorTitle"?: string;
         "customFont"?: boolean;
         "emailAddress"?: string;
         "emailPlaceholder"?: string;

package/package.json

@@ -2,7 +2,7 @@
   "name": "pushfeedback",
   "author": "TechDocs Studio <info@techdocs.studio>",
   "homepage": "https://pushfeedback.com/",
-  "version": "0.1.67",
+  "version": "0.1.68",
   "description": "Feedback widget for websites.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",