react-native-bug-reporter 1.0.0

package/lib/module/components/ScreenshotEditor.js

@@ -0,0 +1,461 @@
+"use strict";
+
+import { Fragment, useMemo, useRef, useState } from 'react';
+import { ActivityIndicator, Image, Modal, PanResponder, Platform, StatusBar, StyleSheet, Text, TextInput, TouchableOpacity, View } from 'react-native';
+import Svg, { Circle, Line, Path, Polygon, Text as SvgText } from 'react-native-svg';
+import { captureRef } from 'react-native-view-shot';
+import { logger } from '../utils/logger';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const COLORS = ['#ef4444', '#f59e0b', '#22c55e', '#3b82f6', '#ffffff', '#111827'];
+const STROKE = 4;
+const ARROW_HEAD = 16;
+const TEXT_SIZE = 22;
+
+/**
+ * Full-screen screenshot annotation editor. Lets the reporter draw on the
+ * captured screenshot to point at the bug — freehand pen, arrows, points, and
+ * text labels — then flattens everything into a single PNG via view-shot.
+ */
+export function ScreenshotEditor({
+  screenshot,
+  theme,
+  onCancel,
+  onSave
+}) {
+  const [tool, setTool] = useState('pen');
+  const [color, setColor] = useState(COLORS[0]);
+  const [elements, setElements] = useState([]);
+  const [draft, setDraft] = useState(null);
+  const [saving, setSaving] = useState(false);
+  const [textPrompt, setTextPrompt] = useState(null);
+  const canvasRef = useRef(null);
+  // Refs so the (stable) PanResponder always sees the latest tool/color.
+  const toolRef = useRef(tool);
+  toolRef.current = tool;
+  const colorRef = useRef(color);
+  colorRef.current = color;
+  const draftRef = useRef(null);
+  const panResponder = useMemo(() => PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponder: () => true,
+    onPanResponderGrant: e => {
+      const {
+        locationX: x,
+        locationY: y
+      } = e.nativeEvent;
+      const t = toolRef.current;
+      const c = colorRef.current;
+      if (t === 'pen') {
+        draftRef.current = {
+          kind: 'path',
+          d: `M${x} ${y}`,
+          color: c,
+          width: STROKE
+        };
+        setDraft(draftRef.current);
+      } else if (t === 'arrow') {
+        draftRef.current = {
+          kind: 'arrow',
+          x1: x,
+          y1: y,
+          x2: x,
+          y2: y,
+          color: c,
+          width: STROKE
+        };
+        setDraft(draftRef.current);
+      } else if (t === 'point') {
+        setElements(prev => [...prev, {
+          kind: 'point',
+          x,
+          y,
+          color: c
+        }]);
+      } else if (t === 'text') {
+        setTextPrompt({
+          x,
+          y,
+          value: ''
+        });
+      }
+    },
+    onPanResponderMove: e => {
+      const {
+        locationX: x,
+        locationY: y
+      } = e.nativeEvent;
+      const d = draftRef.current;
+      if (!d) return;
+      if (d.kind === 'path') {
+        d.d += ` L${x} ${y}`;
+        setDraft({
+          ...d
+        });
+      } else if (d.kind === 'arrow') {
+        d.x2 = x;
+        d.y2 = y;
+        setDraft({
+          ...d
+        });
+      }
+    },
+    onPanResponderRelease: () => {
+      const d = draftRef.current;
+      if (d) {
+        setElements(prev => [...prev, d]);
+        draftRef.current = null;
+        setDraft(null);
+      }
+    }
+  }), []);
+  const undo = () => setElements(prev => prev.slice(0, -1));
+  const clear = () => {
+    setElements([]);
+    setDraft(null);
+    draftRef.current = null;
+  };
+  const commitText = () => {
+    if (textPrompt && textPrompt.value.trim()) {
+      setElements(prev => [...prev, {
+        kind: 'text',
+        x: textPrompt.x,
+        y: textPrompt.y,
+        text: textPrompt.value.trim(),
+        color
+      }]);
+    }
+    setTextPrompt(null);
+  };
+  const handleSave = async () => {
+    // Nothing drawn — just keep the original.
+    if (elements.length === 0) {
+      onSave(screenshot.uri);
+      return;
+    }
+    setSaving(true);
+    try {
+      // Let the SVG/layout settle before snapshotting (Android needs a tick).
+      await new Promise(res => setTimeout(() => res(), 150));
+      let uri = await captureRef(canvasRef, {
+        format: 'png',
+        quality: 1,
+        result: 'tmpfile'
+      });
+      if (uri && !uri.startsWith('file://') && !uri.startsWith('content://')) {
+        uri = `file://${uri}`;
+      }
+      onSave(uri || screenshot.uri);
+    } catch (e) {
+      logger.warn('failed to flatten annotated screenshot', e);
+      onSave(screenshot.uri); // fall back to the un-annotated image
+    } finally {
+      setSaving(false);
+    }
+  };
+  const all = draft ? [...elements, draft] : elements;
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: true,
+    animationType: "slide",
+    onRequestClose: onCancel,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: [styles.container, {
+        backgroundColor: '#000'
+      }],
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.topBar,
+        children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+          onPress: onCancel,
+          style: styles.barBtn,
+          disabled: saving,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.barText,
+            children: "Cancel"
+          })
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.barTitle,
+          children: "Mark the bug"
+        }), /*#__PURE__*/_jsx(TouchableOpacity, {
+          onPress: handleSave,
+          disabled: saving,
+          style: [styles.saveBtn, {
+            backgroundColor: theme.primaryColor
+          }],
+          children: saving ? /*#__PURE__*/_jsx(ActivityIndicator, {
+            color: "#fff",
+            size: "small"
+          }) : /*#__PURE__*/_jsx(Text, {
+            style: styles.saveText,
+            children: "\u2713 Save"
+          })
+        })]
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.canvasWrap,
+        children: /*#__PURE__*/_jsxs(View, {
+          ref: canvasRef,
+          collapsable: false,
+          style: styles.canvas,
+          children: [/*#__PURE__*/_jsx(Image, {
+            source: {
+              uri: screenshot.uri
+            },
+            style: StyleSheet.absoluteFill,
+            resizeMode: "contain"
+          }), /*#__PURE__*/_jsx(Svg, {
+            style: StyleSheet.absoluteFill,
+            ...panResponder.panHandlers,
+            children: all.map((el, i) => renderEl(el, i))
+          })]
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.colorRow,
+        children: COLORS.map(c => /*#__PURE__*/_jsx(TouchableOpacity, {
+          onPress: () => setColor(c),
+          style: [styles.swatch, {
+            backgroundColor: c
+          }, color === c && styles.swatchActive]
+        }, c))
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.toolRow,
+        children: [/*#__PURE__*/_jsx(ToolButton, {
+          label: "\u270F\uFE0F Pen",
+          active: tool === 'pen',
+          onPress: () => setTool('pen')
+        }), /*#__PURE__*/_jsx(ToolButton, {
+          label: "\u27B4 Arrow",
+          active: tool === 'arrow',
+          onPress: () => setTool('arrow')
+        }), /*#__PURE__*/_jsx(ToolButton, {
+          label: "\u25CF Point",
+          active: tool === 'point',
+          onPress: () => setTool('point')
+        }), /*#__PURE__*/_jsx(ToolButton, {
+          label: "T Text",
+          active: tool === 'text',
+          onPress: () => setTool('text')
+        }), /*#__PURE__*/_jsx(ToolButton, {
+          label: "\u21BA Undo",
+          onPress: undo
+        }), /*#__PURE__*/_jsx(ToolButton, {
+          label: "\uD83D\uDDD1 Clear",
+          onPress: clear
+        })]
+      }), textPrompt && /*#__PURE__*/_jsxs(View, {
+        style: styles.textPrompt,
+        children: [/*#__PURE__*/_jsx(TextInput, {
+          autoFocus: true,
+          value: textPrompt.value,
+          onChangeText: v => setTextPrompt(p => p ? {
+            ...p,
+            value: v
+          } : p),
+          onSubmitEditing: commitText,
+          placeholder: "Type a label\u2026",
+          placeholderTextColor: "#888",
+          style: styles.textInput
+        }), /*#__PURE__*/_jsx(TouchableOpacity, {
+          onPress: commitText,
+          style: styles.textAdd,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.textAddLabel,
+            children: "Add"
+          })
+        })]
+      })]
+    })
+  });
+}
+function renderEl(el, key) {
+  switch (el.kind) {
+    case 'path':
+      return /*#__PURE__*/_jsx(Path, {
+        d: el.d,
+        stroke: el.color,
+        strokeWidth: el.width,
+        fill: "none",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }, key);
+    case 'arrow':
+      {
+        const angle = Math.atan2(el.y2 - el.y1, el.x2 - el.x1);
+        const a1 = angle - Math.PI / 6;
+        const a2 = angle + Math.PI / 6;
+        const head = `${el.x2},${el.y2} ${el.x2 - ARROW_HEAD * Math.cos(a1)},${el.y2 - ARROW_HEAD * Math.sin(a1)} ${el.x2 - ARROW_HEAD * Math.cos(a2)},${el.y2 - ARROW_HEAD * Math.sin(a2)}`;
+        return /*#__PURE__*/_jsxs(Fragment, {
+          children: [/*#__PURE__*/_jsx(Line, {
+            x1: el.x1,
+            y1: el.y1,
+            x2: el.x2,
+            y2: el.y2,
+            stroke: el.color,
+            strokeWidth: el.width,
+            strokeLinecap: "round"
+          }), /*#__PURE__*/_jsx(Polygon, {
+            points: head,
+            fill: el.color
+          })]
+        }, key);
+      }
+    case 'point':
+      return /*#__PURE__*/_jsx(Circle, {
+        cx: el.x,
+        cy: el.y,
+        r: 9,
+        fill: "none",
+        stroke: el.color,
+        strokeWidth: 4
+      }, key);
+    case 'text':
+      return /*#__PURE__*/_jsx(SvgText, {
+        x: el.x,
+        y: el.y,
+        fill: el.color,
+        fontSize: TEXT_SIZE,
+        fontWeight: "bold",
+        stroke: "#00000055",
+        strokeWidth: 0.5,
+        children: el.text
+      }, key);
+    default:
+      return null;
+  }
+}
+function ToolButton({
+  label,
+  active,
+  onPress
+}) {
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    onPress: onPress,
+    style: [styles.toolBtn, active && styles.toolBtnActive],
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [styles.toolLabel, active && styles.toolLabelActive],
+      children: label
+    })
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  topBar: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: 14,
+    paddingTop: (Platform.OS === 'android' ? StatusBar.currentHeight ?? 24 : 50) + 8,
+    paddingBottom: 10
+  },
+  barBtn: {
+    padding: 6,
+    minWidth: 64
+  },
+  barText: {
+    color: '#fff',
+    fontSize: 16
+  },
+  barTitle: {
+    color: '#fff',
+    fontSize: 16,
+    fontWeight: '600'
+  },
+  saveBtn: {
+    minWidth: 84,
+    paddingVertical: 9,
+    paddingHorizontal: 16,
+    borderRadius: 10,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  saveText: {
+    color: '#fff',
+    fontSize: 15,
+    fontWeight: '800'
+  },
+  canvasWrap: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  canvas: {
+    flex: 1,
+    width: '100%',
+    backgroundColor: '#000'
+  },
+  colorRow: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    gap: 12,
+    paddingVertical: 12
+  },
+  swatch: {
+    width: 28,
+    height: 28,
+    borderRadius: 14,
+    borderWidth: 2,
+    borderColor: '#444'
+  },
+  swatchActive: {
+    borderColor: '#fff',
+    transform: [{
+      scale: 1.15
+    }]
+  },
+  toolRow: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    justifyContent: 'center',
+    gap: 8,
+    paddingHorizontal: 10,
+    paddingBottom: 34,
+    paddingTop: 4
+  },
+  toolBtn: {
+    paddingVertical: 9,
+    paddingHorizontal: 12,
+    borderRadius: 10,
+    backgroundColor: '#1c1f26'
+  },
+  toolBtnActive: {
+    backgroundColor: '#2563eb'
+  },
+  toolLabel: {
+    color: '#cbd2dc',
+    fontSize: 13,
+    fontWeight: '600'
+  },
+  toolLabelActive: {
+    color: '#fff'
+  },
+  textPrompt: {
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    right: 0,
+    flexDirection: 'row',
+    gap: 8,
+    padding: 12,
+    paddingBottom: 28,
+    backgroundColor: '#14161c'
+  },
+  textInput: {
+    flex: 1,
+    backgroundColor: '#0b0c10',
+    color: '#fff',
+    borderRadius: 8,
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    fontSize: 15
+  },
+  textAdd: {
+    backgroundColor: '#2563eb',
+    borderRadius: 8,
+    paddingHorizontal: 18,
+    justifyContent: 'center'
+  },
+  textAddLabel: {
+    color: '#fff',
+    fontWeight: '700'
+  }
+});
+//# sourceMappingURL=ScreenshotEditor.js.map

