yaver-feedback-react-native 0.8.0 → 0.8.2

package/dist/preferences.js

@@ -14,9 +14,13 @@
  * in-memory session).
  */
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.QUICK_ICON_COLOR_PRESETS = void 0;
 exports.getQuickIconDisabled = getQuickIconDisabled;
 exports.setQuickIconDisabled = setQuickIconDisabled;
 exports.clearQuickIconDisabled = clearQuickIconDisabled;
+exports.getQuickIconColorPreset = getQuickIconColorPreset;
+exports.setQuickIconColorPreset = setQuickIconColorPreset;
+exports.clearQuickIconColorPreset = clearQuickIconColorPreset;
 let AsyncStorage = null;
 try {
     AsyncStorage = require('@react-native-async-storage/async-storage').default;
@@ -25,6 +29,51 @@ catch {
     // not installed — degrade gracefully
 }
 const QUICK_ICON_DISABLED_KEY = 'yaver_feedback_quickicon_disabled';
+const QUICK_ICON_COLOR_KEY = 'yaver_feedback_quickicon_color';
+exports.QUICK_ICON_COLOR_PRESETS = {
+    orange: {
+        label: 'Orange',
+        backgroundColor: '#ff6b2c',
+        foregroundColor: '#111111',
+        borderColor: 'rgba(255,255,255,0.92)',
+        shadowColor: '#000000',
+    },
+    lime: {
+        label: 'Lime',
+        backgroundColor: '#a3e635',
+        foregroundColor: '#111111',
+        borderColor: 'rgba(255,255,255,0.85)',
+        shadowColor: '#365314',
+    },
+    cyan: {
+        label: 'Cyan',
+        backgroundColor: '#22d3ee',
+        foregroundColor: '#082f49',
+        borderColor: 'rgba(255,255,255,0.82)',
+        shadowColor: '#083344',
+    },
+    pink: {
+        label: 'Pink',
+        backgroundColor: '#fb7185',
+        foregroundColor: '#fff1f2',
+        borderColor: 'rgba(255,255,255,0.78)',
+        shadowColor: '#4c0519',
+    },
+    yellow: {
+        label: 'Yellow',
+        backgroundColor: '#facc15',
+        foregroundColor: '#1c1917',
+        borderColor: 'rgba(255,255,255,0.88)',
+        shadowColor: '#713f12',
+    },
+    slate: {
+        label: 'Slate',
+        backgroundColor: '#475569',
+        foregroundColor: '#f8fafc',
+        borderColor: 'rgba(255,255,255,0.68)',
+        shadowColor: '#020617',
+    },
+};
 /** True if the user has long-pressed the icon and chosen "Hide". */
 async function getQuickIconDisabled() {
     if (!AsyncStorage)
@@ -55,3 +104,36 @@ async function setQuickIconDisabled(disabled) {
 async function clearQuickIconDisabled() {
     await setQuickIconDisabled(false);
 }
+async function getQuickIconColorPreset() {
+    if (!AsyncStorage)
+        return null;
+    try {
+        const v = await AsyncStorage.getItem(QUICK_ICON_COLOR_KEY);
+        if (!v)
+            return null;
+        if (Object.prototype.hasOwnProperty.call(exports.QUICK_ICON_COLOR_PRESETS, v)) {
+            return v;
+        }
+        return null;
+    }
+    catch {
+        return null;
+    }
+}
+async function setQuickIconColorPreset(preset) {
+    if (!AsyncStorage)
+        return;
+    try {
+        if (!preset) {
+            await AsyncStorage.removeItem(QUICK_ICON_COLOR_KEY);
+            return;
+        }
+        await AsyncStorage.setItem(QUICK_ICON_COLOR_KEY, preset);
+    }
+    catch {
+        // best-effort
+    }
+}
+async function clearQuickIconColorPreset() {
+    await setQuickIconColorPreset(null);
+}

package/dist/types.d.ts

@@ -48,7 +48,7 @@ export interface FeedbackConfig {
      * Single tap → open the feedback modal; long-press → menu with
      * "Hide icon" (persisted across launches via AsyncStorage).
      *
-     * - `'auto'` (default) → `'always'` on iOS/Android, `'off'` on web.
+     * - `'auto'` (default) → `'after-shake'` on iOS/Android, `'off'` on web.
      * - `'always'` → visible from app launch.
      * - `'after-shake'` → hidden until the first shake this session.
      * - `'off'` → never rendered. Shake still works.
@@ -59,11 +59,34 @@ export interface FeedbackConfig {
      */
     quickIcon?: 'auto' | 'always' | 'after-shake' | 'off';
     /**
-     * Background color for the quick-action icon. Default: '#6366f1'
-     * (indigo). Pick something distinctive so the icon never visually
-     * collides with your own FAB.
+     * Deprecated alias for `quickIconBackgroundColor`.
+     *
+     * Background color for the quick-action icon. The SDK now defaults
+     * to a high-visibility safety orange so the icon reads as a utility
+     * affordance instead of blending into the common blue/indigo FAB
+     * palette many mobile apps already use.
      */
     quickIconColor?: string;
+    /**
+     * Background color for the quick-action icon.
+     * Default: '#ff6b2c' (safety orange).
+     */
+    quickIconBackgroundColor?: string;
+    /**
+     * Foreground/text color for the quick-action icon label.
+     * Default: '#111111'.
+     */
+    quickIconForegroundColor?: string;
+    /**
+     * Border color for the quick-action icon.
+     * Default: 'rgba(255,255,255,0.92)'.
+     */
+    quickIconBorderColor?: string;
+    /**
+     * Shadow color for the quick-action icon.
+     * Default: '#000000'.
+     */
+    quickIconShadowColor?: string;
     /**
      * Initial position of the quick-action icon, in pixels from the
      * top-left. Default: near the top-right corner of the screen. The
@@ -191,6 +214,8 @@ export interface FeedbackBundle {
     metadata: FeedbackMetadata;
     /** Screen-recording file path, when produced by the "Start Recording" action. */
     video?: string;
+    /** Optional audio attachment path. */
+    audio?: string;
     screenshots: string[];
     /** Captured errors with stack traces, attached via attachError / wrapErrorHandler. */
     errors?: CapturedError[];

package/dist/upload.d.ts

@@ -6,6 +6,7 @@ import { FeedbackBundle } from './types';
  * - `metadata` (JSON string)
  * - `screenshot_0`, `screenshot_1`, ... (image files)
  * - `video` (video file, if present)
+ * - `audio` (audio file, if present)
  *
  * Returns the parsed agent response — typically `{ ok, id, reportId }`.
  * Callers can inspect `.id` / `.reportId` to drive a follow-up

package/dist/upload.js

@@ -9,6 +9,7 @@ const react_native_1 = require("react-native");
  * - `metadata` (JSON string)
  * - `screenshot_0`, `screenshot_1`, ... (image files)
  * - `video` (video file, if present)
+ * - `audio` (audio file, if present)
  *
  * Returns the parsed agent response — typically `{ ok, id, reportId }`.
  * Callers can inspect `.id` / `.reportId` to drive a follow-up
@@ -35,6 +36,13 @@ async function uploadFeedback(agentUrl, authToken, bundle) {
             name: 'screen_recording.mp4',
         });
     }
+    if (bundle.audio) {
+        formData.append('audio', {
+            uri: react_native_1.Platform.OS === 'android' ? `file://${bundle.audio}` : bundle.audio,
+            type: 'audio/m4a',
+            name: 'voice_note.m4a',
+        });
+    }
     const url = agentUrl.replace(/\/$/, '') + '/feedback';
     const response = await fetch(url, {
         method: 'POST',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yaver-feedback-react-native",
-  "version": "0.8.0",
+  "version": "0.8.2",
   "description": "Visual feedback SDK for Yaver — bug reports, screen recording, voice annotations, and local-first developer workflows",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -22,7 +22,8 @@
     "react-native": ">=0.70.0",
     "@react-native-async-storage/async-storage": ">=1.17.0",
     "expo-web-browser": ">=12.0.0",
-    "expo-apple-authentication": ">=6.0.0"
+    "expo-apple-authentication": ">=6.0.0",
+    "expo-document-picker": ">=13.0.0"
   },
   "peerDependenciesMeta": {
     "@expo/config-plugins": {
@@ -33,18 +34,23 @@
     },
     "expo-apple-authentication": {
       "optional": true
+    },
+    "expo-document-picker": {
+      "optional": true
     }
   },
   "devDependencies": {
-    "jest": "^29.0.0",
     "@types/jest": "^29.0.0",
+    "@types/react": "^19.2.2",
+    "jest": "^29.0.0",
     "ts-jest": "^29.1.0",
     "typescript": "^5.0.0"
   },
   "scripts": {
-    "build": "rm -rf dist && (tsc || true) && test -f dist/index.js",
+    "build": "rm -rf dist && (tsc -p tsconfig.json || true) && test -f dist/index.js",
     "prepublishOnly": "npm run build",
-    "test": "jest"
+    "test": "jest --runInBand",
+    "test:ci": "npm run build && npm test"
   },
   "jest": {
     "preset": "ts-jest",

package/src/AuthOverlay.tsx

@@ -87,6 +87,7 @@ export const AuthOverlay: React.FC = () => {
         {token && (
           <YaverMachinePickerScreen
             token={token}
+            currentDeviceId={YaverFeedback.getConfig()?.preferredDeviceId}
             onPick={handleDevicePicked}
             onCancel={() => setPickerVisible(false)}
           />