spaps-issue-reporting-react 0.4.2 → 0.6.0

package/dist/index.mjs

@@ -1,7 +1,6 @@
 // src/components.tsx
 import * as Dialog from "@radix-ui/react-dialog";
 import * as Popover from "@radix-ui/react-popover";
-import { useScribe } from "@elevenlabs/react";
 import {
   BugBeetle,
   CheckCircle,
@@ -508,6 +507,7 @@ function IssueReportingProvider({
   inputModes,
   defaultInputMode,
   voice,
+  screenshotCapture,
   copy,
   children
 }) {
@@ -753,6 +753,7 @@ function IssueReportingProvider({
       inputModes: resolvedInputModes,
       defaultInputMode: resolvedDefaultInputMode,
       voice: resolvedVoiceConfig,
+      screenshotCapture,
       needsResponseIssueIds,
       setNeedsResponse
     }),
@@ -781,6 +782,7 @@ function IssueReportingProvider({
       resolvedInputModes,
       resolvedVoiceConfig,
       scope,
+      screenshotCapture,
       selectPanel,
       setNeedsResponse,
       startNewIssue
@@ -837,6 +839,9 @@ var POPOVER_SHADOW = "shadow-[0_18px_48px_rgba(15,23,42,0.18)]";
 var MODAL_SHADOW = "shadow-[0_28px_80px_rgba(15,23,42,0.24)]";
 var BADGE_TEXT = "text-[11px]";
 var LABEL_TEXT = "text-[11px]";
+var VoiceCapture = React2.lazy(() => import("./VoiceCapture-WX7J6BWQ.mjs"));
+var useIsomorphicLayoutEffect = typeof window === "undefined" ? useEffect2 : React2.useLayoutEffect;
+var SCREENSHOT_CAPTURE_METADATA_KEY = "screenshot_capture";
 function truncate(value, max = 80) {
   if (value.length <= max) {
     return value;
@@ -857,8 +862,13 @@ function resolveErrorMessage(error, fallback) {
   }
   return fallback;
 }
-function getCommittedTranscriptText(committedTranscripts) {
-  return committedTranscripts.map((segment) => segment.text.trim()).filter(Boolean).join(" ").trim();
+function buildScreenshotCaptureMetadata(config, status) {
+  return {
+    status,
+    scope: config.scope ?? "visible_viewport",
+    image_type: config.imageType ?? "image/png",
+    ...status === "failed" ? { failure_reason: "capture_failed" } : {}
+  };
 }
 function appendTranscriptToNote(current, transcript) {
   const normalizedCurrent = current.trim();
@@ -899,22 +909,14 @@ function getIssueOriginText(issue, copy) {
   const humanName = issue.reporter_display_name?.trim();
   return humanName ? `${copy.originHumanLabel} \xB7 ${humanName}` : copy.originHumanLabel;
 }
-function IssueReportVoicePanel({
+function IssueReportVoiceActivationPanel({
   canUseText,
   effectiveInputMode,
   isSubmitting,
-  isVoiceActive,
-  isVoiceConnecting,
-  voice,
-  voiceTokenResult,
-  committedTranscript,
-  voiceError,
-  scribeError,
   onSelectText,
   onSelectVoice,
-  onStartVoiceInput,
-  onStopVoiceInput,
-  onAppendTranscript
+  onRequestStartVoiceInput,
+  onRequestAppendTranscript
 }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     canUseText ? /* @__PURE__ */ jsxs("div", { className: "mt-5 flex gap-2", children: [
@@ -951,53 +953,85 @@ function IssueReportVoicePanel({
         }
       )
     ] }) : null,
-    /* @__PURE__ */ jsxs("div", { className: "mt-4 rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx2("div", { className: "text-xs font-medium uppercase tracking-wide text-slate-500", children: "Voice Input" }),
-          /* @__PURE__ */ jsxs("p", { className: "mt-1 text-xs text-slate-600", children: [
-            "Provider: ",
-            voiceTokenResult?.provider ?? voice.provider,
-            " \xB7 Model:",
-            " ",
-            voiceTokenResult?.model_id ?? voice.modelId
-          ] }),
-          /* @__PURE__ */ jsx2("p", { className: "mt-1 text-xs text-slate-500", children: voice.requireMicrophonePermission ? "Microphone access is required to transcribe." : "Microphone access policy is optional." })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-          isVoiceActive || isVoiceConnecting ? /* @__PURE__ */ jsx2(
-            "button",
-            {
-              type: "button",
-              className: "rounded-full border border-slate-300 px-3 py-1.5 text-xs font-medium text-slate-700 transition hover:bg-slate-100",
-              onClick: onStopVoiceInput,
-              disabled: isSubmitting,
-              children: "Stop Voice Input"
-            }
-          ) : /* @__PURE__ */ jsx2(
-            "button",
-            {
-              type: "button",
-              className: "rounded-full bg-slate-900 px-3 py-1.5 text-xs font-semibold text-white transition hover:bg-slate-800",
-              onClick: onStartVoiceInput,
-              disabled: isSubmitting,
-              children: "Start Voice Input"
-            }
-          ),
-          canUseText ? /* @__PURE__ */ jsx2(
-            "button",
-            {
-              type: "button",
-              className: "rounded-full border border-slate-300 px-3 py-1.5 text-xs font-medium text-slate-700 transition hover:bg-slate-100 disabled:cursor-not-allowed disabled:opacity-60",
-              onClick: onAppendTranscript,
-              disabled: isSubmitting || !committedTranscript.trim(),
-              children: "Append Transcript"
-            }
-          ) : null
-        ] })
+    /* @__PURE__ */ jsx2("div", { className: "mt-4 rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx2("div", { className: "text-xs font-medium uppercase tracking-wide text-slate-500", children: "Voice Input" }),
+        /* @__PURE__ */ jsx2("p", { className: "mt-1 text-xs text-slate-600", children: "Voice capture loads when selected." })
       ] }),
-      /* @__PURE__ */ jsx2("div", { className: "mt-3 rounded-xl border border-slate-200 bg-white px-3 py-2 text-sm text-slate-700", children: committedTranscript ? committedTranscript : /* @__PURE__ */ jsx2("span", { className: "text-slate-500", children: "No committed transcript yet." }) }),
-      voiceError || scribeError ? /* @__PURE__ */ jsx2("div", { className: "mt-2 rounded-xl border border-rose-200 bg-rose-50 px-3 py-2 text-xs text-rose-700", children: voiceError ?? scribeError }) : isVoiceConnecting ? /* @__PURE__ */ jsx2("div", { className: "mt-2 text-xs text-slate-500", children: "Connecting voice transcription..." }) : null
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            className: "rounded-full bg-slate-900 px-3 py-1.5 text-xs font-semibold text-white transition hover:bg-slate-800",
+            onClick: onRequestStartVoiceInput,
+            disabled: isSubmitting,
+            children: "Start Voice Input"
+          }
+        ),
+        canUseText ? /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            className: "rounded-full border border-slate-300 px-3 py-1.5 text-xs font-medium text-slate-700 transition hover:bg-slate-100 disabled:cursor-not-allowed disabled:opacity-60",
+            onClick: onRequestAppendTranscript,
+            disabled: isSubmitting,
+            children: "Append Transcript"
+          }
+        ) : null
+      ] })
+    ] }) })
+  ] });
+}
+function IssueReportVoiceFallback({
+  canUseText,
+  isSubmitting,
+  onSelectText,
+  onSelectVoice,
+  onRequestStartVoiceInput
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    canUseText ? /* @__PURE__ */ jsxs("div", { className: "mt-5 flex gap-2", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: "inline-flex items-center gap-1 rounded-full border border-slate-200 px-3 py-1.5 text-xs font-semibold text-slate-700 transition hover:bg-slate-50",
+          onClick: onSelectText,
+          disabled: isSubmitting,
+          children: [
+            /* @__PURE__ */ jsx2(TextT, { className: "h-3.5 w-3.5" }),
+            "Text Input"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: "inline-flex items-center gap-1 rounded-full border border-slate-900 bg-slate-900 px-3 py-1.5 text-xs font-semibold text-white transition",
+          onClick: onSelectVoice,
+          disabled: isSubmitting,
+          children: [
+            /* @__PURE__ */ jsx2(Microphone, { className: "h-3.5 w-3.5" }),
+            "Voice Input"
+          ]
+        }
+      )
+    ] }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "mt-4 flex items-center gap-2 rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3 text-xs text-slate-600", children: [
+      /* @__PURE__ */ jsx2(Spinner, { className: "h-3.5 w-3.5 animate-spin" }),
+      /* @__PURE__ */ jsx2("span", { className: "flex-1", children: "Loading voice input..." }),
+      /* @__PURE__ */ jsx2(
+        "button",
+        {
+          type: "button",
+          className: "rounded-full bg-slate-900 px-3 py-1.5 text-xs font-semibold text-white transition hover:bg-slate-800",
+          onClick: onRequestStartVoiceInput,
+          disabled: isSubmitting,
+          children: "Start Voice Input"
+        }
+      )
     ] })
   ] });
 }
