@innspel/react-native 0.9.3 → 0.9.5

package/README.md

@@ -112,6 +112,23 @@ Innspels. Innsenderen skal se hvem som svarte.
 `fontFamily` finnes ikke som token: systemfonten er standard i React Native, og
 å sette den ville brutt med appen rundt.
 
+## 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.
+
+```tsx
+<InnspelProvider
+  client={innspel}
+  onSubmitted={({ queued }) => {
+    hentTellingPaaNytt();                 // «Mine innspill · N» i din egen meny
+    if (!queued) spørOmVarslerHvisFørste(); // riktig øyeblikk — ikke ved oppstart
+  }}
+>
+```
+
 ## Hva innsenderen møter
 
 | Skjerm | Hva |

package/dist/index.cjs

@@ -836,9 +836,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",
@@ -1193,31 +1191,35 @@ function Felt({
                 )
               ]
             }
-          ) : onSkjermbilde || onVelgBilde ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: { gap: tema.space.sm }, children: [
-            onSkjermbilde ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-              Btn,
-              {
-                variant: "secondary",
-                testID: "legg-ved-skjermbilde",
-                ikon: "camera-outline",
-                label: tekst.leggVedSkjermbilde,
-                hint: tekst.leggVedHint,
-                onPress: onSkjermbilde
-              }
-            ) : null,
-            onVelgBilde ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-              Btn,
-              {
-                variant: "secondary",
-                testID: "velg-bilde",
-                ikon: "images-outline",
-                label: tekst.velgBilde,
-                hint: tekst.velgBildeHint,
-                onPress: onVelgBilde
-              }
-            ) : null,
-            bildeNotat ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { testID: "bilde-notat", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(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__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: { gap: tema.space.sm }, children: [
+              onSkjermbilde ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                Btn,
+                {
+                  variant: "secondary",
+                  testID: "legg-ved-skjermbilde",
+                  ikon: "camera-outline",
+                  label: tekst.leggVedSkjermbilde,
+                  onPress: onSkjermbilde
+                }
+              ) : null,
+              onVelgBilde ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                Btn,
+                {
+                  variant: "secondary",
+                  testID: "velg-bilde",
+                  ikon: "images-outline",
+                  label: tekst.velgBilde,
+                  onPress: onVelgBilde
+                }
+              ) : null,
+              bildeNotat ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { testID: "bilde-notat", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Hint, { children: bildeNotat }) }) : null
+            ] })
+          ) : null,
           /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: { borderTopWidth: tema.hairline, borderTopColor: tema.color.border, paddingTop: tema.space.sm }, children: [
             /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               import_react_native3.Pressable,
@@ -1917,7 +1919,8 @@ function Widget({
   apneOpsjoner,
   onLukk,
   tenantName,
-  imageStepNote
+  imageStepNote,
+  onSubmitted
 }) {
   const tema = useTema();
   const insets = (0, import_react11.useContext)(import_react_native_safe_area_context.SafeAreaInsetsContext) ?? import_react_native_safe_area_context.initialWindowMetrics?.insets ?? { top: 0, bottom: 0, left: 0, right: 0 };
@@ -2133,6 +2136,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 import_core2.InnspelQueueFullError) setFeil(e.userMessage);
       else if (e instanceof import_core2.InnspelApiError) setFeil(e.message);
@@ -2140,7 +2144,7 @@ function Widget({
     } finally {
       setSender(false);
     }
-  }, [client, spor, verdi, vedlegg, lenketTil, fjernede, apneOpsjoner?.screen]);
+  }, [client, spor, verdi, vedlegg, lenketTil, fjernede, apneOpsjoner?.screen, onSubmitted]);
   const jaOgsa = (0, import_react11.useCallback)(
     async (k) => {
       setSender(true);
@@ -2354,7 +2358,8 @@ function InnspelProvider({
   colorScheme = "dark",
   tenantName,
   screenshot,
-  imageStepNote
+  imageStepNote,
+  onSubmitted
 }) {
   const [synlig, setSynlig] = (0, import_react12.useState)(false);
   const [apneOpsjoner, setApneOpsjoner] = (0, import_react12.useState)();
@@ -2389,6 +2394,7 @@ function InnspelProvider({
         ...apneOpsjoner ? { apneOpsjoner } : {},
         ...tenantName ? { tenantName } : {},
         ...imageStepNote ? { imageStepNote } : {},
+        ...onSubmitted ? { onSubmitted } : {},
         onLukk: close
       }
     )