@innspel/react-native 0.9.2 → 0.9.4

package/dist/index.d.cts

@@ -354,6 +354,19 @@ declare function byggTema(vertens?: PartialTheme, palett?: 'dark' | 'light'): Te
 /** Tokenene som gjelder her. Bruk ALDRI en literal farge eller avstand i stedet. */
 declare function useTema(): Tema;
 
+/**
+ * Det verten får vite når et innspill er sendt (F26). Sakens nummer, aldri innsenderens
+ * identitet — nummeret er det hun alt ser i kvitteringen. `queued` når nettet var borte
+ * og innspillet ligger i køen: hun trykket Send, og det teller. «Ja, jeg også» på en kjent
+ * feil gir ikke dette kallet — det er Reach, ikke en ny sak.
+ */
+interface SubmittedInfo {
+    type: 'feil' | 'onske';
+    queued: boolean;
+    /** Finnes når saken er opprettet hos tjeneren; mangler i køen. */
+    id?: string;
+}
+
 interface InnspelKontekst {
     client: InnspelClient;
     /** Åpner widgeten. Samme som `client.openFeedback()`. */
@@ -382,7 +395,7 @@ interface InnspelKontekst {
  * }
  * ```
  */
-declare function InnspelProvider({ client, children, theme, colorScheme, tenantName, screenshot, imageStepNote, }: {
+declare function InnspelProvider({ client, children, theme, colorScheme, tenantName, screenshot, imageStepNote, onSubmitted, }: {
     client: InnspelClient;
     children?: React.ReactNode;
     /** Vertens egne tokens. Alt som utelates faller tilbake på Innspels tema. */
@@ -403,6 +416,14 @@ declare function InnspelProvider({ client, children, theme, colorScheme, tenantN
      * brukerne sine; plattformen eier ikke den setningen.
      */
     imageStepNote?: ImageStepNote;
+    /**
+     * Kalles når et innspill er sendt — eller lagt i køen fordi nettet var borte (F26).
+     * `type`, `queued`, og `id` når saken finnes hos tjeneren. Ingen identitet: saksnummeret
+     * er sakens, og det innsenderen alt ser i kvitteringen. Bruk det til å hente tellingen
+     * på «Mine innspill» på nytt, eller til å be om varsler i det riktige øyeblikket —
+     * rett etter første innsending, ikke ved oppstart. Kalles ikke for «Ja, jeg også».
+     */
+    onSubmitted?: (info: SubmittedInfo) => void;
 }): React.JSX.Element;
 /**
  * Klienten og `open` fra nærmeste {@link InnspelProvider}.
@@ -568,9 +589,7 @@ declare const tekst: {
     readonly lenketTil: (tittel: string) => string;
     readonly fjernLenke: "Fjern lenken til den kjente feilen";
     readonly leggVedSkjermbilde: "Legg ved skjermbilde";
-    readonly leggVedHint: "Bildet tas først når du trykker — du ser det før det sendes.";
     readonly velgBilde: "Velg bilde";
-    readonly velgBildeHint: "Fra bildene dine. Du ser det og kan maskere det før det sendes.";
     readonly skjermbildeUnderGalleri: "Bildet er fra galleriet. Appen maskerer ingenting i det for deg — mal over det som ikke skal med.";
     readonly bildeFeilet: "kunne ikke hente bildet. Du kan sende uten.";
     readonly skjermbildeTittel: "Se over bildet";
@@ -630,6 +649,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";
@@ -706,4 +727,4 @@ declare const lofte: {
     readonly venterNett: "Sendes automatisk når du er på nett — kvitteringen kommer da.";
 };
 
-export { type AsyncStorageLike, type CaptureOptions, type CaptureRefFn, type ImageStepNote, type InnspelColors, InnspelPrivate, InnspelProgram, InnspelProvider, type InnspelTheme, type PartialTheme, type PickImageFn, type ScreenshotAdapter, type ScreenshotAdapterOptions, type ScreenshotCapture, type StatusVisning, type Tema, byggTema, createMemoryStorage, createScreenshotAdapter, createStorage, t as darkTokens, light, lofte, screenRules, statusVisning, tekst, useInnspel, useTema, venterVisning };
+export { type AsyncStorageLike, type CaptureOptions, type CaptureRefFn, type ImageStepNote, type InnspelColors, InnspelPrivate, InnspelProgram, InnspelProvider, type InnspelTheme, type PartialTheme, type PickImageFn, type ScreenshotAdapter, type ScreenshotAdapterOptions, type ScreenshotCapture, type StatusVisning, type SubmittedInfo, type Tema, byggTema, createMemoryStorage, createScreenshotAdapter, createStorage, t as darkTokens, light, lofte, screenRules, statusVisning, tekst, useInnspel, useTema, venterVisning };

package/dist/index.d.ts

@@ -354,6 +354,19 @@ declare function byggTema(vertens?: PartialTheme, palett?: 'dark' | 'light'): Te
 /** Tokenene som gjelder her. Bruk ALDRI en literal farge eller avstand i stedet. */
 declare function useTema(): Tema;
 
+/**
+ * Det verten får vite når et innspill er sendt (F26). Sakens nummer, aldri innsenderens
+ * identitet — nummeret er det hun alt ser i kvitteringen. `queued` når nettet var borte
+ * og innspillet ligger i køen: hun trykket Send, og det teller. «Ja, jeg også» på en kjent
+ * feil gir ikke dette kallet — det er Reach, ikke en ny sak.
+ */
+interface SubmittedInfo {
+    type: 'feil' | 'onske';
+    queued: boolean;
+    /** Finnes når saken er opprettet hos tjeneren; mangler i køen. */
+    id?: string;
+}
+
 interface InnspelKontekst {
     client: InnspelClient;
     /** Åpner widgeten. Samme som `client.openFeedback()`. */
@@ -382,7 +395,7 @@ interface InnspelKontekst {
  * }
  * ```
  */
-declare function InnspelProvider({ client, children, theme, colorScheme, tenantName, screenshot, imageStepNote, }: {
+declare function InnspelProvider({ client, children, theme, colorScheme, tenantName, screenshot, imageStepNote, onSubmitted, }: {
     client: InnspelClient;
     children?: React.ReactNode;
     /** Vertens egne tokens. Alt som utelates faller tilbake på Innspels tema. */
@@ -403,6 +416,14 @@ declare function InnspelProvider({ client, children, theme, colorScheme, tenantN
      * brukerne sine; plattformen eier ikke den setningen.
      */
     imageStepNote?: ImageStepNote;
+    /**
+     * Kalles når et innspill er sendt — eller lagt i køen fordi nettet var borte (F26).
+     * `type`, `queued`, og `id` når saken finnes hos tjeneren. Ingen identitet: saksnummeret
+     * er sakens, og det innsenderen alt ser i kvitteringen. Bruk det til å hente tellingen
+     * på «Mine innspill» på nytt, eller til å be om varsler i det riktige øyeblikket —
+     * rett etter første innsending, ikke ved oppstart. Kalles ikke for «Ja, jeg også».
+     */
+    onSubmitted?: (info: SubmittedInfo) => void;
 }): React.JSX.Element;
 /**
  * Klienten og `open` fra nærmeste {@link InnspelProvider}.
@@ -568,9 +589,7 @@ declare const tekst: {
     readonly lenketTil: (tittel: string) => string;
     readonly fjernLenke: "Fjern lenken til den kjente feilen";
     readonly leggVedSkjermbilde: "Legg ved skjermbilde";
-    readonly leggVedHint: "Bildet tas først når du trykker — du ser det før det sendes.";
     readonly velgBilde: "Velg bilde";
-    readonly velgBildeHint: "Fra bildene dine. Du ser det og kan maskere det før det sendes.";
     readonly skjermbildeUnderGalleri: "Bildet er fra galleriet. Appen maskerer ingenting i det for deg — mal over det som ikke skal med.";
     readonly bildeFeilet: "kunne ikke hente bildet. Du kan sende uten.";
     readonly skjermbildeTittel: "Se over bildet";
@@ -630,6 +649,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";
@@ -706,4 +727,4 @@ declare const lofte: {
     readonly venterNett: "Sendes automatisk når du er på nett — kvitteringen kommer da.";
 };
 
-export { type AsyncStorageLike, type CaptureOptions, type CaptureRefFn, type ImageStepNote, type InnspelColors, InnspelPrivate, InnspelProgram, InnspelProvider, type InnspelTheme, type PartialTheme, type PickImageFn, type ScreenshotAdapter, type ScreenshotAdapterOptions, type ScreenshotCapture, type StatusVisning, type Tema, byggTema, createMemoryStorage, createScreenshotAdapter, createStorage, t as darkTokens, light, lofte, screenRules, statusVisning, tekst, useInnspel, useTema, venterVisning };
+export { type AsyncStorageLike, type CaptureOptions, type CaptureRefFn, type ImageStepNote, type InnspelColors, InnspelPrivate, InnspelProgram, InnspelProvider, type InnspelTheme, type PartialTheme, type PickImageFn, type ScreenshotAdapter, type ScreenshotAdapterOptions, type ScreenshotCapture, type StatusVisning, type SubmittedInfo, type Tema, byggTema, createMemoryStorage, createScreenshotAdapter, createStorage, t as darkTokens, light, lofte, screenRules, statusVisning, tekst, useInnspel, useTema, venterVisning };

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";
 
@@ -798,9 +798,7 @@ var tekst = {
   fjernLenke: "Fjern lenken til den kjente feilen",
   // 2f — skjermbilde (K4, DD-39, DD-40, DD-42)
   leggVedSkjermbilde: "Legg ved skjermbilde",
-  leggVedHint: "Bildet tas f\xF8rst n\xE5r du trykker \u2014 du ser det f\xF8r det sendes.",
   velgBilde: "Velg bilde",
-  velgBildeHint: "Fra bildene dine. Du ser det og kan maskere det f\xF8r det sendes.",
   skjermbildeUnderGalleri: "Bildet er fra galleriet. Appen maskerer ingenting i det for deg \u2014 mal over det som ikke skal med.",
   bildeFeilet: "kunne ikke hente bildet. Du kan sende uten.",
   skjermbildeTittel: "Se over bildet",
@@ -864,6 +862,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}`,
@@ -1153,31 +1153,35 @@ function Felt({
                 )
               ]
             }
-          ) : onSkjermbilde || onVelgBilde ? /* @__PURE__ */ jsxs2(View2, { style: { gap: tema.space.sm }, children: [
-            onSkjermbilde ? /* @__PURE__ */ jsx3(
-              Btn,
-              {
-                variant: "secondary",
-                testID: "legg-ved-skjermbilde",
-                ikon: "camera-outline",
-                label: tekst.leggVedSkjermbilde,
-                hint: tekst.leggVedHint,
-                onPress: onSkjermbilde
-              }
-            ) : null,
-            onVelgBilde ? /* @__PURE__ */ jsx3(
-              Btn,
-              {
-                variant: "secondary",
-                testID: "velg-bilde",
-                ikon: "images-outline",
-                label: tekst.velgBilde,
-                hint: tekst.velgBildeHint,
-                onPress: onVelgBilde
-              }
-            ) : null,
-            bildeNotat ? /* @__PURE__ */ jsx3(View2, { testID: "bilde-notat", children: /* @__PURE__ */ jsx3(Hint, { children: bildeNotat }) }) : null
-          ] }) : null,
+          ) : onSkjermbilde || onVelgBilde ? (
+            // F7 (brukerreisene 2026-09-15): knappene har ingen egen hjelpetekst. Web-widgeten
+            // har aldri hatt det, og Følget sender sin egen setning som `imageStepNote` — med
+            // pakkens hint i tillegg sto det tre tekster under to knapper. Løftet om at bildet
+            // tas ved trykk og kan maskeres står i selve steget (Skjermbilde), der det gjelder.
+            /* @__PURE__ */ jsxs2(View2, { style: { gap: tema.space.sm }, children: [
+              onSkjermbilde ? /* @__PURE__ */ jsx3(
+                Btn,
+                {
+                  variant: "secondary",
+                  testID: "legg-ved-skjermbilde",
+                  ikon: "camera-outline",
+                  label: tekst.leggVedSkjermbilde,
+                  onPress: onSkjermbilde
+                }
+              ) : null,
+              onVelgBilde ? /* @__PURE__ */ jsx3(
+                Btn,
+                {
+                  variant: "secondary",
+                  testID: "velg-bilde",
+                  ikon: "images-outline",
+                  label: tekst.velgBilde,
+                  onPress: onVelgBilde
+                }
+              ) : null,
+              bildeNotat ? /* @__PURE__ */ jsx3(View2, { testID: "bilde-notat", children: /* @__PURE__ */ jsx3(Hint, { children: bildeNotat }) }) : null
+            ] })
+          ) : null,
           /* @__PURE__ */ jsxs2(View2, { style: { borderTopWidth: tema.hairline, borderTopColor: tema.color.border, paddingTop: tema.space.sm }, children: [
             /* @__PURE__ */ jsx3(
               Pressable2,
@@ -1514,25 +1518,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 +1644,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 +1659,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;
@@ -1822,33 +1881,34 @@ function Widget({
   apneOpsjoner,
   onLukk,
   tenantName,
-  imageStepNote
+  imageStepNote,
+  onSubmitted
 }) {
   const tema = useTema();
   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 +1928,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 +1946,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 +1979,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 +2084,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" } : {} });
@@ -2038,6 +2098,7 @@ function Widget({
         });
       }
       setSteg("kvittering");
+      onSubmitted?.(res.status === "queued" ? { type: spor, queued: true } : { type: spor, queued: false, id: res.submission.id });
     } catch (e) {
       if (e instanceof InnspelQueueFullError) setFeil(e.userMessage);
       else if (e instanceof InnspelApiError) setFeil(e.message);
@@ -2045,7 +2106,7 @@ function Widget({
     } finally {
       setSender(false);
     }
-  }, [client, spor, verdi, vedlegg, lenketTil, fjernede]);
+  }, [client, spor, verdi, vedlegg, lenketTil, fjernede, apneOpsjoner?.screen, onSubmitted]);
   const jaOgsa = useCallback2(
     async (k) => {
       setSender(true);
@@ -2172,7 +2233,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 +2276,7 @@ function Widget({
                 steg === "mine" ? /* @__PURE__ */ jsx9(
                   MineInnspill,
                   {
+                    storage: client.storage,
                     rader: mine,
                     laster: lasterMine,
                     ...tenantName ? { tenantName } : {},
@@ -2231,17 +2293,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;
@@ -2257,10 +2320,11 @@ function InnspelProvider({
   colorScheme = "dark",
   tenantName,
   screenshot,
-  imageStepNote
+  imageStepNote,
+  onSubmitted
 }) {
-  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, []);
@@ -2292,6 +2356,7 @@ function InnspelProvider({
         ...apneOpsjoner ? { apneOpsjoner } : {},
         ...tenantName ? { tenantName } : {},
         ...imageStepNote ? { imageStepNote } : {},
+        ...onSubmitted ? { onSubmitted } : {},
         onLukk: close
       }
     )
@@ -2308,14 +2373,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 +2391,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 +2565,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 +2585,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 +2810,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 +2845,7 @@ function InnspelProgram({
     },
     [client, deltakelse, dialog, onMeldFeil]
   );
-  useEffect3(() => {
+  useEffect4(() => {
     if (client.isAnonymous) return;
     let levende = true;
     void client.programs.list().then((svar) => {