@innspel/react-native 0.1.0

package/dist/index.cjs

@@ -0,0 +1,1397 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  InnspelProvider: () => InnspelProvider,
+  byggTema: () => byggTema,
+  createMemoryStorage: () => createMemoryStorage,
+  createStorage: () => createStorage,
+  darkTokens: () => t,
+  light: () => light,
+  lofte: () => lofte,
+  screenRules: () => screenRules,
+  statusVisning: () => statusVisning,
+  tekst: () => tekst,
+  useInnspel: () => useInnspel,
+  useTema: () => useTema,
+  venterVisning: () => venterVisning
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/InnspelProvider.tsx
+var import_react9 = require("react");
+
+// src/tema.ts
+var import_react = require("react");
+
+// src/generated/tokens.ts
+var t = {
+  color: {
+    bg: "#111417",
+    surface: "#1A1E22",
+    surfaceRaised: "#232830",
+    border: "#2E343B",
+    borderStrong: "#3D444D",
+    borderInteractive: "#7C8894",
+    textPrimary: "#F2F4F6",
+    textSecondary: "#B4BCC5",
+    textMuted: "#8D96A1",
+    textDisabled: "#5A626B",
+    actionPrimary: "#5AD3E2",
+    onActionPrimary: "#04252A",
+    actionSecondaryBorder: "#7C8894",
+    actionSecondaryText: "#F2F4F6",
+    brand: "#5AD3E2",
+    onBrand: "#04252A",
+    brandFill: "#0E7C8C",
+    onBrandFill: "#FFFFFF",
+    brandBg: "#0C2A30",
+    danger: "#FF7A8C",
+    dangerFill: "#C4001F",
+    onDangerFill: "#FFFFFF",
+    dangerBg: "#2C1116",
+    success: "#3ED88A",
+    onSuccess: "#062015",
+    successBg: "#0E2A1E",
+    warning: "#FFC24D",
+    onWarning: "#2A1C02",
+    warningBg: "#2C2107",
+    info: "#5CC0FF",
+    onInfo: "#04222F",
+    infoBg: "#0E2531",
+    neutral: "#A3ACB6",
+    onNeutral: "#111417",
+    neutralBg: "#242A31",
+    scrim: "rgba(0, 0, 0, 0.72)"
+  },
+  space: {
+    xs: 4,
+    sm: 8,
+    md: 16,
+    lg: 24,
+    xl: 32,
+    xxl: 48
+  },
+  radius: {
+    sm: 6,
+    md: 8,
+    lg: 12,
+    pill: 999
+  },
+  font: {
+    h1: 24,
+    h2: 21,
+    h3: 18,
+    body: 16,
+    small: 13,
+    tiny: 11
+  },
+  lineHeight: {
+    h1: 30,
+    h2: 27,
+    h3: 24,
+    body: 24,
+    small: 18,
+    tiny: 16
+  },
+  weight: {
+    regular: "400",
+    medium: "500",
+    semibold: "600",
+    bold: "700"
+  },
+  motion: {
+    fast: 120,
+    base: 200,
+    slow: 320
+  },
+  touch: 48,
+  screenPadding: 24,
+  hairline: 1
+};
+var light = {
+  color: {
+    bg: "#F6F7F9",
+    surface: "#FFFFFF",
+    surfaceRaised: "#EDEFF3",
+    border: "#D2D7DE",
+    borderStrong: "#B9C0C9",
+    borderInteractive: "#6F7883",
+    textPrimary: "#14181D",
+    textSecondary: "#454D57",
+    textMuted: "#5C6470",
+    textDisabled: "#9AA2AD",
+    actionPrimary: "#0A6673",
+    onActionPrimary: "#FFFFFF",
+    actionSecondaryBorder: "#6F7883",
+    actionSecondaryText: "#14181D",
+    brand: "#0A6673",
+    onBrand: "#FFFFFF",
+    brandFill: "#0A6673",
+    onBrandFill: "#FFFFFF",
+    brandBg: "#E0F0F2",
+    danger: "#B3001B",
+    dangerFill: "#B3001B",
+    onDangerFill: "#FFFFFF",
+    dangerBg: "#FCE8EA",
+    success: "#04693C",
+    onSuccess: "#FFFFFF",
+    successBg: "#E4F4EC",
+    warning: "#7A5200",
+    onWarning: "#FFFFFF",
+    warningBg: "#FBF1DE",
+    info: "#00588F",
+    onInfo: "#FFFFFF",
+    infoBg: "#E4F0F8",
+    neutral: "#5C6470",
+    onNeutral: "#FFFFFF",
+    neutralBg: "#EEF0F3",
+    scrim: "rgba(10, 14, 18, 0.45)"
+  },
+  space: {
+    xs: 4,
+    sm: 8,
+    md: 16,
+    lg: 24,
+    xl: 32,
+    xxl: 48
+  },
+  radius: {
+    sm: 6,
+    md: 8,
+    lg: 12,
+    pill: 999
+  },
+  font: {
+    h1: 24,
+    h2: 21,
+    h3: 18,
+    body: 16,
+    small: 13,
+    tiny: 11
+  },
+  lineHeight: {
+    h1: 30,
+    h2: 27,
+    h3: 24,
+    body: 24,
+    small: 18,
+    tiny: 16
+  },
+  weight: {
+    regular: "400",
+    medium: "500",
+    semibold: "600",
+    bold: "700"
+  },
+  motion: {
+    fast: 120,
+    base: 200,
+    slow: 320
+  },
+  touch: 48,
+  screenPadding: 24,
+  hairline: 1
+};
+var screenRules = {
+  brushFill: "#E5007D",
+  autoMaskFill: "#101114",
+  autoMaskStroke: "#E5007D",
+  previewBackdrop: "#000000"
+};
+
+// src/tema.ts
+function byggTema(vertens, palett = "dark") {
+  const bunn = palett === "light" ? light : t;
+  if (!vertens) return bunn;
+  return {
+    ...bunn,
+    ...vertens,
+    color: { ...bunn.color, ...vertens.color }
+  };
+}
+var TemaContext = (0, import_react.createContext)(t);
+var TemaProvider = TemaContext.Provider;
+function useTema() {
+  return (0, import_react.useContext)(TemaContext);
+}
+
+// src/widget/Widget.tsx
+var import_core = require("@innspel/core");
+var import_react8 = require("react");
+var import_react_native7 = require("react-native");
+
+// src/widget/Felt.tsx
+var import_react3 = require("react");
+var import_react_native2 = require("react-native");
+
+// src/widget/primitiver.tsx
+var import_react2 = require("react");
+var import_react_native = require("react-native");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Btn({
+  label,
+  onPress,
+  variant = "primary",
+  ikon,
+  hint,
+  disabled,
+  accessibilityLabel,
+  grow,
+  testID
+}) {
+  const tema = useTema();
+  const c = tema.color;
+  const bakgrunn = variant === "primary" ? c.actionPrimary : variant === "secondary" ? c.surfaceRaised : "transparent";
+  const tekstfarge = variant === "primary" ? c.onActionPrimary : variant === "danger" ? c.danger : c.actionSecondaryText;
+  const kant = variant === "ghost" ? "transparent" : variant === "primary" ? c.actionPrimary : c.actionSecondaryBorder;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native.View, { style: grow ? { flex: 1 } : void 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_react_native.Pressable,
+      {
+        testID,
+        accessibilityRole: "button",
+        accessibilityLabel: accessibilityLabel ?? (hint ? `${label}. ${hint}` : label),
+        accessibilityState: { disabled: !!disabled },
+        disabled,
+        onPress,
+        style: {
+          minHeight: tema.touch,
+          borderRadius: tema.radius.md,
+          borderWidth: tema.hairline,
+          borderColor: kant,
+          backgroundColor: disabled ? c.surface : bakgrunn,
+          paddingHorizontal: tema.space.md,
+          alignItems: "center",
+          justifyContent: "center",
+          flexDirection: "row",
+          gap: tema.space.sm,
+          opacity: disabled ? 0.6 : 1
+        },
+        children: [
+          ikon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Text, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { fontSize: tema.font.body }, children: ikon }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_react_native.Text,
+            {
+              style: {
+                color: disabled ? c.textDisabled : tekstfarge,
+                fontSize: tema.font.body,
+                fontWeight: tema.weight.semibold
+              },
+              children: label
+            }
+          )
+        ]
+      }
+    ),
+    hint ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Hint, { children: hint }) : null
+  ] });
+}
+function H({ children, sub }) {
+  const tema = useTema();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native.View, { style: { gap: tema.space.xs }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_native.Text,
+      {
+        accessibilityRole: "header",
+        style: {
+          color: tema.color.textPrimary,
+          fontSize: tema.font.h2,
+          lineHeight: tema.lineHeight.h2,
+          fontWeight: tema.weight.semibold
+        },
+        children
+      }
+    ),
+    sub ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_native.Text,
+      {
+        style: {
+          color: tema.color.textSecondary,
+          fontSize: tema.font.small,
+          lineHeight: tema.lineHeight.small
+        },
+        children: sub
+      }
+    ) : null
+  ] });
+}
+function Hint({ children }) {
+  const tema = useTema();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_native.Text,
+    {
+      style: {
+        color: tema.color.textMuted,
+        fontSize: tema.font.small,
+        lineHeight: tema.lineHeight.small
+      },
+      children
+    }
+  );
+}
+function Card({
+  children,
+  dashed,
+  style
+}) {
+  const tema = useTema();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_native.View,
+    {
+      style: [
+        {
+          backgroundColor: tema.color.surface,
+          borderRadius: tema.radius.lg,
+          borderWidth: tema.hairline,
+          borderColor: tema.color.border,
+          borderStyle: dashed ? "dashed" : "solid",
+          padding: tema.space.md,
+          gap: tema.space.sm
+        },
+        style
+      ],
+      children
+    }
+  );
+}
+function StatusPill({
+  ikon,
+  etikett,
+  farge
+}) {
+  const tema = useTema();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_react_native.View,
+    {
+      style: {
+        flexDirection: "row",
+        alignItems: "center",
+        gap: tema.space.xs,
+        alignSelf: "flex-start",
+        paddingHorizontal: tema.space.sm,
+        paddingVertical: tema.space.xs,
+        borderRadius: tema.radius.pill,
+        backgroundColor: tema.color[`${farge}Bg`]
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Text, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { fontSize: tema.font.small }, children: ikon }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Text, { style: { color: tema.color[farge], fontSize: tema.font.small, fontWeight: tema.weight.medium }, children: etikett })
+      ]
+    }
+  );
+}
+function Banner({
+  ikon,
+  tone,
+  children,
+  live
+}) {
+  const tema = useTema();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_react_native.View,
+    {
+      style: {
+        flexDirection: "row",
+        gap: tema.space.sm,
+        backgroundColor: tema.color[`${tone}Bg`],
+        borderRadius: tema.radius.md,
+        padding: tema.space.md
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Text, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { fontSize: tema.font.body }, children: ikon }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_react_native.Text,
+          {
+            accessibilityRole: "alert",
+            accessibilityLiveRegion: live ? "polite" : "none",
+            style: {
+              flex: 1,
+              color: tema.color[tone],
+              fontSize: tema.font.small,
+              lineHeight: tema.lineHeight.small
+            },
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/widget/tekster.ts
+var tekst = {
+  // 2b — første valg
+  valgTittel: "Hva gjelder det?",
+  valgUnder: "Ett valg. Vi sp\xF8r aldri om kategori eller alvorlighet.",
+  sporFeil: "Noe virker ikke",
+  sporFeilUnder: "Feilsporet \u2014 kontekst legges ved",
+  sporOnske: "Jeg \xF8nsker meg noe",
+  sporOnskeUnder: "\xD8nskesporet \u2014 aldri sp\xF8rsm\xE5l om reproduksjon",
+  // 2c — kjente feil (DD-29, DD-30)
+  kjenteFeilTittelFeil: "Er det dette du ser?",
+  kjenteFeilUnderFeil: "\xABJa\xBB registrerer deg p\xE5 saken. \xABLigner\xBB sender ditt eget med lenke.",
+  kjenteFeilTittelOnske: "Har noen \xF8nsket dette?",
+  kjenteFeilUnderOnske: "Ett trykk legger deg til p\xE5 \xF8nsket \u2014 ingen ny sak.",
+  svarJa: "Ja, jeg ogs\xE5",
+  svarLigner: "Ligner, men ikke helt",
+  svarNei: "Nei, det er noe annet",
+  omvei: "Omvei:",
+  rettesI: (versjon) => `Rettes i ${versjon}`,
+  rettetI: (versjon) => `Rettet i ${versjon}`,
+  // 2d + 2e — feltet og kontekstlinja
+  feltLabelFeil: "Din feil",
+  feltLabelOnske: "Ditt \xF8nske",
+  /** DD-45: to spørsmål i feilsporet. Kilde: Sentry «What's the bug? What did you expect?» */
+  placeholderFeil: "Hva skjedde? Hva forventet du?",
+  placeholderOnske: "Hva \xF8nsker du deg?",
+  send: "Send",
+  nesteOnske: "Neste \u2014 sjekk om noen har \xF8nsket dette",
+  /** DD-44: minimum tegn er det ENESTE kravet. */
+  forKort: (min) => `Minst ${min} tegn. Ingenting annet er obligatorisk.`,
+  tellerFull: " \u2014 kort og konkret holder",
+  kontekstLinje: "Legges ved: skjerm, appversjon, plattform, OS",
+  kontekstVis: " \u2014 Vis",
+  kontekstFjern: "Fjern",
+  kontekstAldri: "Aldri: navn, e-post, telefon, posisjon eller det som st\xE5r p\xE5 skjermen.",
+  lenketTil: (tittel) => `Lenket til: \xAB${tittel}\xBB`,
+  fjernLenke: "Fjern lenken til den kjente feilen",
+  // DD-46 — mønstervarsel. Aldri stille redaksjon.
+  monsterSpm: {
+    email: "Dette ser ut som en e-postadresse. Vil du fjerne den?",
+    phone: "Dette ser ut som et telefonnummer. Vil du fjerne det?",
+    card: "Dette ser ut som et kortnummer. Vil du fjerne det?",
+    ip: "Dette ser ut som en IP-adresse. Vil du fjerne den?",
+    token: "Dette ser ut som en tilgangsn\xF8kkel. Vil du fjerne den?"
+  },
+  monsterFjern: "Fjern",
+  monsterBehold: "Behold",
+  monsterForklaring: "Teksten endres bare hvis du trykker Fjern. Vi fjerner aldri noe stille.",
+  // 2g — kvittering
+  kvitteringSendt: "Sendt",
+  kvitteringRegistrert: "Registrert",
+  kvitteringFeil: "Du f\xE5r beskjed n\xE5r den er rettet, eller hvis vi trenger mer.",
+  kvitteringOnske: "Vurderes innen 90 dager. Du f\xE5r et personlig svar \u2014 ogs\xE5 hvis det er nei.",
+  kvitteringJaOgsa: "Du f\xE5r beskjed n\xE5r den er rettet.",
+  saksnummer: (nr) => `Saksnummer ${nr} \u2014 vis dette hvis du sp\xF8r support.`,
+  tilbakeTilAppen: "Tilbake til appen",
+  // 2i — tilstander
+  offlineTittel: "Ingen nett",
+  offlineBanner: "Ingen nett. Lagres og sendes automatisk \u2014 du ser det under \xABMine innspill\xBB til det er sendt.",
+  offlineLagre: "Lagre \u2014 sendes automatisk",
+  sendefeilBanner: (arsak) => `Kunne ikke sende: ${arsak} Teksten din er beholdt.`,
+  provIgjen: "Pr\xF8v igjen",
+  // 2j — mine innspill
+  mineTittel: "Mine innspill",
+  mineUnder: "Status og hva du kan vente deg \u2014 samme l\xF8fte som i kvitteringen.",
+  mineTom: "Du har ikke sendt noe enn\xE5.",
+  mineIkkeSendt: "Ikke sendt enn\xE5",
+  mineSak: (nr) => `Sak ${nr}`,
+  svarFra: (leietaker) => `Svar fra ${leietaker}`,
+  svarFraGenerisk: "Svar",
+  sendNytt: "Send nytt innspill",
+  // Felles
+  tilbake: "Tilbake",
+  lukk: "Lukk",
+  venterPaaNett: "Venter p\xE5 nett \u2014 sendes automatisk"
+};
+var lofte = {
+  venterNett: "Sendes automatisk n\xE5r du er p\xE5 nett \u2014 kvitteringen kommer da.",
+  vurderes: (frist) => `Svar innen ${frist} \u2014 ogs\xE5 hvis det er nei.`,
+  vurderesUtenFrist: "Du f\xE5r svar \u2014 ogs\xE5 hvis det er nei.",
+  bygges: "Du f\xE5r beskjed n\xE5r den er rettet.",
+  planlagt: "Du f\xE5r beskjed n\xE5r den er rettet.",
+  rettet: "Ferdig. Ser du feilen igjen, send et nytt innspill.",
+  levert: "Ferdig. Takk for \xF8nsket.",
+  ny: "Vi har f\xE5tt den. Du h\xF8rer fra oss.",
+  kjentFeil: "Kjent feil. Du f\xE5r beskjed n\xE5r den er rettet.",
+  duplikat: "Sl\xE5tt sammen med et innspill som ligner.",
+  avvist: "Vi har svart p\xE5 denne."
+};
+
+// src/widget/Felt.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function Felt({
+  spor,
+  verdi,
+  onEndre,
+  minTextLength,
+  textMaxLength,
+  kontekst,
+  fjernedeFelter,
+  onFjernKontekst,
+  lenketTil,
+  onFjernLenke,
+  funn,
+  onSend,
+  sender
+}) {
+  const tema = useTema();
+  const [apen, setApen] = (0, import_react3.useState)(false);
+  const [beholdt, setBeholdt] = (0, import_react3.useState)([]);
+  const brukt = verdi.length;
+  const forKort = brukt < minTextLength;
+  const full = brukt >= textMaxLength;
+  const visTeller = brukt >= textMaxLength * 0.8;
+  const uavklart = funn.find((f) => !beholdt.includes(f.match));
+  const linjer = (0, import_react3.useMemo)(() => {
+    const etiketter = {
+      screen: "Skjerm",
+      appVersion: "Appversjon",
+      platform: "Plattform",
+      os: "OS",
+      build: "Bygg",
+      locale: "Spr\xE5k"
+    };
+    return Object.entries(etiketter).map(([felt, etikett]) => {
+      const verdi2 = kontekst[felt];
+      return verdi2 && !fjernedeFelter.includes(felt) ? { felt, etikett, verdi: verdi2 } : null;
+    }).filter((x) => x !== null);
+  }, [kontekst, fjernedeFelter]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: { flex: 1, gap: tema.space.md }, children: [
+    lenketTil ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      import_react_native2.View,
+      {
+        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__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: { flex: 1, color: tema.color.textPrimary, fontSize: tema.font.small }, children: tekst.lenketTil(lenketTil.title) }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_react_native2.Pressable,
+            {
+              testID: "fjern-lenke",
+              accessibilityRole: "button",
+              accessibilityLabel: tekst.fjernLenke,
+              onPress: onFjernLenke,
+              style: { minWidth: tema.touch, minHeight: tema.touch, alignItems: "center", justifyContent: "center" },
+              children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: "\u2715" })
+            }
+          )
+        ]
+      }
+    ) : null,
+    uavklart ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      import_react_native2.View,
+      {
+        style: {
+          gap: tema.space.sm,
+          backgroundColor: tema.color.warningBg,
+          borderRadius: tema.radius.md,
+          padding: tema.space.md
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_react_native2.Text,
+            {
+              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__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: { flexDirection: "row", gap: tema.space.sm }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              Btn,
+              {
+                grow: true,
+                variant: "secondary",
+                testID: "monster-fjern",
+                label: tekst.monsterFjern,
+                onPress: () => onEndre(verdi.slice(0, uavklart.start) + verdi.slice(uavklart.end))
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              Btn,
+              {
+                grow: true,
+                variant: "ghost",
+                testID: "monster-behold",
+                label: tekst.monsterBehold,
+                onPress: () => setBeholdt((b) => [...b, uavklart.match])
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Hint, { children: tekst.monsterForklaring })
+        ]
+      }
+    ) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(H, { children: spor === "onske" ? tekst.feltLabelOnske : tekst.feltLabelFeil }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_react_native2.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__ */ (0, import_jsx_runtime2.jsxs)(
+      import_react_native2.Text,
+      {
+        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,
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: { borderTopWidth: tema.hairline, borderTopColor: tema.color.border, paddingTop: tema.space.sm }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_react_native2.Pressable,
+        {
+          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__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.Text, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: [
+            apen ? "\u25B4" : "\u25BE",
+            " ",
+            tekst.kontekstLinje,
+            apen ? "" : tekst.kontekstVis
+          ] })
+        }
+      ),
+      apen ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { children: [
+        linjer.map((l) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          import_react_native2.View,
+          {
+            style: {
+              flexDirection: "row",
+              alignItems: "center",
+              gap: tema.space.sm,
+              minHeight: tema.touch,
+              borderBottomWidth: tema.hairline,
+              borderBottomColor: tema.color.border
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: { color: tema.color.textMuted, fontSize: tema.font.small, minWidth: tema.touch * 2 }, children: l.etikett }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: { flex: 1, color: tema.color.textPrimary, fontSize: tema.font.small }, children: l.verdi }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                import_react_native2.Pressable,
+                {
+                  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__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.Text, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: [
+                    "\u2715 ",
+                    tekst.kontekstFjern
+                  ] })
+                }
+              )
+            ]
+          },
+          l.felt
+        )),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: { paddingTop: tema.space.sm }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Hint, { children: tekst.kontekstAldri }) })
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: { flex: 1, justifyContent: "flex-end" }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      Btn,
+      {
+        testID: "send",
+        label: spor === "onske" && !forKort ? tekst.nesteOnske : tekst.send,
+        disabled: forKort || sender,
+        hint: forKort ? tekst.forKort(minTextLength) : void 0,
+        onPress: onSend
+      }
+    ) })
+  ] });
+}
+
+// src/widget/Valg.tsx
+var import_react4 = require("react");
+var import_react_native3 = require("react-native");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function Valg({ onVelg }) {
+  const tema = useTema();
+  const flate = (spor, ikon, label, under) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    import_react_native3.Pressable,
+    {
+      testID: `spor-${spor}`,
+      accessibilityRole: "button",
+      accessibilityLabel: `${label}. ${under}`,
+      onPress: () => onVelg(spor),
+      style: {
+        flex: 1,
+        minHeight: tema.touch * 3,
+        backgroundColor: tema.color.surface,
+        borderWidth: tema.hairline,
+        borderColor: tema.color.borderStrong,
+        borderRadius: tema.radius.lg,
+        alignItems: "center",
+        justifyContent: "center",
+        gap: tema.space.sm,
+        padding: tema.space.md
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { fontSize: tema.font.h1 }, children: ikon }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_react_native3.Text,
+          {
+            style: {
+              color: tema.color.textPrimary,
+              fontSize: tema.font.h3,
+              fontWeight: tema.weight.semibold,
+              textAlign: "center"
+            },
+            children: label
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: { color: tema.color.textMuted, fontSize: tema.font.small, textAlign: "center" }, children: under })
+      ]
+    }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: { flex: 1, gap: tema.space.lg }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(H, { sub: tekst.valgUnder, children: tekst.valgTittel }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: { flex: 1, justifyContent: "flex-end" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: { flexDirection: "row", gap: tema.space.md }, children: [
+      flate("feil", "\u{1F41E}", tekst.sporFeil, tekst.sporFeilUnder),
+      flate("onske", "\u{1F4A1}", tekst.sporOnske, tekst.sporOnskeUnder)
+    ] }) })
+  ] });
+}
+
+// src/widget/KjenteFeil.tsx
+var import_react5 = require("react");
+var import_react_native4 = require("react-native");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function KjenteFeil({
+  kort,
+  spor,
+  laster,
+  onJaOgsa,
+  onLigner,
+  onNei
+}) {
+  const tema = useTema();
+  if (laster) {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.View, { style: { flex: 1, gap: tema.space.md }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(H, { sub: spor === "onske" ? tekst.kjenteFeilUnderOnske : tekst.kjenteFeilUnderFeil, children: spor === "onske" ? tekst.kjenteFeilTittelOnske : tekst.kjenteFeilTittelFeil }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.ActivityIndicator, { accessibilityLabel: "Sjekker kjente feil", color: tema.color.textSecondary })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.View, { style: { flex: 1, gap: tema.space.md }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(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__ */ (0, import_jsx_runtime4.jsxs)(Card, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          import_react_native4.Text,
+          {
+            style: {
+              color: tema.color.textPrimary,
+              fontSize: tema.font.body,
+              lineHeight: tema.lineHeight.body,
+              fontWeight: tema.weight.medium
+            },
+            children: k.title
+          }
+        ),
+        k.workaround ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+          import_react_native4.Text,
+          {
+            style: {
+              color: tema.color.textSecondary,
+              fontSize: tema.font.small,
+              lineHeight: tema.lineHeight.small
+            },
+            children: [
+              tekst.omvei,
+              " ",
+              k.workaround
+            ]
+          }
+        ) : null,
+        versjon ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          StatusPill,
+          {
+            ikon: k.status === "fikset" ? "\u2713" : "\u{1F527}",
+            etikett: versjon,
+            farge: k.status === "fikset" ? "success" : "info"
+          }
+        ) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.View, { style: { flexDirection: "row", gap: tema.space.sm }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            Btn,
+            {
+              grow: true,
+              testID: `ja-ogsa-${k.id}`,
+              label: tekst.svarJa,
+              accessibilityLabel: `${tekst.svarJa}. ${kontekst}`,
+              onPress: () => onJaOgsa(k)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            Btn,
+            {
+              grow: true,
+              variant: "secondary",
+              testID: `ligner-${k.id}`,
+              label: tekst.svarLigner,
+              accessibilityLabel: `${tekst.svarLigner}. ${kontekst}`,
+              onPress: () => onLigner(k)
+            }
+          )
+        ] })
+      ] }, k.id);
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Btn, { variant: "secondary", testID: "nei-noe-annet", label: tekst.svarNei, onPress: onNei })
+  ] });
+}
+
+// src/widget/Kvittering.tsx
+var import_react6 = require("react");
+var import_react_native5 = require("react-native");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function Kvittering({
+  art,
+  saksnummer,
+  onLukk
+}) {
+  const tema = useTema();
+  const innhold = {
+    feil: { h: tekst.kvitteringSendt, p: tekst.kvitteringFeil },
+    onske: { h: tekst.kvitteringSendt, p: tekst.kvitteringOnske },
+    jaOgsa: { h: tekst.kvitteringRegistrert, p: tekst.kvitteringJaOgsa },
+    // Køet offline: kvitteringen kan IKKE love svar på noe som ikke er sendt
+    // (DD-41 presiserer DD-07). Den lover bare at det sendes.
+    k\u00F8: { h: tekst.offlineTittel, p: tekst.offlineBanner }
+  }[art];
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native5.View, { style: { flex: 1, justifyContent: "center", gap: tema.space.lg }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native5.View, { style: { alignItems: "center", gap: tema.space.md }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        import_react_native5.Text,
+        {
+          accessibilityElementsHidden: true,
+          importantForAccessibility: "no",
+          style: { fontSize: tema.font.h1 * 2, color: art === "k\xF8" ? tema.color.neutral : tema.color.success },
+          children: art === "k\xF8" ? "\u21C5" : "\u2713"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(H, { children: innhold.h }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        import_react_native5.Text,
+        {
+          testID: "kvittering-tekst",
+          accessibilityRole: "alert",
+          accessibilityLiveRegion: "polite",
+          style: {
+            color: tema.color.textPrimary,
+            fontSize: tema.font.body,
+            lineHeight: tema.lineHeight.body,
+            textAlign: "center"
+          },
+          children: innhold.p
+        }
+      ),
+      saksnummer ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Hint, { children: tekst.saksnummer(saksnummer) }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Btn, { testID: "tilbake-til-appen", label: tekst.tilbakeTilAppen, onPress: onLukk })
+  ] });
+}
+
+// src/widget/MineInnspill.tsx
+var import_react7 = require("react");
+var import_react_native6 = require("react-native");
+
+// src/widget/status.ts
+var IKON = {
+  ny: "\u23F1",
+  vurderes: "\u23F1",
+  planlagt: "\u{1F4C5}",
+  bygges: "\u{1F527}",
+  levert: "\u2713",
+  kjent_feil: "\u{1F441}",
+  duplikat: "\u2715",
+  avvist: "\u2715",
+  venterNett: "\u23F3"
+};
+function formaterFrist(iso) {
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return iso;
+  return new Intl.DateTimeFormat("nb-NO", { day: "numeric", month: "long" }).format(d);
+}
+function statusVisning(status, type, deadlineAt) {
+  switch (status) {
+    case "ny":
+      return { ikon: IKON.ny, etikett: "Mottatt", farge: "neutral", lofte: lofte.ny };
+    case "vurderes":
+      return {
+        ikon: IKON.vurderes,
+        etikett: "Vurderes",
+        farge: "warning",
+        lofte: deadlineAt ? lofte.vurderes(formaterFrist(deadlineAt)) : lofte.vurderesUtenFrist
+      };
+    case "planlagt":
+      return { ikon: IKON.planlagt, etikett: "Planlagt", farge: "success", lofte: lofte.planlagt };
+    case "bygges":
+      return { ikon: IKON.bygges, etikett: "Retter n\xE5", farge: "info", lofte: lofte.bygges };
+    case "levert":
+      return type === "onske" ? { ikon: IKON.levert, etikett: "Levert", farge: "success", lofte: lofte.levert } : { ikon: IKON.levert, etikett: "Rettet", farge: "success", lofte: lofte.rettet };
+    case "kjent_feil":
+      return {
+        ikon: IKON.kjent_feil,
+        etikett: "Kjent, ikke planlagt",
+        farge: "neutral",
+        lofte: lofte.kjentFeil
+      };
+    case "duplikat":
+      return { ikon: IKON.duplikat, etikett: "Sl\xE5tt sammen", farge: "neutral", lofte: lofte.duplikat };
+    case "avvist":
+      return { ikon: IKON.avvist, etikett: "Avvist", farge: "danger", lofte: lofte.avvist };
+  }
+}
+var venterVisning = {
+  ikon: IKON.venterNett,
+  etikett: "Venter p\xE5 nett",
+  farge: "neutral",
+  lofte: lofte.venterNett
+};
+
+// src/widget/MineInnspill.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function MineInnspill({
+  rader,
+  laster,
+  tenantName,
+  onNytt
+}) {
+  const tema = useTema();
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_native6.View, { style: { flex: 1, gap: tema.space.md }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(H, { sub: tekst.mineUnder, children: tekst.mineTittel }),
+    laster ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native6.ActivityIndicator, { accessibilityLabel: "Henter innspillene dine", color: tema.color.textSecondary }) : rader.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Hint, { children: tekst.mineTom }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native6.ScrollView, { 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;
+      const svar = venter ? void 0 : rad.reply;
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Card, { dashed: venter, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Hint, { children: [
+          venter ? tekst.mineIkkeSendt : tekst.mineSak(rad.id),
+          " \xB7",
+          " ",
+          rad.type === "onske" ? "\xF8nske" : "feil"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          import_react_native6.Text,
+          {
+            style: {
+              color: tema.color.textPrimary,
+              fontSize: tema.font.body,
+              lineHeight: tema.lineHeight.body
+            },
+            children: rad.text
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_native6.View, { style: { gap: tema.space.xs }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(StatusPill, { ikon: v.ikon, etikett: v.etikett, farge: v.farge }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Hint, { children: v.lofte })
+        ] }),
+        svar ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+          import_react_native6.View,
+          {
+            style: {
+              borderLeftWidth: tema.hairline * 2,
+              borderLeftColor: tema.color.brand,
+              paddingLeft: tema.space.sm,
+              gap: tema.space.xs
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native6.Text, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: tenantName ? tekst.svarFra(tenantName) : tekst.svarFraGenerisk }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                import_react_native6.Text,
+                {
+                  style: {
+                    color: tema.color.textPrimary,
+                    fontSize: tema.font.small,
+                    lineHeight: tema.lineHeight.small
+                  },
+                  children: svar.text
+                }
+              )
+            ]
+          }
+        ) : null
+      ] }, nokkel);
+    }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Btn, { testID: "send-nytt", label: tekst.sendNytt, onPress: onNytt })
+  ] });
+}
+
+// src/widget/Widget.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function Widget({
+  client,
+  synlig,
+  apneOpsjoner,
+  onLukk,
+  tenantName
+}) {
+  const tema = useTema();
+  const [steg, setSteg] = (0, import_react8.useState)("valg");
+  const [spor, setSpor] = (0, import_react8.useState)("feil");
+  const [verdi, setVerdi] = (0, import_react8.useState)("");
+  const [kort, setKort] = (0, import_react8.useState)([]);
+  const [lasterKort, setLasterKort] = (0, import_react8.useState)(false);
+  const [lenketTil, setLenketTil] = (0, import_react8.useState)();
+  const [funn, setFunn] = (0, import_react8.useState)([]);
+  const [fjernede, setFjernede] = (0, import_react8.useState)([]);
+  const [sender, setSender] = (0, import_react8.useState)(false);
+  const [feil, setFeil] = (0, import_react8.useState)();
+  const [kvittering, setKvittering] = (0, import_react8.useState)();
+  const [mine, setMine] = (0, import_react8.useState)([]);
+  const [lasterMine, setLasterMine] = (0, import_react8.useState)(false);
+  const nullstill = (0, import_react8.useCallback)(() => {
+    setSteg("valg");
+    setSpor("feil");
+    setVerdi("");
+    setKort([]);
+    setLenketTil(void 0);
+    setFunn([]);
+    setFjernede([]);
+    setFeil(void 0);
+    setKvittering(void 0);
+  }, []);
+  const lukk = (0, import_react8.useCallback)(() => {
+    onLukk();
+    nullstill();
+  }, [onLukk, nullstill]);
+  (0, import_react8.useEffect)(() => {
+    if (!synlig) return;
+    client.track({ name: "widget_opened" });
+    void client.queue.flush().catch(() => void 0);
+    if (apneOpsjoner?.track) velgSpor(apneOpsjoner.track);
+  }, [synlig]);
+  const hentKort = (0, import_react8.useCallback)(async () => {
+    setLasterKort(true);
+    try {
+      const q = apneOpsjoner?.screen ? { screen: apneOpsjoner.screen } : {};
+      setKort(await client.knownIssues.for(q));
+    } finally {
+      setLasterKort(false);
+    }
+  }, [client, apneOpsjoner?.screen]);
+  const velgSpor = (0, import_react8.useCallback)(
+    async (valgt) => {
+      setSpor(valgt);
+      client.track({ name: "track_selected", type: valgt });
+      if (valgt === "onske") {
+        setSteg("felt");
+        return;
+      }
+      setSteg("kjenteFeil");
+      await hentKort();
+    },
+    [client, hentKort]
+  );
+  (0, import_react8.useEffect)(() => {
+    if (steg === "kjenteFeil" && !lasterKort && kort.length === 0) setSteg("felt");
+  }, [steg, lasterKort, kort.length]);
+  const endreTekst = (0, import_react8.useCallback)(
+    (v) => {
+      setVerdi(v);
+      setFunn(client.scanText(v));
+    },
+    [client]
+  );
+  const send = (0, import_react8.useCallback)(async () => {
+    if (spor === "onske" && steg === "felt" && kort.length === 0 && !lasterKort) {
+      setSteg("kjenteFeil");
+      await hentKort();
+      return;
+    }
+    setSender(true);
+    setFeil(void 0);
+    try {
+      const res = await client.capture({
+        type: spor,
+        text: verdi,
+        ...spor === "feil" && lenketTil ? { relatedKnownIssueId: lenketTil.id } : {},
+        ...fjernede.length ? { context: fjernetKontekst(client, fjernede) } : {}
+      });
+      if (res.status === "queued") {
+        setKvittering({ art: "k\xF8" });
+      } else {
+        setKvittering({ art: spor, nr: res.submission.id });
+      }
+      setSteg("kvittering");
+    } catch (e) {
+      if (e instanceof import_core.InnspelQueueFullError) setFeil(e.userMessage);
+      else if (e instanceof import_core.InnspelApiError) setFeil(e.message);
+      else setFeil("tjeneren svarte ikke.");
+    } finally {
+      setSender(false);
+    }
+  }, [client, spor, steg, verdi, lenketTil, fjernede, kort.length, lasterKort, hentKort]);
+  const jaOgsa = (0, import_react8.useCallback)(
+    async (k) => {
+      setSender(true);
+      try {
+        const res = await client.knownIssues.confirm(k.id);
+        setKvittering({ art: "jaOgsa", nr: res.id });
+        setSteg("kvittering");
+      } catch (e) {
+        setFeil(e instanceof import_core.InnspelApiError ? e.message : "tjeneren svarte ikke.");
+      } finally {
+        setSender(false);
+      }
+    },
+    [client]
+  );
+  const visMine = (0, import_react8.useCallback)(async () => {
+    setSteg("mine");
+    setLasterMine(true);
+    try {
+      setMine(await client.subjects.submissions());
+    } catch {
+      setMine([]);
+    } finally {
+      setLasterMine(false);
+    }
+  }, [client]);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_react_native7.Modal,
+    {
+      visible: synlig,
+      transparent: true,
+      animationType: "slide",
+      onRequestClose: lukk,
+      accessibilityViewIsModal: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native7.View, { style: { flex: 1, backgroundColor: tema.color.scrim, justifyContent: "flex-end" }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+        import_react_native7.View,
+        {
+          testID: "innspel-widget",
+          accessibilityViewIsModal: true,
+          accessibilityRole: "none",
+          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__ */ (0, import_jsx_runtime7.jsxs)(import_react_native7.View, { style: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" }, children: [
+              steg !== "valg" && steg !== "kvittering" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Btn, { variant: "ghost", testID: "tilbake", ikon: "\u2190", label: tekst.tilbake, onPress: nullstill }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native7.View, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                import_react_native7.Pressable,
+                {
+                  testID: "lukk",
+                  accessibilityRole: "button",
+                  accessibilityLabel: tekst.lukk,
+                  onPress: lukk,
+                  style: { minWidth: tema.touch, minHeight: tema.touch, alignItems: "center", justifyContent: "center" },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native7.Text, { style: { color: tema.color.textSecondary, fontSize: tema.font.body }, children: "\u2715" })
+                }
+              )
+            ] }),
+            feil ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Banner, { live: true, ikon: "\u26A0", tone: "danger", children: tekst.sendefeilBanner(feil) }) : null,
+            steg === "valg" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Valg, { onVelg: velgSpor }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Btn, { variant: "ghost", testID: "mine-innspill", ikon: "\u{1F4CB}", label: tekst.mineTittel, onPress: visMine })
+            ] }) : null,
+            steg === "kjenteFeil" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              KjenteFeil,
+              {
+                kort,
+                spor,
+                laster: lasterKort,
+                onJaOgsa: jaOgsa,
+                onLigner: (k) => {
+                  setLenketTil(k);
+                  setSteg("felt");
+                },
+                onNei: () => spor === "onske" ? void send() : setSteg("felt")
+              }
+            ) : null,
+            steg === "felt" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              Felt,
+              {
+                spor,
+                verdi,
+                onEndre: endreTekst,
+                minTextLength: client.settings.minTextLength,
+                textMaxLength: client.settings.textMaxLength,
+                kontekst: client.context,
+                fjernedeFelter: fjernede,
+                onFjernKontekst: (f) => setFjernede((x) => [...x, f]),
+                ...lenketTil ? { lenketTil, onFjernLenke: () => setLenketTil(void 0) } : {},
+                funn,
+                onSend: send,
+                sender
+              }
+            ) : null,
+            steg === "kvittering" && kvittering ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Kvittering, { art: kvittering.art, ...kvittering.nr ? { saksnummer: kvittering.nr } : {}, onLukk: lukk }) : null,
+            steg === "mine" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              MineInnspill,
+              {
+                rader: mine,
+                laster: lasterMine,
+                ...tenantName ? { tenantName } : {},
+                onNytt: nullstill
+              }
+            ) : null
+          ]
+        }
+      ) })
+    }
+  );
+}
+function fjernetKontekst(client, fjernede) {
+  const ut = {};
+  for (const [k, v] of Object.entries(client.context)) {
+    if (k !== "sdkVersion" && !fjernede.includes(k)) ut[k] = v;
+  }
+  return ut;
+}
+
+// src/InnspelProvider.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var Kontekst = (0, import_react9.createContext)(null);
+function InnspelProvider({
+  client,
+  children,
+  theme,
+  colorScheme = "dark",
+  tenantName
+}) {
+  const [synlig, setSynlig] = (0, import_react9.useState)(false);
+  const [apneOpsjoner, setApneOpsjoner] = (0, import_react9.useState)();
+  const registrert = (0, import_react9.useRef)(false);
+  const open = (0, import_react9.useCallback)(
+    async (options) => {
+      setApneOpsjoner(options);
+      setSynlig(true);
+    },
+    []
+  );
+  const close = (0, import_react9.useCallback)(() => setSynlig(false), []);
+  if (!registrert.current) {
+    client.registerPresenter({ open });
+    registrert.current = true;
+  }
+  const tema = (0, import_react9.useMemo)(() => byggTema(theme, colorScheme), [theme, colorScheme]);
+  const verdi = (0, import_react9.useMemo)(() => ({ client, open, close }), [client, open, close]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Kontekst.Provider, { value: verdi, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(TemaProvider, { value: tema, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      Widget,
+      {
+        client,
+        synlig,
+        ...apneOpsjoner ? { apneOpsjoner } : {},
+        ...tenantName ? { tenantName } : {},
+        onLukk: close
+      }
+    )
+  ] }) });
+}
+function useInnspel() {
+  const k = (0, import_react9.useContext)(Kontekst);
+  if (!k) {
+    throw new Error(
+      "[innspel] useInnspel() ble kalt utenfor <InnspelProvider>. Pakk appen din i den \u2014 se README.md."
+    );
+  }
+  return k;
+}
+
+// src/lagring.ts
+function createStorage(pakke) {
+  return {
+    get: (key) => pakke.getItem(key),
+    set: (key, value) => pakke.setItem(key, value),
+    remove: (key) => pakke.removeItem(key)
+  };
+}
+function createMemoryStorage() {
+  const rader = /* @__PURE__ */ new Map();
+  return {
+    get: async (key) => rader.get(key) ?? null,
+    set: async (key, value) => {
+      rader.set(key, value);
+    },
+    remove: async (key) => {
+      rader.delete(key);
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InnspelProvider,
+  byggTema,
+  createMemoryStorage,
+  createStorage,
+  darkTokens,
+  light,
+  lofte,
+  screenRules,
+  statusVisning,
+  tekst,
+  useInnspel,
+  useTema,
+  venterVisning
+});
+//# sourceMappingURL=index.cjs.map