quick-bug-reporter-react 1.0.2 → 1.0.5

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: {
@@ -2413,7 +2410,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 +2423,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