@mushi-mushi/react-native 0.14.0 → 0.15.0

package/dist/index.cjs

@@ -333,10 +333,47 @@ var MushiBottomSheet = ({
   const [category, setCategory] = (0, import_react.useState)(null);
   const [description, setDescription] = (0, import_react.useState)("");
   const [phase, setPhase] = (0, import_react.useState)("form");
+  const [sheetTab, setSheetTab] = (0, import_react.useState)("report");
+  const [inboxReports, setInboxReports] = (0, import_react.useState)([]);
+  const [inboxLoading, setInboxLoading] = (0, import_react.useState)(false);
+  const [selectedReportId, setSelectedReportId] = (0, import_react.useState)(null);
+  const [threadComments, setThreadComments] = (0, import_react.useState)([]);
+  const [replyText, setReplyText] = (0, import_react.useState)("");
   const [screenshotAttached, setScreenshotAttached] = (0, import_react.useState)(true);
   (0, import_react.useEffect)(() => {
-    if (visible) setScreenshotAttached(true);
-  }, [visible]);
+    if (visible) {
+      setScreenshotAttached(true);
+      if (sheetTab === "inbox") void loadInbox();
+    }
+  }, [visible, sheetTab]);
+  const loadInbox = (0, import_react.useCallback)(async () => {
+    if (!mushi?.listMyReports) return;
+    setInboxLoading(true);
+    try {
+      const rows = await mushi.listMyReports();
+      setInboxReports(rows);
+    } finally {
+      setInboxLoading(false);
+    }
+  }, [mushi]);
+  const openThread = (0, import_react.useCallback)(async (reportId) => {
+    setSelectedReportId(reportId);
+    if (!mushi?.listMyComments) return;
+    const comments = await mushi.listMyComments(reportId);
+    setThreadComments(comments);
+  }, [mushi]);
+  const sendReply = (0, import_react.useCallback)(async () => {
+    if (!mushi?.replyToReport || !selectedReportId || !replyText.trim()) return;
+    await mushi.replyToReport(selectedReportId, replyText.trim());
+    setReplyText("");
+    await openThread(selectedReportId);
+  }, [mushi, selectedReportId, replyText, openThread]);
+  const submitFeedback = (0, import_react.useCallback)(async (signal) => {
+    if (!mushi?.submitFeedbackSignal || !selectedReportId) return;
+    await mushi.submitFeedbackSignal(selectedReportId, signal);
+    await loadInbox();
+    await openThread(selectedReportId);
+  }, [mushi, selectedReportId, loadInbox, openThread]);
   const resetForm = (0, import_react.useCallback)(() => {
     setCategory(null);
     setDescription("");
@@ -444,7 +481,44 @@ var MushiBottomSheet = ({
             ],
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.View, { ...panResponder.panHandlers, style: s.handleArea, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.View, { style: [s.handle, { backgroundColor: colors.sub }] }) }),
-              phase === "sent" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native2.View, { style: s.sentWrap, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.View, { style: s.tabRow, children: ["report", "inbox"].map((tab) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_react_native2.TouchableOpacity,
+                {
+                  onPress: () => {
+                    setSheetTab(tab);
+                    if (tab === "inbox") void loadInbox();
+                    else setSelectedReportId(null);
+                  },
+                  style: [s.tabBtn, sheetTab === tab && { borderBottomColor: colors.accent }],
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.tabLabel, { color: sheetTab === tab ? colors.accent : colors.sub }], children: tab === "report" ? "Report" : "Inbox" })
+                },
+                tab
+              )) }),
+              sheetTab === "inbox" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.View, { style: s.body, children: inboxLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: { color: colors.sub }, children: "Loading\u2026" }) : selectedReportId ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.TouchableOpacity, { onPress: () => setSelectedReportId(null), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: { color: colors.accent, marginBottom: 8 }, children: "\u2190 Back" }) }),
+                threadComments.map((c) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native2.View, { style: [s.threadBubble, { backgroundColor: colors.card }], children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: { color: colors.sub, fontSize: 11 }, children: c.author_kind }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: { color: colors.text }, children: c.body })
+                ] }, c.id)),
+                inboxReports.find((r) => r.id === selectedReportId)?.status === "fixed" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native2.View, { style: s.verifyRow, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.TouchableOpacity, { style: [s.verifyBtn, { backgroundColor: colors.accent }], onPress: () => submitFeedback("confirms"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: s.submitText, children: "Yes, fixed" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.TouchableOpacity, { style: [s.verifyBtn, { backgroundColor: colors.border }], onPress: () => submitFeedback("not_fixed"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.submitText, { color: colors.text }], children: "Not fixed" }) })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_react_native2.TextInput,
+                  {
+                    style: [s.input, { backgroundColor: colors.card, color: colors.text, borderColor: colors.border, minHeight: 48 }],
+                    placeholder: "Reply\u2026",
+                    placeholderTextColor: colors.sub,
+                    value: replyText,
+                    onChangeText: setReplyText
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.TouchableOpacity, { style: [s.submitBtn, { backgroundColor: colors.accent }], onPress: sendReply, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: s.submitText, children: "Send" }) })
+              ] }) : inboxReports.map((r) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native2.TouchableOpacity, { style: [s.inboxRow, { borderColor: colors.border }], onPress: () => openThread(r.id), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: { color: colors.text, fontWeight: "600" }, numberOfLines: 1, children: (r.summary ?? r.description ?? "Report").slice(0, 60) }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: { color: colors.sub, fontSize: 11 }, children: r.status })
+              ] }, r.id)) }) : phase === "sent" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native2.View, { style: s.sentWrap, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.sentEmoji], children: "\u2705" }),
                 /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.sentText, { color: colors.text }], children: "Report sent!" })
               ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native2.View, { style: s.body, children: [
@@ -671,6 +745,43 @@ var s = import_react_native2.StyleSheet.create({
     fontSize: 16,
     fontWeight: "700",
     paddingHorizontal: 4
+  },
+  tabRow: {
+    flexDirection: "row",
+    borderBottomWidth: import_react_native2.StyleSheet.hairlineWidth,
+    borderBottomColor: "#ccc",
+    marginBottom: 8
+  },
+  tabBtn: {
+    flex: 1,
+    alignItems: "center",
+    paddingVertical: 10,
+    borderBottomWidth: 2,
+    borderBottomColor: "transparent"
+  },
+  tabLabel: {
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  inboxRow: {
+    paddingVertical: 12,
+    borderBottomWidth: import_react_native2.StyleSheet.hairlineWidth
+  },
+  threadBubble: {
+    borderRadius: 10,
+    padding: 10,
+    marginBottom: 8
+  },
+  verifyRow: {
+    flexDirection: "row",
+    gap: 8,
+    marginBottom: 12
+  },
+  verifyBtn: {
+    flex: 1,
+    borderRadius: 10,
+    paddingVertical: 10,
+    alignItems: "center"
   }
 });
 
@@ -993,6 +1104,18 @@ function MushiProvider({ children, ...config }) {
         const res = await client.replyToReporterReport(reportId, reporterTokenRef.current, body);
         return res.ok ? res.data.comment : null;
       },
+      async submitFeedbackSignal(reportId, signal, note) {
+        const client = apiClientRef.current;
+        if (!client) return null;
+        const res = await client.replyToReporterReport(reportId, reporterTokenRef.current, note ?? "", signal);
+        return res.ok ? res.data.feedback ?? null : null;
+      },
+      async reopenReport(reportId, note) {
+        const client = apiClientRef.current;
+        if (!client) return null;
+        const res = await client.reopenReporterReport(reportId, reporterTokenRef.current, note);
+        return res.ok ? res.data.outcome : null;
+      },
       // Leaderboard — SDK-public anonymized hall-of-fame
       async getHallOfFame(limit = 10) {
         const client = apiClientRef.current;

package/dist/index.d.cts

@@ -107,6 +107,10 @@ interface MushiRNInstance {
     listMyComments(reportId: string): Promise<MushiReporterComment[]>;
     /** Post a reporter reply on a report thread. Returns the new comment or null on failure. */
     replyToReport(reportId: string, body: string): Promise<MushiReporterComment | null>;
+    /** Record a reporter feedback signal (e.g. `confirms`, `not_fixed`) on a report. Returns the outcome or null. */
+    submitFeedbackSignal(reportId: string, signal: string, note?: string): Promise<Record<string, unknown> | null>;
+    /** Reopen a report the reporter flagged as not fixed. Returns the reopen outcome or null. */
+    reopenReport(reportId: string, note?: string): Promise<Record<string, unknown> | null>;
     /** Fetch the project's top contributors by points (max 50). */
     getHallOfFame(limit?: number): Promise<MushiHallOfFameEntry[]>;
     /** Manually record a host-defined activity event. */

package/dist/index.d.ts

@@ -107,6 +107,10 @@ interface MushiRNInstance {
     listMyComments(reportId: string): Promise<MushiReporterComment[]>;
     /** Post a reporter reply on a report thread. Returns the new comment or null on failure. */
     replyToReport(reportId: string, body: string): Promise<MushiReporterComment | null>;
+    /** Record a reporter feedback signal (e.g. `confirms`, `not_fixed`) on a report. Returns the outcome or null. */
+    submitFeedbackSignal(reportId: string, signal: string, note?: string): Promise<Record<string, unknown> | null>;
+    /** Reopen a report the reporter flagged as not fixed. Returns the reopen outcome or null. */
+    reopenReport(reportId: string, note?: string): Promise<Record<string, unknown> | null>;
     /** Fetch the project's top contributors by points (max 50). */
     getHallOfFame(limit?: number): Promise<MushiHallOfFameEntry[]>;
     /** Manually record a host-defined activity event. */

package/dist/index.js

@@ -299,7 +299,7 @@ import {
   KeyboardAvoidingView,
   useColorScheme
 } from "react-native";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var { height: SCREEN_HEIGHT } = Dimensions2.get("window");
 var SHEET_HEIGHT = SCREEN_HEIGHT * 0.55;
 var DISMISS_THRESHOLD = 80;
@@ -324,10 +324,47 @@ var MushiBottomSheet = ({
   const [category, setCategory] = useState(null);
   const [description, setDescription] = useState("");
   const [phase, setPhase] = useState("form");
+  const [sheetTab, setSheetTab] = useState("report");
+  const [inboxReports, setInboxReports] = useState([]);
+  const [inboxLoading, setInboxLoading] = useState(false);
+  const [selectedReportId, setSelectedReportId] = useState(null);
+  const [threadComments, setThreadComments] = useState([]);
+  const [replyText, setReplyText] = useState("");
   const [screenshotAttached, setScreenshotAttached] = useState(true);
   useEffect(() => {
-    if (visible) setScreenshotAttached(true);
-  }, [visible]);
+    if (visible) {
+      setScreenshotAttached(true);
+      if (sheetTab === "inbox") void loadInbox();
+    }
+  }, [visible, sheetTab]);
+  const loadInbox = useCallback(async () => {
+    if (!mushi?.listMyReports) return;
+    setInboxLoading(true);
+    try {
+      const rows = await mushi.listMyReports();
+      setInboxReports(rows);
+    } finally {
+      setInboxLoading(false);
+    }
+  }, [mushi]);
+  const openThread = useCallback(async (reportId) => {
+    setSelectedReportId(reportId);
+    if (!mushi?.listMyComments) return;
+    const comments = await mushi.listMyComments(reportId);
+    setThreadComments(comments);
+  }, [mushi]);
+  const sendReply = useCallback(async () => {
+    if (!mushi?.replyToReport || !selectedReportId || !replyText.trim()) return;
+    await mushi.replyToReport(selectedReportId, replyText.trim());
+    setReplyText("");
+    await openThread(selectedReportId);
+  }, [mushi, selectedReportId, replyText, openThread]);
+  const submitFeedback = useCallback(async (signal) => {
+    if (!mushi?.submitFeedbackSignal || !selectedReportId) return;
+    await mushi.submitFeedbackSignal(selectedReportId, signal);
+    await loadInbox();
+    await openThread(selectedReportId);
+  }, [mushi, selectedReportId, loadInbox, openThread]);
   const resetForm = useCallback(() => {
     setCategory(null);
     setDescription("");
@@ -435,7 +472,44 @@ var MushiBottomSheet = ({
             ],
             children: [
               /* @__PURE__ */ jsx(View, { ...panResponder.panHandlers, style: s.handleArea, children: /* @__PURE__ */ jsx(View, { style: [s.handle, { backgroundColor: colors.sub }] }) }),
-              phase === "sent" ? /* @__PURE__ */ jsxs(View, { style: s.sentWrap, children: [
+              /* @__PURE__ */ jsx(View, { style: s.tabRow, children: ["report", "inbox"].map((tab) => /* @__PURE__ */ jsx(
+                TouchableOpacity,
+                {
+                  onPress: () => {
+                    setSheetTab(tab);
+                    if (tab === "inbox") void loadInbox();
+                    else setSelectedReportId(null);
+                  },
+                  style: [s.tabBtn, sheetTab === tab && { borderBottomColor: colors.accent }],
+                  children: /* @__PURE__ */ jsx(Text, { style: [s.tabLabel, { color: sheetTab === tab ? colors.accent : colors.sub }], children: tab === "report" ? "Report" : "Inbox" })
+                },
+                tab
+              )) }),
+              sheetTab === "inbox" ? /* @__PURE__ */ jsx(View, { style: s.body, children: inboxLoading ? /* @__PURE__ */ jsx(Text, { style: { color: colors.sub }, children: "Loading\u2026" }) : selectedReportId ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(TouchableOpacity, { onPress: () => setSelectedReportId(null), children: /* @__PURE__ */ jsx(Text, { style: { color: colors.accent, marginBottom: 8 }, children: "\u2190 Back" }) }),
+                threadComments.map((c) => /* @__PURE__ */ jsxs(View, { style: [s.threadBubble, { backgroundColor: colors.card }], children: [
+                  /* @__PURE__ */ jsx(Text, { style: { color: colors.sub, fontSize: 11 }, children: c.author_kind }),
+                  /* @__PURE__ */ jsx(Text, { style: { color: colors.text }, children: c.body })
+                ] }, c.id)),
+                inboxReports.find((r) => r.id === selectedReportId)?.status === "fixed" && /* @__PURE__ */ jsxs(View, { style: s.verifyRow, children: [
+                  /* @__PURE__ */ jsx(TouchableOpacity, { style: [s.verifyBtn, { backgroundColor: colors.accent }], onPress: () => submitFeedback("confirms"), children: /* @__PURE__ */ jsx(Text, { style: s.submitText, children: "Yes, fixed" }) }),
+                  /* @__PURE__ */ jsx(TouchableOpacity, { style: [s.verifyBtn, { backgroundColor: colors.border }], onPress: () => submitFeedback("not_fixed"), children: /* @__PURE__ */ jsx(Text, { style: [s.submitText, { color: colors.text }], children: "Not fixed" }) })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  TextInput,
+                  {
+                    style: [s.input, { backgroundColor: colors.card, color: colors.text, borderColor: colors.border, minHeight: 48 }],
+                    placeholder: "Reply\u2026",
+                    placeholderTextColor: colors.sub,
+                    value: replyText,
+                    onChangeText: setReplyText
+                  }
+                ),
+                /* @__PURE__ */ jsx(TouchableOpacity, { style: [s.submitBtn, { backgroundColor: colors.accent }], onPress: sendReply, children: /* @__PURE__ */ jsx(Text, { style: s.submitText, children: "Send" }) })
+              ] }) : inboxReports.map((r) => /* @__PURE__ */ jsxs(TouchableOpacity, { style: [s.inboxRow, { borderColor: colors.border }], onPress: () => openThread(r.id), children: [
+                /* @__PURE__ */ jsx(Text, { style: { color: colors.text, fontWeight: "600" }, numberOfLines: 1, children: (r.summary ?? r.description ?? "Report").slice(0, 60) }),
+                /* @__PURE__ */ jsx(Text, { style: { color: colors.sub, fontSize: 11 }, children: r.status })
+              ] }, r.id)) }) : phase === "sent" ? /* @__PURE__ */ jsxs(View, { style: s.sentWrap, children: [
                 /* @__PURE__ */ jsx(Text, { style: [s.sentEmoji], children: "\u2705" }),
                 /* @__PURE__ */ jsx(Text, { style: [s.sentText, { color: colors.text }], children: "Report sent!" })
               ] }) : /* @__PURE__ */ jsxs(View, { style: s.body, children: [
@@ -662,6 +736,43 @@ var s = StyleSheet.create({
     fontSize: 16,
     fontWeight: "700",
     paddingHorizontal: 4
+  },
+  tabRow: {
+    flexDirection: "row",
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    borderBottomColor: "#ccc",
+    marginBottom: 8
+  },
+  tabBtn: {
+    flex: 1,
+    alignItems: "center",
+    paddingVertical: 10,
+    borderBottomWidth: 2,
+    borderBottomColor: "transparent"
+  },
+  tabLabel: {
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  inboxRow: {
+    paddingVertical: 12,
+    borderBottomWidth: StyleSheet.hairlineWidth
+  },
+  threadBubble: {
+    borderRadius: 10,
+    padding: 10,
+    marginBottom: 8
+  },
+  verifyRow: {
+    flexDirection: "row",
+    gap: 8,
+    marginBottom: 12
+  },
+  verifyBtn: {
+    flex: 1,
+    borderRadius: 10,
+    paddingVertical: 10,
+    alignItems: "center"
   }
 });
 
@@ -990,6 +1101,18 @@ function MushiProvider({ children, ...config }) {
         const res = await client.replyToReporterReport(reportId, reporterTokenRef.current, body);
         return res.ok ? res.data.comment : null;
       },
+      async submitFeedbackSignal(reportId, signal, note) {
+        const client = apiClientRef.current;
+        if (!client) return null;
+        const res = await client.replyToReporterReport(reportId, reporterTokenRef.current, note ?? "", signal);
+        return res.ok ? res.data.feedback ?? null : null;
+      },
+      async reopenReport(reportId, note) {
+        const client = apiClientRef.current;
+        if (!client) return null;
+        const res = await client.reopenReporterReport(reportId, reporterTokenRef.current, note);
+        return res.ok ? res.data.outcome : null;
+      },
       // Leaderboard — SDK-public anonymized hall-of-fame
       async getHallOfFame(limit = 10) {
         const client = apiClientRef.current;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mushi-mushi/react-native",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "license": "MIT",
   "description": "React Native SDK for Mushi Mushi — shake-to-report, bottom sheet widget, full context capture",
   "main": "./dist/index.js",
@@ -33,7 +33,7 @@
     }
   },
   "dependencies": {
-    "@mushi-mushi/core": "^1.10.0"
+    "@mushi-mushi/core": "^1.11.0"
   },
   "devDependencies": {
     "@types/react": "^19.2.14",