@bbearai/react-native 0.8.0 → 0.8.1

package/dist/index.js

@@ -13425,12 +13425,56 @@ var BugBearClient = class {
       return true;
     }
   }
+  /**
+   * Fetch server-side widget config set by the project admin.
+   * Returns settings like color scheme override. Returns empty config on error.
+   */
+  async getWidgetConfig() {
+    try {
+      await this.ensureReady();
+      const { data, error } = await this.supabase.rpc("get_widget_config", {
+        p_project_id: this.config.projectId
+      });
+      if (error) {
+        console.warn("BugBear: Could not fetch widget config", error.message || error.code || "Unknown error");
+        return {};
+      }
+      return data ?? {};
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Unknown error fetching widget config";
+      console.error("BugBear: Error fetching widget config", err);
+      this.config.onError?.(err instanceof Error ? err : new Error(message), { projectId: this.config.projectId });
+      return {};
+    }
+  }
+  /**
+   * Check if feedback mode is enabled for this project.
+   * This is a master switch that admins can toggle in the dashboard.
+   */
+  async isFeedbackEnabled() {
+    try {
+      await this.ensureReady();
+      const { data, error } = await this.supabase.rpc("check_feedback_enabled", {
+        p_project_id: this.config.projectId
+      });
+      if (error) {
+        console.warn("BugBear: Could not check feedback status", error.message || error.code || "Unknown error");
+        return false;
+      }
+      return data ?? false;
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Unknown error checking feedback status";
+      console.error("BugBear: Error checking feedback status", err);
+      this.config.onError?.(err instanceof Error ? err : new Error(message), { projectId: this.config.projectId });
+      return false;
+    }
+  }
   /**
    * Check if the widget should be visible.
    * Behavior depends on the configured mode:
    * - 'qa': QA enabled AND user is a registered tester
-   * - 'feedback': Any authenticated user
-   * - 'auto': Either QA tester OR authenticated non-tester
+   * - 'feedback': Feedback enabled AND user is authenticated
+   * - 'auto': QA tester (if QA enabled) OR authenticated user (if feedback enabled)
    */
   async shouldShowWidget() {
     const mode = this.config.mode || "qa";
@@ -13442,33 +13486,39 @@ var BugBearClient = class {
       return qaEnabled2 && tester;
     }
     if (mode === "feedback") {
-      const userInfo2 = await this.getCurrentUserInfo();
-      return userInfo2 !== null;
+      const [feedbackEnabled2, userInfo2] = await Promise.all([
+        this.isFeedbackEnabled(),
+        this.getCurrentUserInfo()
+      ]);
+      return feedbackEnabled2 && userInfo2 !== null;
     }
-    const [qaEnabled, testerInfo, userInfo] = await Promise.all([
+    const [qaEnabled, feedbackEnabled, testerInfo, userInfo] = await Promise.all([
       this.isQAEnabled(),
+      this.isFeedbackEnabled(),
       this.getTesterInfo(),
       this.getCurrentUserInfo()
     ]);
     if (qaEnabled && testerInfo && testerInfo.role !== "feedback") return true;
-    if (userInfo) return true;
+    if (feedbackEnabled && userInfo) return true;
     return false;
   }
   /**
    * Resolve the effective widget mode for the current user.
    * - 'qa' or 'feedback' config → returned as-is
-   * - 'auto' → checks if user is a QA tester (role='tester') → 'qa', otherwise 'feedback'
+   * - 'auto' → QA tester with QA enabled → 'qa', feedback enabled → 'feedback', else 'qa'
    */
   async getEffectiveMode() {
     const mode = this.config.mode || "qa";
     if (mode === "qa") return "qa";
     if (mode === "feedback") return "feedback";
-    const [qaEnabled, testerInfo] = await Promise.all([
+    const [qaEnabled, feedbackEnabled, testerInfo] = await Promise.all([
       this.isQAEnabled(),
+      this.isFeedbackEnabled(),
       this.getTesterInfo()
     ]);
     if (qaEnabled && testerInfo && testerInfo.role !== "feedback") return "qa";
-    return "feedback";
+    if (feedbackEnabled) return "feedback";
+    return "qa";
   }
   /**
    * Auto-provision a feedback user record in the testers table.
@@ -14471,6 +14521,7 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
   const [client, setClient] = (0, import_react.useState)(null);
   const [isTester, setIsTester] = (0, import_react.useState)(false);
   const [isQAEnabled, setIsQAEnabled] = (0, import_react.useState)(false);
+  const [isFeedbackEnabled, setIsFeedbackEnabled] = (0, import_react.useState)(false);
   const [testerInfo, setTesterInfo] = (0, import_react.useState)(null);
   const [assignments, setAssignments] = (0, import_react.useState)([]);
   const [isLoading, setIsLoading] = (0, import_react.useState)(true);
@@ -14484,7 +14535,9 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
   const hasInitialized = (0, import_react.useRef)(false);
   const monitorHandlersRef = (0, import_react.useRef)([]);
   const rageClickRef = (0, import_react.useRef)(null);
-  const configColorScheme = config.theme?.colorScheme ?? "dark";
+  const devColorScheme = config.theme?.colorScheme ?? "auto";
+  const [serverColorScheme, setServerColorScheme] = (0, import_react.useState)(null);
+  const configColorScheme = serverColorScheme ?? (devColorScheme === "auto" ? "auto" : devColorScheme);
   const [activeScheme, setActiveScheme] = (0, import_react.useState)(() => {
     if (configColorScheme !== "auto") return configColorScheme;
     return import_react_native2.Appearance.getColorScheme() === "light" ? "light" : "dark";
@@ -14601,16 +14654,22 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
   const initializeBugBear = (0, import_react.useCallback)(async (bugBearClient) => {
     setIsLoading(true);
     try {
-      const [effectiveMode, qaEnabled, info] = await Promise.all([
+      const [effectiveMode, qaEnabled, feedbackEnabled, info, widgetConfig] = await Promise.all([
         bugBearClient.getEffectiveMode(),
         bugBearClient.isQAEnabled(),
-        bugBearClient.getTesterInfo()
+        bugBearClient.isFeedbackEnabled(),
+        bugBearClient.getTesterInfo(),
+        bugBearClient.getWidgetConfig()
       ]);
-      console.log("BugBear: Init complete", { effectiveMode, qaEnabled, testerInfo: info });
+      console.log("BugBear: Init complete", { effectiveMode, qaEnabled, feedbackEnabled, testerInfo: info, widgetConfig });
       setWidgetMode(effectiveMode);
       setIsQAEnabled(qaEnabled);
+      setIsFeedbackEnabled(feedbackEnabled);
       setTesterInfo(info);
       setIsTester(!!info);
+      if (widgetConfig.colorScheme && widgetConfig.colorScheme !== "auto") {
+        setServerColorScheme(widgetConfig.colorScheme);
+      }
       if (effectiveMode === "qa" && info && qaEnabled) {
         const [newAssignments, newThreads, session, counts] = await Promise.all([
           bugBearClient.getAssignedTests(),
@@ -14772,7 +14831,7 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
   ) || assignments.find(
     (a) => a.status === "pending"
   ) || null;
-  const shouldShowWidget = widgetMode === "qa" ? isQAEnabled && isTester : isTester;
+  const shouldShowWidget = widgetMode === "qa" ? isQAEnabled && isTester : isFeedbackEnabled && isTester;
   return /* @__PURE__ */ import_react.default.createElement(
     BugBearContext.Provider,
     {

package/dist/index.mjs

@@ -13392,12 +13392,56 @@ var BugBearClient = class {
       return true;
     }
   }
+  /**
+   * Fetch server-side widget config set by the project admin.
+   * Returns settings like color scheme override. Returns empty config on error.
+   */
+  async getWidgetConfig() {
+    try {
+      await this.ensureReady();
+      const { data, error } = await this.supabase.rpc("get_widget_config", {
+        p_project_id: this.config.projectId
+      });
+      if (error) {
+        console.warn("BugBear: Could not fetch widget config", error.message || error.code || "Unknown error");
+        return {};
+      }
+      return data ?? {};
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Unknown error fetching widget config";
+      console.error("BugBear: Error fetching widget config", err);
+      this.config.onError?.(err instanceof Error ? err : new Error(message), { projectId: this.config.projectId });
+      return {};
+    }
+  }
+  /**
+   * Check if feedback mode is enabled for this project.
+   * This is a master switch that admins can toggle in the dashboard.
+   */
+  async isFeedbackEnabled() {
+    try {
+      await this.ensureReady();
+      const { data, error } = await this.supabase.rpc("check_feedback_enabled", {
+        p_project_id: this.config.projectId
+      });
+      if (error) {
+        console.warn("BugBear: Could not check feedback status", error.message || error.code || "Unknown error");
+        return false;
+      }
+      return data ?? false;
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Unknown error checking feedback status";
+      console.error("BugBear: Error checking feedback status", err);
+      this.config.onError?.(err instanceof Error ? err : new Error(message), { projectId: this.config.projectId });
+      return false;
+    }
+  }
   /**
    * Check if the widget should be visible.
    * Behavior depends on the configured mode:
    * - 'qa': QA enabled AND user is a registered tester
-   * - 'feedback': Any authenticated user
-   * - 'auto': Either QA tester OR authenticated non-tester
+   * - 'feedback': Feedback enabled AND user is authenticated
+   * - 'auto': QA tester (if QA enabled) OR authenticated user (if feedback enabled)
    */
   async shouldShowWidget() {
     const mode = this.config.mode || "qa";
@@ -13409,33 +13453,39 @@ var BugBearClient = class {
       return qaEnabled2 && tester;
     }
     if (mode === "feedback") {
-      const userInfo2 = await this.getCurrentUserInfo();
-      return userInfo2 !== null;
+      const [feedbackEnabled2, userInfo2] = await Promise.all([
+        this.isFeedbackEnabled(),
+        this.getCurrentUserInfo()
+      ]);
+      return feedbackEnabled2 && userInfo2 !== null;
     }
-    const [qaEnabled, testerInfo, userInfo] = await Promise.all([
+    const [qaEnabled, feedbackEnabled, testerInfo, userInfo] = await Promise.all([
       this.isQAEnabled(),
+      this.isFeedbackEnabled(),
       this.getTesterInfo(),
       this.getCurrentUserInfo()
     ]);
     if (qaEnabled && testerInfo && testerInfo.role !== "feedback") return true;
-    if (userInfo) return true;
+    if (feedbackEnabled && userInfo) return true;
     return false;
   }
   /**
    * Resolve the effective widget mode for the current user.
    * - 'qa' or 'feedback' config → returned as-is
-   * - 'auto' → checks if user is a QA tester (role='tester') → 'qa', otherwise 'feedback'
+   * - 'auto' → QA tester with QA enabled → 'qa', feedback enabled → 'feedback', else 'qa'
    */
   async getEffectiveMode() {
     const mode = this.config.mode || "qa";
     if (mode === "qa") return "qa";
     if (mode === "feedback") return "feedback";
-    const [qaEnabled, testerInfo] = await Promise.all([
+    const [qaEnabled, feedbackEnabled, testerInfo] = await Promise.all([
       this.isQAEnabled(),
+      this.isFeedbackEnabled(),
       this.getTesterInfo()
     ]);
     if (qaEnabled && testerInfo && testerInfo.role !== "feedback") return "qa";
-    return "feedback";
+    if (feedbackEnabled) return "feedback";
+    return "qa";
   }
   /**
    * Auto-provision a feedback user record in the testers table.
@@ -14438,6 +14488,7 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
   const [client, setClient] = useState(null);
   const [isTester, setIsTester] = useState(false);
   const [isQAEnabled, setIsQAEnabled] = useState(false);
+  const [isFeedbackEnabled, setIsFeedbackEnabled] = useState(false);
   const [testerInfo, setTesterInfo] = useState(null);
   const [assignments, setAssignments] = useState([]);
   const [isLoading, setIsLoading] = useState(true);
@@ -14451,7 +14502,9 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
   const hasInitialized = useRef(false);
   const monitorHandlersRef = useRef([]);
   const rageClickRef = useRef(null);
-  const configColorScheme = config.theme?.colorScheme ?? "dark";
+  const devColorScheme = config.theme?.colorScheme ?? "auto";
+  const [serverColorScheme, setServerColorScheme] = useState(null);
+  const configColorScheme = serverColorScheme ?? (devColorScheme === "auto" ? "auto" : devColorScheme);
   const [activeScheme, setActiveScheme] = useState(() => {
     if (configColorScheme !== "auto") return configColorScheme;
     return Appearance2.getColorScheme() === "light" ? "light" : "dark";
@@ -14568,16 +14621,22 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
   const initializeBugBear = useCallback(async (bugBearClient) => {
     setIsLoading(true);
     try {
-      const [effectiveMode, qaEnabled, info] = await Promise.all([
+      const [effectiveMode, qaEnabled, feedbackEnabled, info, widgetConfig] = await Promise.all([
         bugBearClient.getEffectiveMode(),
         bugBearClient.isQAEnabled(),
-        bugBearClient.getTesterInfo()
+        bugBearClient.isFeedbackEnabled(),
+        bugBearClient.getTesterInfo(),
+        bugBearClient.getWidgetConfig()
       ]);
-      console.log("BugBear: Init complete", { effectiveMode, qaEnabled, testerInfo: info });
+      console.log("BugBear: Init complete", { effectiveMode, qaEnabled, feedbackEnabled, testerInfo: info, widgetConfig });
       setWidgetMode(effectiveMode);
       setIsQAEnabled(qaEnabled);
+      setIsFeedbackEnabled(feedbackEnabled);
       setTesterInfo(info);
       setIsTester(!!info);
+      if (widgetConfig.colorScheme && widgetConfig.colorScheme !== "auto") {
+        setServerColorScheme(widgetConfig.colorScheme);
+      }
       if (effectiveMode === "qa" && info && qaEnabled) {
         const [newAssignments, newThreads, session, counts] = await Promise.all([
           bugBearClient.getAssignedTests(),
@@ -14739,7 +14798,7 @@ function BugBearProvider({ config, children, appVersion, enabled = true }) {
   ) || assignments.find(
     (a) => a.status === "pending"
   ) || null;
-  const shouldShowWidget = widgetMode === "qa" ? isQAEnabled && isTester : isTester;
+  const shouldShowWidget = widgetMode === "qa" ? isQAEnabled && isTester : isFeedbackEnabled && isTester;
   return /* @__PURE__ */ React.createElement(
     BugBearContext.Provider,
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbearai/react-native",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "description": "BugBear React Native components for mobile apps",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",