@innspel/react-native 0.9.2 → 0.9.3

package/dist/index.d.cts

@@ -630,6 +630,8 @@ declare const tekst: {
     readonly mineSak: (nr: string) => string;
     /** «Feil · sak 2041» — sporet først, aldri rå id og aldri kontraktens type (DD-50). */
     readonly sakHode: (spor: string, nr: string) => string;
+    /** F14: svaret kom siden forrige gang denne enheten viste lista. */
+    readonly nyttSvar: "Nytt svar";
     readonly bildeFjernet: "Bildet er fjernet.";
     readonly svarFra: (leietaker: string) => string;
     readonly svarFraGenerisk: "Svar";

package/dist/index.d.ts

@@ -630,6 +630,8 @@ declare const tekst: {
     readonly mineSak: (nr: string) => string;
     /** «Feil · sak 2041» — sporet først, aldri rå id og aldri kontraktens type (DD-50). */
     readonly sakHode: (spor: string, nr: string) => string;
+    /** F14: svaret kom siden forrige gang denne enheten viste lista. */
+    readonly nyttSvar: "Nytt svar";
     readonly bildeFjernet: "Bildet er fjernet.";
     readonly svarFra: (leietaker: string) => string;
     readonly svarFraGenerisk: "Svar";

package/dist/index.js

@@ -1,5 +1,5 @@
 // src/InnspelProvider.tsx
-import { createContext as createContext3, useCallback as useCallback3, useContext as useContext4, useMemo as useMemo4, useRef as useRef4, useState as useState4 } from "react";
+import { createContext as createContext3, useCallback as useCallback3, useContext as useContext4, useMemo as useMemo4, useRef as useRef4, useState as useState5 } from "react";
 import { View as View9 } from "react-native";
 
 // src/skjermbilde.ts
@@ -355,7 +355,7 @@ import {
   InnspelApiError,
   InnspelQueueFullError
 } from "@innspel/core";
-import { useCallback as useCallback2, useContext as useContext3, useEffect, useRef as useRef3, useState as useState3 } from "react";
+import { useCallback as useCallback2, useContext as useContext3, useEffect as useEffect2, useRef as useRef3, useState as useState4 } from "react";
 import { KeyboardAvoidingView, Modal, Pressable as Pressable5, View as View8 } from "react-native";
 import { initialWindowMetrics, SafeAreaInsetsContext } from "react-native-safe-area-context";
 
@@ -864,6 +864,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}`,
@@ -1514,25 +1516,80 @@ function Kvittering({
 }
 
 // src/widget/MineInnspill.tsx
-import "react";
+import { useEffect, useState as useState2 } from "react";
 import { ActivityIndicator as ActivityIndicator2, ScrollView as ScrollView3, Text as Text6, View as View6 } from "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
 import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function MineInnspill({
   rader,
   laster,
   tenantName,
-  onNytt
+  onNytt,
+  storage
 }) {
   const tema = useTema();
+  const [visning, setVisning] = useState2(() => rader.map((rad) => ({ rad, nytt: false })));
+  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]);
+  useEffect(() => {
+    if (!laster && rader.length) void markerSvarSett(storage).catch(() => void 0);
+  }, [storage, laster, rader]);
   return /* @__PURE__ */ jsxs6(View6, { style: { flex: 1, gap: tema.space.md }, children: [
     /* @__PURE__ */ jsx7(H, { sub: tekst.mineUnder, children: tekst.mineTittel }),
-    laster ? /* @__PURE__ */ jsx7(ActivityIndicator2, { accessibilityLabel: "Henter innspillene dine", color: tema.color.textSecondary }) : rader.length === 0 ? /* @__PURE__ */ jsx7(Hint, { children: tekst.mineTom }) : /* @__PURE__ */ jsx7(ScrollView3, { style: { flex: 1 }, contentContainerStyle: { gap: tema.space.sm }, children: rader.map((rad) => {
+    laster ? /* @__PURE__ */ jsx7(ActivityIndicator2, { accessibilityLabel: "Henter innspillene dine", color: tema.color.textSecondary }) : rader.length === 0 ? /* @__PURE__ */ jsx7(Hint, { children: tekst.mineTom }) : /* @__PURE__ */ jsx7(ScrollView3, { 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__ */ jsxs6(Card, { dashed: venter, children: [
-        /* @__PURE__ */ jsx7(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__ */ jsxs6(View6, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs, flexWrap: "wrap" }, children: [
+          /* @__PURE__ */ jsx7(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__ */ jsx7(
+            Text6,
+            {
+              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__ */ jsx7(
           Text6,
           {
@@ -1585,7 +1642,7 @@ function MineInnspill({
 
 // src/widget/Skjermbilde.tsx
 import { skaler, strokTilRekter, treffer, trykkTilRekt } from "@innspel/core";
-import { useCallback, useMemo as useMemo3, useRef as useRef2, useState as useState2 } from "react";
+import { useCallback, useMemo as useMemo3, useRef as useRef2, useState as useState3 } from "react";
 import { Image as Image2, Pressable as Pressable4, StyleSheet, Text as Text7, View as View7 } from "react-native";
 import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function Skjermbilde({
@@ -1600,10 +1657,10 @@ function Skjermbilde({
   onLeggVed
 }) {
   const tema = useTema();
-  const [verktoy, setVerktoy] = useState2("pensel");
-  const [allTekst, setAllTekst] = useState2(false);
-  const [egne, setEgne] = useState2([]);
-  const [ramme, setRamme] = useState2(null);
+  const [verktoy, setVerktoy] = useState3("pensel");
+  const [allTekst, setAllTekst] = useState3(false);
+  const [egne, setEgne] = useState3([]);
+  const [ramme, setRamme] = useState3(null);
   const strok = useRef2([]);
   const visning = useMemo3(() => {
     if (!ramme) return null;
@@ -1828,27 +1885,27 @@ function Widget({
   const insets = useContext3(SafeAreaInsetsContext) ?? initialWindowMetrics?.insets ?? { top: 0, bottom: 0, left: 0, right: 0 };
   const skjermbilde = useSkjermbilde();
   const previewRef = useRef3(null);
-  const [steg, setSteg] = useState3("valg");
-  const [spor, setSpor] = useState3("feil");
-  const [verdi, setVerdi] = useState3("");
-  const [kort, setKort] = useState3([]);
-  const [lasterKort, setLasterKort] = useState3(false);
-  const [lenketTil, setLenketTil] = useState3();
-  const [funn, setFunn] = useState3([]);
-  const [fjernede, setFjernede] = useState3([]);
-  const [sender, setSender] = useState3(false);
+  const [steg, setSteg] = useState4("valg");
+  const [spor, setSpor] = useState4("feil");
+  const [verdi, setVerdi] = useState4("");
+  const [kort, setKort] = useState4([]);
+  const [lasterKort, setLasterKort] = useState4(false);
+  const [lenketTil, setLenketTil] = useState4();
+  const [funn, setFunn] = useState4([]);
+  const [fjernede, setFjernede] = useState4([]);
+  const [sender, setSender] = useState4(false);
   const online = useNettstatus(client);
-  const [feil, setFeil] = useState3();
-  const [kvittering, setKvittering] = useState3();
-  const [mine, setMine] = useState3([]);
-  const [lasterMine, setLasterMine] = useState3(false);
-  const [bilde, setBilde] = useState3();
-  const [automasker, setAutomasker] = useState3([]);
-  const [rotStorrelse, setRotStorrelse] = useState3({ width: 1, height: 1 });
-  const [komponerer, setKomponerer] = useState3(false);
-  const [kilde, setKilde] = useState3("skjerm");
-  const [vedlegg, setVedlegg] = useState3();
-  const [innstillinger, setInnstillinger] = useState3({ ...client.settings });
+  const [feil, setFeil] = useState4();
+  const [kvittering, setKvittering] = useState4();
+  const [mine, setMine] = useState4([]);
+  const [lasterMine, setLasterMine] = useState4(false);
+  const [bilde, setBilde] = useState4();
+  const [automasker, setAutomasker] = useState4([]);
+  const [rotStorrelse, setRotStorrelse] = useState4({ width: 1, height: 1 });
+  const [komponerer, setKomponerer] = useState4(false);
+  const [kilde, setKilde] = useState4("skjerm");
+  const [vedlegg, setVedlegg] = useState4();
+  const [innstillinger, setInnstillinger] = useState4({ ...client.settings });
   const skjermbildeMulig = innstillinger.screenshotsEnabled && skjermbilde?.adapter != null;
   const fangstMulig = skjermbildeMulig && skjermbilde?.adapter?.captureScreen !== false;
   const galleriMulig = skjermbildeMulig && typeof skjermbilde?.adapter?.pick === "function";
@@ -1868,8 +1925,8 @@ function Widget({
     setVedlegg(void 0);
     setKomponerer(false);
   }, []);
-  const [mineDirekte, setMineDirekte] = useState3(false);
-  const [stegForMine, setStegForMine] = useState3("valg");
+  const [mineDirekte, setMineDirekte] = useState4(false);
+  const [stegForMine, setStegForMine] = useState4("valg");
   const stegRef = useRef3(steg);
   stegRef.current = steg;
   const harUtkast = verdi.trim().length > 0 || vedlegg !== void 0;
@@ -1886,7 +1943,7 @@ function Widget({
     setMineDirekte(false);
     setStegForMine("valg");
   }, [onLukk, nullstill]);
-  useEffect(() => {
+  useEffect2(() => {
     if (!synlig) return;
     client.track({ name: "widget_opened" });
     void client.queue.flush().catch(() => void 0);
@@ -1919,7 +1976,7 @@ function Widget({
     },
     [client, hentKort]
   );
-  useEffect(() => {
+  useEffect2(() => {
     if (steg === "kjenteFeil" && !lasterKort && kort.length === 0) setSteg("felt");
   }, [steg, lasterKort, kort.length]);
   const endreTekst = useCallback2(
@@ -2024,7 +2081,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" } : {} });
@@ -2045,7 +2102,7 @@ function Widget({
     } finally {
       setSender(false);
     }
-  }, [client, spor, verdi, vedlegg, lenketTil, fjernede]);
+  }, [client, spor, verdi, vedlegg, lenketTil, fjernede, apneOpsjoner?.screen]);
   const jaOgsa = useCallback2(
     async (k) => {
       setSender(true);
@@ -2172,7 +2229,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) } : {},
@@ -2215,6 +2272,7 @@ function Widget({
                 steg === "mine" ? /* @__PURE__ */ jsx9(
                   MineInnspill,
                   {
+                    storage: client.storage,
                     rader: mine,
                     laster: lasterMine,
                     ...tenantName ? { tenantName } : {},
@@ -2231,17 +2289,18 @@ function Widget({
 }
 function useNettstatus(client) {
   const c = client.connectivity;
-  const [online, setOnline] = useState3(() => c?.isOnline() ?? true);
-  useEffect(() => {
+  const [online, setOnline] = useState4(() => c?.isOnline() ?? true);
+  useEffect2(() => {
     if (!c) return void 0;
     setOnline(c.isOnline());
     return c.subscribe?.((v) => setOnline(v));
   }, [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;
@@ -2259,8 +2318,8 @@ function InnspelProvider({
   screenshot,
   imageStepNote
 }) {
-  const [synlig, setSynlig] = useState4(false);
-  const [apneOpsjoner, setApneOpsjoner] = useState4();
+  const [synlig, setSynlig] = useState5(false);
+  const [apneOpsjoner, setApneOpsjoner] = useState5();
   const registrert = useRef4(false);
   const rootRef = useRef4(null);
   const privat = useMemo4(createPrivateRegistry, []);
@@ -2308,14 +2367,14 @@ function useInnspel() {
 }
 
 // src/InnspelPrivate.tsx
-import { useEffect as useEffect2, useRef as useRef5 } from "react";
+import { useEffect as useEffect3, useRef as useRef5 } from "react";
 import { View as View10 } from "react-native";
 import { jsx as jsx11 } from "react/jsx-runtime";
 function InnspelPrivate({ children, style }) {
   const ref = useRef5(null);
   const kontekst = useSkjermbilde();
   const registrer = kontekst?.privat.register;
-  useEffect2(() => {
+  useEffect3(() => {
     if (!registrer) return;
     return registrer(ref);
   }, [registrer]);
@@ -2326,7 +2385,7 @@ function InnspelPrivate({ children, style }) {
 import {
   InnspelApiError as InnspelApiError2
 } from "@innspel/core";
-import { useCallback as useCallback4, useEffect as useEffect3, useState as useState6 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect4, useState as useState7 } from "react";
 import { Modal as Modal4, Pressable as Pressable8, Text as Text12, View as View15 } from "react-native";
 
 // src/program/Aksept.tsx
@@ -2500,7 +2559,7 @@ function Aksept({
 }
 
 // src/program/HvordanGikkDet.tsx
-import { useState as useState5 } from "react";
+import { useState as useState6 } from "react";
 import { Modal as Modal3, Pressable as Pressable7, Text as Text9, TextInput as TextInput2, View as View12 } from "react-native";
 import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var UTFALL = [
@@ -2520,8 +2579,8 @@ function HvordanGikkDet({
   onLukk
 }) {
   const tema = useTema();
-  const [valgt, setValgt] = useState5();
-  const [setning, setSetning] = useState5("");
+  const [valgt, setValgt] = useState6();
+  const [setning, setSetning] = useState6("");
   return /* @__PURE__ */ jsx13(Modal3, { visible: true, transparent: true, animationType: "fade", onRequestClose: onLukk, accessibilityViewIsModal: true, children: /* @__PURE__ */ jsx13(View12, { style: { flex: 1, backgroundColor: tema.color.scrim, justifyContent: "flex-end", padding: tema.space.md }, children: /* @__PURE__ */ jsxs11(
     View12,
     {
@@ -2745,17 +2804,17 @@ function InnspelProgram({
 }) {
   const { client } = useInnspel();
   const tema = useTema();
-  const [mine, setMine] = useState6();
-  const [deltakelse, setDeltakelse] = useState6();
-  const [viserAksept, setViserAksept] = useState6(false);
-  const [viserGaaUt, setViserGaaUt] = useState6(false);
-  const [avvist, setAvvist] = useState6(false);
-  const [sender, setSender] = useState6(false);
-  const [feil, setFeil] = useState6();
-  const [dialog, setDialog] = useState6();
-  const [svarFeil, setSvarFeil] = useState6();
-  const [lagtBort, setLagtBort] = useState6(/* @__PURE__ */ new Set());
-  const [meldFeilFor, setMeldFeilFor] = useState6();
+  const [mine, setMine] = useState7();
+  const [deltakelse, setDeltakelse] = useState7();
+  const [viserAksept, setViserAksept] = useState7(false);
+  const [viserGaaUt, setViserGaaUt] = useState7(false);
+  const [avvist, setAvvist] = useState7(false);
+  const [sender, setSender] = useState7(false);
+  const [feil, setFeil] = useState7();
+  const [dialog, setDialog] = useState7();
+  const [svarFeil, setSvarFeil] = useState7();
+  const [lagtBort, setLagtBort] = useState7(/* @__PURE__ */ new Set());
+  const [meldFeilFor, setMeldFeilFor] = useState7();
   const leggBort = useCallback4((id) => setLagtBort((s) => /* @__PURE__ */ new Set([...s, id])), []);
   const lagreSvar = useCallback4(
     async (outcome, text) => {
@@ -2780,7 +2839,7 @@ function InnspelProgram({
     },
     [client, deltakelse, dialog, onMeldFeil]
   );
-  useEffect3(() => {
+  useEffect4(() => {
     if (client.isAnonymous) return;
     let levende = true;
     void client.programs.list().then((svar) => {