@uxbertlabs/reportly 1.0.32 → 1.0.34

package/dist/components/Reportly.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Reportly.d.ts","sourceRoot":"","sources":["../../src/components/Reportly.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,UAAU,aAAa;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CAClC;AA6GD,wBAAgB,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,qBAMjD;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Reportly.d.ts","sourceRoot":"","sources":["../../src/components/Reportly.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,UAAU,aAAa;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CAClC;AA0GD,wBAAgB,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,qBAMjD;AAED,eAAe,QAAQ,CAAC"}

package/dist/components/ReportlyProvider.d.ts

@@ -1,6 +1,7 @@
 import React, { ReactNode } from "react";
 import type { ReportlyConfig, IssueData, CompleteIssue, AnnotationTool } from "../types";
 import type { N8nResponse } from "../features/n8n-integration";
+import Screenshot from "../features/screenshot";
 import AnnotationManager from "../features/annotation";
 export interface ReportlyState {
     isOpen: boolean;
@@ -14,6 +15,7 @@ export interface ReportlyState {
 }
 interface ReportlyContextType {
     state: ReportlyState;
+    screenshot: Screenshot;
     annotationManager: AnnotationManager | null;
     setAnnotationManager: (manager: AnnotationManager | null) => void;
     openModal: () => void;

package/dist/components/ReportlyProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReportlyProvider.d.ts","sourceRoot":"","sources":["../../src/components/ReportlyProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyC,SAAS,EAAwB,MAAM,OAAO,CAAC;AACtG,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAI/D,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AAEvD,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,UAAU,GAAG,UAAU,CAAC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,cAAc,CAAC;CACxB;AAmED,UAAU,mBAAmB;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,iBAAiB,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC5C,oBAAoB,EAAE,CAAC,OAAO,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC;IAClE,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,iBAAiB,EAAE,CAAC,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACrE,gBAAgB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,OAAO,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IAC5C,WAAW,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IAC5D,YAAY,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACxD,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAID,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CAClC;AAED,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,MAAW,EAAE,EAAE,qBAAqB,qBAiMhF;AAED,wBAAgB,WAAW,IAAI,mBAAmB,CAMjD"}
+{"version":3,"file":"ReportlyProvider.d.ts","sourceRoot":"","sources":["../../src/components/ReportlyProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyC,SAAS,EAA2C,MAAM,OAAO,CAAC;AACzH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAG/D,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAChD,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AAEvD,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,UAAU,GAAG,UAAU,CAAC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,cAAc,CAAC;CACxB;AAmED,UAAU,mBAAmB;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,UAAU,EAAE,UAAU,CAAC;IACvB,iBAAiB,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC5C,oBAAoB,EAAE,CAAC,OAAO,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC;IAClE,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,iBAAiB,EAAE,CAAC,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACrE,gBAAgB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,OAAO,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IAC5C,WAAW,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IAC5D,YAAY,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACxD,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAID,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CAClC;AAED,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,MAAW,EAAE,EAAE,qBAAqB,qBAyNhF;AAED,wBAAgB,WAAW,IAAI,mBAAmB,CAMjD"}

package/dist/features/screenshot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"screenshot.d.ts","sourceRoot":"","sources":["../../src/features/screenshot.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAyB,MAAM,UAAU,CAAC;AAEvE,cAAM,UAAU;IACd,OAAO,CAAC,iBAAiB,CAAgB;IACzC,OAAO,CAAC,YAAY,CAAe;IACnC,OAAO,CAAC,KAAK,CAAuB;IACpC,OAAO,CAAC,OAAO,CAAgB;IAC/B,OAAO,CAAC,MAAM,CAAkC;gBAEpC,KAAK,CAAC,EAAE,eAAe,EAAE,YAAY,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM;IAQ9G;;OAEG;IACH,OAAO,CAAC,IAAI;IAIZ;;OAEG;YACW,gBAAgB;IAc9B;;OAEG;YACW,aAAa;IAgB3B;;OAEG;YACW,YAAY;IAc1B;;OAEG;IACH,OAAO,CAAC,WAAW;IAKb,OAAO,CAAC,IAAI,GAAE,UAAU,GAAG,UAAuB,GAAG,OAAO,CAAC,MAAM,CAAC;IAuO1E,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,iBAAiB;IA6DzB,OAAO,CAAC,iBAAiB;IAOzB;;;OAGG;IACH,eAAe,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAIjC;;OAEG;IACH,eAAe,IAAI,MAAM;IAIzB;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI;IAItC;;OAEG;IACH,QAAQ,IAAI,eAAe;IAI3B;;;OAGG;IACH,SAAS,CAAC,MAAM,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI;IAIhD;;;OAGG;IACH,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAIjC,aAAa,IAAI,MAAM,GAAG,IAAI;IAI9B,KAAK,IAAI,IAAI;CAGd;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"screenshot.d.ts","sourceRoot":"","sources":["../../src/features/screenshot.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAyB,MAAM,UAAU,CAAC;AAEvE,cAAM,UAAU;IACd,OAAO,CAAC,iBAAiB,CAAgB;IACzC,OAAO,CAAC,YAAY,CAAe;IACnC,OAAO,CAAC,KAAK,CAAuB;IACpC,OAAO,CAAC,OAAO,CAAgB;IAC/B,OAAO,CAAC,MAAM,CAAkC;gBAEpC,KAAK,CAAC,EAAE,eAAe,EAAE,YAAY,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM;IAS9G;;OAEG;IACH,OAAO,CAAC,IAAI;IAIZ;;OAEG;YACW,gBAAgB;IAc9B;;OAEG;YACW,aAAa;IAgB3B;;OAEG;YACW,YAAY;IAc1B;;OAEG;IACH,OAAO,CAAC,WAAW;IAKb,OAAO,CAAC,IAAI,GAAE,UAAU,GAAG,UAAuB,GAAG,OAAO,CAAC,MAAM,CAAC;IAuO1E,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,iBAAiB;IA6DzB,OAAO,CAAC,iBAAiB;IAOzB;;;OAGG;IACH,eAAe,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAIjC;;OAEG;IACH,eAAe,IAAI,MAAM;IAIzB;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI;IAWtC;;OAEG;IACH,QAAQ,IAAI,eAAe;IAI3B;;;OAGG;IACH,SAAS,CAAC,MAAM,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI;IAIhD;;;OAGG;IACH,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAIjC,aAAa,IAAI,MAAM,GAAG,IAAI;IAI9B,KAAK,IAAI,IAAI;CAGd;AAED,eAAe,UAAU,CAAC"}

package/dist/index.cjs.js

@@ -9307,6 +9307,12 @@ class Screenshot {
     this.quality = 0.95; // Default quality for JPEG/WebP
     this.format = "png"; // Default format
     this.currentScreenshot = null;
+    console.log("Screenshot module initialized", {
+      hooks,
+      captureDelay,
+      quality,
+      format
+    });
     if (hooks) this.hooks = hooks;
     if (captureDelay !== undefined) this.captureDelay = captureDelay;
     if (quality !== undefined) this.quality = quality;
@@ -9670,6 +9676,13 @@ class Screenshot {
       ...this.hooks,
       ...hooks
     };
+    console.log("[Screenshot] Hooks updated:", {
+      hasBeforeCapture: !!this.hooks.beforeCapture,
+      hasAfterCapture: !!this.hooks.afterCapture,
+      hasOnCaptureStart: !!this.hooks.onCaptureStart,
+      hasOnCaptureComplete: !!this.hooks.onCaptureComplete,
+      hasOnCaptureError: !!this.hooks.onCaptureError
+    });
   }
   /**
    * Get current hooks configuration
@@ -9701,11 +9714,6 @@ class Screenshot {
   }
 }
 
-var screenshot = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    default: Screenshot
-});
-
 const initialState = {
   isOpen: false,
   isAnnotating: false,
@@ -9816,7 +9824,30 @@ function ReportlyProvider({
   // Initialize services with useMemo to ensure they're only created once and support SSR
   const deviceInfo = React.useMemo(() => new DeviceInfo(), []);
   const exportService = React.useMemo(() => new Export(config.integrations?.n8n), [config.integrations?.n8n]);
-  const screenshot = React.useMemo(() => new Screenshot(config.screenshot?.hooks, config.screenshot?.captureDelay, config.screenshot?.quality, config.screenshot?.format), [config.screenshot?.hooks, config.screenshot?.captureDelay, config.screenshot?.quality, config.screenshot?.format]);
+  // Use ref for Screenshot to prevent recreation on config changes
+  const screenshotRef = React.useRef(null);
+  // Initialize Screenshot once
+  if (screenshotRef.current === null) {
+    screenshotRef.current = new Screenshot(config.screenshot?.hooks, config.screenshot?.captureDelay, config.screenshot?.quality, config.screenshot?.format);
+  }
+  // Update Screenshot configuration when config changes
+  React.useEffect(() => {
+    if (screenshotRef.current) {
+      if (config.screenshot?.hooks) {
+        screenshotRef.current.setHooks(config.screenshot.hooks);
+      }
+      if (config.screenshot?.captureDelay !== undefined) {
+        screenshotRef.current.setCaptureDelay(config.screenshot.captureDelay);
+      }
+      if (config.screenshot?.quality !== undefined) {
+        screenshotRef.current.setQuality(config.screenshot.quality);
+      }
+      if (config.screenshot?.format) {
+        screenshotRef.current.setFormat(config.screenshot.format);
+      }
+    }
+  }, [config.screenshot?.hooks, config.screenshot?.captureDelay, config.screenshot?.quality, config.screenshot?.format]);
+  const screenshot = screenshotRef.current;
   const openModal = React.useCallback(() => {
     dispatch({
       type: "OPEN_MODAL"
@@ -9972,6 +10003,7 @@ function ReportlyProvider({
   }, [annotationManager]);
   const contextValue = {
     state,
+    screenshot,
     annotationManager,
     setAnnotationManager: setAnnotationManagerState,
     openModal,
@@ -10013,7 +10045,7 @@ function cn(...inputs) {
 
 function Butterfly({
   width = "100%",
-  height = "auto",
+  height = "100%",
   className = "",
   style = {}
 }) {
@@ -10060,7 +10092,8 @@ function FloatingButton({
   }, /*#__PURE__*/React.createElement(Butterfly, {
     style: {
       color: "currentColor",
-      width: "40px"
+      width: "40px",
+      height: "40px"
     }
   }));
 }
@@ -10378,7 +10411,7 @@ const X = createLucideIcon("x", __iconNode);
 
 function AminahUXbertLogo({
   width = "100%",
-  height = "auto",
+  height = "100%",
   className = ""
 }) {
   return /*#__PURE__*/React.createElement("svg", {
@@ -10766,9 +10799,7 @@ function IssueModal({
   }, /*#__PURE__*/React.createElement("label", {
     htmlFor: "issue-title",
     className: "uxbert-form-label"
-  }, "Issue Title ", /*#__PURE__*/React.createElement("span", {
-    className: "uxbert-form-required"
-  }, "*")), /*#__PURE__*/React.createElement("input", {
+  }, "Issue Title"), /*#__PURE__*/React.createElement("input", {
     id: "issue-title",
     type: "text",
     value: formData.title,
@@ -10848,7 +10879,7 @@ function IssueModal({
 
 function AminahLogo({
   width = "100%",
-  height = "auto",
+  height = "100%",
   className = ""
 }) {
   return /*#__PURE__*/React.createElement("svg", {
@@ -11644,6 +11675,7 @@ class AnnotationManager {
 function ReportlyInner() {
   const {
     state,
+    screenshot,
     endAnnotation,
     updateScreenshot,
     setAnnotationManager
@@ -11689,15 +11721,13 @@ function ReportlyInner() {
   const handleDone = async () => {
     if (!annotationRef.current) return;
     try {
-      const Screenshot = (await Promise.resolve().then(function () { return screenshot; })).default;
       // Use the current mode from annotation manager (it has auto-adjusted based on drawing location)
       const captureMode = annotationRef.current.getCurrentMode();
       console.log('Using capture mode from annotation manager:', captureMode);
       // Hide the annotation canvas temporarily
       annotationRef.current.hide();
-      // Capture the screenshot
-      const screenshotService = new Screenshot();
-      const baseScreenshot = await screenshotService.capture(captureMode);
+      // Capture the screenshot using the configured screenshot instance from context
+      const baseScreenshot = await screenshot.capture(captureMode);
       // Export the annotated screenshot (combine base screenshot + annotations)
       // Pass the capture mode so annotations can be positioned correctly
       const annotatedScreenshot = await annotationRef.current.exportAnnotatedScreenshot(baseScreenshot, captureMode);