@@ -1068,13 +1102,10 @@ function IssueReportModalBody({
   normalizedNote,
   isValid,
   isSubmitting,
-  isVoiceActive,
-  isVoiceConnecting,
   voice,
-  voiceTokenResult,
-  committedTranscript,
-  voiceError,
-  scribeError,
+  createVoiceToken,
+  voiceStartRequestId,
+  voiceAppendRequestId,
   submitError,
   existingAttachments,
   removedExistingIds,
@@ -1085,8 +1116,10 @@ function IssueReportModalBody({
   onClose,
   onSelectText,
   onSelectVoice,
-  onStartVoiceInput,
-  onStopVoiceInput,
+  onRequestStartVoiceInput,
+  onRequestAppendTranscript,
+  onTranscriptCommitted,
+  onVoiceSubmitMetadataChange,
   onAppendTranscript,
   onNoteChange,
   onSubmit,
@@ -1126,24 +1159,47 @@ function IssueReportModalBody({
     ] });
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    mode === "create" && canUseVoice ? /* @__PURE__ */ jsx2(
-      IssueReportVoicePanel,
+    mode === "create" && canUseVoice ? effectiveInputMode === "voice" ? /* @__PURE__ */ jsx2(
+      React2.Suspense,
+      {
+        fallback: /* @__PURE__ */ jsx2(
+          IssueReportVoiceFallback,
+          {
+            canUseText,
+            isSubmitting,
+            onSelectText,
+            onSelectVoice,
+            onRequestStartVoiceInput
+          }
+        ),
+        children: /* @__PURE__ */ jsx2(
+          VoiceCapture,
+          {
+            canUseText,
+            effectiveInputMode,
+            isSubmitting,
+            voice,
+            createVoiceToken,
+            startRequestId: voiceStartRequestId,
+            appendRequestId: voiceAppendRequestId,
+            onSelectText,
+            onSelectVoice,
+            onTranscriptCommitted,
+            onSubmitMetadataChange: onVoiceSubmitMetadataChange,
+            onAppendTranscript
+          }
+        )
+      }
+    ) : /* @__PURE__ */ jsx2(
+      IssueReportVoiceActivationPanel,
       {
         canUseText,
         effectiveInputMode,
         isSubmitting,
-        isVoiceActive,
-        isVoiceConnecting,
-        voice,
-        voiceTokenResult,
-        committedTranscript,
-        voiceError,
-        scribeError,
         onSelectText,
         onSelectVoice,
-        onStartVoiceInput,
-        onStopVoiceInput,
-        onAppendTranscript
+        onRequestStartVoiceInput,
+        onRequestAppendTranscript
       }
     ) : null,
     mode === "reply" && issue ? /* @__PURE__ */ jsxs("div", { className: "mt-5 rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3", children: [
@@ -1205,101 +1261,6 @@ function IssueReportModalBody({
     mode !== "create" && issue ? /* @__PURE__ */ jsx2(IssueReportMessageThread, { issueReportId: issue.id }) : null
   ] });
 }
-function useIssueReportVoiceCapture({
-  canUseVoice,
-  defaultInputMode,
-  isSubmitting,
-  voice
-}) {
-  const [inputMode, setInputMode] = useState2(defaultInputMode);
-  const [voiceTokenResult, setVoiceTokenResult] = useState2(null);
-  const [voiceSubmitMetadata, setVoiceSubmitMetadata] = useState2(null);
-  const [voiceError, setVoiceError] = useState2(null);
-  const {
-    status: scribeStatus,
-    isConnected,
-    isTranscribing,
-    committedTranscripts,
-    error: scribeError,
-    connect: connectScribe,
-    disconnect: disconnectScribe
-  } = useScribe({
-    autoConnect: false,
-    modelId: voice.modelId,
-    microphone: voice.microphone
-  });
-  const committedTranscript = useMemo2(
-    () => getCommittedTranscriptText(committedTranscripts),
-    [committedTranscripts]
-  );
-  const isVoiceConnecting = scribeStatus === "connecting";
-  const isVoiceActive = isConnected || isTranscribing;
-  const resetVoiceCapture = useCallback2(() => {
-    disconnectScribe();
-    setInputMode(defaultInputMode);
-    setVoiceTokenResult(null);
-    setVoiceSubmitMetadata(null);
-    setVoiceError(null);
-  }, [defaultInputMode, disconnectScribe]);
-  const startVoiceInput = useCallback2(
-    async (createVoiceToken) => {
-      if (!canUseVoice || isSubmitting || isVoiceActive || isVoiceConnecting) {
-        return;
-      }
-      if (!createVoiceToken) {
-        setVoiceError("Voice input is unavailable for this client.");
-        return;
-      }
-      setVoiceError(null);
-      try {
-        const tokenResult = await createVoiceToken();
-        setVoiceTokenResult(tokenResult);
-        setVoiceSubmitMetadata(tokenResult);
-        await connectScribe({
-          token: tokenResult.token,
-          modelId: tokenResult.model_id,
-          microphone: voice.microphone
-        });
-        setInputMode("voice");
-      } catch (startError) {
-        setVoiceError(resolveErrorMessage(startError, "Failed to start voice input."));
-      }
-    },
-    [
-      canUseVoice,
-      connectScribe,
-      isSubmitting,
-      isVoiceActive,
-      isVoiceConnecting,
-      voice.microphone
-    ]
-  );
-  const appendTranscript = useCallback2(
-    (setNote) => {
-      if (!committedTranscript.trim()) {
-        return;
-      }
-      setNote((current) => appendTranscriptToNote(current, committedTranscript));
-      setInputMode("text");
-    },
-    [committedTranscript]
-  );
-  return {
-    inputMode,
-    setInputMode,
-    voiceTokenResult,
-    voiceSubmitMetadata,
-    committedTranscript,
-    voiceError,
-    scribeError,
-    isVoiceConnecting,
-    isVoiceActive,
-    resetVoiceCapture,
-    startVoiceInput,
-    stopVoiceInput: disconnectScribe,
-    appendTranscript
-  };
-}
 var INITIAL_UPLOAD_PROGRESS = {
   phase: "idle",
   uploaded: 0,
@@ -2079,11 +2040,18 @@ function IssueReportModal() {
     retryModalHydration,
     inputModes,
     defaultInputMode,
-    voice
+    voice,
+    screenshotCapture,
+    createMode
   } = useIssueReporting();
   const { createMutation, updateMutation, replyMutation } = useIssueReportingMutations();
   const [note, setNote] = useState2("");
   const [submitError, setSubmitError] = useState2(null);
+  const [inputMode, setInputMode] = useState2(defaultInputMode);
+  const [committedTranscript, setCommittedTranscript] = useState2("");
+  const [voiceSubmitMetadata, setVoiceSubmitMetadata] = useState2(null);
+  const [voiceStartRequestId, setVoiceStartRequestId] = useState2(0);
+  const [voiceAppendRequestId, setVoiceAppendRequestId] = useState2(0);
   const { isOpen, mode, issue, target, isHydrating, error } = modalState;
   const canUseVoice = mode === "create" && inputModes.includes("voice");
   const canUseText = mode !== "create" || inputModes.includes("text");
@@ -2094,27 +2062,14 @@ function IssueReportModal() {
   );
   const attachmentState = useAttachmentState(existingAttachments);
   const isSubmitting = createMutation.isPending || updateMutation.isPending || replyMutation.isPending || attachmentState.uploadProgress.phase === "uploading";
-  const {
-    inputMode,
-    setInputMode,
-    voiceTokenResult,
-    voiceSubmitMetadata,
-    committedTranscript,
-    voiceError,
-    scribeError,
-    isVoiceConnecting,
-    isVoiceActive,
-    resetVoiceCapture,
-    startVoiceInput,
-    stopVoiceInput,
-    appendTranscript
-  } = useIssueReportVoiceCapture({
-    canUseVoice,
-    defaultInputMode,
-    isSubmitting,
-    voice
-  });
-  useEffect2(() => {
+  const resetVoiceCapture = useCallback2(() => {
+    setInputMode(defaultInputMode);
+    setCommittedTranscript("");
+    setVoiceSubmitMetadata(null);
+    setVoiceStartRequestId(0);
+    setVoiceAppendRequestId(0);
+  }, [defaultInputMode]);
+  useIsomorphicLayoutEffect(() => {
     if (!isOpen) {
       resetVoiceCapture();
       attachmentState.reset();
@@ -2140,14 +2095,17 @@ function IssueReportModal() {
     attachmentState.reset();
     closeModal();
   };
-  const handleStartVoiceInput = async () => {
-    await startVoiceInput(client.issueReporting.createVoiceToken);
+  const handleRequestAppendTranscript = () => {
+    setInputMode("voice");
+    setVoiceAppendRequestId((current) => current + 1);
   };
-  const handleStopVoiceInput = () => {
-    stopVoiceInput();
+  const handleRequestStartVoiceInput = () => {
+    setInputMode("voice");
+    setVoiceStartRequestId((current) => current + 1);
   };
-  const handleAppendTranscript = () => {
-    appendTranscript(setNote);
+  const handleAppendTranscript = (transcript) => {
+    setNote((current) => appendTranscriptToNote(current, transcript));
+    setInputMode("text");
   };
   const uploadPendingFiles = async () => {
     const upload = client.issueReporting.uploadAttachment;
@@ -2189,8 +2147,41 @@ function IssueReportModal() {
     try {
       const noteForSubmit = normalizedNote;
       let newAttachmentIds = [];
+      let screenshotCaptureMetadata = null;
+      if (screenshotCapture?.enabled && mode === "create" && canUseAttachments && client.issueReporting.uploadAttachment) {
+        try {
+          const { captureScreenshot } = await import("./screenshot-capture.mjs");
+          const captureResult = await captureScreenshot(screenshotCapture, {
+            pageUrl: target.page_url,
+            createMode,
+            inputMode: effectiveInputMode,
+            target: {
+              componentKey: target.component_key,
+              componentLabel: target.component_label,
+              surfaceRef: target.surface_ref,
+              metadata: target.metadata
+            }
+          });
+          const uploaded = await client.issueReporting.uploadAttachment(
+            captureResult.blob,
+            { filename: captureResult.filename }
+          );
+          newAttachmentIds.push(uploaded.id);
+          screenshotCaptureMetadata = buildScreenshotCaptureMetadata(
+            screenshotCapture,
+            "attached"
+          );
+        } catch (captureError) {
+          screenshotCaptureMetadata = buildScreenshotCaptureMetadata(
+            screenshotCapture,
+            "failed"
+          );
+          screenshotCapture.onCaptureError?.(captureError);
+        }
+      }
       if (canUseAttachments && attachmentState.pendingFiles.length > 0) {
-        newAttachmentIds = await uploadPendingFiles();
+        const manualIds = await uploadPendingFiles();
+        newAttachmentIds.push(...manualIds);
       }
       const effectiveVoiceMetadata = effectiveInputMode === "voice" ? voiceSubmitMetadata ?? {
         provider: voice.provider,
@@ -2201,20 +2192,26 @@ function IssueReportModal() {
         attach_transcript: true
       } : null;
       if (mode === "create") {
+        const targetMetadata = {
+          ...target.metadata ?? {},
+          ...screenshotCaptureMetadata ? {
+            [SCREENSHOT_CAPTURE_METADATA_KEY]: screenshotCaptureMetadata
+          } : {},
+          ...effectiveVoiceMetadata && effectiveInputMode === "voice" ? {
+            capture: {
+              input_mode: "voice",
+              provider: effectiveVoiceMetadata.provider,
+              model_id: effectiveVoiceMetadata.model_id,
+              retain_audio: effectiveVoiceMetadata.retain_audio,
+              attach_transcript: effectiveVoiceMetadata.attach_transcript
+            }
+          } : {}
+        };
         await createMutation.mutateAsync({
-          target: effectiveVoiceMetadata && effectiveInputMode === "voice" ? {
+          target: {
             ...target,
-            metadata: {
-              ...target.metadata ?? {},
-              capture: {
-                input_mode: "voice",
-                provider: effectiveVoiceMetadata.provider,
-                model_id: effectiveVoiceMetadata.model_id,
-                retain_audio: effectiveVoiceMetadata.retain_audio,
-                attach_transcript: effectiveVoiceMetadata.attach_transcript
-              }
-            }
-          } : target,
+            metadata: targetMetadata
+          },
           note: noteForSubmit,
           reporter_role_hint: reporterRoleHint,
           attachment_ids: newAttachmentIds.length > 0 ? newAttachmentIds : void 0
@@ -2287,13 +2284,10 @@ function IssueReportModal() {
               normalizedNote,
               isValid,
               isSubmitting,
-              isVoiceActive,
-              isVoiceConnecting,
               voice,
-              voiceTokenResult,
-              committedTranscript,
-              voiceError,
-              scribeError,
+              createVoiceToken: client.issueReporting.createVoiceToken,
+              voiceStartRequestId,
+              voiceAppendRequestId,
               submitError,
               existingAttachments,
               removedExistingIds: attachmentState.removedExistingIds,
@@ -2304,8 +2298,10 @@ function IssueReportModal() {
               onClose: handleCloseModal,
               onSelectText: () => setInputMode("text"),
               onSelectVoice: () => setInputMode("voice"),
-              onStartVoiceInput: () => void handleStartVoiceInput(),
-              onStopVoiceInput: handleStopVoiceInput,
+              onRequestStartVoiceInput: handleRequestStartVoiceInput,
+              onRequestAppendTranscript: handleRequestAppendTranscript,
+              onTranscriptCommitted: setCommittedTranscript,
+              onVoiceSubmitMetadataChange: setVoiceSubmitMetadata,
               onAppendTranscript: handleAppendTranscript,
               onNoteChange: setNote,
               onSubmit: () => void handleSubmit(),

package/dist/screenshot-capture.d.mts

@@ -0,0 +1,19 @@
+import { j as IssueReportingScreenshotCaptureRect, f as IssueReportingScreenshotCaptureConfig, h as IssueReportingScreenshotCaptureContext } from './types-D9U13O2X.mjs';
+import 'react';
+import 'spaps-types';
+
+declare const SCREENSHOT_CAPTURE_REDACTION_TEXT = "[redacted]";
+declare const ATTACHMENT_MAX_BYTES: number;
+interface ScreenshotCaptureResult {
+    blob: Blob;
+    filename: string;
+    mimeType: string;
+    byteSize: number;
+    rect: IssueReportingScreenshotCaptureRect;
+    scaled: boolean;
+}
+declare function captureScreenshot(config: IssueReportingScreenshotCaptureConfig, context: IssueReportingScreenshotCaptureContext): Promise<ScreenshotCaptureResult>;
+declare function resetHtml2CanvasCache(): void;
+declare function maskScreenshotCaptureDocument(clonedDocument: Document, excludeSelectors?: readonly string[], maskSelectors?: readonly string[]): void;
+
+export { ATTACHMENT_MAX_BYTES, IssueReportingScreenshotCaptureConfig, IssueReportingScreenshotCaptureContext, IssueReportingScreenshotCaptureRect, SCREENSHOT_CAPTURE_REDACTION_TEXT, type ScreenshotCaptureResult, captureScreenshot, maskScreenshotCaptureDocument, resetHtml2CanvasCache };

package/dist/screenshot-capture.d.ts

@@ -0,0 +1,19 @@
+import { j as IssueReportingScreenshotCaptureRect, f as IssueReportingScreenshotCaptureConfig, h as IssueReportingScreenshotCaptureContext } from './types-D9U13O2X.js';
+import 'react';
+import 'spaps-types';
+
+declare const SCREENSHOT_CAPTURE_REDACTION_TEXT = "[redacted]";
+declare const ATTACHMENT_MAX_BYTES: number;
+interface ScreenshotCaptureResult {
+    blob: Blob;
+    filename: string;
+    mimeType: string;
+    byteSize: number;
+    rect: IssueReportingScreenshotCaptureRect;
+    scaled: boolean;
+}
+declare function captureScreenshot(config: IssueReportingScreenshotCaptureConfig, context: IssueReportingScreenshotCaptureContext): Promise<ScreenshotCaptureResult>;
+declare function resetHtml2CanvasCache(): void;
+declare function maskScreenshotCaptureDocument(clonedDocument: Document, excludeSelectors?: readonly string[], maskSelectors?: readonly string[]): void;
+
+export { ATTACHMENT_MAX_BYTES, IssueReportingScreenshotCaptureConfig, IssueReportingScreenshotCaptureContext, IssueReportingScreenshotCaptureRect, SCREENSHOT_CAPTURE_REDACTION_TEXT, type ScreenshotCaptureResult, captureScreenshot, maskScreenshotCaptureDocument, resetHtml2CanvasCache };