@innspel/react-native 0.11.0 → 0.12.0

package/README.md

@@ -115,9 +115,9 @@ Innspels. Innsenderen skal se hvem som svarte.
 ## Når et innspill er sendt
 
 `onSubmitted` kalles etter en innsending — også når nettet var borte og innspillet
-ligger i køen, for innsenderen trykket Send. Du får `type`, `queued`, og `id` når
-saken finnes hos tjeneren. Ingen identitet: saksnummeret er sakens, og det
-innsenderen alt ser i kvitteringen. «Ja, jeg også» på en kjent feil gir ikke kallet.
+ligger i køen, for innsenderen trykket Send. Du får `type`, `queued`, og `id` og
+`number` når saken finnes hos tjeneren. `number` er saksnummeret innsenderen ser i
+kvitteringen («Sak 10042»): sakens løpenummer hos deg, fra 10001. Ingen identitet. «Ja, jeg også» på en kjent feil gir ikke kallet.
 
 ```tsx
 <InnspelProvider

package/dist/index.cjs

@@ -115,6 +115,7 @@ var t = {
     onActionPrimary: "#04252A",
     actionSecondaryBorder: "#7C8894",
     actionSecondaryText: "#F2F4F6",
+    actionText: "#5AD3E2",
     brand: "#5AD3E2",
     onBrand: "#04252A",
     brandFill: "#0E7C8C",
@@ -202,6 +203,7 @@ var light = {
     onActionPrimary: "#FFFFFF",
     actionSecondaryBorder: "#6F7883",
     actionSecondaryText: "#14181D",
+    actionText: "#0A6673",
     brand: "#0A6673",
     onBrand: "#FFFFFF",
     brandFill: "#0A6673",
@@ -682,24 +684,34 @@ function H({
   testID
 }) {
   const tema = useTema();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: { gap: tema.space.xs }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_react_native2.Text,
-      {
-        testID,
-        accessibilityRole: "header",
-        style: {
-          color: tema.color.textPrimary,
-          fontSize: nivaa === 2 ? tema.font.h2 : tema.font.h3,
-          lineHeight: nivaa === 2 ? tema.lineHeight.h2 : tema.lineHeight.h3,
-          fontWeight: tema.weight.bold
-        },
-        children
-      }
-    ),
-    sub ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Sek, { children: sub }) : null,
-    meta ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Meta, { children: meta }) : null
-  ] });
+  return (
+    /*
+     * `ark-tittel` er ETT fast punkt i arket, likt i hvert steg (#304): iOS-flytene lukker
+     * tastaturet med et trykk på tomt område fordi Maestros `hideKeyboard` ikke finnes der,
+     * og det var settets eneste koordinatavhengige linje. Bare skjermens EGEN overskrift
+     * (`nivaa` 2) får den — en overskrift inne i et kort eller en dialog er `nivaa` 3, og to
+     * like testID-er på skjermen gjør flyten tvetydig. Den valgfrie `testID` står fortsatt
+     * på teksten, så ingen eksisterende flyt eller test flytter seg.
+     */
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { testID: nivaa === 2 ? "ark-tittel" : void 0, style: { gap: tema.space.xs }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_react_native2.Text,
+        {
+          testID,
+          accessibilityRole: "header",
+          style: {
+            color: tema.color.textPrimary,
+            fontSize: nivaa === 2 ? tema.font.h2 : tema.font.h3,
+            lineHeight: nivaa === 2 ? tema.lineHeight.h2 : tema.lineHeight.h3,
+            fontWeight: tema.weight.bold
+          },
+          children
+        }
+      ),
+      sub ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Sek, { children: sub }) : null,
+      meta ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Meta, { children: meta }) : null
+    ] })
+  );
 }
 function Brodtekst({ children, testID }) {
   const tema = useTema();
@@ -766,7 +778,7 @@ function Tekstknapp({
   accessibilityLabel
 }) {
   const tema = useTema();
-  const farge = disabled ? tema.color.textDisabled : noytral ? tema.color.textPrimary : tema.color.actionSecondaryText;
+  const farge = disabled ? tema.color.textDisabled : noytral ? tema.color.textPrimary : tema.color.actionText;
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     import_react_native2.Pressable,
     {
@@ -924,11 +936,6 @@ function Banner({
 }
 
 // src/widget/tekster.ts
-function saksnr(id) {
-  const i = id.indexOf("_");
-  const rest = i >= 0 ? id.slice(i + 1) : id;
-  return rest.length > 8 ? rest.slice(-4) : rest;
-}
 var stor = (s) => s ? s.charAt(0).toUpperCase() + s.slice(1) : s;
 var PLATTFORM_ORD = {
   android: "Android",
@@ -1087,13 +1094,13 @@ var tekst = {
   kvitteringFeil: "Du f\xE5r beskjed n\xE5r den er rettet, eller hvis vi trenger mer.",
   kvitteringJaOgsa: "Du f\xE5r beskjed n\xE5r den er rettet.",
   kvitteringUnder: "Ligger under \xABMine innspill\xBB og oppdaterer seg selv.",
-  saksnummer: (nr) => `Sak ${saksnr(nr)}`,
+  saksnummer: (nr) => `Sak ${nr}`,
   tilbakeTilAppen: "Tilbake til appen",
   /** DD-42: saken er sendt, bildet kom ikke med — aldri en blokkert innsending. */
   kvitteringVedleggFeilet: "Sendt \u2014 skjermbildet kunne ikke legges ved",
   tekstenErLagret: "Teksten din er lagret.",
   vedleggFeiletBanner: "Bildet ble ikke lastet opp. Saken er sendt uten det \u2014 vil du, kan du sende et nytt innspill med bilde.",
-  saksnummerUtenVedlegg: (nr) => `Sak ${saksnr(nr)} \xB7 uten vedlegg`,
+  saksnummerUtenVedlegg: (nr) => `Sak ${nr} \xB7 uten vedlegg`,
   /* 2i — køet uten nett (DD-41, presisert 2026-09-20). Kortet lover ikke svar, og det er
      derfor ikke kvitteringen: kvitteringen kommer når køen tømmes. */
   koIngenNett: "Ingen nett",
@@ -1120,7 +1127,7 @@ var tekst = {
   mineIkkeSendtHode: (spor) => `${stor(spor)} \xB7 ikke sendt enn\xE5`,
   mineFeil: "Innspillene dine kunne ikke hentes n\xE5.",
   /** «Feil · sak 2041» — sporet først, aldri rå id og aldri kontraktens type (DD-50). */
-  sakHode: (spor, nr) => `${stor(spor)} \xB7 sak ${saksnr(nr)}`,
+  sakHode: (spor, nr) => `${stor(spor)} \xB7 sak ${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.
@@ -1499,7 +1506,7 @@ function Felt({
                     }
                   ),
                   /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: { flex: 1, color: tema.color.textSecondary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: apen ? tekst.kontekstLinjeApen : tekst.kontekstLinjeLukket }),
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: { color: tema.color.actionSecondaryText, fontSize: tema.font.body, fontWeight: tema.weight.semibold }, children: apen ? tekst.kontekstSkjul : tekst.kontekstVis })
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: { color: tema.color.actionText, fontSize: tema.font.body, fontWeight: tema.weight.semibold }, children: apen ? tekst.kontekstSkjul : tekst.kontekstVis })
                 ]
               }
             ),
