@innspel/react-native 0.9.4 → 0.10.0

package/dist/index.d.cts

@@ -654,6 +654,16 @@ declare const tekst: {
     readonly bildeFjernet: "Bildet er fjernet.";
     readonly svarFra: (leietaker: string) => string;
     readonly svarFraGenerisk: "Svar";
+    readonly leggTilMer: "Legg til mer";
+    readonly leggTilMerLabel: "Legg til mer på denne saken";
+    readonly leggTilMerPlaceholder: "Hva vil du legge til?";
+    readonly leggTilMerHint: "Blir stående på saken din, under det du alt har skrevet. Ikke et svar på svaret — det blir ingen samtale her.";
+    readonly avbryt: "Avbryt";
+    readonly duLaTil: (dato: string) => string;
+    readonly lagtTil: "Lagt til";
+    readonly tilleggTak: "Du har lagt til tre ganger. Har du mer, send et nytt innspill.";
+    readonly tilleggLukket: "Saken er avsluttet — send et nytt innspill.";
+    readonly tilleggFeil: (arsak: string) => string;
     readonly sendNytt: "Send nytt innspill";
     /** Tom tilstand: det finnes ikke noe «nytt» å sende når ingenting er sendt. */
     readonly sendForste: "Send innspill";

package/dist/index.d.ts

@@ -654,6 +654,16 @@ declare const tekst: {
     readonly bildeFjernet: "Bildet er fjernet.";
     readonly svarFra: (leietaker: string) => string;
     readonly svarFraGenerisk: "Svar";
+    readonly leggTilMer: "Legg til mer";
+    readonly leggTilMerLabel: "Legg til mer på denne saken";
+    readonly leggTilMerPlaceholder: "Hva vil du legge til?";
+    readonly leggTilMerHint: "Blir stående på saken din, under det du alt har skrevet. Ikke et svar på svaret — det blir ingen samtale her.";
+    readonly avbryt: "Avbryt";
+    readonly duLaTil: (dato: string) => string;
+    readonly lagtTil: "Lagt til";
+    readonly tilleggTak: "Du har lagt til tre ganger. Har du mer, send et nytt innspill.";
+    readonly tilleggLukket: "Saken er avsluttet — send et nytt innspill.";
+    readonly tilleggFeil: (arsak: string) => string;
     readonly sendNytt: "Send nytt innspill";
     /** Tom tilstand: det finnes ikke noe «nytt» å sende når ingenting er sendt. */
     readonly sendForste: "Send innspill";

package/dist/index.js

@@ -352,17 +352,20 @@ function useTema() {
 
 // src/widget/Widget.tsx
 import {
-  InnspelApiError,
+  InnspelApiError as InnspelApiError2,
   InnspelQueueFullError
 } from "@innspel/core";
 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 { KeyboardAvoidingView, Modal, Pressable as Pressable6, View as View8 } from "react-native";
 import { initialWindowMetrics, SafeAreaInsetsContext } from "react-native-safe-area-context";
 
 // src/Ikon.tsx
 import "react";
 import { SvgXml } from "react-native-svg";
 
+// ../../node_modules/ionicons/dist/svg/add-outline.svg
+var add_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="M256 112v288M400 256H112" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/></svg>';
+
 // ../../node_modules/ionicons/dist/svg/arrow-back-outline.svg
 var arrow_back_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="M244 400 100 256l144-144M120 256h292" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48px"/></svg>';
 
@@ -458,6 +461,7 @@ import { jsx } from "react/jsx-runtime";
 var utenTittel = (svg) => svg.replace(/<title>[\s\S]*?<\/title>/g, "");
 var IKONER = Object.fromEntries(
   Object.entries({
+    "add-outline": add_outline_default,
     "arrow-back-outline": arrow_back_outline_default,
     "brush-outline": brush_outline_default,
     // Fylte varianter: bare på sporvalgets to kort (DD-63), der ikonet bærer stemningen.
@@ -868,6 +872,17 @@ var tekst = {
   bildeFjernet: "Bildet er fjernet.",
   svarFra: (leietaker) => `Svar fra ${leietaker}`,
   svarFraGenerisk: "Svar",
+  // DD-69 — «Legg til mer»: innsenderens egne ord, ikke et svar på svaret.
+  leggTilMer: "Legg til mer",
+  leggTilMerLabel: "Legg til mer p\xE5 denne saken",
+  leggTilMerPlaceholder: "Hva vil du legge til?",
+  leggTilMerHint: "Blir st\xE5ende p\xE5 saken din, under det du alt har skrevet. Ikke et svar p\xE5 svaret \u2014 det blir ingen samtale her.",
+  avbryt: "Avbryt",
+  duLaTil: (dato) => `Du la til \xB7 ${dato}`,
+  lagtTil: "Lagt til",
+  tilleggTak: "Du har lagt til tre ganger. Har du mer, send et nytt innspill.",
+  tilleggLukket: "Saken er avsluttet \u2014 send et nytt innspill.",
+  tilleggFeil: (arsak) => `Kunne ikke legge til: ${arsak} Teksten din er beholdt.`,
   sendNytt: "Send nytt innspill",
   /** Tom tilstand: det finnes ikke noe «nytt» å sende når ingenting er sendt. */
   sendForste: "Send innspill",
@@ -1518,8 +1533,9 @@ function Kvittering({
 }
 
 // src/widget/MineInnspill.tsx
+import { InnspelApiError } from "@innspel/core";
 import { useEffect, useState as useState2 } from "react";
-import { ActivityIndicator as ActivityIndicator2, ScrollView as ScrollView3, Text as Text6, View as View6 } from "react-native";
+import { ActivityIndicator as ActivityIndicator2, Pressable as Pressable4, ScrollView as ScrollView3, Text as Text6, TextInput as TextInput2, View as View6 } from "react-native";
 
 // src/widget/nyttSvar.ts
 var N\u00D8KKEL = "innspel:svar-sett";
@@ -1548,9 +1564,38 @@ function MineInnspill({
   laster,
   tenantName,
   onNytt,
-  storage
+  storage,
+  leggTil,
+  onOppdatert,
+  minTextLength,
+  textMaxLength
 }) {
   const tema = useTema();
+  const min = minTextLength ?? 10;
+  const maks = textMaxLength ?? 280;
+  const [apen, setApen] = useState2(null);
+  const [utkast, setUtkast] = useState2("");
+  const [sender, setSender] = useState2(false);
+  const [feil, setFeil] = useState2();
+  const [lagtTil, setLagtTil] = useState2();
+  const send = async (id) => {
+    if (!leggTil) return;
+    setSender(true);
+    setFeil(void 0);
+    try {
+      const sak = await leggTil(id, utkast.trim());
+      onOppdatert?.(sak);
+      setApen(null);
+      setUtkast("");
+      setLagtTil(id);
+    } catch (e) {
+      const kode = e instanceof InnspelApiError ? e.code : void 0;
+      const tekstFeil = kode === "addendum_limit_reached" ? tekst.tilleggTak : kode === "submission_closed" ? tekst.tilleggLukket : tekst.tilleggFeil(e instanceof Error && e.message ? e.message : "ukjent feil.");
+      setFeil({ id, tekst: tekstFeil });
+    } finally {
+      setSender(false);
+    }
+  };
   const [visning, setVisning] = useState2(() => rader.map((rad) => ({ rad, nytt: false })));
   useEffect(() => {
     let gjelder = true;
@@ -1572,7 +1617,16 @@ function MineInnspill({
       const venter = rad.pending === true;
       const v = venter ? venterVisning : statusVisning(rad.status, rad.type, rad.deadlineAt);
       const nokkel = venter ? rad.clientRef : rad.id;
+      const sakId = venter ? void 0 : rad.id;
       const svar = venter ? void 0 : rad.reply;
+      const tillegg = venter ? [] : rad.addenda ?? [];
+      const kanLeggeTil = !venter && !!leggTil && rad.canAddAddendum === true;
+      const taketN\u00E5dd = !venter && rad.canAddAddendum === false && tillegg.length >= 3;
+      const feltApent = sakId !== void 0 && apen === sakId;
+      const brukt = utkast.length;
+      const forKort = brukt < min;
+      const full = brukt >= maks;
+      const visTeller = brukt >= maks * 0.8;
       return /* @__PURE__ */ jsxs6(Card, { dashed: venter, children: [
         /* @__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) }),
@@ -1603,10 +1657,123 @@ function MineInnspill({
             children: rad.text
           }
         ),
+        tillegg.length > 0 ? /* @__PURE__ */ jsx7(View6, { testID: `tillegg-${sakId}`, style: { gap: tema.space.xs }, children: tillegg.map((a) => /* @__PURE__ */ jsxs6(
+          View6,
+          {
+            style: {
+              borderLeftWidth: tema.hairline * 2,
+              borderLeftColor: tema.color.border,
+              paddingLeft: tema.space.sm,
+              gap: tema.space.xs
+            },
+            children: [
+              /* @__PURE__ */ jsxs6(View6, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
+                /* @__PURE__ */ jsx7(Ikon, { navn: "add-outline", storrelse: "minste", farge: tema.color.textSecondary }),
+                /* @__PURE__ */ jsx7(Text6, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: tekst.duLaTil(formaterFrist(a.createdAt)) })
+              ] }),
+              /* @__PURE__ */ jsx7(Text6, { style: { color: tema.color.textPrimary, fontSize: tema.font.small, lineHeight: tema.lineHeight.small }, children: a.text })
+            ]
+          },
+          a.id
+        )) }) : null,
         /* @__PURE__ */ jsxs6(View6, { style: { gap: tema.space.xs }, children: [
           /* @__PURE__ */ jsx7(StatusPill, { ikon: v.ikon, etikett: v.etikett, fg: v.fg, bg: v.bg }),
           /* @__PURE__ */ jsx7(Hint, { children: v.lofte })
         ] }),
+        sakId !== void 0 && lagtTil === sakId ? /* @__PURE__ */ jsx7(Text6, { accessibilityLiveRegion: "polite", testID: `lagt-til-${sakId}`, style: { color: tema.color.success, fontSize: tema.font.small }, children: tekst.lagtTil }) : null,
+        feltApent ? /* @__PURE__ */ jsxs6(View6, { testID: `tillegg-felt-${sakId}`, style: { gap: tema.space.sm }, children: [
+          /* @__PURE__ */ jsx7(Text6, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: tekst.leggTilMerLabel }),
+          /* @__PURE__ */ jsx7(
+            TextInput2,
+            {
+              testID: "tillegg-tekst",
+              accessibilityLabel: tekst.leggTilMerLabel,
+              value: utkast,
+              onChangeText: setUtkast,
+              maxLength: maks,
+              multiline: true,
+              numberOfLines: 3,
+              autoFocus: true,
+              placeholder: tekst.leggTilMerPlaceholder,
+              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__ */ jsxs6(
+            Text6,
+            {
+              testID: "tillegg-teller",
+              accessibilityLiveRegion: full ? "assertive" : "polite",
+              style: { alignSelf: "flex-end", color: full ? tema.color.warning : tema.color.textMuted, fontSize: tema.font.small },
+              children: [
+                brukt,
+                " / ",
+                maks,
+                full ? tekst.tellerFull : ""
+              ]
+            }
+          ) : null,
+          feil?.id === sakId ? /* @__PURE__ */ jsx7(Text6, { accessibilityLiveRegion: "assertive", testID: `tillegg-feil-${sakId}`, style: { color: tema.color.danger, fontSize: tema.font.small, lineHeight: tema.lineHeight.small }, children: feil.tekst }) : null,
+          /* @__PURE__ */ jsxs6(View6, { style: { flexDirection: "row", gap: tema.space.sm }, children: [
+            /* @__PURE__ */ jsx7(
+              Btn,
+              {
+                testID: "tillegg-send",
+                label: sender ? tekst.sender : tekst.send,
+                disabled: forKort || sender,
+                busy: sender,
+                ...forKort ? { hint: tekst.forKort(min) } : {},
+                onPress: () => sakId !== void 0 && void send(sakId),
+                grow: true
+              }
+            ),
+            /* @__PURE__ */ jsx7(
+              Btn,
+              {
+                testID: "tillegg-avbryt",
+                label: tekst.avbryt,
+                variant: "secondary",
+                onPress: () => {
+                  setApen(null);
+                  setUtkast("");
+                  setFeil(void 0);
+                },
+                grow: true
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx7(Hint, { children: tekst.leggTilMerHint })
+        ] }) : kanLeggeTil ? /* @__PURE__ */ jsxs6(
+          Pressable4,
+          {
+            testID: `legg-til-mer-${sakId}`,
+            accessibilityRole: "button",
+            accessibilityLabel: tekst.leggTilMerLabel,
+            onPress: () => {
+              if (sakId === void 0) return;
+              setApen(sakId);
+              setUtkast("");
+              setFeil(void 0);
+              setLagtTil(void 0);
+            },
+            style: { alignSelf: "flex-start", minHeight: tema.touch, flexDirection: "row", alignItems: "center", gap: tema.space.xs, paddingHorizontal: tema.space.sm },
+            children: [
+              /* @__PURE__ */ jsx7(Ikon, { navn: "add-outline", storrelse: "minste", farge: tema.color.actionSecondaryText }),
+              /* @__PURE__ */ jsx7(Text6, { style: { color: tema.color.actionSecondaryText, fontSize: tema.font.body, fontWeight: tema.weight.semibold }, children: tekst.leggTilMer })
+            ]
+          }
+        ) : taketN\u00E5dd ? /* @__PURE__ */ jsx7(Hint, { children: tekst.tilleggTak }) : null,
         !venter && rad.attachmentRemoved ? /* @__PURE__ */ jsxs6(View6, { testID: `bilde-fjernet-${rad.id}`, style: { flexDirection: "row", gap: tema.space.xs, alignItems: "center" }, children: [
           /* @__PURE__ */ jsx7(Ikon, { navn: "trash-outline", storrelse: "minste", farge: tema.color.textMuted }),
           /* @__PURE__ */ jsx7(Hint, { children: tekst.bildeFjernet })
@@ -1645,7 +1812,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 useState3 } from "react";
-import { Image as Image2, Pressable as Pressable4, StyleSheet, Text as Text7, View as View7 } from "react-native";
+import { Image as Image2, Pressable as Pressable5, StyleSheet, Text as Text7, View as View7 } from "react-native";
 import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function Skjermbilde({
   bilde,
@@ -1706,7 +1873,7 @@ function Skjermbilde({
   const knapp = (id, ikon, label) => {
     const valgt = id === "allTekst" ? allTekst : verktoy === id && !allTekst;
     return /* @__PURE__ */ jsxs7(
-      Pressable4,
+      Pressable5,
       {
         testID: `verktoy-${id}`,
         accessibilityRole: "button",
@@ -2101,7 +2268,7 @@ function Widget({
       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);
+      else if (e instanceof InnspelApiError2) setFeil(e.message);
       else setFeil("tjeneren svarte ikke.");
     } finally {
       setSender(false);
@@ -2115,7 +2282,7 @@ function Widget({
         setKvittering({ art: "jaOgsa", nr: res.id });
         setSteg("kvittering");
       } catch (e) {
-        setFeil(e instanceof InnspelApiError ? e.message : "tjeneren svarte ikke.");
+        setFeil(e instanceof InnspelApiError2 ? e.message : "tjeneren svarte ikke.");
       } finally {
         setSender(false);
       }
@@ -2183,7 +2350,7 @@ function Widget({
                 /* @__PURE__ */ jsxs8(View8, { style: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" }, children: [
                   steg !== "valg" && steg !== "kvittering" ? /* @__PURE__ */ jsx9(Btn, { variant: "ghost", testID: "tilbake", ikon: "arrow-back-outline", label: tekst.tilbake, onPress: gaaTilbake }) : /* @__PURE__ */ jsx9(View8, {}),
                   /* @__PURE__ */ jsx9(
-                    Pressable5,
+                    Pressable6,
                     {
                       testID: "lukk",
                       accessibilityRole: "button",
@@ -2280,7 +2447,11 @@ function Widget({
                     rader: mine,
                     laster: lasterMine,
                     ...tenantName ? { tenantName } : {},
-                    onNytt: nyttFraMine
+                    onNytt: nyttFraMine,
+                    leggTil: (id, text) => client.subjects.addAddendum(id, text),
+                    onOppdatert: (sak) => setMine((liste) => liste.map((r) => r.pending !== true && r.id === sak.id ? sak : r)),
+                    minTextLength: innstillinger.minTextLength,
+                    textMaxLength: innstillinger.textMaxLength
                   }
                 ) : null
               ]
@@ -2389,14 +2560,14 @@ function InnspelPrivate({ children, style }) {
 
 // src/program/InnspelProgram.tsx
 import {
-  InnspelApiError as InnspelApiError2
+  InnspelApiError as InnspelApiError3
 } from "@innspel/core";
 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";
+import { Modal as Modal4, Pressable as Pressable9, Text as Text12, View as View15 } from "react-native";
 
 // src/program/Aksept.tsx
 import "react";
-import { Linking, Modal as Modal2, Pressable as Pressable6, ScrollView as ScrollView4, Text as Text8, View as View11 } from "react-native";
+import { Linking, Modal as Modal2, Pressable as Pressable7, ScrollView as ScrollView4, Text as Text8, View as View11 } from "react-native";
 
 // src/program/periode.ts
 var MANEDER = [
@@ -2517,7 +2688,7 @@ function Aksept({
           ] }),
           program.termsUrl && !program.commitmentFree ? /* @__PURE__ */ jsxs10(View11, { style: { gap: tema.space.xs }, children: [
             /* @__PURE__ */ jsx12(
-              Pressable6,
+              Pressable7,
               {
                 testID: "vilkar-lenke",
                 accessibilityRole: "link",
@@ -2566,7 +2737,7 @@ function Aksept({
 
 // src/program/HvordanGikkDet.tsx
 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 { Modal as Modal3, Pressable as Pressable8, Text as Text9, TextInput as TextInput3, View as View12 } from "react-native";
 import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var UTFALL = [
   { verdi: "fungerte", ikon: "checkmark-circle-outline", etikett: tekst.utfallFungerte },
@@ -2607,7 +2778,7 @@ function HvordanGikkDet({
         /* @__PURE__ */ jsx13(View12, { testID: "utfall-gruppe", accessibilityRole: "radiogroup", accessibilityLabel: tekst.hvordanGikkDet, style: { flexDirection: "row", gap: tema.space.sm }, children: UTFALL.map((u) => {
           const aktiv = valgt === u.verdi;
           return /* @__PURE__ */ jsxs11(
-            Pressable7,
+            Pressable8,
             {
               testID: `utfall-${u.verdi}`,
               accessibilityRole: "radio",
@@ -2637,7 +2808,7 @@ function HvordanGikkDet({
         /* @__PURE__ */ jsxs11(View12, { style: { gap: tema.space.xs }, children: [
           /* @__PURE__ */ jsx13(Text9, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: tekst.setningLabel }),
           /* @__PURE__ */ jsx13(
-            TextInput2,
+            TextInput3,
             {
               testID: "hvordan-setning",
               accessibilityLabel: tekst.setningLabel,
@@ -2838,7 +3009,7 @@ function InnspelProgram({
         }
         setDialog(void 0);
       } catch (e) {
-        setSvarFeil(e instanceof InnspelApiError2 ? e.message : "tjeneren svarte ikke.");
+        setSvarFeil(e instanceof InnspelApiError3 ? e.message : "tjeneren svarte ikke.");
       } finally {
         setSender(false);
       }
@@ -2867,7 +3038,7 @@ function InnspelProgram({
       setViserAksept(false);
       onEndring?.(ny);
     } catch (e) {
-      setFeil(e instanceof InnspelApiError2 ? e.message : "tjeneren svarte ikke.");
+      setFeil(e instanceof InnspelApiError3 ? e.message : "tjeneren svarte ikke.");
     } finally {
       setSender(false);
     }
@@ -2881,7 +3052,7 @@ function InnspelProgram({
       setViserGaaUt(false);
       onEndring?.(null);
     } catch (e) {
-      setFeil(e instanceof InnspelApiError2 ? e.message : "tjeneren svarte ikke.");
+      setFeil(e instanceof InnspelApiError3 ? e.message : "tjeneren svarte ikke.");
     } finally {
       setSender(false);
     }
@@ -3010,7 +3181,7 @@ function InnspelProgram({
               /* @__PURE__ */ jsx16(Hint, { children: tekst.invitasjonKontakter(program.maxContacts) })
             ] }),
             /* @__PURE__ */ jsx16(
-              Pressable8,
+              Pressable9,
               {
                 testID: "avvis-invitasjon",
                 accessibilityRole: "button",