@mushi-mushi/react-native 0.17.0 → 0.19.0

package/CHANGELOG.md

@@ -1,10 +1,54 @@
 # @mushi-mushi/react-native
 
-## 0.17.0
+## 0.19.0
 
 ### Minor Changes
 
-- 94e93e8: Report payload + identity parity with the web SDK, and a web-parity bottom sheet.
+- a8f183e: Show the captured screenshot as a visible preview with a configurable
+  "remove anything sensitive" privacy caption, so reporters can see and consent to
+  exactly what gets sent.
+
+  - **core/types**: new `widget.screenshotSensitiveHint?: boolean | string` config.
+    `true` (default) shows the localized caption, a string overrides it verbatim,
+    `false` hides the caption (the preview + remove control always remain). Travels
+    in the `widget` block of `GET /v1/sdk/config`, so it's settable per-host via the
+    SDK and remotely via the Mushi console runtime config.
+  - **web/widget**: the details step now renders the attached screenshot as an
+    `<img>` preview (previously only a "Screenshot attached ✓" label) with an
+    optional privacy caption beneath it. The preview stays in sync through the
+    annotate/markup flow and clears when the screenshot is removed. Image `src` and
+    caption are HTML-escaped. New `en`/`es`/`ja`/`th` strings.
+  - **react-native**: the bottom sheet's existing screenshot thumbnail gains the
+    same configurable privacy caption, resolved by the provider from
+    `widget.screenshotSensitiveHint`.
+
+  This lets privacy-sensitive hosts (e.g. finance apps) enable screenshot capture
+  with an explicit user-facing review-and-remove step instead of disabling it
+  outright.
+
+### Patch Changes
+
+- Updated dependencies [a8f183e]
+- Updated dependencies [a8f183e]
+  - @mushi-mushi/core@1.19.0
+
+## 0.18.1
+
+### Patch Changes
+
+- 8516682: Dependency housekeeping — runtime major-version bumps.
+
+  - **inventory-schema**: migrate to **Zod 4** (`zod@^4.4.3`), aligning with `@mushi-mushi/mcp` and `@mushi-mushi/agents`, which were already on v4. The public API is unchanged; the validation-issue path formatter now handles Zod 4's widened `PropertyKey[]` issue paths.
+  - **cli**: bump `commander` to **v15** (ESM-only; the CLI is already pure ESM, so the change is transparent to consumers).
+  - **mcp-ci**: bump `@actions/core` to **v3** (ESM-only, Node 24-ready; bundled via tsup).
+  - **react-native**: build and test against **react-native 0.86**. `StyleSheet.absoluteFillObject` was dropped from RN 0.86's TypeScript types, so the backdrop style now inlines the equivalent absolute-fill literal — runtime behavior is identical and it compiles against all supported `react-native >= 0.72`.
+
+## 0.18.0
+
+### Minor Changes
+
+- 679b158: Report payload + identity parity with the web SDK, and a web-parity bottom sheet.
+
   - **Reporter identity (fixes anonymous-token reporter):** `submitReport` now emits nested `metadata.user = { id, email, name, provider }` — the shape the server's `resolveEndUser()` reads — while keeping the flat `userId/userEmail/userName` keys for back-compat. Adds a `setUser()` alias next to `identify()`.
   - **Sentry-level payload:** every report now carries a per-launch `sessionId`, `sdkPackage`/`sdkVersion`/`appVersion`, a device `fingerprintHash`, and a 50-entry breadcrumb ring buffer that is also sent as a derived repro `timeline` (so the admin "Repro timeline" renders instead of nudging "Upgrade the SDK"). New `addBreadcrumb()` method; `setScreen()` auto-adds a navigation breadcrumb.
   - **Screenshots:** new `capture.screenshot` config flag (default on) gating the optional `react-native-view-shot` capture; documented masking guidance for sensitive screens.
@@ -12,8 +56,15 @@
 
 ### Patch Changes
 
