@innspel/react-native 0.2.1 → 0.3.0

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { MaskRect, InnspelClient, OpenFeedbackOptions, InnspelStorage, SubmissionStatus, SubmissionType } from '@innspel/core';
-export { AttachmentInput, AttachmentOutcome, CaptureInput, ContextInput, InnspelClient, InnspelOptions, InnspelStorage, MySubmission, OpenFeedbackOptions, SubmissionStatusView } from '@innspel/core';
+import { MaskRect, InnspelClient, OpenFeedbackOptions, ParticipationView, InnspelStorage, SubmissionStatus, SubmissionType } from '@innspel/core';
+export { AttachmentInput, AttachmentOutcome, CaptureInput, ContextInput, InnspelClient, InnspelOptions, InnspelStorage, InvitationView, MyPrograms, MySubmission, OpenFeedbackOptions, ParticipationView, ProgramTask, ProgramView, SubmissionStatusView } from '@innspel/core';
 import React, { RefObject, ComponentRef } from 'react';
 import { View, StyleProp, ViewStyle } from 'react-native';
 
@@ -55,7 +55,7 @@ type CaptureRefFn = (ref: RefObject<ViewRef | null> | ViewRef, options: {
 declare function createScreenshotAdapter(captureRef: CaptureRefFn): ScreenshotAdapter;
 
 /**
- * tokens.ts — GENERERT fra theme/theme.ts (avtrykk 96a5d02e08c9).
+ * tokens.ts — GENERERT fra theme/theme.ts (avtrykk e9fb0cf68373).
  * Rediger aldri denne filen. Endre temaet i kilden og kjør
  * `node scripts/generate-tokens.ts`, som CI verifiserer med `--check`.
  *
@@ -364,6 +364,32 @@ declare function InnspelPrivate({ children, style }: {
     style?: StyleProp<ViewStyle>;
 }): React.JSX.Element;
 
+/**
+ * Betaprogrammet i vertsappen: 3a banneret, 3b aksepten og deltakelsen med
+ * «Gå ut» (DD-36). Sett den der vertsappen vil ha invitasjonen — typisk øverst
+ * på hjemskjermen. Uten invitasjon og uten deltakelse rendrer den INGENTING;
+ * det er wireframens «tom → fanen skjules helt», ikke en tom tilstand.
+ *
+ * **Tokenet kommer fra verten** (DD-12). Plattformen sender aldri invitasjonen:
+ * leietakeren får `program.invitation_created` med tokenet, løser pseudonymet til
+ * sin egen bruker og sender lenken i sin egen kanal. Verten fanger tokenet fra
+ * dyplenken og gir det hit. Uten det viser banneret fortsatt invitasjonen — men
+ * «Bli med» er inaktiv, med lenken forklart, i stedet for å feile ved trykk.
+ *
+ * Oppgavene, «Hvordan gikk det?» og oppfølgingene er M3.2.
+ *
+ * @example
+ * ```tsx
+ * <InnspelProgram invitationToken={tokenFraDyplenke} />
+ * ```
+ */
+declare function InnspelProgram({ invitationToken, onEndring, }: {
+    /** Engangs-tokenet fra leietakerens egen kanal, typisk fanget fra en dyplenke. */
+    invitationToken?: string;
+    /** Kalles når testeren blir med eller går ut — for vertens egen navigasjon. */
+    onEndring?: (deltakelse: ParticipationView | null) => void;
+}): React.JSX.Element | null;
+
 /**
  * Formen på lagringspakkene i React Native-økosystemet: AsyncStorage, MMKV med
  * async-fasade, expo-secure-store. Alle tre har disse tre metodene.
@@ -525,6 +551,37 @@ declare const tekst: {
     readonly svarFra: (leietaker: string) => string;
     readonly svarFraGenerisk: "Svar";
     readonly sendNytt: "Send nytt innspill";
+    readonly invitasjonRegion: "Invitasjon til betaprogram";
+    readonly invitasjonHva: (navn: string) => string;
+    readonly invitasjonKontakter: (maks: number) => string;
+    readonly lesMer: "Les mer og bli med";
+    readonly avvisInvitasjon: "Avvis invitasjonen";
+    readonly akseptHva: "Hva testes";
+    /** DD-32: tallene på én linje, FØR forklaringen — N oppgaver · ca. M min hver · dato–dato · maks K kontakter. */
+    readonly akseptTall: (oppgaver: number, minutter: number, periode: string, kontakter: number) => string;
+    readonly akseptOppgaver: "Hva vi ber om";
+    readonly akseptOppgaveTid: (minutter: number) => string;
+    readonly akseptKjenteFeil: (antall: number) => string;
+    readonly akseptKjenteFeilUnder: "Disse trenger du ikke melde — vi vet om dem.";
+    readonly akseptInnsamling: "Hva som samles inn";
+    readonly akseptInnsamlingTekst: "Skjerm, appversjon, plattform, OS og hva du svarer. Aldri navn, e-post, telefon eller posisjon.";
+    readonly akseptVilkar: "Les vilkårene (åpnes i nettleser)";
+    readonly akseptVilkarHint: "Bare en lenke. Ingen avkryssing, ingen signatur — «Bli med» binder deg ikke til noe.";
+    readonly akseptIngenVilkar: "Ingen vilkår, ingen avtale — plattformen kjenner ikke navnet ditt og kan ikke inngå én.";
+    readonly akseptUtgang: "Du kan gå ut når som helst — herfra.";
+    readonly bliMed: "Bli med";
+    readonly bliMedHint: "Samtykket gjelder bare dette programmet.";
+    /** DD-12: tokenet er engangs og kom i leietakerens egen kanal — plattformen sender aldri. */
+    readonly bliMedUtenToken: "Åpne lenken vi sendte deg for å bli med.";
+    readonly akseptFeil: (arsak: string) => string;
+    readonly deltakelseRegion: "Ditt betaprogram";
+    readonly deltakelsePeriode: (periode: string, brukt: number, maks: number) => string;
+    readonly deltakelseOppgaverKommer: "Oppgavene kan gjøres når det passer deg.";
+    readonly gaaUt: "Gå ut av programmet";
+    readonly gaaUtTittel: "Gå ut av programmet?";
+    readonly gaaUtTekst: (navn: string) => string;
+    readonly bliVaerende: "Bli værende";
+    readonly gaaUtBekreft: "Gå ut";
     readonly tilbake: "Tilbake";
     readonly lukk: "Lukk";
     readonly venterPaaNett: "Venter på nett — sendes automatisk";
@@ -548,4 +605,4 @@ declare const lofte: {
     readonly avvist: "Vi har svart på denne.";
 };
 
-export { type AsyncStorageLike, type CaptureOptions, type CaptureRefFn, type InnspelColors, InnspelPrivate, InnspelProvider, type InnspelTheme, type PartialTheme, type ScreenshotAdapter, 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 InnspelColors, InnspelPrivate, InnspelProgram, InnspelProvider, type InnspelTheme, type PartialTheme, type ScreenshotAdapter, type ScreenshotCapture, type StatusVisning, type Tema, byggTema, createMemoryStorage, createScreenshotAdapter, createStorage, t as darkTokens, light, lofte, screenRules, statusVisning, tekst, useInnspel, useTema, venterVisning };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { MaskRect, InnspelClient, OpenFeedbackOptions, InnspelStorage, SubmissionStatus, SubmissionType } from '@innspel/core';
-export { AttachmentInput, AttachmentOutcome, CaptureInput, ContextInput, InnspelClient, InnspelOptions, InnspelStorage, MySubmission, OpenFeedbackOptions, SubmissionStatusView } from '@innspel/core';
+import { MaskRect, InnspelClient, OpenFeedbackOptions, ParticipationView, InnspelStorage, SubmissionStatus, SubmissionType } from '@innspel/core';
+export { AttachmentInput, AttachmentOutcome, CaptureInput, ContextInput, InnspelClient, InnspelOptions, InnspelStorage, InvitationView, MyPrograms, MySubmission, OpenFeedbackOptions, ParticipationView, ProgramTask, ProgramView, SubmissionStatusView } from '@innspel/core';
 import React, { RefObject, ComponentRef } from 'react';
 import { View, StyleProp, ViewStyle } from 'react-native';
 
@@ -55,7 +55,7 @@ type CaptureRefFn = (ref: RefObject<ViewRef | null> | ViewRef, options: {
 declare function createScreenshotAdapter(captureRef: CaptureRefFn): ScreenshotAdapter;
 
 /**
- * tokens.ts — GENERERT fra theme/theme.ts (avtrykk 96a5d02e08c9).
+ * tokens.ts — GENERERT fra theme/theme.ts (avtrykk e9fb0cf68373).
  * Rediger aldri denne filen. Endre temaet i kilden og kjør
  * `node scripts/generate-tokens.ts`, som CI verifiserer med `--check`.
  *
@@ -364,6 +364,32 @@ declare function InnspelPrivate({ children, style }: {
     style?: StyleProp<ViewStyle>;
 }): React.JSX.Element;
 
+/**
+ * Betaprogrammet i vertsappen: 3a banneret, 3b aksepten og deltakelsen med
+ * «Gå ut» (DD-36). Sett den der vertsappen vil ha invitasjonen — typisk øverst
+ * på hjemskjermen. Uten invitasjon og uten deltakelse rendrer den INGENTING;
+ * det er wireframens «tom → fanen skjules helt», ikke en tom tilstand.
+ *
+ * **Tokenet kommer fra verten** (DD-12). Plattformen sender aldri invitasjonen:
+ * leietakeren får `program.invitation_created` med tokenet, løser pseudonymet til
+ * sin egen bruker og sender lenken i sin egen kanal. Verten fanger tokenet fra
+ * dyplenken og gir det hit. Uten det viser banneret fortsatt invitasjonen — men
+ * «Bli med» er inaktiv, med lenken forklart, i stedet for å feile ved trykk.
+ *
+ * Oppgavene, «Hvordan gikk det?» og oppfølgingene er M3.2.
+ *
+ * @example
+ * ```tsx
+ * <InnspelProgram invitationToken={tokenFraDyplenke} />
+ * ```
+ */
+declare function InnspelProgram({ invitationToken, onEndring, }: {
+    /** Engangs-tokenet fra leietakerens egen kanal, typisk fanget fra en dyplenke. */
+    invitationToken?: string;
+    /** Kalles når testeren blir med eller går ut — for vertens egen navigasjon. */
+    onEndring?: (deltakelse: ParticipationView | null) => void;
+}): React.JSX.Element | null;
+
 /**
  * Formen på lagringspakkene i React Native-økosystemet: AsyncStorage, MMKV med
  * async-fasade, expo-secure-store. Alle tre har disse tre metodene.
@@ -525,6 +551,37 @@ declare const tekst: {
     readonly svarFra: (leietaker: string) => string;
     readonly svarFraGenerisk: "Svar";
     readonly sendNytt: "Send nytt innspill";
+    readonly invitasjonRegion: "Invitasjon til betaprogram";
+    readonly invitasjonHva: (navn: string) => string;
+    readonly invitasjonKontakter: (maks: number) => string;
+    readonly lesMer: "Les mer og bli med";
+    readonly avvisInvitasjon: "Avvis invitasjonen";
+    readonly akseptHva: "Hva testes";
+    /** DD-32: tallene på én linje, FØR forklaringen — N oppgaver · ca. M min hver · dato–dato · maks K kontakter. */
+    readonly akseptTall: (oppgaver: number, minutter: number, periode: string, kontakter: number) => string;
+    readonly akseptOppgaver: "Hva vi ber om";
+    readonly akseptOppgaveTid: (minutter: number) => string;
+    readonly akseptKjenteFeil: (antall: number) => string;
+    readonly akseptKjenteFeilUnder: "Disse trenger du ikke melde — vi vet om dem.";
+    readonly akseptInnsamling: "Hva som samles inn";
+    readonly akseptInnsamlingTekst: "Skjerm, appversjon, plattform, OS og hva du svarer. Aldri navn, e-post, telefon eller posisjon.";
+    readonly akseptVilkar: "Les vilkårene (åpnes i nettleser)";
+    readonly akseptVilkarHint: "Bare en lenke. Ingen avkryssing, ingen signatur — «Bli med» binder deg ikke til noe.";
+    readonly akseptIngenVilkar: "Ingen vilkår, ingen avtale — plattformen kjenner ikke navnet ditt og kan ikke inngå én.";
+    readonly akseptUtgang: "Du kan gå ut når som helst — herfra.";
+    readonly bliMed: "Bli med";
+    readonly bliMedHint: "Samtykket gjelder bare dette programmet.";
+    /** DD-12: tokenet er engangs og kom i leietakerens egen kanal — plattformen sender aldri. */
+    readonly bliMedUtenToken: "Åpne lenken vi sendte deg for å bli med.";
+    readonly akseptFeil: (arsak: string) => string;
+    readonly deltakelseRegion: "Ditt betaprogram";
+    readonly deltakelsePeriode: (periode: string, brukt: number, maks: number) => string;
+    readonly deltakelseOppgaverKommer: "Oppgavene kan gjøres når det passer deg.";
+    readonly gaaUt: "Gå ut av programmet";
+    readonly gaaUtTittel: "Gå ut av programmet?";
+    readonly gaaUtTekst: (navn: string) => string;
+    readonly bliVaerende: "Bli værende";
+    readonly gaaUtBekreft: "Gå ut";
     readonly tilbake: "Tilbake";
     readonly lukk: "Lukk";
     readonly venterPaaNett: "Venter på nett — sendes automatisk";
@@ -548,4 +605,4 @@ declare const lofte: {
     readonly avvist: "Vi har svart på denne.";
 };
 
-export { type AsyncStorageLike, type CaptureOptions, type CaptureRefFn, type InnspelColors, InnspelPrivate, InnspelProvider, type InnspelTheme, type PartialTheme, type ScreenshotAdapter, 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 InnspelColors, InnspelPrivate, InnspelProgram, InnspelProvider, type InnspelTheme, type PartialTheme, type ScreenshotAdapter, type ScreenshotCapture, type StatusVisning, type Tema, byggTema, createMemoryStorage, createScreenshotAdapter, createStorage, t as darkTokens, light, lofte, screenRules, statusVisning, tekst, useInnspel, useTema, venterVisning };

package/dist/index.js

@@ -546,6 +546,40 @@ var tekst = {
   svarFra: (leietaker) => `Svar fra ${leietaker}`,
   svarFraGenerisk: "Svar",
   sendNytt: "Send nytt innspill",
+  // 3a — invitasjonsbanneret (DD-12)
+  invitasjonRegion: "Invitasjon til betaprogram",
+  invitasjonHva: (navn) => `Vil du teste \xAB${navn}\xBB?`,
+  invitasjonKontakter: (maks) => `Vi tar kontakt maks ${maks} ganger. Du kan g\xE5 ut n\xE5r som helst.`,
+  lesMer: "Les mer og bli med",
+  avvisInvitasjon: "Avvis invitasjonen",
+  // 3b — aksepten (DD-13, DD-32, DD-37)
+  akseptHva: "Hva testes",
+  /** DD-32: tallene på én linje, FØR forklaringen — N oppgaver · ca. M min hver · dato–dato · maks K kontakter. */
+  akseptTall: (oppgaver, minutter, periode2, kontakter) => `${oppgaver} oppgaver \xB7 ca. ${minutter} min hver \xB7 ${periode2} \xB7 maks ${kontakter} kontakter`,
+  akseptOppgaver: "Hva vi ber om",
+  akseptOppgaveTid: (minutter) => `ca. ${minutter} min`,
+  akseptKjenteFeil: (antall) => `Kjente feil (${antall})`,
+  akseptKjenteFeilUnder: "Disse trenger du ikke melde \u2014 vi vet om dem.",
+  akseptInnsamling: "Hva som samles inn",
+  akseptInnsamlingTekst: "Skjerm, appversjon, plattform, OS og hva du svarer. Aldri navn, e-post, telefon eller posisjon.",
+  akseptVilkar: "Les vilk\xE5rene (\xE5pnes i nettleser)",
+  akseptVilkarHint: "Bare en lenke. Ingen avkryssing, ingen signatur \u2014 \xABBli med\xBB binder deg ikke til noe.",
+  akseptIngenVilkar: "Ingen vilk\xE5r, ingen avtale \u2014 plattformen kjenner ikke navnet ditt og kan ikke inng\xE5 \xE9n.",
+  akseptUtgang: "Du kan g\xE5 ut n\xE5r som helst \u2014 herfra.",
+  bliMed: "Bli med",
+  bliMedHint: "Samtykket gjelder bare dette programmet.",
+  /** DD-12: tokenet er engangs og kom i leietakerens egen kanal — plattformen sender aldri. */
+  bliMedUtenToken: "\xC5pne lenken vi sendte deg for \xE5 bli med.",
+  akseptFeil: (arsak) => `Kunne ikke bli med: ${arsak}`,
+  // 3c (M3.1-delen) — deltakelsen og «Gå ut» (DD-36)
+  deltakelseRegion: "Ditt betaprogram",
+  deltakelsePeriode: (periode2, brukt, maks) => `${periode2} \xB7 ${brukt} av ${maks} kontakter brukt`,
+  deltakelseOppgaverKommer: "Oppgavene kan gj\xF8res n\xE5r det passer deg.",
+  gaaUt: "G\xE5 ut av programmet",
+  gaaUtTittel: "G\xE5 ut av programmet?",
+  gaaUtTekst: (navn) => `Du tas ut av testgruppen med en gang. \xAB${navn}\xBB sl\xE5s av for deg, og vi tar ikke kontakt igjen. Det du allerede har svart, beholdes.`,
+  bliVaerende: "Bli v\xE6rende",
+  gaaUtBekreft: "G\xE5 ut",
   // Felles
   tilbake: "Tilbake",
   lukk: "Lukk",
@@ -1397,7 +1431,8 @@ function Widget({
   const [rotStorrelse, setRotStorrelse] = useState3({ width: 1, height: 1 });
   const [komponerer, setKomponerer] = useState3(false);
   const [vedlegg, setVedlegg] = useState3();
-  const skjermbildeMulig = client.settings.screenshotsEnabled && skjermbilde?.adapter != null;
+  const [innstillinger, setInnstillinger] = useState3({ ...client.settings });
+  const skjermbildeMulig = innstillinger.screenshotsEnabled && skjermbilde?.adapter != null;
   const nullstill = useCallback2(() => {
     setSteg("valg");
     setSpor("feil");
@@ -1421,6 +1456,7 @@ function Widget({
     if (!synlig) return;
     client.track({ name: "widget_opened" });
     void client.queue.flush().catch(() => void 0);
+    void client.loadSettings().then((s) => setInnstillinger({ ...s })).catch(() => void 0);
     if (apneOpsjoner?.track) velgSpor(apneOpsjoner.track);
   }, [synlig]);
   const hentKort = useCallback2(async () => {
@@ -1623,8 +1659,8 @@ function Widget({
                 spor,
                 verdi,
                 onEndre: endreTekst,
-                minTextLength: client.settings.minTextLength,
-                textMaxLength: client.settings.textMaxLength,
+                minTextLength: innstillinger.minTextLength,
+                textMaxLength: innstillinger.textMaxLength,
                 kontekst: client.context,
                 fjernedeFelter: fjernede,
                 onFjernKontekst: (f) => setFjernede((x) => [...x, f]),
@@ -1754,6 +1790,309 @@ function InnspelPrivate({ children, style }) {
   return /* @__PURE__ */ jsx10(View10, { ref, collapsable: false, style, testID: "innspel-privat", children });
 }
 
+// src/program/InnspelProgram.tsx
+import { InnspelApiError as InnspelApiError2 } from "@innspel/core";
+import { useCallback as useCallback4, useEffect as useEffect3, useState as useState5 } from "react";
+import { Modal as Modal3, Pressable as Pressable7, Text as Text10, View as View12 } from "react-native";
+
+// 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";
+
+// src/program/periode.ts
+var MANEDER = [
+  "januar",
+  "februar",
+  "mars",
+  "april",
+  "mai",
+  "juni",
+  "juli",
+  "august",
+  "september",
+  "oktober",
+  "november",
+  "desember"
+];
+function periode(opensAt, closesAt) {
+  const fra = new Date(opensAt);
+  const til = new Date(closesAt);
+  if (Number.isNaN(fra.getTime()) || Number.isNaN(til.getTime())) return "";
+  const sammeManed = fra.getMonth() === til.getMonth() && fra.getFullYear() === til.getFullYear();
+  return sammeManed ? `${fra.getDate()}.\u2013${til.getDate()}. ${MANEDER[til.getMonth()]}` : `${fra.getDate()}. ${MANEDER[fra.getMonth()]} \u2013 ${til.getDate()}. ${MANEDER[til.getMonth()]}`;
+}
+function minutterPerOppgave(tasks) {
+  if (tasks.length === 0) return 0;
+  return Math.round(tasks.reduce((sum, t2) => sum + t2.estimatedMinutes, 0) / tasks.length);
+}
+
+// src/program/Aksept.tsx
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+function Aksept({
+  program,
+  harToken,
+  sender,
+  feil,
+  onBliMed,
+  onLukk
+}) {
+  const tema = useTema();
+  const tall = tekst.akseptTall(
+    program.tasks.length,
+    minutterPerOppgave(program.tasks),
+    periode(program.opensAt, program.closesAt),
+    program.maxContacts
+  );
+  return /* @__PURE__ */ jsx11(Modal2, { visible: true, transparent: true, animationType: "slide", onRequestClose: onLukk, accessibilityViewIsModal: true, children: /* @__PURE__ */ jsx11(View11, { style: { flex: 1, backgroundColor: tema.color.scrim, justifyContent: "flex-end" }, children: /* @__PURE__ */ jsxs10(
+    View11,
+    {
+      testID: "program-aksept",
+      accessibilityViewIsModal: true,
+      style: {
+        backgroundColor: tema.color.bg,
+        borderTopLeftRadius: tema.radius.lg * 2,
+        borderTopRightRadius: tema.radius.lg * 2,
+        padding: tema.screenPadding,
+        gap: tema.space.md,
+        maxHeight: "92%",
+        minHeight: "60%"
+      },
+      children: [
+        /* @__PURE__ */ jsxs10(View11, { style: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" }, children: [
+          /* @__PURE__ */ jsx11(Btn, { variant: "ghost", testID: "aksept-tilbake", ikon: "\u2190", label: tekst.tilbake, onPress: onLukk }),
+          /* @__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__ */ jsx11(H, { sub: tekst.akseptHva, children: program.name }),
+          /* @__PURE__ */ jsx11(
+            Text9,
+            {
+              accessibilityRole: "text",
+              style: {
+                color: tema.color.textPrimary,
+                fontSize: tema.font.body,
+                lineHeight: tema.lineHeight.body,
+                fontWeight: tema.weight.semibold
+              },
+              children: tall
+            }
+          ),
+          /* @__PURE__ */ jsx11(Text9, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: program.hypothesis }),
+          /* @__PURE__ */ jsxs10(Card, { children: [
+            /* @__PURE__ */ jsx11(H, { children: tekst.akseptOppgaver }),
+            program.tasks.map((o) => /* @__PURE__ */ jsxs10(View11, { style: { gap: tema.space.xs }, children: [
+              /* @__PURE__ */ jsx11(Text9, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: o.title }),
+              /* @__PURE__ */ jsxs10(Hint, { children: [
+                tekst.akseptOppgaveTid(o.estimatedMinutes),
+                o.screenHint ? ` \xB7 ${o.screenHint}` : ""
+              ] })
+            ] }, o.id))
+          ] }),
+          program.knownIssues.length > 0 ? /* @__PURE__ */ jsxs10(Card, { children: [
+            /* @__PURE__ */ jsx11(H, { sub: tekst.akseptKjenteFeilUnder, children: tekst.akseptKjenteFeil(program.knownIssues.length) }),
+            program.knownIssues.map((k) => /* @__PURE__ */ jsxs10(View11, { style: { gap: tema.space.xs }, children: [
+              /* @__PURE__ */ jsx11(Text9, { style: { color: tema.color.textPrimary, fontSize: tema.font.small, lineHeight: tema.lineHeight.small }, children: k.title }),
+              k.workaround ? /* @__PURE__ */ jsxs10(Text9, { style: { color: tema.color.textSecondary, fontSize: tema.font.small, lineHeight: tema.lineHeight.small }, children: [
+                tekst.omvei,
+                " ",
+                k.workaround
+              ] }) : null,
+              k.fixedIn ? /* @__PURE__ */ jsx11(
+                StatusPill,
+                {
+                  ikon: k.status === "fikset" ? "\u2713" : "\u{1F527}",
+                  etikett: k.status === "fikset" ? tekst.rettetI(k.fixedIn) : tekst.rettesI(k.fixedIn),
+                  farge: k.status === "fikset" ? "success" : "info"
+                }
+              ) : null
+            ] }, k.id))
+          ] }) : null,
+          /* @__PURE__ */ jsxs10(Card, { children: [
+            /* @__PURE__ */ jsx11(H, { sub: tekst.akseptInnsamlingTekst, children: tekst.akseptInnsamling }),
+            /* @__PURE__ */ jsx11(Hint, { children: tekst.kontekstAldri })
+          ] }),
+          program.termsUrl && !program.commitmentFree ? /* @__PURE__ */ jsxs10(View11, { style: { gap: tema.space.xs }, children: [
+            /* @__PURE__ */ jsx11(
+              Pressable6,
+              {
+                testID: "vilkar-lenke",
+                accessibilityRole: "link",
+                accessibilityLabel: tekst.akseptVilkar,
+                onPress: () => void Linking.openURL(String(program.termsUrl)),
+                style: { minHeight: tema.touch, justifyContent: "center" },
+                children: /* @__PURE__ */ jsxs10(Text9, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, textDecorationLine: "underline" }, children: [
+                  "\u{1F517} ",
+                  tekst.akseptVilkar
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx11(Hint, { children: tekst.akseptVilkarHint })
+          ] }) : /* @__PURE__ */ jsx11(Hint, { children: tekst.akseptIngenVilkar }),
+          /* @__PURE__ */ jsxs10(Text9, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: [
+            "\u{1F6AA} ",
+            tekst.akseptUtgang
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx11(
+          Btn,
+          {
+            testID: "bli-med",
+            label: tekst.bliMed,
+            disabled: !harToken || sender,
+            hint: harToken ? tekst.bliMedHint : tekst.bliMedUtenToken,
+            onPress: onBliMed
+          }
+        )
+      ]
+    }
+  ) }) });
+}
+
+// src/program/InnspelProgram.tsx
+import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+function InnspelProgram({
+  invitationToken,
+  onEndring
+}) {
+  const { client } = useInnspel();
+  const tema = useTema();
+  const [mine, setMine] = useState5();
+  const [deltakelse, setDeltakelse] = useState5();
+  const [viserAksept, setViserAksept] = useState5(false);
+  const [viserGaaUt, setViserGaaUt] = useState5(false);
+  const [avvist, setAvvist] = useState5(false);
+  const [sender, setSender] = useState5(false);
+  const [feil, setFeil] = useState5();
+  useEffect3(() => {
+    if (client.isAnonymous) return;
+    let levende = true;
+    void client.programs.list().then((svar) => {
+      if (!levende) return;
+      setMine(svar);
+      setDeltakelse(svar.participations.find((p) => p.status !== "trukket"));
+    }).catch(() => void 0);
+    return () => {
+      levende = false;
+    };
+  }, [client]);
+  const bliMed = useCallback4(async () => {
+    if (!invitationToken) return;
+    setSender(true);
+    setFeil(void 0);
+    try {
+      const ny = await client.programs.accept(invitationToken);
+      setDeltakelse(ny);
+      setViserAksept(false);
+      onEndring?.(ny);
+    } catch (e) {
+      setFeil(e instanceof InnspelApiError2 ? e.message : "tjeneren svarte ikke.");
+    } finally {
+      setSender(false);
+    }
+  }, [client, invitationToken, onEndring]);
+  const gaaUt = useCallback4(async () => {
+    if (!deltakelse) return;
+    setSender(true);
+    try {
+      await client.programs.withdraw(deltakelse.id);
+      setDeltakelse(void 0);
+      setViserGaaUt(false);
+      onEndring?.(null);
+    } catch (e) {
+      setFeil(e instanceof InnspelApiError2 ? e.message : "tjeneren svarte ikke.");
+    } finally {
+      setSender(false);
+    }
+  }, [client, deltakelse, onEndring]);
+  const invitasjon = deltakelse ? void 0 : mine?.invitations[0];
+  const program = deltakelse?.program ?? invitasjon?.program;
+  if (!program) return null;
+  if (deltakelse) {
+    return /* @__PURE__ */ jsxs11(View12, { testID: "program-deltakelse", accessibilityLabel: tekst.deltakelseRegion, style: { gap: tema.space.sm }, children: [
+      /* @__PURE__ */ jsxs11(Card, { children: [
+        /* @__PURE__ */ jsx12(H, { sub: tekst.deltakelsePeriode(periode(program.opensAt, program.closesAt), deltakelse.contactsSent, program.maxContacts), children: program.name }),
+        /* @__PURE__ */ jsx12(Hint, { children: tekst.deltakelseOppgaverKommer }),
+        /* @__PURE__ */ jsx12(Btn, { variant: "ghost", testID: "gaa-ut", ikon: "\u{1F6AA}", label: tekst.gaaUt, onPress: () => setViserGaaUt(true) })
+      ] }),
+      viserGaaUt ? /* @__PURE__ */ jsx12(Modal3, { visible: true, transparent: true, animationType: "fade", onRequestClose: () => setViserGaaUt(false), accessibilityViewIsModal: true, children: /* @__PURE__ */ jsx12(View12, { style: { flex: 1, backgroundColor: tema.color.scrim, justifyContent: "flex-end", padding: tema.space.md }, children: /* @__PURE__ */ jsxs11(
+        View12,
+        {
+          testID: "gaa-ut-dialog",
+          accessibilityViewIsModal: true,
+          style: {
+            backgroundColor: tema.color.surface,
+            borderRadius: tema.radius.lg,
+            borderWidth: tema.hairline,
+            borderColor: tema.color.borderStrong,
+            padding: tema.space.md,
+            gap: tema.space.md
+          },
+          children: [
+            /* @__PURE__ */ jsx12(H, { children: tekst.gaaUtTittel }),
+            /* @__PURE__ */ jsx12(Text10, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: tekst.gaaUtTekst(program.name) }),
+            /* @__PURE__ */ jsxs11(View12, { style: { flexDirection: "row", gap: tema.space.sm }, children: [
+              /* @__PURE__ */ jsx12(Btn, { grow: true, variant: "secondary", testID: "bli-vaerende", label: tekst.bliVaerende, onPress: () => setViserGaaUt(false) }),
+              /* @__PURE__ */ jsx12(Btn, { grow: true, variant: "danger", testID: "bekreft-gaa-ut", ikon: "\u{1F6AA}", label: tekst.gaaUtBekreft, disabled: sender, onPress: () => void gaaUt() })
+            ] })
+          ]
+        }
+      ) }) }) : null
+    ] });
+  }
+  if (!invitasjon || avvist) return null;
+  return /* @__PURE__ */ jsxs11(Fragment2, { children: [
+    /* @__PURE__ */ jsxs11(
+      View12,
+      {
+        testID: "program-banner",
+        accessibilityLabel: tekst.invitasjonRegion,
+        style: {
+          backgroundColor: tema.color.brandBg,
+          borderRadius: tema.radius.lg,
+          borderWidth: tema.hairline,
+          borderColor: tema.color.brand,
+          padding: tema.space.md,
+          gap: tema.space.sm
+        },
+        children: [
+          /* @__PURE__ */ jsxs11(View12, { style: { flexDirection: "row", gap: tema.space.sm, alignItems: "flex-start" }, children: [
+            /* @__PURE__ */ jsx12(Text10, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { fontSize: tema.font.h3 }, children: "\u{1F9EA}" }),
+            /* @__PURE__ */ jsxs11(View12, { style: { flex: 1, gap: tema.space.xs }, children: [
+              /* @__PURE__ */ jsx12(Text10, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: tekst.invitasjonHva(program.name) }),
+              /* @__PURE__ */ jsx12(Hint, { children: tekst.invitasjonKontakter(program.maxContacts) })
+            ] }),
+            /* @__PURE__ */ jsx12(
+              Pressable7,
+              {
+                testID: "avvis-invitasjon",
+                accessibilityRole: "button",
+                accessibilityLabel: tekst.avvisInvitasjon,
+                onPress: () => setAvvist(true),
+                style: { minWidth: tema.touch, minHeight: tema.touch, alignItems: "center", justifyContent: "center" },
+                children: /* @__PURE__ */ jsx12(Text10, { style: { color: tema.color.textSecondary, fontSize: tema.font.body }, children: "\u2715" })
+              }
+            )
+          ] }),
+          feil && !viserAksept ? /* @__PURE__ */ jsx12(Banner, { live: true, ikon: "\u26A0", tone: "danger", children: tekst.akseptFeil(feil) }) : null,
+          /* @__PURE__ */ jsx12(Btn, { variant: "secondary", testID: "les-mer", label: tekst.lesMer, onPress: () => setViserAksept(true) })
+        ]
+      }
+    ),
+    viserAksept ? /* @__PURE__ */ jsx12(
+      Aksept,
+      {
+        program,
+        harToken: !!invitationToken,
+        sender,
+        ...feil ? { feil } : {},
+        onBliMed: () => void bliMed(),
+        onLukk: () => setViserAksept(false)
+      }
+    ) : null
+  ] });
+}
+
 // src/lagring.ts
 function createStorage(pakke) {
   return {
@@ -1776,6 +2115,7 @@ function createMemoryStorage() {
 }
 export {
   InnspelPrivate,
+  InnspelProgram,
   InnspelProvider,
   byggTema,
   createMemoryStorage,