package/lib/module/components/ScreenshotEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Fragment","useMemo","useRef","useState","ActivityIndicator","Image","Modal","PanResponder","Platform","StatusBar","StyleSheet","Text","TextInput","TouchableOpacity","View","Svg","Circle","Line","Path","Polygon","SvgText","captureRef","logger","jsx","_jsx","jsxs","_jsxs","COLORS","STROKE","ARROW_HEAD","TEXT_SIZE","ScreenshotEditor","screenshot","theme","onCancel","onSave","tool","setTool","color","setColor","elements","setElements","draft","setDraft","saving","setSaving","textPrompt","setTextPrompt","canvasRef","toolRef","current","colorRef","draftRef","panResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","e","locationX","x","locationY","y","nativeEvent","t","c","kind","d","width","x1","y1","x2","y2","prev","value","onPanResponderMove","onPanResponderRelease","undo","slice","clear","commitText","trim","text","handleSave","length","uri","Promise","res","setTimeout","format","quality","result","startsWith","warn","all","visible","animationType","onRequestClose","children","style","styles","container","backgroundColor","topBar","onPress","barBtn","disabled","barText","barTitle","saveBtn","primaryColor","size","saveText","canvasWrap","ref","collapsable","canvas","source","absoluteFill","resizeMode","panHandlers","map","el","i","renderEl","colorRow","swatch","swatchActive","toolRow","ToolButton","label","active","autoFocus","onChangeText","v","p","onSubmitEditing","placeholder","placeholderTextColor","textInput","textAdd","textAddLabel","key","stroke","strokeWidth","fill","strokeLinecap","strokeLinejoin","angle","Math","atan2","a1","PI","a2","head","cos","sin","points","cx","cy","r","fontSize","fontWeight","toolBtn","toolBtnActive","toolLabel","toolLabelActive","flex","flexDirection","alignItems","justifyContent","paddingHorizontal","paddingTop","OS","currentHeight","paddingBottom","padding","minWidth","paddingVertical","borderRadius","gap","height","borderWidth","borderColor","transform","scale","flexWrap","position","bottom","left","right"],"sourceRoot":"../../../src","sources":["components/ScreenshotEditor.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC3D,SACEC,iBAAiB,EACjBC,KAAK,EACLC,KAAK,EACLC,YAAY,EACZC,QAAQ,EACRC,SAAS,EACTC,UAAU,EACVC,IAAI,EACJC,SAAS,EACTC,gBAAgB,EAChBC,IAAI,QAEC,cAAc;AACrB,OAAOC,GAAG,IACRC,MAAM,EACNC,IAAI,EACJC,IAAI,EACJC,OAAO,EACPR,IAAI,IAAIS,OAAO,QACV,kBAAkB;AACzB,SAASC,UAAU,QAAQ,wBAAwB;AAGnD,SAASC,MAAM,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAyCzC,MAAMC,MAAM,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;AACjF,MAAMC,MAAM,GAAG,CAAC;AAChB,MAAMC,UAAU,GAAG,EAAE;AACrB,MAAMC,SAAS,GAAG,EAAE;;AAEpB;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAAC;EAAEC,UAAU;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAc,CAAC,EAAE;EAC/E,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGlC,QAAQ,CAAO,KAAK,CAAC;EAC7C,MAAM,CAACmC,KAAK,EAAEC,QAAQ,CAAC,GAAGpC,QAAQ,CAASwB,MAAM,CAAC,CAAC,CAAC,CAAC;EACrD,MAAM,CAACa,QAAQ,EAAEC,WAAW,CAAC,GAAGtC,QAAQ,CAAY,EAAE,CAAC;EACvD,MAAM,CAACuC,KAAK,EAAEC,QAAQ,CAAC,GAAGxC,QAAQ,CAAiB,IAAI,CAAC;EACxD,MAAM,CAACyC,MAAM,EAAEC,SAAS,CAAC,GAAG1C,QAAQ,CAAC,KAAK,CAAC;EAC3C,MAAM,CAAC2C,UAAU,EAAEC,aAAa,CAAC,GAAG5C,QAAQ,CAAiD,IAAI,CAAC;EAElG,MAAM6C,SAAS,GAAG9C,MAAM,CAAO,IAAI,CAAC;EACpC;EACA,MAAM+C,OAAO,GAAG/C,MAAM,CAACkC,IAAI,CAAC;EAC5Ba,OAAO,CAACC,OAAO,GAAGd,IAAI;EACtB,MAAMe,QAAQ,GAAGjD,MAAM,CAACoC,KAAK,CAAC;EAC9Ba,QAAQ,CAACD,OAAO,GAAGZ,KAAK;EACxB,MAAMc,QAAQ,GAAGlD,MAAM,CAAiB,IAAI,CAAC;EAE7C,MAAMmD,YAAY,GAAGpD,OAAO,CAC1B,MACEM,YAAY,CAAC+C,MAAM,CAAC;IAClBC,4BAA4B,EAAEA,CAAA,KAAM,IAAI;IACxCC,2BAA2B,EAAEA,CAAA,KAAM,IAAI;IACvCC,mBAAmB,EAAGC,CAAwB,IAAK;MACjD,MAAM;QAAEC,SAAS,EAAEC,CAAC;QAAEC,SAAS,EAAEC;MAAE,CAAC,GAAGJ,CAAC,CAACK,WAAW;MACpD,MAAMC,CAAC,GAAGf,OAAO,CAACC,OAAO;MACzB,MAAMe,CAAC,GAAGd,QAAQ,CAACD,OAAO;MAC1B,IAAIc,CAAC,KAAK,KAAK,EAAE;QACfZ,QAAQ,CAACF,OAAO,GAAG;UAAEgB,IAAI,EAAE,MAAM;UAAEC,CAAC,EAAE,IAAIP,CAAC,IAAIE,CAAC,EAAE;UAAExB,KAAK,EAAE2B,CAAC;UAAEG,KAAK,EAAExC;QAAO,CAAC;QAC7Ee,QAAQ,CAACS,QAAQ,CAACF,OAAO,CAAC;MAC5B,CAAC,MAAM,IAAIc,CAAC,KAAK,OAAO,EAAE;QACxBZ,QAAQ,CAACF,OAAO,GAAG;UAAEgB,IAAI,EAAE,OAAO;UAAEG,EAAE,EAAET,CAAC;UAAEU,EAAE,EAAER,CAAC;UAAES,EAAE,EAAEX,CAAC;UAAEY,EAAE,EAAEV,CAAC;UAAExB,KAAK,EAAE2B,CAAC;UAAEG,KAAK,EAAExC;QAAO,CAAC;QACzFe,QAAQ,CAACS,QAAQ,CAACF,OAAO,CAAC;MAC5B,CAAC,MAAM,IAAIc,CAAC,KAAK,OAAO,EAAE;QACxBvB,WAAW,CAACgC,IAAI,IAAI,CAAC,GAAGA,IAAI,EAAE;UAAEP,IAAI,EAAE,OAAO;UAAEN,CAAC;UAAEE,CAAC;UAAExB,KAAK,EAAE2B;QAAE,CAAC,CAAC,CAAC;MACnE,CAAC,MAAM,IAAID,CAAC,KAAK,MAAM,EAAE;QACvBjB,aAAa,CAAC;UAAEa,CAAC;UAAEE,CAAC;UAAEY,KAAK,EAAE;QAAG,CAAC,CAAC;MACpC;IACF,CAAC;IACDC,kBAAkB,EAAGjB,CAAwB,IAAK;MAChD,MAAM;QAAEC,SAAS,EAAEC,CAAC;QAAEC,SAAS,EAAEC;MAAE,CAAC,GAAGJ,CAAC,CAACK,WAAW;MACpD,MAAMI,CAAC,GAAGf,QAAQ,CAACF,OAAO;MAC1B,IAAI,CAACiB,CAAC,EAAE;MACR,IAAIA,CAAC,CAACD,IAAI,KAAK,MAAM,EAAE;QACrBC,CAAC,CAACA,CAAC,IAAI,KAAKP,CAAC,IAAIE,CAAC,EAAE;QACpBnB,QAAQ,CAAC;UAAE,GAAGwB;QAAE,CAAC,CAAC;MACpB,CAAC,MAAM,IAAIA,CAAC,CAACD,IAAI,KAAK,OAAO,EAAE;QAC7BC,CAAC,CAACI,EAAE,GAAGX,CAAC;QACRO,CAAC,CAACK,EAAE,GAAGV,CAAC;QACRnB,QAAQ,CAAC;UAAE,GAAGwB;QAAE,CAAC,CAAC;MACpB;IACF,CAAC;IACDS,qBAAqB,EAAEA,CAAA,KAAM;MAC3B,MAAMT,CAAC,GAAGf,QAAQ,CAACF,OAAO;MAC1B,IAAIiB,CAAC,EAAE;QACL1B,WAAW,CAACgC,IAAI,IAAI,CAAC,GAAGA,IAAI,EAAEN,CAAC,CAAC,CAAC;QACjCf,QAAQ,CAACF,OAAO,GAAG,IAAI;QACvBP,QAAQ,CAAC,IAAI,CAAC;MAChB;IACF;EACF,CAAC,CAAC,EACJ,EACF,CAAC;EAED,MAAMkC,IAAI,GAAGA,CAAA,KAAMpC,WAAW,CAACgC,IAAI,IAAIA,IAAI,CAACK,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;EACzD,MAAMC,KAAK,GAAGA,CAAA,KAAM;IAClBtC,WAAW,CAAC,EAAE,CAAC;IACfE,QAAQ,CAAC,IAAI,CAAC;IACdS,QAAQ,CAACF,OAAO,GAAG,IAAI;EACzB,CAAC;EAED,MAAM8B,UAAU,GAAGA,CAAA,KAAM;IACvB,IAAIlC,UAAU,IAAIA,UAAU,CAAC4B,KAAK,CAACO,IAAI,CAAC,CAAC,EAAE;MACzCxC,WAAW,CAACgC,IAAI,IAAI,CAClB,GAAGA,IAAI,EACP;QAAEP,IAAI,EAAE,MAAM;QAAEN,CAAC,EAAEd,UAAU,CAACc,CAAC;QAAEE,CAAC,EAAEhB,UAAU,CAACgB,CAAC;QAAEoB,IAAI,EAAEpC,UAAU,CAAC4B,KAAK,CAACO,IAAI,CAAC,CAAC;QAAE3C;MAAM,CAAC,CACzF,CAAC;IACJ;IACAS,aAAa,CAAC,IAAI,CAAC;EACrB,CAAC;EAED,MAAMoC,UAAU,GAAG,MAAAA,CAAA,KAAY;IAC7B;IACA,IAAI3C,QAAQ,CAAC4C,MAAM,KAAK,CAAC,EAAE;MACzBjD,MAAM,CAACH,UAAU,CAACqD,GAAG,CAAC;MACtB;IACF;IACAxC,SAAS,CAAC,IAAI,CAAC;IACf,IAAI;MACF;MACA,MAAM,IAAIyC,OAAO,CAAOC,GAAG,IAAIC,UAAU,CAAC,MAAMD,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;MAC5D,IAAIF,GAAG,GAAG,MAAMhE,UAAU,CAAC2B,SAAS,EAAE;QACpCyC,MAAM,EAAE,KAAK;QACbC,OAAO,EAAE,CAAC;QACVC,MAAM,EAAE;MACV,CAAC,CAAC;MACF,IAAIN,GAAG,IAAI,CAACA,GAAG,CAACO,UAAU,CAAC,SAAS,CAAC,IAAI,CAACP,GAAG,CAACO,UAAU,CAAC,YAAY,CAAC,EAAE;QACtEP,GAAG,GAAG,UAAUA,GAAG,EAAE;MACvB;MACAlD,MAAM,CAACkD,GAAG,IAAIrD,UAAU,CAACqD,GAAG,CAAC;IAC/B,CAAC,CAAC,OAAO3B,CAAC,EAAE;MACVpC,MAAM,CAACuE,IAAI,CAAC,wCAAwC,EAAEnC,CAAC,CAAC;MACxDvB,MAAM,CAACH,UAAU,CAACqD,GAAG,CAAC,CAAC,CAAC;IAC1B,CAAC,SAAS;MACRxC,SAAS,CAAC,KAAK,CAAC;IAClB;EACF,CAAC;EAED,MAAMiD,GAAG,GAAGpD,KAAK,GAAG,CAAC,GAAGF,QAAQ,EAAEE,KAAK,CAAC,GAAGF,QAAQ;EAEnD,oBACEhB,IAAA,CAAClB,KAAK;IAACyF,OAAO;IAACC,aAAa,EAAC,OAAO;IAACC,cAAc,EAAE/D,QAAS;IAAAgE,QAAA,eAC5DxE,KAAA,CAACZ,IAAI;MAACqF,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;QAAEC,eAAe,EAAE;MAAO,CAAC,CAAE;MAAAJ,QAAA,gBAE3DxE,KAAA,CAACZ,IAAI;QAACqF,KAAK,EAAEC,MAAM,CAACG,MAAO;QAAAL,QAAA,gBACzB1E,IAAA,CAACX,gBAAgB;UAAC2F,OAAO,EAAEtE,QAAS;UAACiE,KAAK,EAAEC,MAAM,CAACK,MAAO;UAACC,QAAQ,EAAE9D,MAAO;UAAAsD,QAAA,eAC1E1E,IAAA,CAACb,IAAI;YAACwF,KAAK,EAAEC,MAAM,CAACO,OAAQ;YAAAT,QAAA,EAAC;UAAM,CAAM;QAAC,CAC1B,CAAC,eACnB1E,IAAA,CAACb,IAAI;UAACwF,KAAK,EAAEC,MAAM,CAACQ,QAAS;UAAAV,QAAA,EAAC;QAAY,CAAM,CAAC,eACjD1E,IAAA,CAACX,gBAAgB;UACf2F,OAAO,EAAErB,UAAW;UACpBuB,QAAQ,EAAE9D,MAAO;UACjBuD,KAAK,EAAE,CAACC,MAAM,CAACS,OAAO,EAAE;YAAEP,eAAe,EAAErE,KAAK,CAAC6E;UAAa,CAAC,CAAE;UAAAZ,QAAA,EAChEtD,MAAM,gBACLpB,IAAA,CAACpB,iBAAiB;YAACkC,KAAK,EAAC,MAAM;YAACyE,IAAI,EAAC;UAAO,CAAE,CAAC,gBAE/CvF,IAAA,CAACb,IAAI;YAACwF,KAAK,EAAEC,MAAM,CAACY,QAAS;YAAAd,QAAA,EAAC;UAAM,CAAM;QAC3C,CACe,CAAC;MAAA,CACf,CAAC,eAIP1E,IAAA,CAACV,IAAI;QAACqF,KAAK,EAAEC,MAAM,CAACa,UAAW;QAAAf,QAAA,eAC7BxE,KAAA,CAACZ,IAAI;UAACoG,GAAG,EAAElE,SAAU;UAACmE,WAAW,EAAE,KAAM;UAAChB,KAAK,EAAEC,MAAM,CAACgB,MAAO;UAAAlB,QAAA,gBAC7D1E,IAAA,CAACnB,KAAK;YAACgH,MAAM,EAAE;cAAEhC,GAAG,EAAErD,UAAU,CAACqD;YAAI,CAAE;YAACc,KAAK,EAAEzF,UAAU,CAAC4G,YAAa;YAACC,UAAU,EAAC;UAAS,CAAE,CAAC,eAC/F/F,IAAA,CAACT,GAAG;YAACoF,KAAK,EAAEzF,UAAU,CAAC4G,YAAa;YAAA,GAAKjE,YAAY,CAACmE,WAAW;YAAAtB,QAAA,EAC9DJ,GAAG,CAAC2B,GAAG,CAAC,CAACC,EAAE,EAAEC,CAAC,KAAKC,QAAQ,CAACF,EAAE,EAAEC,CAAC,CAAC;UAAC,CACjC,CAAC;QAAA,CACF;MAAC,CACH,CAAC,eAGPnG,IAAA,CAACV,IAAI;QAACqF,KAAK,EAAEC,MAAM,CAACyB,QAAS;QAAA3B,QAAA,EAC1BvE,MAAM,CAAC8F,GAAG,CAACxD,CAAC,iBACXzC,IAAA,CAACX,gBAAgB;UAEf2F,OAAO,EAAEA,CAAA,KAAMjE,QAAQ,CAAC0B,CAAC,CAAE;UAC3BkC,KAAK,EAAE,CACLC,MAAM,CAAC0B,MAAM,EACb;YAAExB,eAAe,EAAErC;UAAE,CAAC,EACtB3B,KAAK,KAAK2B,CAAC,IAAImC,MAAM,CAAC2B,YAAY;QAClC,GANG9D,CAON,CACF;MAAC,CACE,CAAC,eAGPvC,KAAA,CAACZ,IAAI;QAACqF,KAAK,EAAEC,MAAM,CAAC4B,OAAQ;QAAA9B,QAAA,gBAC1B1E,IAAA,CAACyG,UAAU;UAACC,KAAK,EAAC,kBAAQ;UAACC,MAAM,EAAE/F,IAAI,KAAK,KAAM;UAACoE,OAAO,EAAEA,CAAA,KAAMnE,OAAO,CAAC,KAAK;QAAE,CAAE,CAAC,eACpFb,IAAA,CAACyG,UAAU;UAACC,KAAK,EAAC,cAAS;UAACC,MAAM,EAAE/F,IAAI,KAAK,OAAQ;UAACoE,OAAO,EAAEA,CAAA,KAAMnE,OAAO,CAAC,OAAO;QAAE,CAAE,CAAC,eACzFb,IAAA,CAACyG,UAAU;UAACC,KAAK,EAAC,cAAS;UAACC,MAAM,EAAE/F,IAAI,KAAK,OAAQ;UAACoE,OAAO,EAAEA,CAAA,KAAMnE,OAAO,CAAC,OAAO;QAAE,CAAE,CAAC,eACzFb,IAAA,CAACyG,UAAU;UAACC,KAAK,EAAC,QAAQ;UAACC,MAAM,EAAE/F,IAAI,KAAK,MAAO;UAACoE,OAAO,EAAEA,CAAA,KAAMnE,OAAO,CAAC,MAAM;QAAE,CAAE,CAAC,eACtFb,IAAA,CAACyG,UAAU;UAACC,KAAK,EAAC,aAAQ;UAAC1B,OAAO,EAAE3B;QAAK,CAAE,CAAC,eAC5CrD,IAAA,CAACyG,UAAU;UAACC,KAAK,EAAC,oBAAU;UAAC1B,OAAO,EAAEzB;QAAM,CAAE,CAAC;MAAA,CAC3C,CAAC,EAGNjC,UAAU,iBACTpB,KAAA,CAACZ,IAAI;QAACqF,KAAK,EAAEC,MAAM,CAACtD,UAAW;QAAAoD,QAAA,gBAC7B1E,IAAA,CAACZ,SAAS;UACRwH,SAAS;UACT1D,KAAK,EAAE5B,UAAU,CAAC4B,KAAM;UACxB2D,YAAY,EAAEC,CAAC,IAAIvF,aAAa,CAACwF,CAAC,IAAKA,CAAC,GAAG;YAAE,GAAGA,CAAC;YAAE7D,KAAK,EAAE4D;UAAE,CAAC,GAAGC,CAAE,CAAE;UACpEC,eAAe,EAAExD,UAAW;UAC5ByD,WAAW,EAAC,oBAAe;UAC3BC,oBAAoB,EAAC,MAAM;UAC3BvC,KAAK,EAAEC,MAAM,CAACuC;QAAU,CACzB,CAAC,eACFnH,IAAA,CAACX,gBAAgB;UAAC2F,OAAO,EAAExB,UAAW;UAACmB,KAAK,EAAEC,MAAM,CAACwC,OAAQ;UAAA1C,QAAA,eAC3D1E,IAAA,CAACb,IAAI;YAACwF,KAAK,EAAEC,MAAM,CAACyC,YAAa;YAAA3C,QAAA,EAAC;UAAG,CAAM;QAAC,CAC5B,CAAC;MAAA,CACf,CACP;IAAA,CACG;EAAC,CACF,CAAC;AAEZ;AAEA,SAAS0B,QAAQA,CAACF,EAAW,EAAEoB,GAAW,EAAE;EAC1C,QAAQpB,EAAE,CAACxD,IAAI;IACb,KAAK,MAAM;MACT,oBACE1C,IAAA,CAACN,IAAI;QAEHiD,CAAC,EAAEuD,EAAE,CAACvD,CAAE;QACR4E,MAAM,EAAErB,EAAE,CAACpF,KAAM;QACjB0G,WAAW,EAAEtB,EAAE,CAACtD,KAAM;QACtB6E,IAAI,EAAC,MAAM;QACXC,aAAa,EAAC,OAAO;QACrBC,cAAc,EAAC;MAAO,GANjBL,GAON,CAAC;IAEN,KAAK,OAAO;MAAE;QACZ,MAAMM,KAAK,GAAGC,IAAI,CAACC,KAAK,CAAC5B,EAAE,CAAClD,EAAE,GAAGkD,EAAE,CAACpD,EAAE,EAAEoD,EAAE,CAACnD,EAAE,GAAGmD,EAAE,CAACrD,EAAE,CAAC;QACtD,MAAMkF,EAAE,GAAGH,KAAK,GAAGC,IAAI,CAACG,EAAE,GAAG,CAAC;QAC9B,MAAMC,EAAE,GAAGL,KAAK,GAAGC,IAAI,CAACG,EAAE,GAAG,CAAC;QAC9B,MAAME,IAAI,GAAG,GAAGhC,EAAE,CAACnD,EAAE,IAAImD,EAAE,CAAClD,EAAE,IAAIkD,EAAE,CAACnD,EAAE,GAAG1C,UAAU,GAAGwH,IAAI,CAACM,GAAG,CAACJ,EAAE,CAAC,IACjE7B,EAAE,CAAClD,EAAE,GAAG3C,UAAU,GAAGwH,IAAI,CAACO,GAAG,CAACL,EAAE,CAAC,IAC/B7B,EAAE,CAACnD,EAAE,GAAG1C,UAAU,GAAGwH,IAAI,CAACM,GAAG,CAACF,EAAE,CAAC,IAAI/B,EAAE,CAAClD,EAAE,GAAG3C,UAAU,GAAGwH,IAAI,CAACO,GAAG,CAACH,EAAE,CAAC,EAAE;QAC5E,oBACE/H,KAAA,CAAC1B,QAAQ;UAAAkG,QAAA,gBACP1E,IAAA,CAACP,IAAI;YAACoD,EAAE,EAAEqD,EAAE,CAACrD,EAAG;YAACC,EAAE,EAAEoD,EAAE,CAACpD,EAAG;YAACC,EAAE,EAAEmD,EAAE,CAACnD,EAAG;YAACC,EAAE,EAAEkD,EAAE,CAAClD,EAAG;YAACuE,MAAM,EAAErB,EAAE,CAACpF,KAAM;YAAC0G,WAAW,EAAEtB,EAAE,CAACtD,KAAM;YAAC8E,aAAa,EAAC;UAAO,CAAE,CAAC,eACnH1H,IAAA,CAACL,OAAO;YAAC0I,MAAM,EAAEH,IAAK;YAACT,IAAI,EAAEvB,EAAE,CAACpF;UAAM,CAAE,CAAC;QAAA,GAF5BwG,GAGL,CAAC;MAEf;IACA,KAAK,OAAO;MACV,oBACEtH,IAAA,CAACR,MAAM;QAAW8I,EAAE,EAAEpC,EAAE,CAAC9D,CAAE;QAACmG,EAAE,EAAErC,EAAE,CAAC5D,CAAE;QAACkG,CAAC,EAAE,CAAE;QAACf,IAAI,EAAC,MAAM;QAACF,MAAM,EAAErB,EAAE,CAACpF,KAAM;QAAC0G,WAAW,EAAE;MAAE,GAA5EF,GAA8E,CAAC;IAEhG,KAAK,MAAM;MACT,oBACEtH,IAAA,CAACJ,OAAO;QAENwC,CAAC,EAAE8D,EAAE,CAAC9D,CAAE;QACRE,CAAC,EAAE4D,EAAE,CAAC5D,CAAE;QACRmF,IAAI,EAAEvB,EAAE,CAACpF,KAAM;QACf2H,QAAQ,EAAEnI,SAAU;QACpBoI,UAAU,EAAC,MAAM;QACjBnB,MAAM,EAAC,WAAW;QAClBC,WAAW,EAAE,GAAI;QAAA9C,QAAA,EAChBwB,EAAE,CAACxC;MAAI,GARH4D,GASE,CAAC;IAEd;MACE,OAAO,IAAI;EACf;AACF;AAEA,SAASb,UAAUA,CAAC;EAClBC,KAAK;EACLC,MAAM;EACN3B;AAKF,CAAC,EAAE;EACD,oBACEhF,IAAA,CAACX,gBAAgB;IACf2F,OAAO,EAAEA,OAAQ;IACjBL,KAAK,EAAE,CAACC,MAAM,CAAC+D,OAAO,EAAEhC,MAAM,IAAI/B,MAAM,CAACgE,aAAa,CAAE;IAAAlE,QAAA,eACxD1E,IAAA,CAACb,IAAI;MAACwF,KAAK,EAAE,CAACC,MAAM,CAACiE,SAAS,EAAElC,MAAM,IAAI/B,MAAM,CAACkE,eAAe,CAAE;MAAApE,QAAA,EAAEgC;IAAK,CAAO;EAAC,CACjE,CAAC;AAEvB;AAEA,MAAM9B,MAAM,GAAG1F,UAAU,CAAC4C,MAAM,CAAC;EAC/B+C,SAAS,EAAE;IAAEkE,IAAI,EAAE;EAAE,CAAC;EACtBhE,MAAM,EAAE;IACNiE,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,CAACpK,QAAQ,CAACqK,EAAE,KAAK,SAAS,GAAGpK,SAAS,CAACqK,aAAa,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC;IAChFC,aAAa,EAAE;EACjB,CAAC;EACDtE,MAAM,EAAE;IAAEuE,OAAO,EAAE,CAAC;IAAEC,QAAQ,EAAE;EAAG,CAAC;EACpCtE,OAAO,EAAE;IAAErE,KAAK,EAAE,MAAM;IAAE2H,QAAQ,EAAE;EAAG,CAAC;EACxCrD,QAAQ,EAAE;IAAEtE,KAAK,EAAE,MAAM;IAAE2H,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAM,CAAC;EAC5DrD,OAAO,EAAE;IACPoE,QAAQ,EAAE,EAAE;IACZC,eAAe,EAAE,CAAC;IAClBP,iBAAiB,EAAE,EAAE;IACrBQ,YAAY,EAAE,EAAE;IAChBV,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACD1D,QAAQ,EAAE;IAAE1E,KAAK,EAAE,MAAM;IAAE2H,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAM,CAAC;EAC5DjD,UAAU,EAAE;IAAEsD,IAAI,EAAE,CAAC;IAAEE,UAAU,EAAE,QAAQ;IAAEC,cAAc,EAAE;EAAS,CAAC;EACvEtD,MAAM,EAAE;IAAEmD,IAAI,EAAE,CAAC;IAAEnG,KAAK,EAAE,MAAM;IAAEkC,eAAe,EAAE;EAAO,CAAC;EAC3DuB,QAAQ,EAAE;IACR2C,aAAa,EAAE,KAAK;IACpBE,cAAc,EAAE,QAAQ;IACxBU,GAAG,EAAE,EAAE;IACPF,eAAe,EAAE;EACnB,CAAC;EACDpD,MAAM,EAAE;IAAE1D,KAAK,EAAE,EAAE;IAAEiH,MAAM,EAAE,EAAE;IAAEF,YAAY,EAAE,EAAE;IAAEG,WAAW,EAAE,CAAC;IAAEC,WAAW,EAAE;EAAO,CAAC;EACxFxD,YAAY,EAAE;IAAEwD,WAAW,EAAE,MAAM;IAAEC,SAAS,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAK,CAAC;EAAE,CAAC;EACnEzD,OAAO,EAAE;IACPwC,aAAa,EAAE,KAAK;IACpBkB,QAAQ,EAAE,MAAM;IAChBhB,cAAc,EAAE,QAAQ;IACxBU,GAAG,EAAE,CAAC;IACNT,iBAAiB,EAAE,EAAE;IACrBI,aAAa,EAAE,EAAE;IACjBH,UAAU,EAAE;EACd,CAAC;EACDT,OAAO,EAAE;IACPe,eAAe,EAAE,CAAC;IAClBP,iBAAiB,EAAE,EAAE;IACrBQ,YAAY,EAAE,EAAE;IAChB7E,eAAe,EAAE;EACnB,CAAC;EACD8D,aAAa,EAAE;IAAE9D,eAAe,EAAE;EAAU,CAAC;EAC7C+D,SAAS,EAAE;IAAE/H,KAAK,EAAE,SAAS;IAAE2H,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAM,CAAC;EAChEI,eAAe,EAAE;IAAEhI,KAAK,EAAE;EAAO,CAAC;EAClCQ,UAAU,EAAE;IACV6I,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRtB,aAAa,EAAE,KAAK;IACpBY,GAAG,EAAE,CAAC;IACNJ,OAAO,EAAE,EAAE;IACXD,aAAa,EAAE,EAAE;IACjBzE,eAAe,EAAE;EACnB,CAAC;EACDqC,SAAS,EAAE;IACT4B,IAAI,EAAE,CAAC;IACPjE,eAAe,EAAE,SAAS;IAC1BhE,KAAK,EAAE,MAAM;IACb6I,YAAY,EAAE,CAAC;IACfR,iBAAiB,EAAE,EAAE;IACrBO,eAAe,EAAE,EAAE;IACnBjB,QAAQ,EAAE;EACZ,CAAC;EACDrB,OAAO,EAAE;IACPtC,eAAe,EAAE,SAAS;IAC1B6E,YAAY,EAAE,CAAC;IACfR,iBAAiB,EAAE,EAAE;IACrBD,cAAc,EAAE;EAClB,CAAC;EACD7B,YAAY,EAAE;IAAEvG,KAAK,EAAE,MAAM;IAAE4H,UAAU,EAAE;EAAM;AACnD,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/ScreenshotPreview.js