-- Updated dependencies [94e93e8]
-  - @mushi-mushi/core@1.16.0
+- Dependency housekeeping — runtime major-version bumps.
+
+  - **inventory-schema**: migrate to **Zod 4** (`zod@^4.4.3`), aligning with `@mushi-mushi/mcp` and `@mushi-mushi/agents`, which were already on v4. The public API is unchanged; the validation-issue path formatter now handles Zod 4's widened `PropertyKey[]` issue paths.
+  - **cli**: bump `commander` to **v15** (now ESM-only; the CLI is already pure ESM, so the change is transparent to consumers).
+  - **mcp-ci**: bump `@actions/core` to **v3** (ESM-only, Node 24-ready; bundled via tsup).
+  - **react-native**: build and test against **react-native 0.86**. `StyleSheet.absoluteFillObject` was dropped from RN 0.86's TypeScript types, so the backdrop style now inlines the equivalent absolute-fill literal — runtime behavior is identical and it compiles against all supported `react-native >= 0.72`.
+
+- Updated dependencies [679b158]
+  - @mushi-mushi/core@1.17.0
 
 ## 0.16.0
 

package/dist/index.cjs

@@ -364,7 +364,8 @@ var MushiBottomSheet = ({
   visible,
   onClose,
   screenshotDataUrl,
-  onClearScreenshot
+  onClearScreenshot,
+  screenshotSensitiveHint
 }) => {
   const mushi = useMushiContext();
   const scheme = (0, import_react_native2.useColorScheme)();
@@ -656,7 +657,7 @@ var MushiBottomSheet = ({
                       ),
                       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native2.View, { style: s.screenshotMeta, children: [
                         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.screenshotLabel, { color: colors.text }], children: "Screenshot attached" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.screenshotSub, { color: colors.sub }], children: "Helps the team see the issue" })
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.screenshotSub, { color: colors.sub }], children: screenshotSensitiveHint && screenshotSensitiveHint.trim() ? `\u26A0 ${screenshotSensitiveHint}` : "Helps the team see the issue" })
                       ] }),
                       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                         import_react_native2.TouchableOpacity,
