@innspel/react-native 0.5.1 → 0.6.0

package/dist/index.d.cts

@@ -30,6 +30,18 @@ interface CaptureOptions {
 interface ScreenshotAdapter {
     /** Fanger viewen bak referansen til en fil. Kalles ved «Legg ved skjermbilde» (K4), og igjen på forhåndsvisningen for å rekomponere. */
     capture(ref: RefObject<ViewRef | null>, options: CaptureOptions): Promise<ScreenshotCapture>;
+    /**
+     * Velger et bilde fra enhetens bildebibliotek — «Velg bilde». `null` når innsenderen
+     * avbryter. Uten metoden finnes ikke valget. Bildet går gjennom samme forhåndsvisning
+     * og maskering, og det som lastes opp er komposittet fra `capture`, aldri fila.
+     */
+    pick?(): Promise<ScreenshotCapture | null>;
+    /**
+     * `false` fjerner «Legg ved skjermbilde» og lar bare «Velg bilde» stå — når skjermen
+     * widgeten åpnes fra sjelden er der feilen er. `capture` trengs likevel til å
+     * rekomponere forhåndsvisningen. Standard er `true`.
+     */
+    captureScreen?: boolean;
     /** Viewens rektangel i vinduskoordinater, i punkter. Null når den ikke er montert. */
     measure(ref: RefObject<ViewRef | null>): Promise<MaskRect | null>;
     /** Leser en fangst som Blob for opplasting. */
@@ -41,6 +53,38 @@ type CaptureRefFn = (ref: RefObject<ViewRef | null> | ViewRef, options: {
     quality: number;
     result: 'tmpfile';
 }) => Promise<string>;
+/**
+ * Vertens bildevelger. Resultatet trenger bare `uri`; mangler størrelsen, måles den.
+ * Returner `null` når innsenderen avbryter.
+ *
+ * @example
+ * ```ts
+ * import * as ImagePicker from 'expo-image-picker';
+ * const pickImage: PickImageFn = async () => {
+ *   const r = await ImagePicker.launchImageLibraryAsync({ mediaTypes: ['images'], exif: false });
+ *   return r.canceled ? null : { uri: r.assets[0]!.uri, width: r.assets[0]!.width, height: r.assets[0]!.height };
+ * };
+ * ```
+ */
+type PickImageFn = () => Promise<{
+    uri: string;
+    width?: number;
+    height?: number;
+} | null>;
+/**
+ * Leietakerens setning ved bildesteget: én for begge spor, eller én per spor.
+ * Et spor uten setning viser ingen.
+ */
+type ImageStepNote = string | {
+    feil?: string;
+    onske?: string;
+};
+interface ScreenshotAdapterOptions {
+    /** Gir «Velg bilde». Pakken tar ingen avhengighet på en velger (K19). */
+    pickImage?: PickImageFn;
+    /** `false` fjerner «Legg ved skjermbilde». Standard er `true`. */
+    captureScreen?: boolean;
+}
 /**
  * Lager adapteren av vertens `captureRef`. Dimensjonene hentes med `Image.getSize`,
  * målingen med `measureInWindow`, og fila leses med `fetch(uri).blob()` — alt fra
@@ -50,9 +94,11 @@ type CaptureRefFn = (ref: RefObject<ViewRef | null> | ViewRef, options: {
  * ```tsx
  * import { captureRef } from 'react-native-view-shot';
  * <InnspelProvider client={innspel} screenshot={createScreenshotAdapter(captureRef)}>
+ * // Med bildevelger, og uten fangst av skjermen widgeten åpnes fra:
+ * <InnspelProvider client={innspel} screenshot={createScreenshotAdapter(captureRef, { pickImage, captureScreen: false })}>
  * ```
  */
-declare function createScreenshotAdapter(captureRef: CaptureRefFn): ScreenshotAdapter;
+declare function createScreenshotAdapter(captureRef: CaptureRefFn, options?: ScreenshotAdapterOptions): ScreenshotAdapter;
 
 /**
  * tokens.ts — GENERERT fra theme/theme.ts (avtrykk 9c17bc0e5f8c).
@@ -334,7 +380,7 @@ interface InnspelKontekst {
  * }
  * ```
  */
-declare function InnspelProvider({ client, children, theme, colorScheme, tenantName, screenshot, }: {
+declare function InnspelProvider({ client, children, theme, colorScheme, tenantName, screenshot, imageStepNote, }: {
     client: InnspelClient;
     children?: React.ReactNode;
     /** Vertens egne tokens. Alt som utelates faller tilbake på Innspels tema. */
@@ -348,6 +394,13 @@ declare function InnspelProvider({ client, children, theme, colorScheme, tenantN
      * og det finnes uansett ikke når `screenshotsEnabled` er av (K18).
      */
     screenshot?: ScreenshotAdapter;
+    /**
+     * Leietakerens egen setning ved bildesteget, f.eks. «Legg ved et skjermbilde av feilen.
+     * Ikke send bilder av andre personer.» Står ved knappene og i forhåndsvisningen. Én
+     * streng gjelder begge spor; `{ feil, onske }` gir hvert spor sin. Leietakeren kjenner
+     * brukerne sine; plattformen eier ikke den setningen.
+     */
+    imageStepNote?: ImageStepNote;
 }): React.JSX.Element;
 /**
  * Klienten og `open` fra nærmeste {@link InnspelProvider}.
@@ -519,6 +572,10 @@ declare const tekst: {
     readonly fjernLenke: "Fjern lenken til den kjente feilen";
     readonly leggVedSkjermbilde: "Legg ved skjermbilde";
     readonly leggVedHint: "Bildet tas først når du trykker — du ser det før det sendes.";
+    readonly velgBilde: "Velg bilde";
+    readonly velgBildeHint: "Fra bildene dine. Du ser det og kan maskere det før det sendes.";
+    readonly skjermbildeUnderGalleri: "Bildet er fra galleriet. Appen maskerer ingenting i det for deg — mal over det som ikke skal med.";
+    readonly bildeFeilet: "kunne ikke hente bildet. Du kan sende uten.";
     readonly skjermbildeTittel: "Se over bildet";
     readonly skjermbildeUnder: "Bildet ble tatt da du trykket. Det du maskerer, ser vi aldri.";
     readonly maskering: "Maskering";
@@ -652,4 +709,4 @@ declare const lofte: {
     readonly avvist: "Vi har svart på denne.";
 };
 
-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 };
+export { type AsyncStorageLike, type CaptureOptions, type CaptureRefFn, type ImageStepNote, type InnspelColors, InnspelPrivate, InnspelProgram, InnspelProvider, type InnspelTheme, type PartialTheme, type PickImageFn, type ScreenshotAdapter, type ScreenshotAdapterOptions, 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

@@ -30,6 +30,18 @@ interface CaptureOptions {
 interface ScreenshotAdapter {
     /** Fanger viewen bak referansen til en fil. Kalles ved «Legg ved skjermbilde» (K4), og igjen på forhåndsvisningen for å rekomponere. */
     capture(ref: RefObject<ViewRef | null>, options: CaptureOptions): Promise<ScreenshotCapture>;
+    /**
+     * Velger et bilde fra enhetens bildebibliotek — «Velg bilde». `null` når innsenderen
+     * avbryter. Uten metoden finnes ikke valget. Bildet går gjennom samme forhåndsvisning
+     * og maskering, og det som lastes opp er komposittet fra `capture`, aldri fila.
+     */
+    pick?(): Promise<ScreenshotCapture | null>;
+    /**
+     * `false` fjerner «Legg ved skjermbilde» og lar bare «Velg bilde» stå — når skjermen
+     * widgeten åpnes fra sjelden er der feilen er. `capture` trengs likevel til å
+     * rekomponere forhåndsvisningen. Standard er `true`.
+     */
+    captureScreen?: boolean;
     /** Viewens rektangel i vinduskoordinater, i punkter. Null når den ikke er montert. */
     measure(ref: RefObject<ViewRef | null>): Promise<MaskRect | null>;
     /** Leser en fangst som Blob for opplasting. */
@@ -41,6 +53,38 @@ type CaptureRefFn = (ref: RefObject<ViewRef | null> | ViewRef, options: {
     quality: number;
     result: 'tmpfile';
 }) => Promise<string>;
+/**
+ * Vertens bildevelger. Resultatet trenger bare `uri`; mangler størrelsen, måles den.
+ * Returner `null` når innsenderen avbryter.
+ *
+ * @example
+ * ```ts
+ * import * as ImagePicker from 'expo-image-picker';
+ * const pickImage: PickImageFn = async () => {
+ *   const r = await ImagePicker.launchImageLibraryAsync({ mediaTypes: ['images'], exif: false });
+ *   return r.canceled ? null : { uri: r.assets[0]!.uri, width: r.assets[0]!.width, height: r.assets[0]!.height };
+ * };
+ * ```
+ */
+type PickImageFn = () => Promise<{
+    uri: string;
+    width?: number;
+    height?: number;
+} | null>;
+/**
+ * Leietakerens setning ved bildesteget: én for begge spor, eller én per spor.
+ * Et spor uten setning viser ingen.
+ */
+type ImageStepNote = string | {
+    feil?: string;
+    onske?: string;
+};
+interface ScreenshotAdapterOptions {
+    /** Gir «Velg bilde». Pakken tar ingen avhengighet på en velger (K19). */
+    pickImage?: PickImageFn;
+    /** `false` fjerner «Legg ved skjermbilde». Standard er `true`. */
+    captureScreen?: boolean;
+}
 /**
  * Lager adapteren av vertens `captureRef`. Dimensjonene hentes med `Image.getSize`,
  * målingen med `measureInWindow`, og fila leses med `fetch(uri).blob()` — alt fra
@@ -50,9 +94,11 @@ type CaptureRefFn = (ref: RefObject<ViewRef | null> | ViewRef, options: {
  * ```tsx
  * import { captureRef } from 'react-native-view-shot';
  * <InnspelProvider client={innspel} screenshot={createScreenshotAdapter(captureRef)}>
+ * // Med bildevelger, og uten fangst av skjermen widgeten åpnes fra:
+ * <InnspelProvider client={innspel} screenshot={createScreenshotAdapter(captureRef, { pickImage, captureScreen: false })}>
  * ```
  */
-declare function createScreenshotAdapter(captureRef: CaptureRefFn): ScreenshotAdapter;
+declare function createScreenshotAdapter(captureRef: CaptureRefFn, options?: ScreenshotAdapterOptions): ScreenshotAdapter;
 
 /**
  * tokens.ts — GENERERT fra theme/theme.ts (avtrykk 9c17bc0e5f8c).
@@ -334,7 +380,7 @@ interface InnspelKontekst {
  * }
  * ```
  */
-declare function InnspelProvider({ client, children, theme, colorScheme, tenantName, screenshot, }: {
+declare function InnspelProvider({ client, children, theme, colorScheme, tenantName, screenshot, imageStepNote, }: {
     client: InnspelClient;
     children?: React.ReactNode;
     /** Vertens egne tokens. Alt som utelates faller tilbake på Innspels tema. */
@@ -348,6 +394,13 @@ declare function InnspelProvider({ client, children, theme, colorScheme, tenantN
      * og det finnes uansett ikke når `screenshotsEnabled` er av (K18).
      */
     screenshot?: ScreenshotAdapter;
+    /**
+     * Leietakerens egen setning ved bildesteget, f.eks. «Legg ved et skjermbilde av feilen.
+     * Ikke send bilder av andre personer.» Står ved knappene og i forhåndsvisningen. Én
+     * streng gjelder begge spor; `{ feil, onske }` gir hvert spor sin. Leietakeren kjenner
+     * brukerne sine; plattformen eier ikke den setningen.
+     */
+    imageStepNote?: ImageStepNote;
 }): React.JSX.Element;
 /**
  * Klienten og `open` fra nærmeste {@link InnspelProvider}.
@@ -519,6 +572,10 @@ declare const tekst: {
     readonly fjernLenke: "Fjern lenken til den kjente feilen";
     readonly leggVedSkjermbilde: "Legg ved skjermbilde";
     readonly leggVedHint: "Bildet tas først når du trykker — du ser det før det sendes.";
+    readonly velgBilde: "Velg bilde";
+    readonly velgBildeHint: "Fra bildene dine. Du ser det og kan maskere det før det sendes.";
+    readonly skjermbildeUnderGalleri: "Bildet er fra galleriet. Appen maskerer ingenting i det for deg — mal over det som ikke skal med.";
+    readonly bildeFeilet: "kunne ikke hente bildet. Du kan sende uten.";
     readonly skjermbildeTittel: "Se over bildet";
     readonly skjermbildeUnder: "Bildet ble tatt da du trykket. Det du maskerer, ser vi aldri.";
     readonly maskering: "Maskering";
@@ -652,4 +709,4 @@ declare const lofte: {
     readonly avvist: "Vi har svart på denne.";
 };
 
-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 };
+export { type AsyncStorageLike, type CaptureOptions, type CaptureRefFn, type ImageStepNote, type InnspelColors, InnspelPrivate, InnspelProgram, InnspelProvider, type InnspelTheme, type PartialTheme, type PickImageFn, type ScreenshotAdapter, type ScreenshotAdapterOptions, 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

@@ -5,15 +5,25 @@ import { View as View9 } from "react-native";
 // src/skjermbilde.ts
 import { createContext, useContext } from "react";
 import { Image } from "react-native";
-function createScreenshotAdapter(captureRef) {
+function storrelse(uri) {
+  return new Promise((resolve, reject) => Image.getSize(uri, (w, h) => resolve({ width: w, height: h }), reject));
+}
+function createScreenshotAdapter(captureRef, options = {}) {
+  const { pickImage, captureScreen } = options;
   return {
-    async capture(ref, options) {
-      const uri = await captureRef(ref, { format: options.format, quality: options.quality, result: "tmpfile" });
-      const { width, height } = await new Promise(
-        (resolve, reject) => Image.getSize(uri, (w, h) => resolve({ width: w, height: h }), reject)
-      );
-      return { uri, width, height };
+    async capture(ref, opts) {
+      const uri = await captureRef(ref, { format: opts.format, quality: opts.quality, result: "tmpfile" });
+      return { uri, ...await storrelse(uri) };
     },
+    ...pickImage ? {
+      async pick() {
+        const valgt = await pickImage();
+        if (!valgt) return null;
+        const { width, height } = valgt.width && valgt.height ? { width: valgt.width, height: valgt.height } : await storrelse(valgt.uri);
+        return { uri: valgt.uri, width, height };
+      }
+    } : {},
+    ...captureScreen === false ? { captureScreen: false } : {},
     measure(ref) {
       return new Promise((resolve) => {
         const view = ref.current;
@@ -500,6 +510,10 @@ var tekst = {
   // 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",
   skjermbildeUnder: "Bildet ble tatt da du trykket. Det du maskerer, ser vi aldri.",
   maskering: "Maskering",
@@ -655,6 +669,8 @@ function Felt({
   onSend,
   sender,
   onSkjermbilde,
+  onVelgBilde,
+  bildeNotat,
   harVedlegg,
   onFjernVedlegg
 }) {
@@ -845,17 +861,31 @@ function Felt({
                 )
               ]
             }
-          ) : onSkjermbilde ? /* @__PURE__ */ jsx2(
-            Btn,
-            {
-              variant: "secondary",
-              testID: "legg-ved-skjermbilde",
-              ikon: "\u{1F4F7}",
-              label: tekst.leggVedSkjermbilde,
-              hint: tekst.leggVedHint,
-              onPress: onSkjermbilde
-            }
-          ) : null,
+          ) : onSkjermbilde || onVelgBilde ? /* @__PURE__ */ jsxs2(View2, { style: { gap: tema.space.sm }, children: [
+            onSkjermbilde ? /* @__PURE__ */ jsx2(
+              Btn,
+              {
+                variant: "secondary",
+                testID: "legg-ved-skjermbilde",
+                ikon: "\u{1F4F7}",
+                label: tekst.leggVedSkjermbilde,
+                hint: tekst.leggVedHint,
+                onPress: onSkjermbilde
+              }
+            ) : null,
+            onVelgBilde ? /* @__PURE__ */ jsx2(
+              Btn,
+              {
+                variant: "secondary",
+                testID: "velg-bilde",
+                ikon: "\u{1F5BC}",
+                label: tekst.velgBilde,
+                hint: tekst.velgBildeHint,
+                onPress: onVelgBilde
+              }
+            ) : null,
+            bildeNotat ? /* @__PURE__ */ jsx2(View2, { testID: "bilde-notat", children: /* @__PURE__ */ jsx2(Hint, { children: bildeNotat }) }) : null
+          ] }) : null,
           /* @__PURE__ */ jsxs2(View2, { style: { borderTopWidth: tema.hairline, borderTopColor: tema.color.border, paddingTop: tema.space.sm }, children: [
             /* @__PURE__ */ jsx2(
               Pressable2,
@@ -1270,6 +1300,8 @@ function Skjermbilde({
   rotStorrelse,
   previewRef,
   komponerer,
+  kilde = "skjerm",
+  notat,
   onFjern,
   onLeggVed
 }) {
@@ -1362,7 +1394,8 @@ function Skjermbilde({
   };
   const a11y = tekst.skjermbildeA11y(automasker.length, egne.length, allTekst);
   return /* @__PURE__ */ jsxs7(View7, { style: { flex: 1, gap: tema.space.md }, children: [
-    /* @__PURE__ */ jsx7(H, { sub: tekst.skjermbildeUnder, children: tekst.skjermbildeTittel }),
+    /* @__PURE__ */ jsx7(H, { sub: kilde === "galleri" ? tekst.skjermbildeUnderGalleri : tekst.skjermbildeUnder, children: tekst.skjermbildeTittel }),
+    notat ? /* @__PURE__ */ jsx7(View7, { testID: "bilde-notat", children: /* @__PURE__ */ jsx7(Hint, { children: notat }) }) : null,
     /* @__PURE__ */ jsxs7(View7, { accessibilityRole: "toolbar", accessibilityLabel: tekst.maskering, style: { flexDirection: "row", gap: tema.space.sm }, children: [
       knapp("felt", "\u25A3", tekst.maskerFelt),
       knapp("pensel", "\u270E", tekst.tegnOver),
@@ -1467,7 +1500,8 @@ function Widget({
   synlig,
   apneOpsjoner,
   onLukk,
-  tenantName
+  tenantName,
+  imageStepNote
 }) {
   const tema = useTema();
   const insets = useContext3(SafeAreaInsetsContext) ?? initialWindowMetrics?.insets ?? { top: 0, bottom: 0, left: 0, right: 0 };
@@ -1490,9 +1524,13 @@ function Widget({
   const [automasker, setAutomasker] = useState3([]);
   const [rotStorrelse, setRotStorrelse] = useState3({ width: 1, height: 1 });
   const [komponerer, setKomponerer] = useState3(false);
+  const [kilde, setKilde] = useState3("skjerm");
   const [vedlegg, setVedlegg] = useState3();
   const [innstillinger, setInnstillinger] = useState3({ ...client.settings });
   const skjermbildeMulig = innstillinger.screenshotsEnabled && skjermbilde?.adapter != null;
+  const fangstMulig = skjermbildeMulig && skjermbilde?.adapter?.captureScreen !== false;
+  const galleriMulig = skjermbildeMulig && typeof skjermbilde?.adapter?.pick === "function";
+  const bildeNotat = typeof imageStepNote === "string" ? imageStepNote : imageStepNote?.[spor];
   const nullstill = useCallback2(() => {
     setSteg("valg");
     setSpor("feil");
@@ -1569,11 +1607,28 @@ function Widget({
         setAutomasker([]);
       }
       setBilde(fangst);
+      setKilde("skjerm");
       setSteg("skjermbilde");
     } catch {
       setFeil(tekst.skjermbildeFeilet);
     }
   }, [skjermbilde]);
+  const velgBilde = useCallback2(async () => {
+    const pick = skjermbilde?.adapter?.pick;
+    if (!pick) return;
+    setFeil(void 0);
+    try {
+      const valgt = await pick.call(skjermbilde.adapter);
+      if (!valgt) return;
+      setRotStorrelse({ width: valgt.width, height: valgt.height });
+      setAutomasker([]);
+      setBilde(valgt);
+      setKilde("galleri");
+      setSteg("skjermbilde");
+    } catch {
+      setFeil(tekst.bildeFeilet);
+    }
+  }, [skjermbilde]);
   const leggVedBilde = useCallback2(async () => {
     if (!skjermbilde?.adapter) return;
     setKomponerer(true);
@@ -1737,7 +1792,9 @@ function Widget({
                     funn,
                     onSend: send,
                     sender,
-                    ...skjermbildeMulig ? { onSkjermbilde: taSkjermbilde } : {},
+                    ...fangstMulig ? { onSkjermbilde: taSkjermbilde } : {},
+                    ...galleriMulig ? { onVelgBilde: velgBilde } : {},
+                    ...bildeNotat ? { bildeNotat } : {},
                     harVedlegg: vedlegg !== void 0,
                     onFjernVedlegg: fjernBilde
                   }
@@ -1750,6 +1807,8 @@ function Widget({
                     rotStorrelse,
                     previewRef,
                     komponerer,
+                    kilde,
+                    ...bildeNotat ? { notat: bildeNotat } : {},
                     onFjern: fjernBilde,
                     onLeggVed: leggVedBilde
                   }
@@ -1797,7 +1856,8 @@ function InnspelProvider({
   theme,
   colorScheme = "dark",
   tenantName,
-  screenshot
+  screenshot,
+  imageStepNote
 }) {
   const [synlig, setSynlig] = useState4(false);
   const [apneOpsjoner, setApneOpsjoner] = useState4();
@@ -1831,6 +1891,7 @@ function InnspelProvider({
         synlig,
         ...apneOpsjoner ? { apneOpsjoner } : {},
         ...tenantName ? { tenantName } : {},
+        ...imageStepNote ? { imageStepNote } : {},
         onLukk: close
       }
     )