@@ -0,0 +1,130 @@
+"use strict";
+
+import { Image, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ScreenshotPreview({
+  screenshot,
+  onRemove,
+  onEdit,
+  theme
+}) {
+  if (!screenshot?.uri) {
+    return /*#__PURE__*/_jsx(View, {
+      style: [styles.empty, {
+        borderColor: theme.borderColor
+      }],
+      children: /*#__PURE__*/_jsx(Text, {
+        style: [styles.emptyText, {
+          color: theme.mutedColor
+        }],
+        children: "No screenshot attached"
+      })
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, {
+      borderColor: theme.borderColor
+    }],
+    children: [/*#__PURE__*/_jsx(Image, {
+      source: {
+        uri: screenshot.uri
+      },
+      style: styles.image,
+      resizeMode: "contain"
+    }), /*#__PURE__*/_jsx(TouchableOpacity, {
+      accessibilityRole: "button",
+      accessibilityLabel: "Remove screenshot",
+      onPress: onRemove,
+      style: styles.removeBtn,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.removeText,
+        children: "\u2715"
+      })
+    }), onEdit && /*#__PURE__*/_jsx(TouchableOpacity, {
+      accessibilityRole: "button",
+      accessibilityLabel: "Annotate screenshot",
+      onPress: onEdit,
+      style: [styles.editBtn, {
+        backgroundColor: theme.primaryColor
+      }],
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.editText,
+        children: "\u270F\uFE0F Mark the bug"
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.badge,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.badgeText,
+        children: "Attached"
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    height: 180,
+    borderRadius: 12,
+    borderWidth: 1,
+    overflow: 'hidden',
+    backgroundColor: '#0b0c10'
+  },
+  image: {
+    width: '100%',
+    height: '100%'
+  },
+  empty: {
+    height: 80,
+    borderRadius: 12,
+    borderWidth: 1,
+    borderStyle: 'dashed',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  emptyText: {
+    fontSize: 13
+  },
+  removeBtn: {
+    position: 'absolute',
+    top: 8,
+    right: 8,
+    width: 28,
+    height: 28,
+    borderRadius: 14,
+    backgroundColor: 'rgba(0,0,0,0.6)',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  removeText: {
+    color: '#fff',
+    fontSize: 14,
+    fontWeight: '700'
+  },
+  editBtn: {
+    position: 'absolute',
+    bottom: 8,
+    right: 8,
+    paddingHorizontal: 12,
+    paddingVertical: 6,
+    borderRadius: 8
+  },
+  editText: {
+    color: '#fff',
+    fontSize: 12,
+    fontWeight: '700'
+  },
+  badge: {
+    position: 'absolute',
+    bottom: 8,
+    left: 8,
+    paddingHorizontal: 8,
+    paddingVertical: 3,
+    borderRadius: 6,
+    backgroundColor: 'rgba(37,99,235,0.9)'
+  },
+  badgeText: {
+    color: '#fff',
+    fontSize: 11,
+    fontWeight: '600'
+  }
+});
+//# sourceMappingURL=ScreenshotPreview.js.map

package/lib/module/components/ScreenshotPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Image","StyleSheet","Text","TouchableOpacity","View","jsx","_jsx","jsxs","_jsxs","ScreenshotPreview","screenshot","onRemove","onEdit","theme","uri","style","styles","empty","borderColor","children","emptyText","color","mutedColor","container","source","image","resizeMode","accessibilityRole","accessibilityLabel","onPress","removeBtn","removeText","editBtn","backgroundColor","primaryColor","editText","badge","badgeText","create","height","borderRadius","borderWidth","overflow","width","borderStyle","alignItems","justifyContent","fontSize","position","top","right","fontWeight","bottom","paddingHorizontal","paddingVertical","left"],"sourceRoot":"../../../src","sources":["components/ScreenshotPreview.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/SeveritySelector.js

@@ -0,0 +1,61 @@
+"use strict";
+
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { SEVERITIES } from '../types';
+import { SEVERITY_COLORS } from '../theme';
+import { jsx as _jsx } from "react/jsx-runtime";
+const LABELS = {
+  low: 'Low',
+  medium: 'Medium',
+  high: 'High',
+  critical: 'Critical'
+};
+export function SeveritySelector({
+  value,
+  onChange,
+  theme
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.row,
+    children: SEVERITIES.map(sev => {
+      const selected = sev === value;
+      const color = SEVERITY_COLORS[sev];
+      return /*#__PURE__*/_jsx(TouchableOpacity, {
+        accessibilityRole: "button",
+        accessibilityState: {
+          selected
+        },
+        onPress: () => onChange(sev),
+        style: [styles.chip, {
+          borderColor: selected ? color : theme.borderColor
+        }, selected && {
+          backgroundColor: color
+        }],
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [styles.label, {
+            color: selected ? '#fff' : theme.mutedColor
+          }],
+          children: LABELS[sev]
+        })
+      }, sev);
+    })
+  });
+}
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    gap: 8
+  },
+  chip: {
+    flex: 1,
+    paddingVertical: 10,
+    borderRadius: 10,
+    borderWidth: 1.5,
+    alignItems: 'center'
+  },
+  label: {
+    fontSize: 13,
+    fontWeight: '600'
+  }
+});
+//# sourceMappingURL=SeveritySelector.js.map