@fewchurs/react 1.0.1 → 1.2.0

package/dist/index.mjs

@@ -4,7 +4,7 @@
 import { createContext, useContext, useEffect, useMemo, useRef, useState } from "react";
 
 // src/client/version.ts
-var SDK_VERSION = "1.0.1";
+var SDK_VERSION = "1.2.0";
 
 // src/client/constants.ts
 var SDK_HEADER = `react/${SDK_VERSION}`;
@@ -47,6 +47,8 @@ function errorFromResponse(status, body) {
   switch (code) {
     case "invalid_key":
       return { code: "invalid_key", status: 401, message };
+    case "wrong_app":
+      return { code: "invalid_key", status: 403, message };
     // missing_device_id is a client mistake the caller fixes the same way a bad field is fixed,
     // so it collapses into validation_failed rather than widening the public union.
     case "missing_device_id":
@@ -196,6 +198,7 @@ function createFewchursClient(options = {}) {
     const deviceId = getDeviceId();
     if (deviceId) result["X-Device-Id"] = deviceId;
     if (options.language) result["Accept-Language"] = options.language;
+    if (options.appId) result["X-Fewchurs-App-Id"] = options.appId;
     return result;
   }
   function url(path, query) {
@@ -234,7 +237,7 @@ function createFewchursClient(options = {}) {
         continue;
       }
       const failure = errorFromResponse(response.status, await readJson(response));
-      warnAboutKey(failure.code);
+      warnAboutKey(failure);
       return { ok: false, error: failure };
     }
     return { ok: false, error: networkError() };
@@ -326,12 +329,12 @@ function messageOf(error) {
   return error instanceof Error ? error.message : "Network request failed.";
 }
 var warnedAboutKey = false;
-function warnAboutKey(code) {
-  if (code !== "invalid_key" || warnedAboutKey) return;
+function warnAboutKey(error) {
+  if (error.code !== "invalid_key" || warnedAboutKey) return;
   if (typeof process !== "undefined" && process.env?.NODE_ENV === "production") return;
   warnedAboutKey = true;
   console.error(
-    "[fewchurs] The API key was rejected. Check FEWCHURS_API_KEY (server) or the apiKey passed to FewchursProvider, and that the key is active in your Fewchurs dashboard."
+    error.status === 403 ? `[fewchurs] ${error.message}` : "[fewchurs] The API key was rejected. Check FEWCHURS_API_KEY (server) or the apiKey passed to FewchursProvider, and that the key is active in your Fewchurs dashboard."
   );
 }
 
@@ -1646,6 +1649,7 @@ function FewchursBoardDialog({
   open,
   onClose,
   ariaLabel = "Feature requests",
+  variant = "dialog",
   ...boardProps
 }) {
   const dialogRef = useRef2(null);
@@ -1664,11 +1668,14 @@ function FewchursBoardDialog({
     };
   }, [open, onClose]);
   if (!open) return null;
-  return /* @__PURE__ */ jsx12("div", { className: "fw-overlay", onClick: onClose, children: /* @__PURE__ */ jsxs9(
+  const isSheet = variant === "sheet";
+  const { colorScheme } = boardProps;
+  return /* @__PURE__ */ jsx12("div", { className: isSheet ? "fw-overlay fw-overlay--sheet" : "fw-overlay", onClick: onClose, children: /* @__PURE__ */ jsxs9(
     "div",
     {
       ref: dialogRef,
-      className: "fw-dialog",
+      className: isSheet ? "fw-dialog fw-dialog--sheet" : "fw-dialog",
+      "data-theme": colorScheme === "system" ? void 0 : colorScheme,
       role: "dialog",
       "aria-modal": "true",
       "aria-label": ariaLabel,
@@ -1681,6 +1688,49 @@ function FewchursBoardDialog({
     }
   ) });
 }
+
+// src/components/BoardButton.tsx
+import { useCallback as useCallback7, useState as useState11 } from "react";
+import { createPortal } from "react-dom";
+import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+function FewchursButton({
+  children = "Feedback",
+  className,
+  style,
+  ariaLabel,
+  ...board
+}) {
+  const [open, setOpen] = useState11(false);
+  const close = useCallback7(() => setOpen(false), []);
+  const classes = [board.unstyled ? "" : "fw-launcher", className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs10(Fragment3, { children: [
+    /* @__PURE__ */ jsx13(
+      "button",
+      {
+        type: "button",
+        className: classes || void 0,
+        style: { ...themeToStyle(board.theme), ...style },
+        "aria-haspopup": "dialog",
+        "aria-expanded": open,
+        onClick: () => setOpen(true),
+        children
+      }
+    ),
+    open ? createPortal(
+      /* @__PURE__ */ jsx13(
+        FewchursBoardDialog,
+        {
+          ...board,
+          variant: "sheet",
+          ariaLabel,
+          open: true,
+          onClose: close
+        }
+      ),
+      document.body
+    ) : null
+  ] });
+}
 export {
   BoardRoot,
   BoardTabs,
@@ -1695,6 +1745,7 @@ export {
   FeatureList,
   FewchursBoard,
   FewchursBoardDialog,
+  FewchursButton,
   FewchursProvider,
   FollowForm,
   LIMITS,