quick-bug-reporter-react 1.0.2 → 1.0.6

package/dist/index.cjs

@@ -970,24 +970,21 @@ var LinearIntegration = class {
       return this.submitViaProxy(payload, onProgress);
     }
     const progress = onProgress ?? noop;
-    let screenshotUrl = null;
-    if (payload.screenshotBlob) {
-      progress("Uploading screenshot\u2026");
-      screenshotUrl = await this.uploadAsset(payload.screenshotBlob, "bug-screenshot.png", "image/png");
-    }
-    let recordingUrl = null;
-    if (payload.videoBlob) {
-      progress("Uploading recording\u2026");
-      recordingUrl = await this.uploadAsset(payload.videoBlob, "bug-recording.webm", "video/webm");
-    }
+    progress("Uploading media\u2026");
+    const [screenshotUrl, recordingUrl] = await Promise.all([
+      payload.screenshotBlob ? this.uploadAsset(payload.screenshotBlob, "bug-screenshot.png", "image/png") : Promise.resolve(null),
+      payload.videoBlob ? this.uploadAsset(payload.videoBlob, "bug-recording.webm", "video/webm") : Promise.resolve(null)
+    ]);
     progress("Creating Linear issue\u2026");
     const description = buildCleanDescription(payload, { screenshotUrl, recordingUrl });
     const issue = await this.createIssue(payload.title, description);
     progress("Attaching logs\u2026");
     const logsComment = "### Network Logs\n```text\n" + formatNetworkLogs(payload.networkLogs) + "\n```";
-    await this.addComment(issue.id, logsComment);
     const metadataComment = "### Client Metadata\n```json\n" + JSON.stringify(payload.metadata, null, 2) + "\n```";
