@innspel/react-native 0.5.0 → 0.6.0

package/dist/index.js

@@ -5,15 +5,25 @@ import { View as View9 } from "react-native";
 // src/skjermbilde.ts
 import { createContext, useContext } from "react";
 import { Image } from "react-native";
-function createScreenshotAdapter(captureRef) {
+function storrelse(uri) {
+  return new Promise((resolve, reject) => Image.getSize(uri, (w, h) => resolve({ width: w, height: h }), reject));
+}
+function createScreenshotAdapter(captureRef, options = {}) {
+  const { pickImage, captureScreen } = options;
   return {
-    async capture(ref, options) {
-      const uri = await captureRef(ref, { format: options.format, quality: options.quality, result: "tmpfile" });
-      const { width, height } = await new Promise(
-        (resolve, reject) => Image.getSize(uri, (w, h) => resolve({ width: w, height: h }), reject)
-      );
-      return { uri, width, height };
+    async capture(ref, opts) {
+      const uri = await captureRef(ref, { format: opts.format, quality: opts.quality, result: "tmpfile" });
+      return { uri, ...await storrelse(uri) };
     },
+    ...pickImage ? {
+      async pick() {
+        const valgt = await pickImage();
+        if (!valgt) return null;
+        const { width, height } = valgt.width && valgt.height ? { width: valgt.width, height: valgt.height } : await storrelse(valgt.uri);
+        return { uri: valgt.uri, width, height };
+      }
+    } : {},
+    ...captureScreen === false ? { captureScreen: false } : {},
     measure(ref) {
       return new Promise((resolve) => {
         const view = ref.current;
@@ -258,7 +268,7 @@ import { initialWindowMetrics, SafeAreaInsetsContext } from "react-native-safe-a
 
 // src/widget/Felt.tsx
 import { useMemo, useState } from "react";
-import { Pressable as Pressable2, Text as Text2, TextInput, View as View2 } from "react-native";
+import { Pressable as Pressable2, ScrollView, Text as Text2, TextInput, View as View2 } from "react-native";
 
 // src/widget/primitiver.tsx
 import "react";
@@ -500,6 +510,10 @@ var tekst = {
   // 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",
   skjermbildeUnder: "Bildet ble tatt da du trykket. Det du maskerer, ser vi aldri.",
   maskering: "Maskering",
@@ -655,6 +669,8 @@ function Felt({
   onSend,
   sender,
   onSkjermbilde,
+  onVelgBilde,
+  bildeNotat,
   harVedlegg,
   onFjernVedlegg
 }) {
@@ -680,229 +696,254 @@ function Felt({
       return verdi2 && !fjernedeFelter.includes(felt) ? { felt, etikett, verdi: verdi2 } : null;
     }).filter((x) => x !== null);
   }, [kontekst, fjernedeFelter]);
-  return /* @__PURE__ */ jsxs2(View2, { style: { flex: 1, gap: tema.space.md }, children: [
-    lenketTil ? /* @__PURE__ */ jsxs2(
-      View2,
+  return /* @__PURE__ */ jsxs2(View2, { testID: "skjema", style: { flexGrow: 1, flexShrink: 1, gap: tema.space.md }, children: [
+    /* @__PURE__ */ jsxs2(
+      ScrollView,
       {
-        style: {
-          flexDirection: "row",
-          alignItems: "center",
-          gap: tema.space.sm,
-          minHeight: tema.touch,
-          borderWidth: tema.hairline,
-          borderColor: tema.color.borderInteractive,
-          borderRadius: tema.radius.pill,
-          paddingLeft: tema.space.md,
-          paddingRight: tema.space.xs
-        },
+        testID: "skjema-kropp",
+        style: { flexGrow: 0, flexShrink: 1 },
+        contentContainerStyle: { gap: tema.space.md },
+        keyboardShouldPersistTaps: "handled",
         children: [
-          /* @__PURE__ */ jsx2(Text2, { style: { flex: 1, color: tema.color.textPrimary, fontSize: tema.font.small }, children: tekst.lenketTil(lenketTil.title) }),
-          /* @__PURE__ */ jsx2(
-            Pressable2,
+          lenketTil ? /* @__PURE__ */ jsxs2(
+            View2,
             {
-              testID: "fjern-lenke",
-              accessibilityRole: "button",
-              accessibilityLabel: tekst.fjernLenke,
-              onPress: onFjernLenke,
-              style: { minWidth: tema.touch, minHeight: tema.touch, alignItems: "center", justifyContent: "center" },
-              children: /* @__PURE__ */ jsx2(Text2, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: "\u2715" })
+              style: {
+                flexDirection: "row",
+                alignItems: "center",
+                gap: tema.space.sm,
+                minHeight: tema.touch,
+                borderWidth: tema.hairline,
+                borderColor: tema.color.borderInteractive,
+                borderRadius: tema.radius.pill,
+                paddingLeft: tema.space.md,
+                paddingRight: tema.space.xs
+              },
+              children: [
+                /* @__PURE__ */ jsx2(Text2, { style: { flex: 1, color: tema.color.textPrimary, fontSize: tema.font.small }, children: tekst.lenketTil(lenketTil.title) }),
+                /* @__PURE__ */ jsx2(
+                  Pressable2,
+                  {
+                    testID: "fjern-lenke",
+                    accessibilityRole: "button",
+                    accessibilityLabel: tekst.fjernLenke,
+                    onPress: onFjernLenke,
+                    style: { minWidth: tema.touch, minHeight: tema.touch, alignItems: "center", justifyContent: "center" },
+                    children: /* @__PURE__ */ jsx2(Text2, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: "\u2715" })
+                  }
+                )
+              ]
             }
-          )
-        ]
-      }
-    ) : null,
-    uavklart ? /* @__PURE__ */ jsxs2(
-      View2,
-      {
-        style: {
-          gap: tema.space.sm,
-          backgroundColor: tema.color.warningBg,
-          borderRadius: tema.radius.md,
-          padding: tema.space.md
-        },
-        children: [
+          ) : null,
+          uavklart ? /* @__PURE__ */ jsxs2(
+            View2,
+            {
+              style: {
+                gap: tema.space.sm,
+                backgroundColor: tema.color.warningBg,
+                borderRadius: tema.radius.md,
+                padding: tema.space.md
+              },
+              children: [
+                /* @__PURE__ */ jsx2(
+                  Text2,
+                  {
+                    accessibilityRole: "alert",
+                    accessibilityLiveRegion: "polite",
+                    style: {
+                      color: tema.color.warning,
+                      fontSize: tema.font.small,
+                      lineHeight: tema.lineHeight.small,
+                      fontWeight: tema.weight.medium
+                    },
+                    children: tekst.monsterSpm[uavklart.kind]
+                  }
+                ),
+                /* @__PURE__ */ jsxs2(View2, { style: { flexDirection: "row", gap: tema.space.sm }, children: [
+                  /* @__PURE__ */ jsx2(
+                    Btn,
+                    {
+                      grow: true,
+                      variant: "secondary",
+                      testID: "monster-fjern",
+                      label: tekst.monsterFjern,
+                      onPress: () => onEndre(verdi.slice(0, uavklart.start) + verdi.slice(uavklart.end))
+                    }
+                  ),
+                  /* @__PURE__ */ jsx2(
+                    Btn,
+                    {
+                      grow: true,
+                      variant: "ghost",
+                      testID: "monster-behold",
+                      label: tekst.monsterBehold,
+                      onPress: () => setBeholdt((b) => [...b, uavklart.match])
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx2(Hint, { children: tekst.monsterForklaring })
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ jsx2(H, { children: spor === "onske" ? tekst.feltLabelOnske : tekst.feltLabelFeil }),
           /* @__PURE__ */ jsx2(
+            TextInput,
+            {
+              testID: "innspill-tekst",
+              accessibilityLabel: spor === "onske" ? tekst.feltLabelOnske : tekst.feltLabelFeil,
+              value: verdi,
+              onChangeText: onEndre,
+              maxLength: textMaxLength,
+              multiline: true,
+              numberOfLines: 4,
+              placeholder: spor === "onske" ? tekst.placeholderOnske : tekst.placeholderFeil,
+              placeholderTextColor: tema.color.textMuted,
+              style: {
+                backgroundColor: tema.color.surfaceRaised,
+                borderWidth: tema.hairline,
+                borderColor: full ? tema.color.warning : tema.color.borderStrong,
+                borderRadius: tema.radius.md,
+                padding: tema.space.md,
+                color: tema.color.textPrimary,
+                fontSize: tema.font.body,
+                lineHeight: tema.lineHeight.body,
+                minHeight: tema.touch * 2,
+                textAlignVertical: "top"
+              }
+            }
+          ),
+          visTeller ? /* @__PURE__ */ jsxs2(
             Text2,
             {
-              accessibilityRole: "alert",
-              accessibilityLiveRegion: "polite",
+              testID: "teller",
+              accessibilityLiveRegion: full ? "assertive" : "polite",
               style: {
-                color: tema.color.warning,
-                fontSize: tema.font.small,
-                lineHeight: tema.lineHeight.small,
-                fontWeight: tema.weight.medium
+                alignSelf: "flex-end",
+                color: full ? tema.color.warning : tema.color.textMuted,
+                fontSize: tema.font.small
               },
-              children: tekst.monsterSpm[uavklart.kind]
+              children: [
+                brukt,
+                " / ",
+                textMaxLength,
+                full ? tekst.tellerFull : ""
+              ]
             }
-          ),
-          /* @__PURE__ */ jsxs2(View2, { style: { flexDirection: "row", gap: tema.space.sm }, children: [
-            /* @__PURE__ */ jsx2(
+          ) : null,
+          harVedlegg ? /* @__PURE__ */ jsxs2(
+            View2,
+            {
+              testID: "vedlegg-chip",
+              style: {
+                flexDirection: "row",
+                alignItems: "center",
+                gap: tema.space.sm,
+                minHeight: tema.touch,
+                borderWidth: tema.hairline,
+                borderColor: tema.color.borderInteractive,
+                borderRadius: tema.radius.pill,
+                paddingLeft: tema.space.md,
+                paddingRight: tema.space.xs
+              },
+              children: [
+                /* @__PURE__ */ jsx2(Text2, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { fontSize: tema.font.small }, children: "\u{1F4F7}" }),
+                /* @__PURE__ */ jsx2(Text2, { style: { flex: 1, color: tema.color.textPrimary, fontSize: tema.font.small }, children: tekst.skjermbildeLagtVed }),
+                /* @__PURE__ */ jsx2(
+                  Pressable2,
+                  {
+                    testID: "fjern-vedlegg",
+                    accessibilityRole: "button",
+                    accessibilityLabel: tekst.fjernSkjermbilde,
+                    onPress: onFjernVedlegg,
+                    style: { minWidth: tema.touch, minHeight: tema.touch, alignItems: "center", justifyContent: "center" },
+                    children: /* @__PURE__ */ jsx2(Text2, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: "\u2715" })
+                  }
+                )
+              ]
+            }
+          ) : onSkjermbilde || onVelgBilde ? /* @__PURE__ */ jsxs2(View2, { style: { gap: tema.space.sm }, children: [
+            onSkjermbilde ? /* @__PURE__ */ jsx2(
               Btn,
               {
-                grow: true,
                 variant: "secondary",
-                testID: "monster-fjern",
-                label: tekst.monsterFjern,
-                onPress: () => onEndre(verdi.slice(0, uavklart.start) + verdi.slice(uavklart.end))
+                testID: "legg-ved-skjermbilde",
+                ikon: "\u{1F4F7}",
+                label: tekst.leggVedSkjermbilde,
+                hint: tekst.leggVedHint,
+                onPress: onSkjermbilde
               }
-            ),
-            /* @__PURE__ */ jsx2(
+            ) : null,
+            onVelgBilde ? /* @__PURE__ */ jsx2(
               Btn,
               {
-                grow: true,
-                variant: "ghost",
-                testID: "monster-behold",
-                label: tekst.monsterBehold,
-                onPress: () => setBeholdt((b) => [...b, uavklart.match])
+                variant: "secondary",
+                testID: "velg-bilde",
+                ikon: "\u{1F5BC}",
+                label: tekst.velgBilde,
+                hint: tekst.velgBildeHint,
+                onPress: onVelgBilde
               }
-            )
-          ] }),
-          /* @__PURE__ */ jsx2(Hint, { children: tekst.monsterForklaring })
+            ) : null,
+            bildeNotat ? /* @__PURE__ */ jsx2(View2, { testID: "bilde-notat", children: /* @__PURE__ */ jsx2(Hint, { children: bildeNotat }) }) : null
+          ] }) : null,
+          /* @__PURE__ */ jsxs2(View2, { style: { borderTopWidth: tema.hairline, borderTopColor: tema.color.border, paddingTop: tema.space.sm }, children: [
+            /* @__PURE__ */ jsx2(
+              Pressable2,
+              {
+                testID: "kontekst-bryter",
+                accessibilityRole: "button",
+                accessibilityState: { expanded: apen },
+                accessibilityLabel: `${tekst.kontekstLinje}${apen ? "" : tekst.kontekstVis}`,
+                onPress: () => setApen((a) => !a),
+                style: { minHeight: tema.touch, justifyContent: "center" },
+                children: /* @__PURE__ */ jsxs2(Text2, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: [
+                  apen ? "\u25B4" : "\u25BE",
+                  " ",
+                  tekst.kontekstLinje,
+                  apen ? "" : tekst.kontekstVis
+                ] })
+              }
+            ),
+            apen ? /* @__PURE__ */ jsxs2(View2, { children: [
+              linjer.map((l) => /* @__PURE__ */ jsxs2(
+                View2,
+                {
+                  style: {
+                    flexDirection: "row",
+                    alignItems: "center",
+                    gap: tema.space.sm,
+                    minHeight: tema.touch,
+                    borderBottomWidth: tema.hairline,
+                    borderBottomColor: tema.color.border
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx2(Text2, { style: { color: tema.color.textMuted, fontSize: tema.font.small, minWidth: tema.touch * 2 }, children: l.etikett }),
+                    /* @__PURE__ */ jsx2(Text2, { style: { flex: 1, color: tema.color.textPrimary, fontSize: tema.font.small }, children: l.verdi }),
+                    /* @__PURE__ */ jsx2(
+                      Pressable2,
+                      {
+                        testID: `fjern-${l.felt}`,
+                        accessibilityRole: "button",
+                        accessibilityLabel: `${tekst.kontekstFjern} ${l.etikett.toLowerCase()} fra innsendingen`,
+                        onPress: () => onFjernKontekst(l.felt),
+                        style: { minWidth: tema.touch, minHeight: tema.touch, alignItems: "center", justifyContent: "center" },
+                        children: /* @__PURE__ */ jsxs2(Text2, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: [
+                          "\u2715 ",
+                          tekst.kontekstFjern
+                        ] })
+                      }
+                    )
+                  ]
+                },
+                l.felt
+              )),
+              /* @__PURE__ */ jsx2(View2, { style: { paddingTop: tema.space.sm }, children: /* @__PURE__ */ jsx2(Hint, { children: tekst.kontekstAldri }) })
+            ] }) : null
+          ] })
         ]
       }
-    ) : null,
-    /* @__PURE__ */ jsx2(H, { children: spor === "onske" ? tekst.feltLabelOnske : tekst.feltLabelFeil }),
-    /* @__PURE__ */ jsx2(
-      TextInput,
-      {
-        testID: "innspill-tekst",
-        accessibilityLabel: spor === "onske" ? tekst.feltLabelOnske : tekst.feltLabelFeil,
-        value: verdi,
-        onChangeText: onEndre,
-        maxLength: textMaxLength,
-        multiline: true,
-        numberOfLines: 4,
-        placeholder: spor === "onske" ? tekst.placeholderOnske : tekst.placeholderFeil,
-        placeholderTextColor: tema.color.textMuted,
-        style: {
-          backgroundColor: tema.color.surfaceRaised,
-          borderWidth: tema.hairline,
-          borderColor: full ? tema.color.warning : tema.color.borderStrong,
-          borderRadius: tema.radius.md,
-          padding: tema.space.md,
-          color: tema.color.textPrimary,
-          fontSize: tema.font.body,
-          lineHeight: tema.lineHeight.body,
-          minHeight: tema.touch * 2,
-          textAlignVertical: "top"
-        }
-      }
     ),
-    visTeller ? /* @__PURE__ */ jsxs2(
-      Text2,
-      {
-        testID: "teller",
-        accessibilityLiveRegion: full ? "assertive" : "polite",
-        style: {
-          alignSelf: "flex-end",
-          color: full ? tema.color.warning : tema.color.textMuted,
-          fontSize: tema.font.small
-        },
-        children: [
-          brukt,
-          " / ",
-          textMaxLength,
-          full ? tekst.tellerFull : ""
-        ]
-      }
-    ) : null,
-    harVedlegg ? /* @__PURE__ */ jsxs2(
-      View2,
-      {
-        testID: "vedlegg-chip",
-        style: {
-          flexDirection: "row",
-          alignItems: "center",
-          gap: tema.space.sm,
-          minHeight: tema.touch,
-          borderWidth: tema.hairline,
-          borderColor: tema.color.borderInteractive,
-          borderRadius: tema.radius.pill,
-          paddingLeft: tema.space.md,
-          paddingRight: tema.space.xs
-        },
-        children: [
-          /* @__PURE__ */ jsx2(Text2, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { fontSize: tema.font.small }, children: "\u{1F4F7}" }),
-          /* @__PURE__ */ jsx2(Text2, { style: { flex: 1, color: tema.color.textPrimary, fontSize: tema.font.small }, children: tekst.skjermbildeLagtVed }),
-          /* @__PURE__ */ jsx2(
-            Pressable2,
-            {
-              testID: "fjern-vedlegg",
-              accessibilityRole: "button",
-              accessibilityLabel: tekst.fjernSkjermbilde,
-              onPress: onFjernVedlegg,
-              style: { minWidth: tema.touch, minHeight: tema.touch, alignItems: "center", justifyContent: "center" },
-              children: /* @__PURE__ */ jsx2(Text2, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: "\u2715" })
-            }
-          )
-        ]
-      }
-    ) : onSkjermbilde ? /* @__PURE__ */ jsx2(
-      Btn,
-      {
-        variant: "secondary",
-        testID: "legg-ved-skjermbilde",
-        ikon: "\u{1F4F7}",
-        label: tekst.leggVedSkjermbilde,
-        hint: tekst.leggVedHint,
-        onPress: onSkjermbilde
-      }
-    ) : null,
-    /* @__PURE__ */ jsxs2(View2, { style: { borderTopWidth: tema.hairline, borderTopColor: tema.color.border, paddingTop: tema.space.sm }, children: [
-      /* @__PURE__ */ jsx2(
-        Pressable2,
-        {
-          testID: "kontekst-bryter",
-          accessibilityRole: "button",
-          accessibilityState: { expanded: apen },
-          accessibilityLabel: `${tekst.kontekstLinje}${apen ? "" : tekst.kontekstVis}`,
-          onPress: () => setApen((a) => !a),
-          style: { minHeight: tema.touch, justifyContent: "center" },
-          children: /* @__PURE__ */ jsxs2(Text2, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: [
-            apen ? "\u25B4" : "\u25BE",
-            " ",
-            tekst.kontekstLinje,
-            apen ? "" : tekst.kontekstVis
-          ] })
-        }
-      ),
-      apen ? /* @__PURE__ */ jsxs2(View2, { children: [
-        linjer.map((l) => /* @__PURE__ */ jsxs2(
-          View2,
-          {
-            style: {
-              flexDirection: "row",
-              alignItems: "center",
-              gap: tema.space.sm,
-              minHeight: tema.touch,
-              borderBottomWidth: tema.hairline,
-              borderBottomColor: tema.color.border
-            },
-            children: [
-              /* @__PURE__ */ jsx2(Text2, { style: { color: tema.color.textMuted, fontSize: tema.font.small, minWidth: tema.touch * 2 }, children: l.etikett }),
-              /* @__PURE__ */ jsx2(Text2, { style: { flex: 1, color: tema.color.textPrimary, fontSize: tema.font.small }, children: l.verdi }),
-              /* @__PURE__ */ jsx2(
-                Pressable2,
-                {
-                  testID: `fjern-${l.felt}`,
-                  accessibilityRole: "button",
-                  accessibilityLabel: `${tekst.kontekstFjern} ${l.etikett.toLowerCase()} fra innsendingen`,
-                  onPress: () => onFjernKontekst(l.felt),
-                  style: { minWidth: tema.touch, minHeight: tema.touch, alignItems: "center", justifyContent: "center" },
-                  children: /* @__PURE__ */ jsxs2(Text2, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: [
-                    "\u2715 ",
-                    tekst.kontekstFjern
-                  ] })
-                }
-              )
-            ]
-          },
-          l.felt
-        )),
-        /* @__PURE__ */ jsx2(View2, { style: { paddingTop: tema.space.sm }, children: /* @__PURE__ */ jsx2(Hint, { children: tekst.kontekstAldri }) })
-      ] }) : null
-    ] }),
-    /* @__PURE__ */ jsx2(View2, { style: { flex: 1, justifyContent: "flex-end" }, children: /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx2(View2, { testID: "skjema-fot", style: { flexGrow: 1, flexShrink: 0, justifyContent: "flex-end" }, children: /* @__PURE__ */ jsx2(
       Btn,
       {
         testID: "send",
@@ -969,7 +1010,7 @@ function Valg({ onVelg }) {
 
 // src/widget/KjenteFeil.tsx
 import "react";
-import { ActivityIndicator, Text as Text4, View as View4 } from "react-native";
+import { ActivityIndicator, ScrollView as ScrollView2, Text as Text4, View as View4 } from "react-native";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function KjenteFeil({
   kort,
@@ -986,73 +1027,82 @@ function KjenteFeil({
       /* @__PURE__ */ jsx4(ActivityIndicator, { accessibilityLabel: "Sjekker kjente feil", color: tema.color.textSecondary })
     ] });
   }
-  return /* @__PURE__ */ jsxs4(View4, { style: { flex: 1, gap: tema.space.md }, children: [
+  return /* @__PURE__ */ jsxs4(View4, { testID: "kjente-feil", style: { flexGrow: 1, flexShrink: 1, gap: tema.space.md }, children: [
     /* @__PURE__ */ jsx4(H, { sub: spor === "onske" ? tekst.kjenteFeilUnderOnske : tekst.kjenteFeilUnderFeil, children: spor === "onske" ? tekst.kjenteFeilTittelOnske : tekst.kjenteFeilTittelFeil }),
-    kort.map((k) => {
-      const versjon = k.fixedIn ? k.status === "fikset" ? tekst.rettetI(k.fixedIn) : tekst.rettesI(k.fixedIn) : void 0;
-      const kontekst = versjon ? `${k.title}. ${versjon}` : k.title;
-      return /* @__PURE__ */ jsxs4(Card, { children: [
-        /* @__PURE__ */ jsx4(
-          Text4,
-          {
-            style: {
-              color: tema.color.textPrimary,
-              fontSize: tema.font.body,
-              lineHeight: tema.lineHeight.body,
-              fontWeight: tema.weight.medium
-            },
-            children: k.title
-          }
-        ),
-        k.workaround ? /* @__PURE__ */ jsxs4(
-          Text4,
-          {
-            style: {
-              color: tema.color.textSecondary,
-              fontSize: tema.font.small,
-              lineHeight: tema.lineHeight.small
-            },
-            children: [
-              tekst.omvei,
-              " ",
-              k.workaround
-            ]
-          }
-        ) : null,
-        versjon ? /* @__PURE__ */ jsx4(
-          StatusPill,
-          {
-            ikon: k.status === "fikset" ? "\u2713" : "\u{1F527}",
-            etikett: versjon,
-            farge: k.status === "fikset" ? "success" : "info"
-          }
-        ) : null,
-        /* @__PURE__ */ jsxs4(View4, { style: { flexDirection: "row", gap: tema.space.sm }, children: [
-          /* @__PURE__ */ jsx4(
-            Btn,
-            {
-              grow: true,
-              testID: `ja-ogsa-${k.id}`,
-              label: tekst.svarJa,
-              accessibilityLabel: `${tekst.svarJa}. ${kontekst}`,
-              onPress: () => onJaOgsa(k)
-            }
-          ),
-          /* @__PURE__ */ jsx4(
-            Btn,
-            {
-              grow: true,
-              variant: "secondary",
-              testID: `ligner-${k.id}`,
-              label: tekst.svarLigner,
-              accessibilityLabel: `${tekst.svarLigner}. ${kontekst}`,
-              onPress: () => onLigner(k)
-            }
-          )
-        ] })
-      ] }, k.id);
-    }),
-    /* @__PURE__ */ jsx4(Btn, { variant: "secondary", testID: "nei-noe-annet", label: tekst.svarNei, onPress: onNei })
+    /* @__PURE__ */ jsx4(
+      ScrollView2,
+      {
+        testID: "kjente-feil-liste",
+        style: { flexGrow: 0, flexShrink: 1 },
+        contentContainerStyle: { gap: tema.space.md },
+        keyboardShouldPersistTaps: "handled",
+        children: kort.map((k) => {
+          const versjon = k.fixedIn ? k.status === "fikset" ? tekst.rettetI(k.fixedIn) : tekst.rettesI(k.fixedIn) : void 0;
+          const kontekst = versjon ? `${k.title}. ${versjon}` : k.title;
+          return /* @__PURE__ */ jsxs4(Card, { children: [
+            /* @__PURE__ */ jsx4(
+              Text4,
+              {
+                style: {
+                  color: tema.color.textPrimary,
+                  fontSize: tema.font.body,
+                  lineHeight: tema.lineHeight.body,
+                  fontWeight: tema.weight.medium
+                },
+                children: k.title
+              }
+            ),
+            k.workaround ? /* @__PURE__ */ jsxs4(
+              Text4,
+              {
+                style: {
+                  color: tema.color.textSecondary,
+                  fontSize: tema.font.small,
+                  lineHeight: tema.lineHeight.small
+                },
+                children: [
+                  tekst.omvei,
+                  " ",
+                  k.workaround
+                ]
+              }
+            ) : null,
+            versjon ? /* @__PURE__ */ jsx4(
+              StatusPill,
+              {
+                ikon: k.status === "fikset" ? "\u2713" : "\u{1F527}",
+                etikett: versjon,
+                farge: k.status === "fikset" ? "success" : "info"
+              }
+            ) : null,
+            /* @__PURE__ */ jsxs4(View4, { style: { flexDirection: "row", gap: tema.space.sm }, children: [
+              /* @__PURE__ */ jsx4(
+                Btn,
+                {
+                  grow: true,
+                  testID: `ja-ogsa-${k.id}`,
+                  label: tekst.svarJa,
+                  accessibilityLabel: `${tekst.svarJa}. ${kontekst}`,
+                  onPress: () => onJaOgsa(k)
+                }
+              ),
+              /* @__PURE__ */ jsx4(
+                Btn,
+                {
+                  grow: true,
+                  variant: "secondary",
+                  testID: `ligner-${k.id}`,
+                  label: tekst.svarLigner,
+                  accessibilityLabel: `${tekst.svarLigner}. ${kontekst}`,
+                  onPress: () => onLigner(k)
+                }
+              )
+            ] })
+          ] }, k.id);
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx4(View4, { testID: "kjente-feil-fot", style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx4(Btn, { variant: "secondary", testID: "nei-noe-annet", label: tekst.svarNei, onPress: onNei }) })
   ] });
 }
 
@@ -1114,7 +1164,7 @@ function Kvittering({
 
 // src/widget/MineInnspill.tsx
 import "react";
-import { ActivityIndicator as ActivityIndicator2, ScrollView, Text as Text6, View as View6 } from "react-native";
+import { ActivityIndicator as ActivityIndicator2, ScrollView as ScrollView3, Text as Text6, View as View6 } from "react-native";
 
 // src/widget/status.ts
 var IKON = {
@@ -1181,7 +1231,7 @@ function MineInnspill({
   const tema = useTema();
   return /* @__PURE__ */ jsxs6(View6, { style: { flex: 1, gap: tema.space.md }, children: [
     /* @__PURE__ */ jsx6(H, { sub: tekst.mineUnder, children: tekst.mineTittel }),
-    laster ? /* @__PURE__ */ jsx6(ActivityIndicator2, { accessibilityLabel: "Henter innspillene dine", color: tema.color.textSecondary }) : rader.length === 0 ? /* @__PURE__ */ jsx6(Hint, { children: tekst.mineTom }) : /* @__PURE__ */ jsx6(ScrollView, { style: { flex: 1 }, contentContainerStyle: { gap: tema.space.sm }, children: rader.map((rad) => {
+    laster ? /* @__PURE__ */ jsx6(ActivityIndicator2, { accessibilityLabel: "Henter innspillene dine", color: tema.color.textSecondary }) : rader.length === 0 ? /* @__PURE__ */ jsx6(Hint, { children: tekst.mineTom }) : /* @__PURE__ */ jsx6(ScrollView3, { style: { flex: 1 }, contentContainerStyle: { gap: tema.space.sm }, children: rader.map((rad) => {
       const venter = rad.pending === true;
       const v = venter ? venterVisning : statusVisning(rad.status, rad.type, rad.deadlineAt);
       const nokkel = venter ? rad.clientRef : rad.id;
@@ -1250,6 +1300,8 @@ function Skjermbilde({
   rotStorrelse,
   previewRef,
   komponerer,
+  kilde = "skjerm",
+  notat,
   onFjern,
   onLeggVed
 }) {
@@ -1342,7 +1394,8 @@ function Skjermbilde({
   };
   const a11y = tekst.skjermbildeA11y(automasker.length, egne.length, allTekst);
   return /* @__PURE__ */ jsxs7(View7, { style: { flex: 1, gap: tema.space.md }, children: [
-    /* @__PURE__ */ jsx7(H, { sub: tekst.skjermbildeUnder, children: tekst.skjermbildeTittel }),
+    /* @__PURE__ */ jsx7(H, { sub: kilde === "galleri" ? tekst.skjermbildeUnderGalleri : tekst.skjermbildeUnder, children: tekst.skjermbildeTittel }),
+    notat ? /* @__PURE__ */ jsx7(View7, { testID: "bilde-notat", children: /* @__PURE__ */ jsx7(Hint, { children: notat }) }) : null,
     /* @__PURE__ */ jsxs7(View7, { accessibilityRole: "toolbar", accessibilityLabel: tekst.maskering, style: { flexDirection: "row", gap: tema.space.sm }, children: [
       knapp("felt", "\u25A3", tekst.maskerFelt),
       knapp("pensel", "\u270E", tekst.tegnOver),
@@ -1447,7 +1500,8 @@ function Widget({
   synlig,
   apneOpsjoner,
   onLukk,
-  tenantName
+  tenantName,
+  imageStepNote
 }) {
   const tema = useTema();
   const insets = useContext3(SafeAreaInsetsContext) ?? initialWindowMetrics?.insets ?? { top: 0, bottom: 0, left: 0, right: 0 };
@@ -1470,9 +1524,13 @@ function Widget({
   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 skjermbildeMulig = innstillinger.screenshotsEnabled && skjermbilde?.adapter != null;
+  const fangstMulig = skjermbildeMulig && skjermbilde?.adapter?.captureScreen !== false;
+  const galleriMulig = skjermbildeMulig && typeof skjermbilde?.adapter?.pick === "function";
+  const bildeNotat = typeof imageStepNote === "string" ? imageStepNote : imageStepNote?.[spor];
   const nullstill = useCallback2(() => {
     setSteg("valg");
     setSpor("feil");
@@ -1549,11 +1607,28 @@ function Widget({
         setAutomasker([]);
       }
       setBilde(fangst);
+      setKilde("skjerm");
       setSteg("skjermbilde");
     } catch {
       setFeil(tekst.skjermbildeFeilet);
     }
   }, [skjermbilde]);
+  const velgBilde = useCallback2(async () => {
+    const pick = skjermbilde?.adapter?.pick;
+    if (!pick) return;
+    setFeil(void 0);
+    try {
+      const valgt = await pick.call(skjermbilde.adapter);
+      if (!valgt) return;
+      setRotStorrelse({ width: valgt.width, height: valgt.height });
+      setAutomasker([]);
+      setBilde(valgt);
+      setKilde("galleri");
+      setSteg("skjermbilde");
+    } catch {
+      setFeil(tekst.bildeFeilet);
+    }
+  }, [skjermbilde]);
   const leggVedBilde = useCallback2(async () => {
     if (!skjermbilde?.adapter) return;
     setKomponerer(true);
@@ -1717,7 +1792,9 @@ function Widget({
                     funn,
                     onSend: send,
                     sender,
-                    ...skjermbildeMulig ? { onSkjermbilde: taSkjermbilde } : {},
+                    ...fangstMulig ? { onSkjermbilde: taSkjermbilde } : {},
+                    ...galleriMulig ? { onVelgBilde: velgBilde } : {},
+                    ...bildeNotat ? { bildeNotat } : {},
                     harVedlegg: vedlegg !== void 0,
                     onFjernVedlegg: fjernBilde
                   }
@@ -1730,6 +1807,8 @@ function Widget({
                     rotStorrelse,
                     previewRef,
                     komponerer,
+                    kilde,
+                    ...bildeNotat ? { notat: bildeNotat } : {},
                     onFjern: fjernBilde,
                     onLeggVed: leggVedBilde
                   }
@@ -1777,7 +1856,8 @@ function InnspelProvider({
   theme,
   colorScheme = "dark",
   tenantName,
-  screenshot
+  screenshot,
+  imageStepNote
 }) {
   const [synlig, setSynlig] = useState4(false);
   const [apneOpsjoner, setApneOpsjoner] = useState4();
@@ -1811,6 +1891,7 @@ function InnspelProvider({
         synlig,
         ...apneOpsjoner ? { apneOpsjoner } : {},
         ...tenantName ? { tenantName } : {},
+        ...imageStepNote ? { imageStepNote } : {},
         onLukk: close
       }
     )
@@ -1850,7 +1931,7 @@ import { Modal as Modal4, Pressable as Pressable8, Text as Text13, View as View1
 
 // src/program/Aksept.tsx
 import "react";
-import { Linking, Modal as Modal2, Pressable as Pressable6, ScrollView as ScrollView2, Text as Text9, View as View11 } from "react-native";
+import { Linking, Modal as Modal2, Pressable as Pressable6, ScrollView as ScrollView4, Text as Text9, View as View11 } from "react-native";
 
 // src/program/periode.ts
 var MANEDER = [
@@ -1916,7 +1997,7 @@ function Aksept({
           /* @__PURE__ */ jsx11(View11, {})
         ] }),
         feil ? /* @__PURE__ */ jsx11(Banner, { live: true, ikon: "\u26A0", tone: "danger", children: tekst.akseptFeil(feil) }) : null,
-        /* @__PURE__ */ jsxs10(ScrollView2, { contentContainerStyle: { gap: tema.space.md }, children: [
+        /* @__PURE__ */ jsxs10(ScrollView4, { contentContainerStyle: { gap: tema.space.md }, children: [
           /* @__PURE__ */ jsx11(H, { sub: tekst.akseptHva, children: program.name }),
           /* @__PURE__ */ jsx11(
             Text9,