@mhosaic/feedback 0.18.1 → 0.20.0

package/dist/{chunk-5FVEQYA5.mjs → chunk-YV7LMW22.mjs}

@@ -169,6 +169,24 @@ function createApiClient(options) {
     }
     return response.json();
   }
+  async function reopenUnresolved(reportId, externalId) {
+    const response = await fetcher(
+      `${endpoint}/api/feedback/v1/reports/widget/${reportId}/`,
+      {
+        method: "PATCH",
+        headers: {
+          ...widgetHeaders(externalId),
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({ status: "in_progress" })
+      }
+    );
+    if (!response.ok) {
+      const text = await response.text().catch(() => "");
+      throw new Error(`reopenUnresolved failed: ${response.status} ${text}`);
+    }
+    return response.json();
+  }
   function boardQueryString(filters) {
     if (!filters) return "";
     const params = new URLSearchParams();
@@ -177,6 +195,7 @@ function createApiClient(options) {
     filters.severity?.forEach((s) => params.append("severity", s));
     if (filters.q) params.set("q", filters.q);
     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));
     const qs = params.toString();
     return qs ? `?${qs}` : "";
@@ -238,6 +257,7 @@ function createApiClient(options) {
     getReport,
     addComment,
     closeAsResolved,
+    reopenUnresolved,
     listBoard,
     fetchBoardKpis
   };
@@ -585,6 +605,12 @@ var DEFAULT_STRINGS = {
   "board.kpi.closed": "Closed",
   "board.kpi.rejected": "Rejected",
   "board.kpi.resolution_rate": "Resolution rate",
+  "board.sort": "Sort",
+  "board.sort.recent": "Newest first",
+  "board.sort.oldest": "Oldest first",
+  "board.sort.updated": "Recently active",
+  "board.sort.severity": "Severity",
+  "board.sort.status": "Status",
   "board.filter.status": "Status",
   "board.filter.type": "Type",
   "board.filter.severity": "Severity",
@@ -594,7 +620,8 @@ var DEFAULT_STRINGS = {
   "board.list.empty.title": "Nothing here yet",
   "board.list.empty.description": "When reports land, they\u2019ll show up here.",
   "board.list.loading": "Loading\u2026",
-  "board.list.error": "Couldn\u2019t load reports. Try again.",
+  "board.list.error": "Couldn\u2019t load reports.",
+  "board.retry": "Try again",
   "board.list.you": "you",
   "board.list.count": "{n} of {total}",
   "board.detail.empty": "Pick a report on the left to see its full thread.",
@@ -629,12 +656,15 @@ var DEFAULT_STRINGS = {
   "detail.compose_sending": "Sending\u2026",
   "detail.close_cta": "Mark as resolved",
   "detail.close_busy": "Marking\u2026",
+  "detail.reopen_cta": "Still not fixed",
+  "detail.reopen_busy": "Reopening\u2026",
   "detail.teammate_notice": "Viewing a teammate\u2019s report \u2014 replies are private to the submitter.",
   "detail.load_failed.title": "Report not available",
   "detail.load_failed.body": "It may have been deleted, or you no longer have access to it.",
   "detail.load_failed.cta": "Back",
   "detail.send_failed": "Couldn\u2019t send your reply. Try again.",
   "detail.close_failed": "Couldn\u2019t mark as resolved. Try again.",
+  "detail.reopen_failed": "Couldn\u2019t reopen the report. Try again.",
   "detail.history": "Status history",
   "detail.context.submitted_at": "Submitted",
   "detail.context.page": "Page",
@@ -724,6 +754,12 @@ var FRENCH_STRINGS = {
   "board.kpi.closed": "Ferm\xE9",
   "board.kpi.rejected": "Refus\xE9",
   "board.kpi.resolution_rate": "Taux de r\xE9solution",
+  "board.sort": "Trier",
+  "board.sort.recent": "Plus r\xE9cents",
+  "board.sort.oldest": "Plus anciens",
+  "board.sort.updated": "Activit\xE9 r\xE9cente",
+  "board.sort.severity": "S\xE9v\xE9rit\xE9",
+  "board.sort.status": "Statut",
   "board.filter.status": "Statut",
   "board.filter.type": "Type",
   "board.filter.severity": "S\xE9v\xE9rit\xE9",
@@ -733,7 +769,8 @@ var FRENCH_STRINGS = {
   "board.list.empty.title": "Rien \xE0 voir ici",
   "board.list.empty.description": "Les rapports appara\xEEtront ici d\xE8s qu\u2019ils arrivent.",
   "board.list.loading": "Chargement\u2026",
-  "board.list.error": "Impossible de charger les rapports. R\xE9essayez.",
+  "board.list.error": "Impossible de charger les rapports.",
+  "board.retry": "R\xE9essayer",
   "board.list.you": "vous",
   "board.list.count": "{n} sur {total}",
   "board.detail.empty": "S\xE9lectionnez un rapport \xE0 gauche pour voir le fil complet.",
@@ -768,12 +805,15 @@ var FRENCH_STRINGS = {
   "detail.compose_sending": "Envoi\u2026",
   "detail.close_cta": "Marquer comme r\xE9solu",
   "detail.close_busy": "Validation\u2026",
+  "detail.reopen_cta": "Toujours pas r\xE9gl\xE9",
+  "detail.reopen_busy": "R\xE9ouverture\u2026",
   "detail.teammate_notice": "Vous consultez le rapport d\u2019un co\xE9quipier \u2014 les r\xE9ponses sont priv\xE9es au soumetteur.",
   "detail.load_failed.title": "Rapport indisponible",
   "detail.load_failed.body": "Il a peut-\xEAtre \xE9t\xE9 supprim\xE9, ou vous n\u2019y avez plus acc\xE8s.",
   "detail.load_failed.cta": "Retour",
   "detail.send_failed": "Impossible d\u2019envoyer votre r\xE9ponse. R\xE9essayez.",
   "detail.close_failed": "Impossible de marquer comme r\xE9solu. R\xE9essayez.",
+  "detail.reopen_failed": "Impossible de rouvrir le rapport. R\xE9essayez.",
   "detail.history": "Historique du statut",
   "detail.context.submitted_at": "Envoy\xE9",
   "detail.context.page": "Page",
@@ -828,6 +868,25 @@ import { useCallback, useEffect as useEffect8, useState as useState7 } from "pre
 // src/widget/BoardView.tsx
 import { useEffect as useEffect2, useMemo, useState as useState2 } from "preact/hooks";
 
+// src/widget/boardViewStore.ts
+var PREFIX = "mhosaic.boardView.";
+function loadBoardView(externalId) {
+  try {
+    const raw = localStorage.getItem(PREFIX + externalId);
+    if (!raw) return {};
+    const parsed = JSON.parse(raw);
+    return parsed && typeof parsed === "object" ? parsed : {};
+  } catch {
+    return {};
+  }
+}
+function saveBoardView(externalId, view) {
+  try {
+    localStorage.setItem(PREFIX + externalId, JSON.stringify(view));
+  } catch {
+  }
+}
+
 // src/widget/ReportDetailView.tsx
 import { useEffect, useRef, useState } from "preact/hooks";
 
@@ -913,6 +972,7 @@ function ReportDetailView({
   const [composeBody, setComposeBody] = useState("");
   const [sending, setSending] = useState(false);
   const [closing, setClosing] = useState(false);
+  const [reopening, setReopening] = useState(false);
   const mountedRef = useRef(true);
   const fetchDetail = async () => {
     try {
@@ -958,7 +1018,7 @@ function ReportDetailView({
     }
   };
   const handleClose = async () => {
-    if (closing) return;
+    if (closing || reopening) return;
     setClosing(true);
     try {
       const next = await api.closeAsResolved(reportId, externalId);
@@ -973,6 +1033,22 @@ function ReportDetailView({
       if (mountedRef.current) setClosing(false);
     }
   };
+  const handleReopen = async () => {
+    if (closing || reopening) return;
+    setReopening(true);
+    try {
+      const next = await api.reopenUnresolved(reportId, externalId);
+      if (!mountedRef.current) return;
+      setDetail(next);
+    } catch (err) {
+      if (typeof console !== "undefined")
+        console.warn("[mhosaic] reopenUnresolved:", err);
+      if (!mountedRef.current) return;
+      setError(strings["detail.reopen_failed"]);
+    } finally {
+      if (mountedRef.current) setReopening(false);
+    }
+  };
   if (!detail && !error) {
     return /* @__PURE__ */ jsx2("div", { class: "mine-loading", children: strings["mine.loading"] });
   }
@@ -1050,10 +1126,20 @@ function ReportDetailView({
               type: "button",
               class: "btn",
               onClick: handleClose,
-              disabled: closing,
+              disabled: closing || reopening,
               children: closing ? strings["detail.close_busy"] : strings["detail.close_cta"]
             }
           ),
+          showCloseCta && /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              class: "btn btn--ghost",
+              onClick: handleReopen,
+              disabled: closing || reopening,
+              children: reopening ? strings["detail.reopen_busy"] : strings["detail.reopen_cta"]
+            }
+          ),
           /* @__PURE__ */ jsx2(
             "button",
             {
@@ -1239,6 +1325,7 @@ function StatusHistorySection({ rows, strings }) {
 // src/widget/BoardView.tsx
 import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "preact/jsx-runtime";
 var POLL_MS2 = 3e4;
+var SORT_OPTIONS = ["recent", "oldest", "updated", "severity", "status"];
 var STATUSES = [
   "new",
   "in_progress",
@@ -1249,13 +1336,17 @@ var STATUSES = [
 var TYPES = ["bug", "feature", "question", "praise", "typo"];
 var SEVERITIES = ["blocker", "high", "medium", "low"];
 function BoardView({ api, externalId, strings }) {
-  const [filters, setFilters] = useState2({});
+  const [filters, setFilters] = useState2(() => loadBoardView(externalId));
+  useEffect2(() => {
+    saveBoardView(externalId, filters);
+  }, [externalId, filtersHash(filters)]);
   const [page, setPage] = useState2(null);
   const [kpis, setKpis] = useState2(null);
   const [loading, setLoading] = useState2(true);
   const [error, setError] = useState2(null);
   const [selectedId, setSelectedId] = useState2(null);
   const [detailKey, setDetailKey] = useState2(0);
+  const [reloadTick, setReloadTick] = useState2(0);
   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]);
@@ -1286,7 +1377,7 @@ function BoardView({ api, externalId, strings }) {
       cancelled = true;
       if (timer) clearTimeout(timer);
     };
-  }, [api, externalId, filtersHash(filters)]);
+  }, [api, externalId, filtersHash(filters), reloadTick]);
   const selectedRow = useMemo(() => {
     if (!selectedId || !page) return null;
     return page.results.find((r) => r.id === selectedId) ?? null;
@@ -1308,7 +1399,22 @@ function BoardView({ api, externalId, strings }) {
     ),
     /* @__PURE__ */ jsxs3("div", { class: "board-body", children: [
       /* @__PURE__ */ jsxs3("div", { class: "board-list-wrap", "aria-busy": loading && !page, children: [
-        error && /* @__PURE__ */ jsx3("div", { class: "board-error", children: strings["board.list.error"] }),
+        error && /* @__PURE__ */ jsxs3("div", { class: "board-error", role: "alert", children: [
+          /* @__PURE__ */ jsx3("span", { children: strings["board.list.error"] }),
+          /* @__PURE__ */ jsx3(
+            "button",
+            {
+              type: "button",
+              class: "btn btn--ghost",
+              onClick: () => {
+                setError(null);
+                setLoading(true);
+                setReloadTick((t) => t + 1);
+              },
+              children: strings["board.retry"]
+            }
+          )
+        ] }),
         !error && loading && !page && /* @__PURE__ */ jsx3(BoardListSkeleton, {}),
         !error && page && page.results.length === 0 && !loading && /* @__PURE__ */ jsx3(BoardEmpty, { strings }),
         !error && page && page.results.length > 0 && /* @__PURE__ */ jsx3(
@@ -1425,6 +1531,7 @@ function BoardFilters({
       onChange({ ...filters, severity: [value] });
     }
   };
+  const setOrdering = (value) => onChange({ ...filters, ordering: value });
   const setSearch = (q) => onChange({ ...filters, q });
   const toggleMine = () => {
     if (filters.mine) {
@@ -1437,6 +1544,16 @@ function BoardFilters({
   };
   const clear = () => onChange({});
   return /* @__PURE__ */ jsxs3("div", { class: "board-filters", children: [
+    /* @__PURE__ */ jsx3(
+      "select",
+      {
+        class: "board-filter-select",
+        "aria-label": strings["board.sort"],
+        value: filters.ordering ?? "recent",
+        onChange: (e) => setOrdering(e.target.value),
+        children: SORT_OPTIONS.map((o) => /* @__PURE__ */ jsx3("option", { value: o, children: strings[`board.sort.${o}`] }, o))
+      }
+    ),
     /* @__PURE__ */ jsxs3(
       "select",
       {
@@ -1600,7 +1717,8 @@ function filtersHash(f) {
     t: f.type?.slice().sort(),
     sv: f.severity?.slice().sort(),
     q: f.q ?? "",
-    m: Boolean(f.mine)
+    m: Boolean(f.mine),
+    o: f.ordering ?? ""
   });
 }
 function formatRelative(iso) {
@@ -4759,8 +4877,8 @@ function createFeedback(config) {
       capture_method: captureMethod,
       technical_context
     };
-    if ("0.18.1") {
-      payload.widget_version = "0.18.1";
+    if ("0.20.0") {
+      payload.widget_version = "0.20.0";
     }
     if (manualScreenshot) payload.screenshot = manualScreenshot;
     if (values.synthetic) payload.synthetic = true;
@@ -4853,4 +4971,4 @@ function createFeedback(config) {
 export {
   createFeedback
 };
-//# sourceMappingURL=chunk-5FVEQYA5.mjs.map
+//# sourceMappingURL=chunk-YV7LMW22.mjs.map