@mushi-mushi/react-native 0.18.1 → 0.19.0

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @mushi-mushi/react-native
 
+## 0.19.0
+
+### Minor Changes
+
+- 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

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,
@@ -1080,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.18.1" ? "0.18.1" : "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":
@@ -1532,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

@@ -66,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;
@@ -220,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

@@ -66,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;
@@ -220,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,
@@ -1081,11 +1082,17 @@ var s2 = StyleSheet2.create({
 
 // src/version.ts
 var MUSHI_SDK_PACKAGE = "@mushi-mushi/react-native";
-var MUSHI_SDK_VERSION = "0.18.1" ? "0.18.1" : "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":
@@ -1533,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.18.1",
+  "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,7 +33,7 @@
     }
   },
   "dependencies": {
-    "@mushi-mushi/core": "^1.17.0"
+    "@mushi-mushi/core": "^1.19.0"
   },
   "devDependencies": {
     "@types/react": "^19.2.17",