@@ -2175,7 +2182,7 @@ var MineInnspill = (0, import_react10.forwardRef)(function MineInnspill2({
                   farge: tema.color.brand
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Meta, { children: venter ? tekst.mineIkkeSendtHode(rad.type === "onske" ? tekst.onske : tekst.feil) : tekst.sakHode(rad.type === "onske" ? tekst.onske : tekst.feil, rad.id) }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Meta, { children: venter ? tekst.mineIkkeSendtHode(rad.type === "onske" ? tekst.onske : tekst.feil) : tekst.sakHode(rad.type === "onske" ? tekst.onske : tekst.feil, rad.number) }),
               nytt ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Pille, { testID: "nytt-svar", children: tekst.nyttSvar }) : null
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Brodtekst, { testID: `sakstekst-${nokkel}`, children: rad.text }),
@@ -2754,7 +2761,7 @@ function Widget({
       } else {
         setKvittering({
           art: spor,
-          nr: res.submission.id,
+          nr: res.submission.number,
           // Kortet får HELE saken: sporingslinjen leser `status`, `createdAt` og
           // `statusChangedAt` derfra — ingen nye felter, ingen ny kontrakt (DD-28).
           sak: res.submission,
@@ -2764,7 +2771,7 @@ function Widget({
         });
       }
       setSteg("kvittering");
-      onSubmitted?.(res.status === "queued" ? { type: spor, queued: true } : { type: spor, queued: false, id: res.submission.id });
+      onSubmitted?.(res.status === "queued" ? { type: spor, queued: true } : { type: spor, queued: false, id: res.submission.id, number: res.submission.number });
     } catch (e) {
       if (e instanceof import_core3.InnspelQueueFullError) setFeil(e.userMessage);
       else if (e instanceof import_core3.InnspelApiError) setFeil(e.message);
@@ -2778,7 +2785,7 @@ function Widget({
       setSender(true);
       try {
         const res = await client.knownIssues.confirm(k.id);
-        setKvittering({ art: "jaOgsa", nr: res.id, sak: res });
+        setKvittering({ art: "jaOgsa", nr: res.number, sak: res });
         setSteg("kvittering");
       } catch (e) {
         setFeil(e instanceof import_core3.InnspelApiError ? e.message : "tjeneren svarte ikke.");
@@ -3266,8 +3273,8 @@ function Aksept({
                 onPress: () => void import_react_native13.Linking.openURL(String(program.termsUrl)),
                 style: { minHeight: tema.touch, flexDirection: "row", alignItems: "center", gap: tema.space.sm },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Ikon, { navn: "open-outline", storrelse: "minste", farge: tema.color.actionSecondaryText }),
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native13.Text, { style: { color: tema.color.actionSecondaryText, fontSize: tema.font.body, fontWeight: tema.weight.semibold }, children: tekst.akseptVilkar })
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Ikon, { navn: "open-outline", storrelse: "minste", farge: tema.color.actionText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native13.Text, { style: { color: tema.color.actionText, fontSize: tema.font.body, fontWeight: tema.weight.semibold }, children: tekst.akseptVilkar })
                 ]
               }
             ) : null,