@fogg/bug-reporter 1.0.0 → 1.0.1

package/README.md

@@ -50,6 +50,36 @@ Enable these flags in config to attach logs and request traces to each report:
 />
 ```
 
+## S3 Storage Example
+
+Use this when your backend returns presigned upload URLs.
+
+```tsx
+import { BugReporter } from "@fogg/bug-reporter";
+import "@fogg/bug-reporter/styles.css";
+
+export function App() {
+  return (
+    <BugReporter
+      config={{
+        apiEndpoint: "https://api.example.com/bug-reports",
+        projectId: "web-app",
+        environment: "production",
+        storage: {
+          mode: "s3-presigned",
+          s3: {
+            presignEndpoint: "https://api.example.com/bug-assets/presign",
+            publicBaseUrl: "https://cdn.example.com"
+          }
+        }
+      }}
+    />
+  );
+}
+```
+
+See `docs/backend-s3.md` for the backend request/response contract.
+
 ## Docs
 
 - `docs/quickstart.md`

package/dist/index.cjs

@@ -22,12 +22,13 @@ function detectBrowserAndOS(userAgent) {
 
 // src/diagnostics/collect.ts
 function getUserAgentDataSnapshot() {
+  var _a;
   const userAgentData = navigator.userAgentData;
   if (!userAgentData) {
     return void 0;
   }
   return {
-    brands: userAgentData.brands?.map((item) => ({
+    brands: (_a = userAgentData.brands) == null ? void 0 : _a.map((item) => ({
       brand: item.brand,
       version: item.version
     })),
@@ -56,12 +57,12 @@ function collectDiagnostics(config, options) {
     appVersion: config.appVersion,
     environment: config.environment,
     projectId: config.projectId,
-    logs: options?.logs,
-    requests: options?.requests,
+    logs: options == null ? void 0 : options.logs,
+    requests: options == null ? void 0 : options.requests,
     navigationTiming: {
-      domComplete: nav?.domComplete,
-      loadEventEnd: nav?.loadEventEnd,
-      responseEnd: nav?.responseEnd
+      domComplete: nav == null ? void 0 : nav.domComplete,
+      loadEventEnd: nav == null ? void 0 : nav.loadEventEnd,
+      responseEnd: nav == null ? void 0 : nav.responseEnd
     }
   };
 }
@@ -74,7 +75,8 @@ var ConsoleBuffer = class {
     chunk6TCI6T2U_cjs.__publicField(this, "originals", /* @__PURE__ */ new Map());
     chunk6TCI6T2U_cjs.__publicField(this, "installed", false);
     chunk6TCI6T2U_cjs.__publicField(this, "onWindowError", (event) => {
-      this.push("error", [event.message, event.error instanceof Error ? event.error.stack ?? "" : ""]);
+      var _a;
+      this.push("error", [event.message, event.error instanceof Error ? (_a = event.error.stack) != null ? _a : "" : ""]);
     });
     chunk6TCI6T2U_cjs.__publicField(this, "onUnhandledRejection", (event) => {
       this.push("error", ["Unhandled promise rejection", event.reason]);
@@ -126,7 +128,7 @@ var ConsoleBuffer = class {
       }
       try {
         return JSON.stringify(arg);
-      } catch {
+      } catch (e) {
         return String(arg);
       }
     }).join(" ");
@@ -153,7 +155,7 @@ function extractUrl(input) {
   return input.url;
 }
 function extractMethod(input, init) {
-  if (init?.method) {
+  if (init == null ? void 0 : init.method) {
     return String(init.method).toUpperCase();
   }
   if (typeof Request !== "undefined" && input instanceof Request) {
@@ -243,15 +245,17 @@ var NetworkBuffer = class {
     this.originalXhrSend = XMLHttpRequest.prototype.send;
     const buffer = this;
     XMLHttpRequest.prototype.open = function patchedOpen(method, url, async, username, password) {
+      var _a;
       xhrMeta.set(this, {
         method: String(method || "GET").toUpperCase(),
         url: String(url),
         startedAt: 0,
         timestamp: ""
       });
-      buffer.originalXhrOpen?.call(this, method, url, async ?? true, username ?? null, password ?? null);
+      (_a = buffer.originalXhrOpen) == null ? void 0 : _a.call(this, method, url, async != null ? async : true, username != null ? username : null, password != null ? password : null);
     };
     XMLHttpRequest.prototype.send = function patchedSend(body) {
+      var _a;
       const existing = xhrMeta.get(this);
       if (existing) {
         existing.startedAt = performance.now();
@@ -297,7 +301,7 @@ var NetworkBuffer = class {
         this.addEventListener("loadend", onLoadEnd);
         this.addEventListener("error", onError);
       }
-      buffer.originalXhrSend?.call(this, body);
+      (_a = buffer.originalXhrSend) == null ? void 0 : _a.call(this, body);
     };
   }
   push(entry) {
@@ -315,53 +319,54 @@ var DEFAULT_MASK_SELECTORS = [
   "[data-bug-reporter-mask='true']"
 ];
 function withDefaults(config) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V;
   return {
     apiEndpoint: config.apiEndpoint,
     projectId: config.projectId,
     appVersion: config.appVersion,
     environment: config.environment,
     storage: {
-      mode: config.storage?.mode ?? "proxy",
-      s3: config.storage?.s3,
-      local: config.storage?.local,
-      proxy: config.storage?.proxy,
+      mode: (_b = (_a = config.storage) == null ? void 0 : _a.mode) != null ? _b : "proxy",
+      s3: (_c = config.storage) == null ? void 0 : _c.s3,
+      local: (_d = config.storage) == null ? void 0 : _d.local,
+      proxy: (_e = config.storage) == null ? void 0 : _e.proxy,
       limits: {
-        maxVideoSeconds: config.storage?.limits?.maxVideoSeconds ?? 30,
-        maxVideoBytes: config.storage?.limits?.maxVideoBytes ?? 50 * 1024 * 1024,
-        maxScreenshotBytes: config.storage?.limits?.maxScreenshotBytes ?? 8 * 1024 * 1024
+        maxVideoSeconds: (_h = (_g = (_f = config.storage) == null ? void 0 : _f.limits) == null ? void 0 : _g.maxVideoSeconds) != null ? _h : 30,
+        maxVideoBytes: (_k = (_j = (_i = config.storage) == null ? void 0 : _i.limits) == null ? void 0 : _j.maxVideoBytes) != null ? _k : 50 * 1024 * 1024,
+        maxScreenshotBytes: (_n = (_m = (_l = config.storage) == null ? void 0 : _l.limits) == null ? void 0 : _m.maxScreenshotBytes) != null ? _n : 8 * 1024 * 1024
       }
     },
     auth: {
-      headers: config.auth?.headers ?? {},
-      withCredentials: config.auth?.withCredentials ?? false
+      headers: (_p = (_o = config.auth) == null ? void 0 : _o.headers) != null ? _p : {},
+      withCredentials: (_r = (_q = config.auth) == null ? void 0 : _q.withCredentials) != null ? _r : false
     },
     theme: {
-      primaryColor: config.theme?.primaryColor ?? "#1b74e4",
-      position: config.theme?.position ?? "bottom-right",
-      zIndex: config.theme?.zIndex ?? 2147483e3,
-      borderRadius: config.theme?.borderRadius ?? "999px"
+      primaryColor: (_t = (_s = config.theme) == null ? void 0 : _s.primaryColor) != null ? _t : "#1b74e4",
+      position: (_v = (_u = config.theme) == null ? void 0 : _u.position) != null ? _v : "bottom-right",
+      zIndex: (_x = (_w = config.theme) == null ? void 0 : _w.zIndex) != null ? _x : 2147483e3,
+      borderRadius: (_z = (_y = config.theme) == null ? void 0 : _y.borderRadius) != null ? _z : "999px"
     },
     features: {
-      screenshot: config.features?.screenshot ?? true,
-      recording: config.features?.recording ?? true,
-      annotations: config.features?.annotations ?? true,
-      consoleLogs: config.features?.consoleLogs ?? false,
-      networkInfo: config.features?.networkInfo ?? false
+      screenshot: (_B = (_A = config.features) == null ? void 0 : _A.screenshot) != null ? _B : true,
+      recording: (_D = (_C = config.features) == null ? void 0 : _C.recording) != null ? _D : true,
+      annotations: (_F = (_E = config.features) == null ? void 0 : _E.annotations) != null ? _F : true,
+      consoleLogs: (_H = (_G = config.features) == null ? void 0 : _G.consoleLogs) != null ? _H : false,
+      networkInfo: (_J = (_I = config.features) == null ? void 0 : _I.networkInfo) != null ? _J : false
     },
     user: config.user,
-    attributes: config.attributes ?? {},
+    attributes: (_K = config.attributes) != null ? _K : {},
     privacy: {
-      maskSelectors: config.privacy?.maskSelectors ?? DEFAULT_MASK_SELECTORS,
-      redactTextPatterns: config.privacy?.redactTextPatterns ?? []
+      maskSelectors: (_M = (_L = config.privacy) == null ? void 0 : _L.maskSelectors) != null ? _M : DEFAULT_MASK_SELECTORS,
+      redactTextPatterns: (_O = (_N = config.privacy) == null ? void 0 : _N.redactTextPatterns) != null ? _O : []
     },
     diagnostics: {
-      consoleBufferSize: config.diagnostics?.consoleBufferSize ?? 100,
-      requestBufferSize: config.diagnostics?.requestBufferSize ?? 200
+      consoleBufferSize: (_Q = (_P = config.diagnostics) == null ? void 0 : _P.consoleBufferSize) != null ? _Q : 100,
+      requestBufferSize: (_S = (_R = config.diagnostics) == null ? void 0 : _R.requestBufferSize) != null ? _S : 200
     },
     hooks: {
-      beforeSubmit: config.hooks?.beforeSubmit,
-      onSuccess: config.hooks?.onSuccess,
-      onError: config.hooks?.onError
+      beforeSubmit: (_T = config.hooks) == null ? void 0 : _T.beforeSubmit,
+      onSuccess: (_U = config.hooks) == null ? void 0 : _U.onSuccess,
+      onError: (_V = config.hooks) == null ? void 0 : _V.onError
     }
   };
 }
@@ -381,7 +386,7 @@ var LocalPublicProvider = class {
     }));
   }
   async upload(instruction, blob, onProgress) {
-    onProgress?.(0);
+    onProgress == null ? void 0 : onProgress(0);
     const form = new FormData();
     form.append("file", blob, instruction.id);
     form.append("id", instruction.id);
@@ -396,7 +401,7 @@ var LocalPublicProvider = class {
       throw new chunk6TCI6T2U_cjs.BugReporterError("UPLOAD_ERROR", `Local upload failed (${response.status}).`);
     }
     const payload = await response.json();
-    onProgress?.(1);
+    onProgress == null ? void 0 : onProgress(1);
     return {
       id: instruction.id,
       type: instruction.type,
@@ -423,7 +428,7 @@ var ProxyProvider = class {
     }));
   }
   async upload(instruction, blob, onProgress) {
-    onProgress?.(0);
+    onProgress == null ? void 0 : onProgress(0);
     const response = await fetch(instruction.uploadUrl, {
       method: "POST",
       headers: {
@@ -439,7 +444,7 @@ var ProxyProvider = class {
       throw new chunk6TCI6T2U_cjs.BugReporterError("UPLOAD_ERROR", `Proxy upload failed (${response.status}).`);
     }
     const payload = await response.json();
-    onProgress?.(1);
+    onProgress == null ? void 0 : onProgress(1);
     return {
       id: instruction.id,
       type: instruction.type,
@@ -457,6 +462,7 @@ var S3PresignedProvider = class {
     this.options = options;
   }
   async prepareUploads(files) {
+    var _a;
     const response = await fetch(this.options.presignEndpoint, {
       method: "POST",
       headers: {
@@ -470,13 +476,14 @@ var S3PresignedProvider = class {
       throw new chunk6TCI6T2U_cjs.BugReporterError("UPLOAD_ERROR", `Failed to prepare uploads (${response.status}).`);
     }
     const payload = await response.json();
-    if (!payload.uploads?.length) {
+    if (!((_a = payload.uploads) == null ? void 0 : _a.length)) {
       throw new chunk6TCI6T2U_cjs.BugReporterError("UPLOAD_ERROR", "Presign endpoint did not return upload instructions.");
     }
     return payload.uploads;
   }
   async upload(instruction, blob, onProgress) {
-    onProgress?.(0);
+    var _a;
+    onProgress == null ? void 0 : onProgress(0);
     if (instruction.method === "POST" && instruction.fields) {
       const formData = new FormData();
       Object.entries(instruction.fields).forEach(([key, value]) => formData.append(key, value));
@@ -498,8 +505,8 @@ var S3PresignedProvider = class {
         throw new chunk6TCI6T2U_cjs.BugReporterError("UPLOAD_ERROR", `S3 upload failed (${response.status}).`);
       }
     }
-    onProgress?.(1);
-    const publicUrl = instruction.publicUrl ?? (this.options.publicBaseUrl && instruction.key ? `${this.options.publicBaseUrl.replace(/\/$/, "")}/${instruction.key}` : instruction.uploadUrl);
+    onProgress == null ? void 0 : onProgress(1);
+    const publicUrl = (_a = instruction.publicUrl) != null ? _a : this.options.publicBaseUrl && instruction.key ? `${this.options.publicBaseUrl.replace(/\/$/, "")}/${instruction.key}` : instruction.uploadUrl;
     return {
       id: instruction.id,
       type: instruction.type,
@@ -513,31 +520,32 @@ var S3PresignedProvider = class {
 
 // src/storage/factory.ts
 function createStorageProvider(config) {
+  var _a, _b, _c, _d, _e;
   if (config.storage.mode === "s3-presigned") {
-    const presignEndpoint = config.storage.s3?.presignEndpoint;
+    const presignEndpoint = (_a = config.storage.s3) == null ? void 0 : _a.presignEndpoint;
     if (!presignEndpoint) {
       throw new Error("storage.s3.presignEndpoint is required for s3-presigned mode.");
     }
     return new S3PresignedProvider({
       presignEndpoint,
-      publicBaseUrl: config.storage.s3?.publicBaseUrl,
+      publicBaseUrl: (_b = config.storage.s3) == null ? void 0 : _b.publicBaseUrl,
       authHeaders: config.auth.headers,
       withCredentials: config.auth.withCredentials
     });
   }
   if (config.storage.mode === "local-public") {
-    const uploadEndpoint2 = config.storage.local?.uploadEndpoint;
+    const uploadEndpoint2 = (_c = config.storage.local) == null ? void 0 : _c.uploadEndpoint;
     if (!uploadEndpoint2) {
       throw new Error("storage.local.uploadEndpoint is required for local-public mode.");
     }
     return new LocalPublicProvider({
       uploadEndpoint: uploadEndpoint2,
-      publicBaseUrl: config.storage.local?.publicBaseUrl,
+      publicBaseUrl: (_d = config.storage.local) == null ? void 0 : _d.publicBaseUrl,
       authHeaders: config.auth.headers,
       withCredentials: config.auth.withCredentials
     });
   }
-  const uploadEndpoint = config.storage.proxy?.uploadEndpoint;
+  const uploadEndpoint = (_e = config.storage.proxy) == null ? void 0 : _e.uploadEndpoint;
   if (!uploadEndpoint) {
     throw new Error("storage.proxy.uploadEndpoint is required for proxy mode.");
   }
@@ -581,6 +589,7 @@ async function withRetry(fn, retries) {
   throw lastError;
 }
 async function uploadAssets(options) {
+  var _a, _b;
   const files = options.assets.map((asset) => ({
     id: asset.id,
     name: asset.filename,
@@ -599,20 +608,22 @@ async function uploadAssets(options) {
     }
     const ref = await withRetry(
       () => options.provider.upload(instruction, asset.blob, (inner) => {
+        var _a2;
         const aggregate = (completed + inner) / options.assets.length;
-        options.onProgress?.(aggregate);
+        (_a2 = options.onProgress) == null ? void 0 : _a2.call(options, aggregate);
       }),
-      options.retries ?? 2
+      (_a = options.retries) != null ? _a : 2
     );
     refs.push(ref);
     completed += 1;
-    options.onProgress?.(completed / options.assets.length);
+    (_b = options.onProgress) == null ? void 0 : _b.call(options, completed / options.assets.length);
   }
   return refs;
 }
 
 // src/core/submit.ts
 async function submitReport(options) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const provider = createStorageProvider(options.config);
   const assetReferences = await uploadAssets({
     provider,
@@ -649,12 +660,12 @@ async function submitReport(options) {
       requests: options.diagnostics.requests
     },
     reporter: {
-      id: options.config.user?.id,
-      name: options.config.user?.name,
-      email: options.config.user?.email,
-      role: options.config.user?.role,
-      ip: options.config.user?.ip,
-      anonymous: options.config.user?.anonymous ?? !(options.config.user?.id || options.config.user?.email || options.config.user?.name)
+      id: (_a = options.config.user) == null ? void 0 : _a.id,
+      name: (_b = options.config.user) == null ? void 0 : _b.name,
+      email: (_c = options.config.user) == null ? void 0 : _c.email,
+      role: (_d = options.config.user) == null ? void 0 : _d.role,
+      ip: (_e = options.config.user) == null ? void 0 : _e.ip,
+      anonymous: (_j = (_f = options.config.user) == null ? void 0 : _f.anonymous) != null ? _j : !(((_g = options.config.user) == null ? void 0 : _g.id) || ((_h = options.config.user) == null ? void 0 : _h.email) || ((_i = options.config.user) == null ? void 0 : _i.name))
     },
     attributes: options.attributes
   };
@@ -729,6 +740,7 @@ function BugReporterProvider({ config, children }) {
     }));
   }, []);
   const reset = react.useCallback(() => {
+    var _a, _b;
     setSessionActive(false);
     setState((prev) => {
       resetAssets(prev.assets);
@@ -739,8 +751,8 @@ function BugReporterProvider({ config, children }) {
         isOpen: prev.isOpen
       };
     });
-    consoleBufferRef.current?.clear();
-    networkBufferRef.current?.clear();
+    (_a = consoleBufferRef.current) == null ? void 0 : _a.clear();
+    (_b = networkBufferRef.current) == null ? void 0 : _b.clear();
   }, [resetAssets, resolvedConfig.attributes]);
   const setStep = react.useCallback((step) => {
     setState((prev) => ({ ...prev, step }));
@@ -792,6 +804,7 @@ function BugReporterProvider({ config, children }) {
     setAssetByType("recording", asset);
   }, [setAssetByType]);
   const submit = react.useCallback(async () => {
+    var _a, _b, _c, _d, _e, _f;
     setState((prev) => ({
       ...prev,
       step: "submitting",
@@ -800,8 +813,8 @@ function BugReporterProvider({ config, children }) {
       error: void 0
     }));
     try {
-      const logs = resolvedConfig.features.consoleLogs ? consoleBufferRef.current?.snapshot() : void 0;
-      const requests = resolvedConfig.features.networkInfo ? networkBufferRef.current?.snapshot() : void 0;
+      const logs = resolvedConfig.features.consoleLogs ? (_a = consoleBufferRef.current) == null ? void 0 : _a.snapshot() : void 0;
+      const requests = resolvedConfig.features.networkInfo ? (_b = networkBufferRef.current) == null ? void 0 : _b.snapshot() : void 0;
       const diagnostics = collectDiagnostics(resolvedConfig, {
         logs,
         requests
@@ -823,7 +836,7 @@ function BugReporterProvider({ config, children }) {
         uploadProgress: 1,
         step: "success"
       }));
-      resolvedConfig.hooks.onSuccess?.(response);
+      (_d = (_c = resolvedConfig.hooks).onSuccess) == null ? void 0 : _d.call(_c, response);
     } catch (error) {
       const message = error instanceof Error ? error.message : "Unexpected submit failure.";
       setState((prev) => ({
@@ -832,18 +845,22 @@ function BugReporterProvider({ config, children }) {
         step: "review",
         error: message
       }));
-      resolvedConfig.hooks.onError?.(error);
+      (_f = (_e = resolvedConfig.hooks).onError) == null ? void 0 : _f.call(_e, error);
     }
   }, [resolvedConfig, state.assets, state.attributes, state.draft]);
   const retrySubmit = react.useCallback(async () => {
     await submit();
   }, [submit]);
   const getDiagnosticsPreview = react.useCallback(() => {
-    const logs = resolvedConfig.features.consoleLogs ? consoleBufferRef.current?.snapshot() ?? [] : [];
-    const requests = resolvedConfig.features.networkInfo ? networkBufferRef.current?.snapshot() ?? [] : [];
+    var _a, _b, _c, _d;
+    const logs = resolvedConfig.features.consoleLogs ? (_b = (_a = consoleBufferRef.current) == null ? void 0 : _a.snapshot()) != null ? _b : [] : [];
+    const requests = resolvedConfig.features.networkInfo ? (_d = (_c = networkBufferRef.current) == null ? void 0 : _c.snapshot()) != null ? _d : [] : [];
     return {
       errorLogs: logs.filter((entry) => entry.level === "error"),
-      failedRequests: requests.filter((request) => Boolean(request.error) || request.ok === false || (request.status ?? 0) >= 400)
+      failedRequests: requests.filter((request) => {
+        var _a2;
+        return Boolean(request.error) || request.ok === false || ((_a2 = request.status) != null ? _a2 : 0) >= 400;
+      })
     };
   }, [resolvedConfig.features.consoleLogs, resolvedConfig.features.networkInfo]);
   react.useEffect(() => {
@@ -863,8 +880,8 @@ function BugReporterProvider({ config, children }) {
       networkBufferRef.current = networkBuffer;
     }
     return () => {
-      consoleBuffer?.uninstall();
-      networkBuffer?.uninstall();
+      consoleBuffer == null ? void 0 : consoleBuffer.uninstall();
+      networkBuffer == null ? void 0 : networkBuffer.uninstall();
       consoleBufferRef.current = null;
       networkBufferRef.current = null;
     };
@@ -880,9 +897,10 @@ function BugReporterProvider({ config, children }) {
   }, [state.assets]);
   react.useEffect(() => {
     return () => {
+      var _a, _b;
       resetAssets(assetsRef.current);
-      consoleBufferRef.current?.uninstall();
-      networkBufferRef.current?.uninstall();
+      (_a = consoleBufferRef.current) == null ? void 0 : _a.uninstall();
+      (_b = networkBufferRef.current) == null ? void 0 : _b.uninstall();
     };
   }, [resetAssets]);
   const value = react.useMemo(
@@ -946,7 +964,7 @@ function useFocusTrap(enabled, containerRef) {
     const focusable = getFocusable(container);
     const first = focusable[0];
     const last = focusable[focusable.length - 1];
-    first?.focus();
+    first == null ? void 0 : first.focus();
     const onKeyDown = (event) => {
       if (event.key !== "Tab") {
         return;
@@ -1289,9 +1307,10 @@ var inlineStyles = {
   }
 };
 function getButtonStyle(variant, options) {
-  const disabled = options?.disabled ?? false;
-  const active = options?.active ?? false;
-  const fullWidth = options?.fullWidth ?? false;
+  var _a, _b, _c;
+  const disabled = (_a = options == null ? void 0 : options.disabled) != null ? _a : false;
+  const active = (_b = options == null ? void 0 : options.active) != null ? _b : false;
+  const fullWidth = (_c = options == null ? void 0 : options.fullWidth) != null ? _c : false;
   const base = {
     border: "1px solid transparent",
     borderRadius: "10px",
@@ -1329,6 +1348,7 @@ function getDockButtonStyle(isActive) {
 
 // src/components/LauncherButton.tsx
 function LauncherButton({ position, text, themeMode = "dark", buttonColor }) {
+  var _a;
   const {
     config,
     state: { isOpen },
@@ -1337,9 +1357,9 @@ function LauncherButton({ position, text, themeMode = "dark", buttonColor }) {
   if (isOpen) {
     return null;
   }
-  const resolvedPosition = position ?? config.theme.position ?? "bottom-right";
-  const label = text ?? "Get Help";
-  const resolvedButtonColor = buttonColor ?? config.theme.primaryColor;
+  const resolvedPosition = (_a = position != null ? position : config.theme.position) != null ? _a : "bottom-right";
+  const label = text != null ? text : "Get Help";
+  const resolvedButtonColor = buttonColor != null ? buttonColor : config.theme.primaryColor;
   const launcherStyle = getLauncherStyle({
     position: resolvedPosition,
     borderRadius: config.theme.borderRadius,
@@ -1387,10 +1407,10 @@ function Modal({ isOpen, dockSide, themeMode, buttonColor, title, zIndex, onRequ
 
 // src/core/lazy.ts
 async function loadScreenshotCapture() {
-  return import('./screenshot-FRAZAS6B.cjs');
+  return import('./screenshot-AWRHVVWJ.cjs');
 }
 async function loadScreenRecording() {
-  return import('./recording-ML63ZQ6A.cjs');
+  return import('./recording-DZREYVVL.cjs');
 }
 
 // src/core/validation.ts
@@ -1586,6 +1606,7 @@ function notifySubscribers() {
   subscribers.forEach((handler) => handler());
 }
 function StepRecording({ onBack, onNext, embedded = false, compact = false }) {
+  var _a;
   const {
     config,
     state: { assets },
@@ -1595,7 +1616,7 @@ function StepRecording({ onBack, onNext, embedded = false, compact = false }) {
   const activeRef = react.useRef(null);
   const mountedRef = react.useRef(true);
   const [isRecording, setIsRecording] = react.useState(Boolean(sharedRecording));
-  const [seconds, setSeconds] = react.useState(sharedRecording?.seconds ?? 0);
+  const [seconds, setSeconds] = react.useState((_a = sharedRecording == null ? void 0 : sharedRecording.seconds) != null ? _a : 0);
   const [error, setError] = react.useState(null);
   const start = async () => {
     if (sharedRecording) {
@@ -1648,18 +1669,20 @@ function StepRecording({ onBack, onNext, embedded = false, compact = false }) {
     }
   };
   const stop = () => {
+    var _a2;
     if (sharedRecording) {
       sharedRecording.active.stop();
       return;
     }
-    activeRef.current?.stop();
+    (_a2 = activeRef.current) == null ? void 0 : _a2.stop();
   };
   react.useEffect(() => {
     mountedRef.current = true;
     const sync = () => {
-      activeRef.current = sharedRecording?.active ?? null;
+      var _a2, _b;
+      activeRef.current = (_a2 = sharedRecording == null ? void 0 : sharedRecording.active) != null ? _a2 : null;
       setIsRecording(Boolean(sharedRecording));
-      setSeconds(sharedRecording?.seconds ?? 0);
+      setSeconds((_b = sharedRecording == null ? void 0 : sharedRecording.seconds) != null ? _b : 0);
     };
     sync();
     subscribers.add(sync);
@@ -1751,12 +1774,13 @@ function StepDescribe({ onNext, CustomForm }) {
     }
   };
   const continueToNext = async () => {
+    var _a;
     setError(null);
     if (config.features.screenshot && !screenshot) {
       setError("Capture a screenshot to continue.");
       return;
     }
-    if (config.features.screenshot && screenshot && config.features.annotations && annotationRef.current?.hasAnnotations()) {
+    if (config.features.screenshot && screenshot && config.features.annotations && ((_a = annotationRef.current) == null ? void 0 : _a.hasAnnotations())) {
       const annotatedBlob = await annotationRef.current.exportBlob();
       validateScreenshotSize(annotatedBlob.size, config.storage.limits.maxScreenshotBytes);
       setScreenshot({
@@ -1939,7 +1963,8 @@ function BugReporter({
   themeMode = "dark",
   buttonColor
 }) {
-  const resolvedButtonColor = buttonColor ?? config.theme?.primaryColor ?? "#3b82f6";
+  var _a, _b;
+  const resolvedButtonColor = (_b = buttonColor != null ? buttonColor : (_a = config.theme) == null ? void 0 : _a.primaryColor) != null ? _b : "#3b82f6";
   return /* @__PURE__ */ chunk6TCI6T2U_cjs.React.createElement(BugReporterProvider, { config }, /* @__PURE__ */ chunk6TCI6T2U_cjs.React.createElement(
     BugReporterShell,
     {