@innspel/react-native 0.9.2 → 0.9.3

package/dist/index.cjs

@@ -902,6 +902,8 @@ var tekst = {
   mineSak: (nr) => `Sak ${saksnr(nr)}`,
   /** «Feil · sak 2041» — sporet først, aldri rå id og aldri kontraktens type (DD-50). */
   sakHode: (spor, nr) => `${stor(spor)} \xB7 sak ${saksnr(nr)}`,
+  /** F14: svaret kom siden forrige gang denne enheten viste lista. */
+  nyttSvar: "Nytt svar",
   // Leietakeren fjernet vedlegget. Bare AT — aldri hvorfor, av hvem eller når.
   bildeFjernet: "Bildet er fjernet.",
   svarFra: (leietaker) => `Svar fra ${leietaker}`,
@@ -1554,23 +1556,78 @@ function Kvittering({
 // src/widget/MineInnspill.tsx
 var import_react9 = require("react");
 var import_react_native7 = require("react-native");
+
+// src/widget/nyttSvar.ts
+var N\u00D8KKEL = "innspel:svar-sett";
+async function merkNyeSvar(rader, storage) {
+  let grense = 0;
+  try {
+    grense = Number.parseInt(await storage.get(N\u00D8KKEL) ?? "", 10) || 0;
+  } catch {
+    grense = 0;
+  }
+  const tid = (r) => r.pending === true ? NaN : Date.parse(r.reply?.at ?? "");
+  const merket = rader.map((rad) => ({ rad, nytt: tid(rad) > grense }));
+  return [...merket.filter((m) => m.nytt), ...merket.filter((m) => !m.nytt)];
+}
+async function markerSvarSett(storage, n\u00E5 = Date.now()) {
+  try {
+    await storage.set(N\u00D8KKEL, String(n\u00E5));
+  } catch {
+  }
+}
+
+// src/widget/MineInnspill.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function MineInnspill({
   rader,
   laster,
   tenantName,
-  onNytt
+  onNytt,
+  storage
 }) {
   const tema = useTema();
+  const [visning, setVisning] = (0, import_react9.useState)(() => rader.map((rad) => ({ rad, nytt: false })));
+  (0, import_react9.useEffect)(() => {
+    let gjelder = true;
+    void merkNyeSvar(rader, storage).then((m) => {
+      if (gjelder) setVisning(m);
+    }).catch(() => {
+      if (gjelder) setVisning(rader.map((rad) => ({ rad, nytt: false })));
+    });
+    return () => {
+      gjelder = false;
+    };
+  }, [storage, rader]);
+  (0, import_react9.useEffect)(() => {
+    if (!laster && rader.length) void markerSvarSett(storage).catch(() => void 0);
+  }, [storage, laster, rader]);
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native7.View, { style: { flex: 1, gap: tema.space.md }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(H, { sub: tekst.mineUnder, children: tekst.mineTittel }),
-    laster ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native7.ActivityIndicator, { accessibilityLabel: "Henter innspillene dine", color: tema.color.textSecondary }) : rader.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Hint, { children: tekst.mineTom }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native7.ScrollView, { style: { flex: 1 }, contentContainerStyle: { gap: tema.space.sm }, children: rader.map((rad) => {
+    laster ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native7.ActivityIndicator, { accessibilityLabel: "Henter innspillene dine", color: tema.color.textSecondary }) : rader.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Hint, { children: tekst.mineTom }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native7.ScrollView, { style: { flex: 1 }, contentContainerStyle: { gap: tema.space.sm }, children: visning.map(({ rad, nytt }) => {
       const venter = rad.pending === true;
       const v = venter ? venterVisning : statusVisning(rad.status, rad.type, rad.deadlineAt);
       const nokkel = venter ? rad.clientRef : rad.id;
       const svar = venter ? void 0 : rad.reply;
       return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Card, { dashed: venter, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Hint, { children: venter ? `${tekst.mineIkkeSendt} \xB7 ${rad.type === "onske" ? tekst.onske : tekst.feil}` : tekst.sakHode(rad.type === "onske" ? tekst.onske : tekst.feil, rad.id) }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native7.View, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs, flexWrap: "wrap" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Hint, { children: venter ? `${tekst.mineIkkeSendt} \xB7 ${rad.type === "onske" ? tekst.onske : tekst.feil}` : tekst.sakHode(rad.type === "onske" ? tekst.onske : tekst.feil, rad.id) }),
+          nytt ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            import_react_native7.Text,
+            {
+              testID: "nytt-svar",
+              style: {
+                color: tema.color.info,
+                backgroundColor: tema.color.infoBg,
+                fontSize: tema.font.tiny,
+                fontWeight: tema.weight.semibold,
+                borderRadius: tema.radius.pill,
+                paddingHorizontal: tema.space.sm
+              },
+              children: tekst.nyttSvar
+            }
+          ) : null
+        ] }),
         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           import_react_native7.Text,
           {
@@ -2062,7 +2119,7 @@ function Widget({
         text: verdi,
         ...vedlegg ? { attachment: vedlegg } : {},
         ...spor === "feil" && lenketTil ? { relatedKnownIssueId: lenketTil.id } : {},
-        ...fjernede.length ? { context: fjernetKontekst(client, fjernede) } : {}
+        context: fjernetKontekst(client, fjernede, apneOpsjoner?.screen)
       });
       if (res.status === "queued") {
         setKvittering({ art: "k\xF8", ...res.attachment ? { vedlegg: "forkastet" } : {} });
@@ -2083,7 +2140,7 @@ function Widget({
     } finally {
       setSender(false);
     }
-  }, [client, spor, verdi, vedlegg, lenketTil, fjernede]);
+  }, [client, spor, verdi, vedlegg, lenketTil, fjernede, apneOpsjoner?.screen]);
   const jaOgsa = (0, import_react11.useCallback)(
     async (k) => {
       setSender(true);
@@ -2210,7 +2267,7 @@ function Widget({
                     onEndre: endreTekst,
                     minTextLength: innstillinger.minTextLength,
                     textMaxLength: innstillinger.textMaxLength,
-                    kontekst: client.context,
+                    kontekst: { ...client.context, ...apneOpsjoner?.screen ? { screen: apneOpsjoner.screen } : {} },
                     fjernedeFelter: fjernede,
                     onFjernKontekst: (f) => setFjernede((x) => [...x, f]),
                     ...lenketTil ? { lenketTil, onFjernLenke: () => setLenketTil(void 0) } : {},
@@ -2253,6 +2310,7 @@ function Widget({
                 steg === "mine" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                   MineInnspill,
                   {
+                    storage: client.storage,
                     rader: mine,
                     laster: lasterMine,
                     ...tenantName ? { tenantName } : {},
@@ -2277,9 +2335,10 @@ function useNettstatus(client) {
   }, [c]);
   return online;
 }
-function fjernetKontekst(client, fjernede) {
+function fjernetKontekst(client, fjernede, skjerm) {
   const ut = {};
-  for (const k of Object.keys(client.context)) {
+  if (skjerm) ut["screen"] = skjerm;
+  for (const k of [...Object.keys(client.context), "screen"]) {
     if (k !== "sdkVersion" && fjernede.includes(k)) ut[k] = void 0;
   }
   return ut;