@mushi-mushi/react-native 0.15.0 → 0.15.2

package/dist/index.cjs

@@ -170,10 +170,12 @@ var AsyncStorageQueue = class {
   maxSize;
   apiEndpoint;
   apiKey;
+  onSynced;
   constructor(config) {
     this.maxSize = config.maxSize ?? 50;
     this.apiEndpoint = config.apiEndpoint;
     this.apiKey = config.apiKey;
+    this.onSynced = config.onSynced;
   }
   async enqueue(report) {
     const AsyncStorage = await this.getAsyncStorage();
@@ -195,6 +197,13 @@ var AsyncStorageQueue = class {
       const ok = await sendWithRetry(item, this.apiEndpoint, this.apiKey);
       if (ok) {
         flushed++;
+        const reportId = item.report.id;
+        if (typeof reportId === "string") {
+          try {
+            this.onSynced?.(reportId);
+          } catch {
+          }
+        }
       } else {
         remaining.push(item);
         break;
@@ -319,6 +328,7 @@ var CATEGORIES = [
   { key: "confusing", emoji: "\u{1F615}", label: "Confusing" },
   { key: "other", emoji: "\u{1F4AC}", label: "Other" }
 ];
+var VERIFIABLE_STATUSES = /* @__PURE__ */ new Set(["fixed", "resolved", "verified"]);
 var MushiBottomSheet = ({
   visible,
   onClose,
@@ -340,12 +350,6 @@ var MushiBottomSheet = ({
   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);
-      if (sheetTab === "inbox") void loadInbox();
-    }
-  }, [visible, sheetTab]);
   const loadInbox = (0, import_react.useCallback)(async () => {
     if (!mushi?.listMyReports) return;
     setInboxLoading(true);
@@ -356,6 +360,12 @@ var MushiBottomSheet = ({
       setInboxLoading(false);
     }
   }, [mushi]);
+  (0, import_react.useEffect)(() => {
+    if (visible) {
+      setScreenshotAttached(true);
+      if (sheetTab === "inbox") void loadInbox();
+    }
+  }, [visible, sheetTab, loadInbox]);
   const openThread = (0, import_react.useCallback)(async (reportId) => {
     setSelectedReportId(reportId);
     if (!mushi?.listMyComments) return;
@@ -500,7 +510,9 @@ var MushiBottomSheet = ({
                   /* @__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: [
+                VERIFIABLE_STATUSES.has(
+                  inboxReports.find((r) => r.id === selectedReportId)?.status ?? ""
+                ) && /* @__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" }) })
                 ] }),
@@ -876,12 +888,16 @@ function MushiProvider({ children, ...config }) {
       resolveReporterTokenReady = resolve;
     })
   );
-  if (config.endpoint !== void 0 && config.endpoint.trim() === "") {
+  const rawEndpoint = config.apiEndpoint ?? config.endpoint;
+  if (rawEndpoint !== void 0 && rawEndpoint.trim() === "") {
     throw new Error(
-      "[MushiProvider] endpoint is set to an empty string. Set endpoint to your Supabase edge function URL, e.g. https://xyz.supabase.co/functions/v1/api, or omit it to use the cloud default."
+      "[MushiProvider] apiEndpoint is set to an empty string. Set apiEndpoint to your Supabase edge function URL, e.g. https://xyz.supabase.co/functions/v1/api, or omit it to use the cloud default."
     );
   }
-  const apiEndpoint = config.endpoint ?? import_core.DEFAULT_API_ENDPOINT;
+  if (config.endpoint && !config.apiEndpoint && __DEV__) {
+    console.warn("[MushiProvider] `endpoint` is deprecated \u2014 use `apiEndpoint` instead.");
+  }
+  const apiEndpoint = rawEndpoint ?? import_core.DEFAULT_API_ENDPOINT;
   (0, import_react3.useEffect)(() => {
     if (config.capture?.console !== false) {
       consoleRef.current = setupConsoleCapture(config.capture?.maxConsoleEntries);
@@ -897,7 +913,11 @@ function MushiProvider({ children, ...config }) {
     queueRef.current = new AsyncStorageQueue({
       maxSize: config.storage?.maxQueueSize,
       apiEndpoint,
-      apiKey: config.apiKey
+      apiKey: config.apiKey,
+      // `onReportSynced` fires here — when a previously-queued report actually
+      // drains to the server — not on the direct-submit path (where it would be
+      // indistinguishable from `onReportSubmitted` and thus meaningless).
+      onSynced: (reportId) => config.callbacks?.onReportSynced?.(reportId)
     });
     queueRef.current.flush().catch(() => {
     });
@@ -1031,9 +1051,12 @@ function MushiProvider({ children, ...config }) {
       const result = await client.submitReport(report);
       if (!result.ok) {
         await queueRef.current?.enqueue(report);
+        config.callbacks?.onReportQueued?.(report.id);
+      } else {
+        config.callbacks?.onReportSubmitted?.(report.id);
       }
     },
-    [config.projectId, apiEndpoint]
+    [config.projectId, config.callbacks, apiEndpoint]
   );
   const userRef = (0, import_react3.useRef)(null);
   const metadataRef = (0, import_react3.useRef)({});

package/dist/index.d.cts

@@ -46,7 +46,18 @@ declare function getDeviceInfo(): DeviceInfo;
 interface MushiRNConfig {
     projectId: string;
     apiKey: string;
+    /** @deprecated Prefer `apiEndpoint` — kept for backward compatibility */
     endpoint?: string;
+    /** Canonical Mushi API base URL (e.g. https://xyz.supabase.co/functions/v1/api) */
+    apiEndpoint?: string;
+    /** Lifecycle callbacks for host-app integration (replaces polling in HHTP etc.) */
+    callbacks?: {
+        onReportSubmitted?: (reportId: string) => void;
+        onReportQueued?: (reportId: string) => void;
+        onReportSynced?: (reportId: string) => void;
+        onReporterReply?: (reportId: string, commentId: string) => void;
+        onFixStatusChanged?: (reportId: string, status: string) => void;
+    };
     widget?: {
         trigger?: 'shake' | 'button' | 'both' | 'manual' | 'auto' | 'edge-tab' | 'hidden' | 'attach';
         shakeThreshold?: number;
@@ -240,10 +251,13 @@ declare class AsyncStorageQueue {
     private maxSize;
     private apiEndpoint;
     private apiKey;
+    private onSynced?;
     constructor(config: {
         maxSize?: number;
         apiEndpoint: string;
         apiKey: string;
+        /** Fired once per queued report that drains successfully to the server. */
+        onSynced?: (reportId: string) => void;
     });
     enqueue(report: object): Promise<void>;
     flush(): Promise<number>;

package/dist/index.d.ts

@@ -46,7 +46,18 @@ declare function getDeviceInfo(): DeviceInfo;
 interface MushiRNConfig {
     projectId: string;
     apiKey: string;
+    /** @deprecated Prefer `apiEndpoint` — kept for backward compatibility */
     endpoint?: string;
+    /** Canonical Mushi API base URL (e.g. https://xyz.supabase.co/functions/v1/api) */
+    apiEndpoint?: string;
+    /** Lifecycle callbacks for host-app integration (replaces polling in HHTP etc.) */
+    callbacks?: {
+        onReportSubmitted?: (reportId: string) => void;
+        onReportQueued?: (reportId: string) => void;
+        onReportSynced?: (reportId: string) => void;
+        onReporterReply?: (reportId: string, commentId: string) => void;
+        onFixStatusChanged?: (reportId: string, status: string) => void;
+    };
     widget?: {
         trigger?: 'shake' | 'button' | 'both' | 'manual' | 'auto' | 'edge-tab' | 'hidden' | 'attach';
         shakeThreshold?: number;
@@ -240,10 +251,13 @@ declare class AsyncStorageQueue {
     private maxSize;
     private apiEndpoint;
     private apiKey;
+    private onSynced?;
     constructor(config: {
         maxSize?: number;
         apiEndpoint: string;
         apiKey: string;
+        /** Fired once per queued report that drains successfully to the server. */
+        onSynced?: (reportId: string) => void;
     });
     enqueue(report: object): Promise<void>;
     flush(): Promise<number>;

package/dist/index.js

@@ -142,10 +142,12 @@ var AsyncStorageQueue = class {
   maxSize;
   apiEndpoint;
   apiKey;
+  onSynced;
   constructor(config) {
     this.maxSize = config.maxSize ?? 50;
     this.apiEndpoint = config.apiEndpoint;
     this.apiKey = config.apiKey;
+    this.onSynced = config.onSynced;
   }
   async enqueue(report) {
     const AsyncStorage = await this.getAsyncStorage();
@@ -167,6 +169,13 @@ var AsyncStorageQueue = class {
       const ok = await sendWithRetry(item, this.apiEndpoint, this.apiKey);
       if (ok) {
         flushed++;
+        const reportId = item.report.id;
+        if (typeof reportId === "string") {
+          try {
+            this.onSynced?.(reportId);
+          } catch {
+          }
+        }
       } else {
         remaining.push(item);
         break;
@@ -310,6 +319,7 @@ var CATEGORIES = [
   { key: "confusing", emoji: "\u{1F615}", label: "Confusing" },
   { key: "other", emoji: "\u{1F4AC}", label: "Other" }
 ];
+var VERIFIABLE_STATUSES = /* @__PURE__ */ new Set(["fixed", "resolved", "verified"]);
 var MushiBottomSheet = ({
   visible,
   onClose,
@@ -331,12 +341,6 @@ var MushiBottomSheet = ({
   const [threadComments, setThreadComments] = useState([]);
   const [replyText, setReplyText] = useState("");
   const [screenshotAttached, setScreenshotAttached] = useState(true);
-  useEffect(() => {
-    if (visible) {
-      setScreenshotAttached(true);
-      if (sheetTab === "inbox") void loadInbox();
-    }
-  }, [visible, sheetTab]);
   const loadInbox = useCallback(async () => {
     if (!mushi?.listMyReports) return;
     setInboxLoading(true);
@@ -347,6 +351,12 @@ var MushiBottomSheet = ({
       setInboxLoading(false);
     }
   }, [mushi]);
+  useEffect(() => {
+    if (visible) {
+      setScreenshotAttached(true);
+      if (sheetTab === "inbox") void loadInbox();
+    }
+  }, [visible, sheetTab, loadInbox]);
   const openThread = useCallback(async (reportId) => {
     setSelectedReportId(reportId);
     if (!mushi?.listMyComments) return;
@@ -491,7 +501,9 @@ var MushiBottomSheet = ({
                   /* @__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: [
+                VERIFIABLE_STATUSES.has(
+                  inboxReports.find((r) => r.id === selectedReportId)?.status ?? ""
+                ) && /* @__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" }) })
                 ] }),
@@ -873,12 +885,16 @@ function MushiProvider({ children, ...config }) {
       resolveReporterTokenReady = resolve;
     })
   );
-  if (config.endpoint !== void 0 && config.endpoint.trim() === "") {
+  const rawEndpoint = config.apiEndpoint ?? config.endpoint;
+  if (rawEndpoint !== void 0 && rawEndpoint.trim() === "") {
     throw new Error(
-      "[MushiProvider] endpoint is set to an empty string. Set endpoint to your Supabase edge function URL, e.g. https://xyz.supabase.co/functions/v1/api, or omit it to use the cloud default."
+      "[MushiProvider] apiEndpoint is set to an empty string. Set apiEndpoint to your Supabase edge function URL, e.g. https://xyz.supabase.co/functions/v1/api, or omit it to use the cloud default."
     );
   }
-  const apiEndpoint = config.endpoint ?? DEFAULT_API_ENDPOINT;
+  if (config.endpoint && !config.apiEndpoint && __DEV__) {
+    console.warn("[MushiProvider] `endpoint` is deprecated \u2014 use `apiEndpoint` instead.");
+  }
+  const apiEndpoint = rawEndpoint ?? DEFAULT_API_ENDPOINT;
   useEffect2(() => {
     if (config.capture?.console !== false) {
       consoleRef.current = setupConsoleCapture(config.capture?.maxConsoleEntries);
@@ -894,7 +910,11 @@ function MushiProvider({ children, ...config }) {
     queueRef.current = new AsyncStorageQueue({
       maxSize: config.storage?.maxQueueSize,
       apiEndpoint,
-      apiKey: config.apiKey
+      apiKey: config.apiKey,
+      // `onReportSynced` fires here — when a previously-queued report actually
+      // drains to the server — not on the direct-submit path (where it would be
+      // indistinguishable from `onReportSubmitted` and thus meaningless).
+      onSynced: (reportId) => config.callbacks?.onReportSynced?.(reportId)
     });
     queueRef.current.flush().catch(() => {
     });
@@ -1028,9 +1048,12 @@ function MushiProvider({ children, ...config }) {
       const result = await client.submitReport(report);
       if (!result.ok) {
         await queueRef.current?.enqueue(report);
+        config.callbacks?.onReportQueued?.(report.id);
+      } else {
+        config.callbacks?.onReportSubmitted?.(report.id);
       }
     },
-    [config.projectId, apiEndpoint]
+    [config.projectId, config.callbacks, apiEndpoint]
   );
   const userRef = useRef3(null);
   const metadataRef = useRef3({});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mushi-mushi/react-native",
-  "version": "0.15.0",
+  "version": "0.15.2",
   "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.11.0"
+    "@mushi-mushi/core": "^1.12.0"
   },
   "devDependencies": {
     "@types/react": "^19.2.14",