@koderlabs/tasks-sdk-rn-reporter 0.1.0

package/dist/index.js

@@ -0,0 +1,793 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/index.ts
+import * as React3 from "react";
+
+// src/modal.tsx
+import * as React2 from "react";
+
+// src/annotator.tsx
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var RN = null;
+try {
+  RN = __require("react-native");
+} catch {
+}
+var Svg = null;
+var SvgRect = null;
+var SvgG = null;
+var SvgImage = null;
+try {
+  const mod = __require("react-native-svg");
+  Svg = mod.default ?? mod.Svg;
+  SvgRect = mod.Rect;
+  SvgG = mod.G;
+  SvgImage = mod.Image;
+} catch {
+}
+function Annotator(props) {
+  const [tool, setTool] = React.useState("highlight");
+  const [commands, setCommands] = React.useState([]);
+  const [draftRect, setDraftRect] = React.useState(null);
+  const layoutRef = React.useRef({ w: 0, h: 0 });
+  const startRef = React.useRef(null);
+  const panResponder = React.useMemo(() => {
+    if (!RN) return null;
+    return RN.PanResponder.create({
+      onStartShouldSetPanResponder: () => true,
+      onMoveShouldSetPanResponder: () => true,
+      onPanResponderGrant: (_e, gestureState) => {
+        startRef.current = { x: gestureState.x0, y: gestureState.y0 };
+        setDraftRect({ x: gestureState.x0, y: gestureState.y0, w: 0, h: 0 });
+      },
+      onPanResponderMove: (_e, gestureState) => {
+        const start = startRef.current;
+        if (!start) return;
+        setDraftRect(buildPixelRect(start, { x: gestureState.moveX, y: gestureState.moveY }));
+      },
+      onPanResponderRelease: (_e, gestureState) => {
+        const start = startRef.current;
+        startRef.current = null;
+        if (!start) {
+          setDraftRect(null);
+          return;
+        }
+        const endX = gestureState.moveX || start.x;
+        const endY = gestureState.moveY || start.y;
+        const rect = buildPixelRect(start, { x: endX, y: endY });
+        setDraftRect(null);
+        if (rect.w < 8 || rect.h < 8) return;
+        const { w: W2, h: H2 } = layoutRef.current;
+        if (W2 === 0 || H2 === 0) return;
+        setCommands((prev) => [
+          ...prev,
+          {
+            type: tool,
+            x: clamp01(rect.x / W2),
+            y: clamp01(rect.y / H2),
+            w: clamp01(rect.w / W2),
+            h: clamp01(rect.h / H2)
+          }
+        ]);
+      },
+      onPanResponderTerminate: () => {
+        startRef.current = null;
+        setDraftRect(null);
+      }
+    });
+  }, [tool]);
+  if (!RN) return null;
+  const { View, Text, TouchableOpacity, Image } = RN;
+  function onLayout(e) {
+    layoutRef.current = { w: e.nativeEvent.layout.width, h: e.nativeEvent.layout.height };
+  }
+  function undo() {
+    setCommands((prev) => prev.slice(0, -1));
+  }
+  function clear() {
+    setCommands([]);
+  }
+  const { w: W, h: H } = layoutRef.current;
+  const pixelCommands = W > 0 && H > 0 ? commands.map((c) => ({
+    type: c.type,
+    x: c.x * W,
+    y: c.y * H,
+    w: c.w * W,
+    h: c.h * H
+  })) : [];
+  return /* @__PURE__ */ jsxs(View, { style: styles.root, children: [
+    /* @__PURE__ */ jsxs(
+      View,
+      {
+        style: styles.canvas,
+        onLayout,
+        ...panResponder?.panHandlers ?? {},
+        children: [
+          /* @__PURE__ */ jsx(
+            Image,
+            {
+              source: { uri: props.imageUri },
+              style: styles.image,
+              resizeMode: "contain"
+            }
+          ),
+          Svg && W > 0 && H > 0 && /* @__PURE__ */ jsx(Svg, { width: W, height: H, style: styles.svg, pointerEvents: "none", children: /* @__PURE__ */ jsxs(SvgG, { children: [
+            pixelCommands.map((cmd, i) => renderRect(cmd, i)),
+            draftRect && renderRect({ type: tool, ...draftRect }, -1)
+          ] }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(View, { style: styles.toolbar, children: [
+      /* @__PURE__ */ jsxs(View, { style: styles.toolGroup, children: [
+        /* @__PURE__ */ jsx(
+          ToolButton,
+          {
+            label: "Highlight",
+            active: tool === "highlight",
+            onPress: () => setTool("highlight")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ToolButton,
+          {
+            label: "Redact",
+            active: tool === "hide",
+            onPress: () => setTool("hide")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(View, { style: styles.toolGroup, children: [
+        /* @__PURE__ */ jsx(
+          TouchableOpacity,
+          {
+            onPress: undo,
+            disabled: commands.length === 0,
+            style: [styles.iconBtn, commands.length === 0 && styles.iconBtnDisabled],
+            accessibilityRole: "button",
+            accessibilityLabel: "Undo",
+            children: /* @__PURE__ */ jsx(Text, { style: styles.iconBtnText, children: "Undo" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          TouchableOpacity,
+          {
+            onPress: clear,
+            disabled: commands.length === 0,
+            style: [styles.iconBtn, commands.length === 0 && styles.iconBtnDisabled],
+            accessibilityRole: "button",
+            accessibilityLabel: "Clear all",
+            children: /* @__PURE__ */ jsx(Text, { style: styles.iconBtnText, children: "Clear" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(View, { style: styles.actions, children: [
+      /* @__PURE__ */ jsx(
+        TouchableOpacity,
+        {
+          onPress: props.onCancel,
+          style: styles.cancelBtn,
+          accessibilityRole: "button",
+          children: /* @__PURE__ */ jsx(Text, { style: styles.cancelBtnText, children: "Cancel" })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        TouchableOpacity,
+        {
+          onPress: () => props.onCommit(commands),
+          style: styles.doneBtn,
+          accessibilityRole: "button",
+          children: /* @__PURE__ */ jsx(Text, { style: styles.doneBtnText, children: "Done" })
+        }
+      )
+    ] })
+  ] });
+}
+function ToolButton(props) {
+  const { TouchableOpacity, Text } = RN;
+  return /* @__PURE__ */ jsx(
+    TouchableOpacity,
+    {
+      onPress: props.onPress,
+      style: [styles.toolBtn, props.active && styles.toolBtnActive],
+      accessibilityRole: "button",
+      accessibilityState: { selected: props.active },
+      children: /* @__PURE__ */ jsx(Text, { style: [styles.toolBtnText, props.active && styles.toolBtnTextActive], children: props.label })
+    }
+  );
+}
+function renderRect(cmd, key) {
+  if (!SvgRect) return null;
+  const isRedact = cmd.type === "hide";
+  return /* @__PURE__ */ jsx(
+    SvgRect,
+    {
+      x: cmd.x,
+      y: cmd.y,
+      width: cmd.w,
+      height: cmd.h,
+      fill: isRedact ? "#000000" : "rgba(220, 38, 38, 0.15)",
+      stroke: isRedact ? "#000000" : "#dc2626",
+      strokeWidth: isRedact ? 0 : 3
+    },
+    key
+  );
+}
+function buildPixelRect(a, b) {
+  return {
+    x: Math.min(a.x, b.x),
+    y: Math.min(a.y, b.y),
+    w: Math.abs(b.x - a.x),
+    h: Math.abs(b.y - a.y)
+  };
+}
+function clamp01(v) {
+  if (v < 0) return 0;
+  if (v > 1) return 1;
+  return v;
+}
+var styles = RN ? RN.StyleSheet.create({
+  root: { flex: 1, backgroundColor: "#111827" },
+  canvas: { flex: 1, position: "relative" },
+  image: { ...RN.StyleSheet.absoluteFillObject },
+  svg: { ...RN.StyleSheet.absoluteFillObject },
+  toolbar: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    backgroundColor: "#1f2937",
+    borderTopWidth: 1,
+    borderTopColor: "#374151"
+  },
+  toolGroup: { flexDirection: "row", gap: 8 },
+  toolBtn: {
+    paddingHorizontal: 14,
+    paddingVertical: 8,
+    borderRadius: 8,
+    backgroundColor: "#374151"
+  },
+  toolBtnActive: { backgroundColor: "#4f46e5" },
+  toolBtnText: { color: "#d1d5db", fontSize: 14, fontWeight: "500" },
+  toolBtnTextActive: { color: "#fff" },
+  iconBtn: {
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    borderRadius: 8,
+    backgroundColor: "#374151"
+  },
+  iconBtnDisabled: { opacity: 0.4 },
+  iconBtnText: { color: "#d1d5db", fontSize: 14 },
+  actions: {
+    flexDirection: "row",
+    gap: 12,
+    padding: 16,
+    backgroundColor: "#1f2937",
+    borderTopWidth: 1,
+    borderTopColor: "#374151"
+  },
+  cancelBtn: {
+    flex: 1,
+    paddingVertical: 14,
+    borderRadius: 8,
+    backgroundColor: "#374151",
+    alignItems: "center"
+  },
+  cancelBtnText: { color: "#fff", fontSize: 16, fontWeight: "500" },
+  doneBtn: {
+    flex: 1,
+    paddingVertical: 14,
+    borderRadius: 8,
+    backgroundColor: "#4f46e5",
+    alignItems: "center"
+  },
+  doneBtnText: { color: "#fff", fontSize: 16, fontWeight: "600" }
+}) : {};
+
+// src/modal.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var RN2;
+try {
+  RN2 = __require("react-native");
+} catch {
+  RN2 = null;
+}
+function BugReportModal(props) {
+  const [description, setDescription] = React2.useState("");
+  const [email, setEmail] = React2.useState(props.defaultEmail ?? "");
+  const [annotations, setAnnotations] = React2.useState([]);
+  const [annotating, setAnnotating] = React2.useState(false);
+  React2.useEffect(() => {
+    if (props.visible) {
+      setDescription("");
+      setEmail(props.defaultEmail ?? "");
+      setAnnotations([]);
+      setAnnotating(false);
+    }
+  }, [props.visible, props.defaultEmail]);
+  if (!RN2) return null;
+  const { Modal, View, Text, TextInput, TouchableOpacity, Image, ScrollView, ActivityIndicator } = RN2;
+  const canSubmit = description.trim().length > 0 && !props.submitting;
+  return /* @__PURE__ */ jsx2(
+    Modal,
+    {
+      visible: props.visible,
+      animationType: "slide",
+      transparent: false,
+      onRequestClose: props.onCancel,
+      children: /* @__PURE__ */ jsxs2(View, { style: styles2.container, children: [
+        /* @__PURE__ */ jsxs2(View, { style: styles2.header, children: [
+          /* @__PURE__ */ jsx2(Text, { style: styles2.title, children: "Report a bug" }),
+          /* @__PURE__ */ jsx2(TouchableOpacity, { onPress: props.onCancel, accessibilityRole: "button", children: /* @__PURE__ */ jsx2(Text, { style: styles2.cancelBtn, children: "Cancel" }) })
+        ] }),
+        /* @__PURE__ */ jsxs2(ScrollView, { contentContainerStyle: styles2.body, keyboardShouldPersistTaps: "handled", children: [
+          props.screenshotUri ? /* @__PURE__ */ jsxs2(View, { children: [
+            /* @__PURE__ */ jsx2(
+              Image,
+              {
+                source: { uri: props.screenshotUri },
+                style: styles2.screenshot,
+                resizeMode: "contain"
+              }
+            ),
+            /* @__PURE__ */ jsx2(View, { style: styles2.screenshotActions, children: /* @__PURE__ */ jsx2(
+              TouchableOpacity,
+              {
+                onPress: () => setAnnotating(true),
+                style: styles2.annotateBtn,
+                accessibilityRole: "button",
+                disabled: props.submitting,
+                children: /* @__PURE__ */ jsx2(Text, { style: styles2.annotateBtnText, children: annotations.length > 0 ? `Annotate (${annotations.length})` : "Annotate" })
+              }
+            ) })
+          ] }) : /* @__PURE__ */ jsx2(View, { style: styles2.placeholder, children: /* @__PURE__ */ jsx2(Text, { style: styles2.placeholderText, children: "No screenshot" }) }),
+          /* @__PURE__ */ jsx2(Text, { style: styles2.label, children: "What went wrong?" }),
+          /* @__PURE__ */ jsx2(
+            TextInput,
+            {
+              style: styles2.descriptionInput,
+              value: description,
+              onChangeText: setDescription,
+              placeholder: "Describe what you expected vs. what happened\u2026",
+              multiline: true,
+              numberOfLines: 5,
+              autoFocus: true,
+              editable: !props.submitting
+            }
+          ),
+          props.collectEmail && /* @__PURE__ */ jsxs2(Fragment, { children: [
+            /* @__PURE__ */ jsx2(Text, { style: styles2.label, children: "Your email (optional)" }),
+            /* @__PURE__ */ jsx2(
+              TextInput,
+              {
+                style: styles2.emailInput,
+                value: email,
+                onChangeText: setEmail,
+                placeholder: "you@example.com",
+                autoCapitalize: "none",
+                keyboardType: "email-address",
+                editable: !props.submitting
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx2(View, { style: styles2.footer, children: /* @__PURE__ */ jsx2(
+          TouchableOpacity,
+          {
+            disabled: !canSubmit,
+            onPress: () => props.onSubmit({
+              description: description.trim(),
+              email: email.trim() || void 0,
+              annotations: annotations.length > 0 ? annotations : void 0
+            }),
+            style: [styles2.submitBtn, !canSubmit && styles2.submitBtnDisabled],
+            accessibilityRole: "button",
+            children: props.submitting ? /* @__PURE__ */ jsx2(ActivityIndicator, { color: "#fff" }) : /* @__PURE__ */ jsx2(Text, { style: styles2.submitBtnText, children: "Send" })
+          }
+        ) }),
+        annotating && props.screenshotUri && /* @__PURE__ */ jsx2(
+          Modal,
+          {
+            visible: true,
+            animationType: "fade",
+            transparent: false,
+            onRequestClose: () => setAnnotating(false),
+            children: /* @__PURE__ */ jsx2(
+              Annotator,
+              {
+                imageUri: props.screenshotUri,
+                onCommit: (cmds) => {
+                  setAnnotations(cmds);
+                  setAnnotating(false);
+                },
+                onCancel: () => setAnnotating(false)
+              }
+            )
+          }
+        )
+      ] })
+    }
+  );
+}
+var styles2 = RN2 ? RN2.StyleSheet.create({
+  container: { flex: 1, backgroundColor: "#fff" },
+  header: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    padding: 16,
+    borderBottomWidth: 1,
+    borderBottomColor: "#e5e7eb"
+  },
+  title: { fontSize: 18, fontWeight: "600", color: "#111827" },
+  cancelBtn: { fontSize: 16, color: "#6b7280" },
+  body: { padding: 16, paddingBottom: 32 },
+  screenshot: {
+    width: "100%",
+    height: 240,
+    backgroundColor: "#f3f4f6",
+    borderRadius: 8,
+    marginBottom: 16
+  },
+  placeholder: {
+    width: "100%",
+    height: 120,
+    backgroundColor: "#f3f4f6",
+    borderRadius: 8,
+    marginBottom: 16,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  placeholderText: { color: "#9ca3af" },
+  screenshotActions: { flexDirection: "row", justifyContent: "flex-end", marginTop: -8, marginBottom: 16 },
+  annotateBtn: {
+    paddingHorizontal: 12,
+    paddingVertical: 6,
+    borderRadius: 6,
+    backgroundColor: "#eef2ff"
+  },
+  annotateBtnText: { color: "#4f46e5", fontSize: 13, fontWeight: "600" },
+  label: { fontSize: 14, fontWeight: "500", color: "#374151", marginBottom: 6, marginTop: 8 },
+  descriptionInput: {
+    borderWidth: 1,
+    borderColor: "#d1d5db",
+    borderRadius: 8,
+    padding: 12,
+    fontSize: 15,
+    minHeight: 120,
+    textAlignVertical: "top",
+    color: "#111827",
+    backgroundColor: "#fff"
+  },
+  emailInput: {
+    borderWidth: 1,
+    borderColor: "#d1d5db",
+    borderRadius: 8,
+    padding: 12,
+    fontSize: 15,
+    color: "#111827",
+    backgroundColor: "#fff"
+  },
+  footer: { padding: 16, borderTopWidth: 1, borderTopColor: "#e5e7eb" },
+  submitBtn: {
+    backgroundColor: "#4f46e5",
+    borderRadius: 8,
+    padding: 14,
+    alignItems: "center"
+  },
+  submitBtnDisabled: { backgroundColor: "#a5b4fc" },
+  submitBtnText: { color: "#fff", fontSize: 16, fontWeight: "600" }
+}) : {};
+
+// src/shake.ts
+var SHAKE_THRESHOLD = 2.7;
+var SHAKE_COOLDOWN_MS = 1500;
+function installShakeListener(onShake) {
+  const teardowns = [];
+  let lastFiredAt = 0;
+  const fire = () => {
+    const now = Date.now();
+    if (now - lastFiredAt < SHAKE_COOLDOWN_MS) return;
+    lastFiredAt = now;
+    try {
+      onShake();
+    } catch {
+    }
+  };
+  try {
+    const RN3 = __require("react-native");
+    const emitter = RN3.DeviceEventEmitter ?? RN3.NativeAppEventEmitter;
+    if (emitter?.addListener) {
+      const subs = [
+        emitter.addListener("AccelerometerSecondaryShake", fire),
+        emitter.addListener("shake", fire)
+      ];
+      teardowns.push(() => subs.forEach((s) => s?.remove?.()));
+    }
+  } catch {
+  }
+  try {
+    const sensors = __require("expo-sensors");
+    if (sensors?.Accelerometer) {
+      sensors.Accelerometer.setUpdateInterval(50);
+      const sub = sensors.Accelerometer.addListener(
+        ({ x, y, z }) => {
+          const magnitude = Math.sqrt(x * x + y * y + z * z);
+          if (magnitude > SHAKE_THRESHOLD) fire();
+        }
+      );
+      teardowns.push(() => sub?.remove?.());
+    }
+  } catch {
+  }
+  return () => {
+    for (const t of teardowns) {
+      try {
+        t();
+      } catch {
+      }
+    }
+  };
+}
+
+// src/screenshot-detection.ts
+function installScreenshotDetection(onUserAccepted) {
+  let RN3 = null;
+  try {
+    RN3 = __require("react-native");
+  } catch {
+  }
+  if (!RN3 || RN3.Platform.OS !== "ios") return () => {
+  };
+  let capture = null;
+  try {
+    capture = __require("expo-screen-capture");
+  } catch {
+    if (__DEV__) {
+      console.warn(
+        "[InstantTasks reporter] enableScreenshotDetection requires expo-screen-capture; install it or disable the option."
+      );
+    }
+    return () => {
+    };
+  }
+  const Alert = RN3.Alert;
+  const sub = capture.addScreenshotListener(() => {
+    Alert.alert(
+      "Report a problem?",
+      "You just took a screenshot. Send it as a bug report?",
+      [
+        { text: "No", style: "cancel" },
+        { text: "Yes", onPress: () => {
+          try {
+            onUserAccepted();
+          } catch {
+          }
+        } }
+      ],
+      { cancelable: true }
+    );
+  });
+  return () => {
+    try {
+      sub?.remove?.();
+    } catch {
+    }
+  };
+}
+
+// src/transport.ts
+function unwrap(c) {
+  return c.client ?? c;
+}
+async function fileUriToBlob(uri) {
+  try {
+    const res = await fetch(uri);
+    return await res.blob();
+  } catch {
+    return null;
+  }
+}
+async function submitBugReport(c, submission) {
+  const client = unwrap(c);
+  const Platform = (
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    (() => {
+      try {
+        return __require("react-native").Platform ?? {};
+      } catch {
+        return {};
+      }
+    })()
+  );
+  const event = {
+    kind: "bug_report",
+    ts: (/* @__PURE__ */ new Date()).toISOString(),
+    platform: {
+      os: Platform.OS,
+      version: Platform.Version
+    },
+    payload: {
+      description: submission.description,
+      email: submission.email,
+      defaultIssueTypeId: submission.defaultIssueTypeId,
+      defaultPriorityId: submission.defaultPriorityId,
+      annotations: submission.annotations,
+      metadata: {
+        customData: submission.customData
+      }
+    }
+  };
+  const attachments = /* @__PURE__ */ new Map();
+  if (submission.screenshotUri) {
+    const blob = await fileUriToBlob(submission.screenshotUri);
+    if (blob) attachments.set("screenshot", blob);
+  }
+  const result = await client.send(
+    event,
+    attachments.size > 0 ? attachments : void 0
+  );
+  const ticketKey = result.ticketKey ?? "unknown";
+  const baseUrl = client.options.endpoint?.replace(/\/+$/, "") ?? "";
+  const ticketUrl = `${baseUrl}/tickets/${ticketKey}`;
+  return { ticketKey, ticketUrl };
+}
+
+// src/index.ts
+function initReporter(client, opts = {}) {
+  let isOpen = false;
+  let submitting = false;
+  let screenshotUri;
+  let rerender = null;
+  let teardowns = [];
+  let RN3 = null;
+  try {
+    RN3 = __require("react-native");
+  } catch {
+  }
+  async function captureScreenshot() {
+    if (!opts.captureRef?.current) return void 0;
+    try {
+      const viewShot = __require("react-native-view-shot");
+      const uri = await viewShot.captureRef(opts.captureRef, {
+        format: "png",
+        quality: 0.9,
+        result: "tmpfile"
+      });
+      return uri;
+    } catch {
+      return void 0;
+    }
+  }
+  async function openModal() {
+    if (isOpen || submitting) return;
+    screenshotUri = await captureScreenshot();
+    isOpen = true;
+    rerender?.();
+  }
+  function closeModal() {
+    if (!isOpen) return;
+    isOpen = false;
+    screenshotUri = void 0;
+    rerender?.();
+  }
+  async function handleSubmit(data) {
+    submitting = true;
+    rerender?.();
+    try {
+      const result = await submitBugReport(client, {
+        description: data.description,
+        email: data.email,
+        screenshotUri,
+        annotations: data.annotations,
+        defaultIssueTypeId: opts.defaultIssueTypeId,
+        defaultPriorityId: opts.defaultPriorityId,
+        customData: opts.customData
+      });
+      submitting = false;
+      isOpen = false;
+      screenshotUri = void 0;
+      rerender?.();
+      if (!opts.silent && RN3?.Alert) {
+        RN3.Alert.alert("Thanks!", `Bug report submitted (${result.ticketKey}).`);
+      }
+    } catch (err) {
+      submitting = false;
+      rerender?.();
+      if (!opts.silent && RN3?.Alert) {
+        const msg = err instanceof Error ? err.message : "Failed to submit";
+        RN3.Alert.alert(
+          "Could not send report",
+          msg,
+          [
+            { text: "Cancel", style: "cancel", onPress: closeModal },
+            { text: "Retry", onPress: () => handleSubmit(data) }
+          ]
+        );
+      }
+    }
+  }
+  reporterSingleton = {
+    isOpen: () => isOpen,
+    submitting: () => submitting,
+    screenshotUri: () => screenshotUri,
+    collectEmail: opts.collectEmail,
+    onCancel: closeModal,
+    onSubmit: (data) => {
+      void handleSubmit(data);
+    },
+    register: (cb) => {
+      rerender = cb;
+    },
+    unregister: () => {
+      rerender = null;
+    }
+  };
+  if (opts.enableShakeGesture) {
+    teardowns.push(installShakeListener(() => {
+      void openModal();
+    }));
+  }
+  if (opts.enableScreenshotDetection) {
+    teardowns.push(installScreenshotDetection(() => {
+      void openModal();
+    }));
+  }
+  const handle = {
+    show() {
+      void openModal();
+    },
+    hide() {
+      closeModal();
+    },
+    close() {
+      closeModal();
+      for (const fn of teardowns) {
+        try {
+          fn();
+        } catch {
+        }
+      }
+      teardowns = [];
+      reporterSingleton = null;
+    }
+  };
+  return handle;
+}
+var reporterSingleton = null;
+function ReporterRoot() {
+  const [, setTick] = React3.useState(0);
+  const force = React3.useCallback(() => setTick((t) => t + 1), []);
+  React3.useEffect(() => {
+    if (!reporterSingleton) return;
+    reporterSingleton.register(force);
+    return () => {
+      reporterSingleton?.unregister();
+    };
+  }, [force]);
+  if (!reporterSingleton) return null;
+  return React3.createElement(BugReportModal, {
+    visible: reporterSingleton.isOpen(),
+    submitting: reporterSingleton.submitting(),
+    screenshotUri: reporterSingleton.screenshotUri(),
+    collectEmail: reporterSingleton.collectEmail,
+    onCancel: reporterSingleton.onCancel,
+    onSubmit: reporterSingleton.onSubmit
+  });
+}
+var index_default = initReporter;
+export {
+  Annotator,
+  ReporterRoot,
+  index_default as default,
+  initReporter,
+  submitBugReport
+};
+//# sourceMappingURL=index.js.map