-    await this.addComment(issue.id, metadataComment);
+    await Promise.all([
+      this.addComment(issue.id, logsComment),
+      this.addComment(issue.id, metadataComment)
+    ]);
     progress("Done!");
     return {
       provider: this.provider,
@@ -1310,19 +1307,19 @@ var JiraIntegration = class {
     const progress = onProgress ?? noop2;
     progress("Creating Jira issue\u2026");
     const issue = await this.createIssue(payload);
+    progress("Uploading attachments\u2026");
+    const uploads = [];
     if (payload.screenshotBlob) {
-      progress("Uploading screenshot\u2026");
-      await this.uploadAttachment(issue.key, payload.screenshotBlob, "bug-screenshot.png", "image/png");
+      uploads.push(this.uploadAttachment(issue.key, payload.screenshotBlob, "bug-screenshot.png", "image/png"));
     }
     if (payload.videoBlob) {
-      progress("Uploading recording\u2026");
-      await this.uploadAttachment(issue.key, payload.videoBlob, "bug-recording.webm", "video/webm");
+      uploads.push(this.uploadAttachment(issue.key, payload.videoBlob, "bug-recording.webm", "video/webm"));
     }
-    progress("Attaching logs\u2026");
     const logsBlob = new Blob([formatNetworkLogs(payload.networkLogs)], { type: "text/plain" });
-    await this.uploadAttachment(issue.key, logsBlob, "network-logs.txt", "text/plain");
+    uploads.push(this.uploadAttachment(issue.key, logsBlob, "network-logs.txt", "text/plain"));
     const metadataBlob = new Blob([JSON.stringify(payload.metadata, null, 2)], { type: "application/json" });
-    await this.uploadAttachment(issue.key, metadataBlob, "client-metadata.json", "application/json");
+    uploads.push(this.uploadAttachment(issue.key, metadataBlob, "client-metadata.json", "application/json"));
+    await Promise.all(uploads);
     progress("Done!");
     return {
       provider: this.provider,
@@ -2079,15 +2076,15 @@ function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
 var buttonVariants = classVarianceAuthority.cva(
-  "focus-visible:border-indigo-500 focus-visible:ring-indigo-500/50 aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 dark:aria-invalid:border-red-500/50 rounded-4xl border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none",
+  "focus-visible:border-indigo-500 focus-visible:ring-indigo-500/50 aria-invalid:ring-red-500/20 aria-invalid:border-red-500 rounded-4xl border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none",
   {
     variants: {
       variant: {
         default: "bg-gray-900 text-white hover:bg-gray-800",
         outline: "border-gray-300 bg-gray-100/30 hover:bg-gray-200/50 hover:text-gray-900 aria-expanded:bg-gray-100 aria-expanded:text-gray-900",
         secondary: "bg-gray-100 text-gray-900 hover:bg-gray-200 aria-expanded:bg-gray-100 aria-expanded:text-gray-900",
-        ghost: "hover:bg-gray-100 hover:text-gray-900 dark:hover:bg-gray-800 aria-expanded:bg-gray-100 aria-expanded:text-gray-900",
-        destructive: "bg-red-500/10 hover:bg-red-500/20 focus-visible:ring-red-500/20 dark:focus-visible:ring-red-500/40 dark:bg-red-500/20 text-red-600 focus-visible:border-red-500/40 dark:hover:bg-red-500/30",
+        ghost: "text-gray-700 hover:bg-gray-100 hover:text-gray-900 aria-expanded:bg-gray-100 aria-expanded:text-gray-900",
+        destructive: "bg-red-500/10 hover:bg-red-500/20 focus-visible:ring-red-500/20 text-red-600 focus-visible:border-red-500/40",
         link: "text-gray-900 underline-offset-4 hover:underline"
       },
       size: {
@@ -2192,7 +2189,8 @@ function FloatingBugButton() {
     "div",
     {
       ref: containerRef,
-      className: "fixed bottom-4 right-4 z-[1100] flex flex-col items-end",
+      style: { position: "fixed", bottom: "1rem", right: "1rem", zIndex: 1100 },
+      className: "flex flex-col items-end",
       "data-bug-reporter-ui": "true",
       children: isRecording ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(Button, { className: "h-11 gap-2 rounded-full px-4 shadow-lg shadow-black/20", type: "button", variant: "destructive", onClick: () => void handleStopRecording(), children: [
@@ -2315,6 +2313,7 @@ function DialogOverlay({
     radixUi.Dialog.Overlay,
     {
       "data-slot": "dialog-overlay",
+      "data-bug-reporter-ui": "true",
       className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/60 duration-100 supports-backdrop-filter:backdrop-blur-sm fixed inset-0 isolate z-50", className),
       ...props
     }
@@ -2332,8 +2331,16 @@ function DialogContent({
       radixUi.Dialog.Content,
       {
         "data-slot": "dialog-content",
+        "data-bug-reporter-ui": "true",
+        style: {
+          position: "fixed",
+          top: "50%",
+          left: "50%",
+          transform: "translate(-50%, -50%)",
+          translate: "none"
+        },
         className: cn(
-          "bg-white text-gray-900 data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-gray-900/5 grid max-w-[calc(100%-2rem)] gap-6 rounded-4xl p-6 text-sm ring-1 shadow-xl duration-100 sm:max-w-md fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none",
+          "bg-white text-gray-900 data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-gray-900/5 grid max-w-[calc(100%-2rem)] gap-6 rounded-4xl p-6 text-sm ring-1 shadow-xl duration-100 sm:max-w-md z-50 w-full outline-none",
           className
         ),
         ...props,
@@ -2413,7 +2420,7 @@ function Input({ className, type, ...props }) {
       type,
       "data-slot": "input",
       className: cn(
-        "bg-gray-100/30 border-gray-300 focus-visible:border-indigo-500 focus-visible:ring-indigo-500/50 aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 dark:aria-invalid:border-red-500/50 h-9 rounded-4xl border px-3 py-1 text-base text-gray-900 transition-colors file:h-7 file:text-sm file:font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm file:text-gray-900 placeholder:text-gray-400 w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+        "bg-gray-100/30 border-gray-300 focus-visible:border-indigo-500 focus-visible:ring-indigo-500/50 aria-invalid:ring-red-500/20 aria-invalid:border-red-500 h-9 rounded-4xl border px-3 py-1 text-base text-gray-900 transition-colors file:h-7 file:text-sm file:font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm file:text-gray-900 placeholder:text-gray-400 w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
       ...props
@@ -2426,7 +2433,7 @@ function Textarea({ className, ...props }) {
     {
       "data-slot": "textarea",
       className: cn(
-        "border-gray-300 bg-gray-100/30 focus-visible:border-indigo-500 focus-visible:ring-indigo-500/50 aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 dark:aria-invalid:border-red-500/50 resize-none rounded-xl border px-3 py-3 text-base text-gray-900 transition-colors focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm placeholder:text-gray-400 flex field-sizing-content min-h-16 w-full outline-none disabled:cursor-not-allowed disabled:opacity-50",
+        "border-gray-300 bg-gray-100/30 focus-visible:border-indigo-500 focus-visible:ring-indigo-500/50 aria-invalid:ring-red-500/20 aria-invalid:border-red-500 resize-none rounded-xl border px-3 py-3 text-base text-gray-900 transition-colors focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm placeholder:text-gray-400 flex field-sizing-content min-h-16 w-full outline-none disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
       ...props