@@ -697,7 +698,13 @@ var MushiBottomSheet = ({
 var s = import_react_native2.StyleSheet.create({
   flex: { flex: 1 },
   backdrop: {
-    ...import_react_native2.StyleSheet.absoluteFillObject
+    // Inlined StyleSheet.absoluteFillObject — RN 0.86 dropped it from the
+    // StyleSheet TS types; the literal is equivalent and works on all RN >=0.72.
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
   },
   sheet: {
     position: "absolute",
@@ -1074,11 +1081,17 @@ var s2 = import_react_native3.StyleSheet.create({
 
 // src/version.ts
 var MUSHI_SDK_PACKAGE = "@mushi-mushi/react-native";
-var MUSHI_SDK_VERSION = "0.17.0" ? "0.17.0" : "0.17.0";
+var MUSHI_SDK_VERSION = "0.19.0" ? "0.19.0" : "0.17.0";
 
 // src/provider.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var MushiContext = (0, import_react3.createContext)(null);
+var DEFAULT_SCREENSHOT_HINT = "Check the preview \u2014 remove it if any private info (balances, personal details) is visible.";
+function resolveScreenshotHint(v) {
+  if (v === false) return null;
+  if (typeof v === "string") return v.trim() ? v : null;
+  return DEFAULT_SCREENSHOT_HINT;
+}
 function breadcrumbToTimelineKind(category) {
   switch (category) {
     case "navigation":
@@ -1152,7 +1165,9 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
       projectId: config.projectId,
       apiKey: config.apiKey,
       apiEndpoint,
-      getUserToken: () => userTokenRef.current
+      getUserToken: () => userTokenRef.current,
+      sdkPackage: MUSHI_SDK_PACKAGE,
+      sdkVersion: MUSHI_SDK_VERSION
     });
     queueRef.current = new AsyncStorageQueue({
       maxSize: config.storage?.maxQueueSize,
@@ -1524,7 +1539,8 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
         visible: sheetVisible,
         onClose: close,
         screenshotDataUrl: sheetScreenshot ?? void 0,
-        onClearScreenshot: () => setSheetScreenshot(null)
+        onClearScreenshot: () => setSheetScreenshot(null),
+        screenshotSensitiveHint: resolveScreenshotHint(config.widget?.screenshotSensitiveHint)
       }
     )
   ] });

package/dist/index.d.cts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, FC, ReactElement } from 'react';
 import { MushiRewardsConfig, MushiPageContext, MushiBreadcrumb, MushiReporterReport, MushiReporterComment, MushiHallOfFameEntry, MushiTierResult, MushiReputationResult } from '@mushi-mushi/core';
@@ -67,6 +66,16 @@ interface MushiRNConfig {
             left?: number;
             right?: number;
         };
+        /**
+         * Privacy nudge shown beneath the attached-screenshot preview, reminding
+         * the reporter to remove anything sensitive (balances, PII) before sending.
+         * The sheet always shows the captured image as a preview the user can
+         * remove; this only controls the caption.
+         * - `true` (default) — show the default caption.
+         * - string — show this custom caption.
+         * - `false` — hide the caption (preview + remove still show).
+         */
+        screenshotSensitiveHint?: boolean | string;
     };
     capture?: {
         console?: boolean;
@@ -170,7 +179,7 @@ interface MushiRNInstance {
 declare function MushiProvider({ children, config: configProp, ...barePropConfig }: MushiRNConfig & {
     children: ReactNode;
     config?: Partial<MushiRNConfig>;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 
 declare function useMushi(): MushiRNInstance | null;
 
@@ -221,6 +230,11 @@ interface MushiBottomSheetProps {
     screenshotDataUrl?: string;
     /** Called when the user removes the attached screenshot. */
     onClearScreenshot?: () => void;
+    /**
+     * Privacy caption shown beneath the screenshot preview. `null` hides it.
+     * Resolved by the provider from `widget.screenshotSensitiveHint`.
+     */
+    screenshotSensitiveHint?: string | null;
 }
 declare const MushiBottomSheet: FC<MushiBottomSheetProps>;
 

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, FC, ReactElement } from 'react';
 import { MushiRewardsConfig, MushiPageContext, MushiBreadcrumb, MushiReporterReport, MushiReporterComment, MushiHallOfFameEntry, MushiTierResult, MushiReputationResult } from '@mushi-mushi/core';
@@ -67,6 +66,16 @@ interface MushiRNConfig {
             left?: number;
             right?: number;
         };
+        /**
+         * Privacy nudge shown beneath the attached-screenshot preview, reminding
+         * the reporter to remove anything sensitive (balances, PII) before sending.
+         * The sheet always shows the captured image as a preview the user can
+         * remove; this only controls the caption.
+         * - `true` (default) — show the default caption.
+         * - string — show this custom caption.
+         * - `false` — hide the caption (preview + remove still show).
+         */
+        screenshotSensitiveHint?: boolean | string;
     };
     capture?: {
         console?: boolean;
@@ -170,7 +179,7 @@ interface MushiRNInstance {
 declare function MushiProvider({ children, config: configProp, ...barePropConfig }: MushiRNConfig & {
     children: ReactNode;
     config?: Partial<MushiRNConfig>;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 
 declare function useMushi(): MushiRNInstance | null;
 
@@ -221,6 +230,11 @@ interface MushiBottomSheetProps {
     screenshotDataUrl?: string;
     /** Called when the user removes the attached screenshot. */
     onClearScreenshot?: () => void;
+    /**
+     * Privacy caption shown beneath the screenshot preview. `null` hides it.
+     * Resolved by the provider from `widget.screenshotSensitiveHint`.
+     */
+    screenshotSensitiveHint?: string | null;
 }
 declare const MushiBottomSheet: FC<MushiBottomSheetProps>;
 

package/dist/index.js

@@ -358,7 +358,8 @@ var MushiBottomSheet = ({
   visible,
   onClose,
   screenshotDataUrl,
-  onClearScreenshot
+  onClearScreenshot,
+  screenshotSensitiveHint
 }) => {
   const mushi = useMushiContext();
   const scheme = useColorScheme();
@@ -650,7 +651,7 @@ var MushiBottomSheet = ({
                       ),
                       /* @__PURE__ */ jsxs(View, { style: s.screenshotMeta, children: [
                         /* @__PURE__ */ jsx(Text, { style: [s.screenshotLabel, { color: colors.text }], children: "Screenshot attached" }),
-                        /* @__PURE__ */ jsx(Text, { style: [s.screenshotSub, { color: colors.sub }], children: "Helps the team see the issue" })
+                        /* @__PURE__ */ jsx(Text, { style: [s.screenshotSub, { color: colors.sub }], children: screenshotSensitiveHint && screenshotSensitiveHint.trim() ? `\u26A0 ${screenshotSensitiveHint}` : "Helps the team see the issue" })
                       ] }),
                       /* @__PURE__ */ jsx(
                         TouchableOpacity,
@@ -691,7 +692,13 @@ var MushiBottomSheet = ({
 var s = StyleSheet.create({
   flex: { flex: 1 },
   backdrop: {
-    ...StyleSheet.absoluteFillObject
+    // Inlined StyleSheet.absoluteFillObject — RN 0.86 dropped it from the
+    // StyleSheet TS types; the literal is equivalent and works on all RN >=0.72.
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
   },
   sheet: {
     position: "absolute",
@@ -1075,11 +1082,17 @@ var s2 = StyleSheet2.create({
 
 // src/version.ts
 var MUSHI_SDK_PACKAGE = "@mushi-mushi/react-native";
-var MUSHI_SDK_VERSION = "0.17.0" ? "0.17.0" : "0.17.0";
+var MUSHI_SDK_VERSION = "0.19.0" ? "0.19.0" : "0.17.0";
 
 // src/provider.tsx
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var MushiContext = createContext(null);
+var DEFAULT_SCREENSHOT_HINT = "Check the preview \u2014 remove it if any private info (balances, personal details) is visible.";
+function resolveScreenshotHint(v) {
+  if (v === false) return null;
+  if (typeof v === "string") return v.trim() ? v : null;
+  return DEFAULT_SCREENSHOT_HINT;
+}
 function breadcrumbToTimelineKind(category) {
   switch (category) {
     case "navigation":
@@ -1153,7 +1166,9 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
       projectId: config.projectId,
       apiKey: config.apiKey,
       apiEndpoint,
-      getUserToken: () => userTokenRef.current
+      getUserToken: () => userTokenRef.current,
+      sdkPackage: MUSHI_SDK_PACKAGE,
+      sdkVersion: MUSHI_SDK_VERSION
     });
     queueRef.current = new AsyncStorageQueue({
       maxSize: config.storage?.maxQueueSize,
@@ -1525,7 +1540,8 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
         visible: sheetVisible,
         onClose: close,
         screenshotDataUrl: sheetScreenshot ?? void 0,
-        onClearScreenshot: () => setSheetScreenshot(null)
+        onClearScreenshot: () => setSheetScreenshot(null),
+        screenshotSensitiveHint: resolveScreenshotHint(config.widget?.screenshotSensitiveHint)
       }
     )
   ] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mushi-mushi/react-native",
-  "version": "0.17.0",
+  "version": "0.19.0",
   "license": "MIT",
   "description": "React Native SDK for Mushi Mushi — shake-to-report, bottom sheet widget, full context capture",
   "main": "./dist/index.cjs",
@@ -33,15 +33,15 @@
     }
   },
   "dependencies": {
-    "@mushi-mushi/core": "^1.16.0"
+    "@mushi-mushi/core": "^1.19.0"
   },
   "devDependencies": {
-    "@types/react": "^19.2.14",
-    "react": "^19.2.5",
-    "react-native": "^0.79.7",
+    "@types/react": "^19.2.17",
+    "react": "^19.2.7",
+    "react-native": "^0.86.0",
     "tsup": "^8.5.1",
     "typescript": "^6.0.3",
-    "vitest": "^4.1.5"
+    "vitest": "^4.1.8"
   },
   "author": "Kenji Sakuramoto",
   "repository": {