@mhosaic/feedback 0.22.0 → 0.23.0

package/dist/{chunk-6OAG72JW.mjs → chunk-NCNRU3SR.mjs}

@@ -58,6 +58,9 @@ function createApiClient(options) {
     if (payload.widget_version) {
       form.append("widget_version", payload.widget_version);
     }
+    if (payload.page_path) {
+      form.append("page_path", payload.page_path);
+    }
     const headers = {
       Authorization: `Bearer ${options.apiKey}`
     };
@@ -197,6 +200,7 @@ function createApiClient(options) {
     if (filters.mine) params.set("mine", "1");
     if (filters.ordering) params.set("ordering", filters.ordering);
     if (filters.page && filters.page > 1) params.set("page", String(filters.page));
+    if (filters.pagePath) params.set("page_path", filters.pagePath);
     const qs = params.toString();
     return qs ? `?${qs}` : "";
   }
@@ -323,7 +327,7 @@ function installConsolePatch(buffer) {
     const original = console[level];
     if (typeof original !== "function") continue;
     originals[level] = original;
-    console[level] = function patched(...args) {
+    console[level] = function patched2(...args) {
       try {
         const rawMessage = args.map(safeStringify).join(" ");
         const message = scrubCredentials(rawMessage).slice(0, 2e3);
@@ -350,7 +354,7 @@ function installFetchPatch(buffer, sanitize) {
   if (typeof window === "undefined" || typeof window.fetch !== "function") return () => {
   };
   const original = window.fetch.bind(window);
-  window.fetch = async function patched(input, init) {
+  window.fetch = async function patched2(input, init) {
     const start = performance.now();
     const url = typeof input === "string" ? input : input instanceof URL ? input.toString() : input.url;
     const method = (init?.method || (input instanceof Request ? input.method : "GET")).toUpperCase();
@@ -630,6 +634,7 @@ var DEFAULT_STRINGS = {
   "board.detail.status_history": "History",
   "board.scope.project": "Project reports",
   "board.scope.mine": "Your reports",
+  "board.scope.thisPage": "This page",
   "board.back": "Back",
   "changelog.empty.title": "Nothing resolved yet",
   "changelog.empty.body": "Once a report you sent is fixed it will appear here, grouped by week.",
@@ -779,6 +784,7 @@ var FRENCH_STRINGS = {
   "board.detail.status_history": "Historique",
   "board.scope.project": "Rapports du projet",
   "board.scope.mine": "Vos rapports",
+  "board.scope.thisPage": "Cette page",
   "board.back": "Retour",
   "changelog.empty.title": "Rien de r\xE9solu pour l\u2019instant",
   "changelog.empty.body": "Quand un rapport que vous avez envoy\xE9 est corrig\xE9, il appara\xEEtra ici, regroup\xE9 par semaine.",
@@ -865,6 +871,36 @@ function resolveStrings(overrides, options = {}) {
 import { h, render } from "preact";
 import { useCallback, useEffect as useEffect8, useState as useState7 } from "preact/hooks";
 
+// src/widget/currentPage.ts
+function currentPagePath(opts) {
+  const override = opts.getCurrentPage?.();
+  if (override) return override;
+  return typeof window !== "undefined" ? window.location.pathname : "/";
+}
+var LOCATION_CHANGE = "mfb:locationchange";
+var patched = false;
+function patchHistory() {
+  if (patched || typeof history === "undefined") return;
+  patched = true;
+  for (const m of ["pushState", "replaceState"]) {
+    const orig = history[m];
+    history[m] = function(...args) {
+      const r = orig.apply(this, args);
+      window.dispatchEvent(new Event(LOCATION_CHANGE));
+      return r;
+    };
+  }
+}
+function onLocationChange(cb) {
+  patchHistory();
+  window.addEventListener("popstate", cb);
+  window.addEventListener(LOCATION_CHANGE, cb);
+  return () => {
+    window.removeEventListener("popstate", cb);
+    window.removeEventListener(LOCATION_CHANGE, cb);
+  };
+}
+
 // src/widget/BoardView.tsx
 import { useEffect as useEffect2, useMemo, useState as useState2 } from "preact/hooks";
 
@@ -1335,8 +1371,9 @@ var STATUSES = [
 ];
 var TYPES = ["bug", "feature", "question", "praise", "typo"];
 var SEVERITIES = ["blocker", "high", "medium", "low"];
-function BoardView({ api, externalId, strings }) {
+function BoardView({ api, externalId, strings, getCurrentPage }) {
   const [filters, setFilters] = useState2(() => loadBoardView(externalId));
+  const [thisPage, setThisPage] = useState2(true);
   useEffect2(() => {
     saveBoardView(externalId, filters);
   }, [externalId, filtersHash(filters)]);
@@ -1350,14 +1387,23 @@ function BoardView({ api, externalId, strings }) {
   const activeFilterCount = useMemo(() => {
     return (filters.status?.length ?? 0) + (filters.type?.length ?? 0) + (filters.severity?.length ?? 0) + (filters.q ? 1 : 0) + (filters.mine ? 1 : 0);
   }, [filters]);
+  useEffect2(() => {
+    if (!thisPage) return;
+    return onLocationChange(() => setReloadTick((t) => t + 1));
+  }, [thisPage]);
+  const fetchFilters = useMemo(
+    () => thisPage ? { ...filters, pagePath: currentPagePath(getCurrentPage !== void 0 ? { getCurrentPage } : {}) } : filters,
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [filtersHash(filters), thisPage, reloadTick]
+  );
   useEffect2(() => {
     let cancelled = false;
     let timer = null;
     const tick = async () => {
       try {
         const [list, k] = await Promise.all([
-          api.listBoard(externalId, filters),
-          api.fetchBoardKpis(externalId, filters)
+          api.listBoard(externalId, fetchFilters),
+          api.fetchBoardKpis(externalId, fetchFilters)
         ]);
         if (cancelled) return;
         setPage(list);
@@ -1377,7 +1423,7 @@ function BoardView({ api, externalId, strings }) {
       cancelled = true;
       if (timer) clearTimeout(timer);
     };
-  }, [api, externalId, filtersHash(filters), reloadTick]);
+  }, [api, externalId, JSON.stringify(fetchFilters)]);
   const selectedRow = useMemo(() => {
     if (!selectedId || !page) return null;
     return page.results.find((r) => r.id === selectedId) ?? null;
@@ -1394,7 +1440,9 @@ function BoardView({ api, externalId, strings }) {
         filters,
         onChange: setFilters,
         activeCount: activeFilterCount,
-        strings
+        strings,
+        thisPage,
+        onToggleThisPage: () => setThisPage((v) => !v)
       }
     ),
     /* @__PURE__ */ jsxs3("div", { class: "board-body", children: [
@@ -1502,7 +1550,9 @@ function BoardFilters({
   filters,
   onChange,
   activeCount,
-  strings
+  strings,
+  thisPage,
+  onToggleThisPage
 }) {
   const setStatus = (value) => {
     if (value === "") {
@@ -1614,6 +1664,19 @@ function BoardFilters({
       ),
       /* @__PURE__ */ jsx3("span", { children: strings["board.filter.mine"] })
     ] }),
+    /* @__PURE__ */ jsxs3(
+      "button",
+      {
+        type: "button",
+        class: `board-chip ${thisPage ? "board-chip--on" : ""}`,
+        onClick: onToggleThisPage,
+        children: [
+          "\u{1F4CD} ",
+          strings["board.scope.thisPage"],
+          thisPage ? " \u2715" : ""
+        ]
+      }
+    ),
     activeCount > 0 && /* @__PURE__ */ jsxs3("button", { type: "button", class: "board-filter-clear", onClick: clear, children: [
       /* @__PURE__ */ jsx3(CloseIcon, {}),
       strings["board.filter.clear"]
@@ -4626,6 +4689,17 @@ function mountWidget(options) {
     void _drop;
     return rest;
   }
+  function openWidget(externalId) {
+    rerender({ ...currentState, open: true, tab: "send" });
+    if (options.openToCurrentPageFeedback && options.api && externalId) {
+      options.api.fetchBoardKpis(externalId, { pagePath: currentPagePath(options) }).then((kpis) => {
+        if (kpis.total > 0 && currentState.open && currentState.tab === "send") {
+          rerender({ ...currentState, tab: "board" });
+        }
+      }).catch(() => {
+      });
+    }
+  }
   function Root({ state }) {
     const handleSubmit = useCallback(async (values) => {
       rerender({ ...currentState, status: "submitting" });
@@ -4685,7 +4759,7 @@ function mountWidget(options) {
         Fab,
         {
           label: options.strings["fab.label"],
-          onClick: () => rerender({ ...currentState, open: true })
+          onClick: () => openWidget(externalId)
         }
       ),
       state.open && /* @__PURE__ */ jsxs12(
@@ -4786,7 +4860,8 @@ function mountWidget(options) {
               {
                 api: options.api,
                 externalId,
-                strings: options.strings
+                strings: options.strings,
+                ...options.getCurrentPage !== void 0 && { getCurrentPage: options.getCurrentPage }
               }
             )
           ]
@@ -4797,7 +4872,7 @@ function mountWidget(options) {
   rerender(currentState);
   return {
     open() {
-      rerender({ ...currentState, open: true });
+      openWidget(options.getExternalId?.());
     },
     close() {
       rerender({ ...currentState, open: false, status: "idle" });
@@ -4880,11 +4955,13 @@ function createFeedback(config) {
       capture_method: captureMethod,
       technical_context
     };
-    if ("0.22.0") {
-      payload.widget_version = "0.22.0";
+    if ("0.23.0") {
+      payload.widget_version = "0.23.0";
     }
     if (manualScreenshot) payload.screenshot = manualScreenshot;
     if (values.synthetic) payload.synthetic = true;
+    const pagePath = currentPagePath(config);
+    if (pagePath) payload.page_path = pagePath;
     if (user?.id !== void 0 && user.id !== null && user.id !== "") {
       payload.user = {
         // The host can pass `id` as a string or number; the backend
@@ -4925,7 +5002,14 @@ function createFeedback(config) {
     // Send the identified email alongside the id so an email-based allowlist
     // can match (the backend matches external_id OR email). Read from `user`
     // live so identity set after createFeedback() is reflected.
-    checkVisibility: (externalId) => api.checkVisibility(externalId, user?.email)
+    checkVisibility: (externalId) => api.checkVisibility(externalId, user?.email),
+    // Thread the host's getCurrentPage override so the Board chip resolves
+    // the page identically to what the submit side records (§ currentPage).
+    ...config.getCurrentPage !== void 0 && { getCurrentPage: config.getCurrentPage },
+    // Opt-in: FAB opens to the page-scoped Board (default off → Send-first).
+    ...config.openToCurrentPageFeedback !== void 0 && {
+      openToCurrentPageFeedback: config.openToCurrentPageFeedback
+    }
   });
   let qaHandle;
   let qaDisposed = false;
@@ -4992,4 +5076,4 @@ function createFeedback(config) {
 export {
   createFeedback
 };
-//# sourceMappingURL=chunk-6OAG72JW.mjs.map
+//# sourceMappingURL=chunk-NCNRU3SR.mjs.map