@pi-spi/app 0.0.0-stage → 1.2.1

package/lib/module/shared/widgets/qr_image/qr_image_widget.js

@@ -0,0 +1,253 @@
+"use strict";
+
+import { Image } from 'expo-image';
+import QRCode from 'qrcode';
+import { useMemo, useState } from 'react';
+import { StyleSheet, Text, useWindowDimensions, View } from 'react-native';
+import Svg, { Circle, Rect } from 'react-native-svg';
+import { Images } from "../../../core/assets.js";
+import { QrDataShape, QrEyeShape } from "./types.js";
+
+/** Écart entre modules (équivalent `gapless: false` du painter Flutter). */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const GAP_SIZE = 0.25;
+/** Taille d'un motif de repérage, en modules. */
+const FINDER_PATTERN_LIMIT = 7;
+
+/**
+ * Affiche un QR code PI-SPI conforme EMV à partir d'une payload (≈
+ * `QrImageWidget` du SDK Flutter) : niveau de correction L, version
+ * automatique, modules ronds et yeux carrés par défaut, logo PI-SPI au
+ * centre, label et logo d'en-tête optionnels.
+ */
+export function QrImageWidget({
+  payload,
+  qrImageOptions = {},
+  error
+}) {
+  const {
+    width
+  } = useWindowDimensions();
+  const isTablet = width >= 600;
+  // Taille par défaut du QR si qrSize non fourni
+  const size = qrImageOptions.qrSize ?? width / 12 * (isTablet ? 6 : 10);
+  const qr = /*#__PURE__*/_jsx(QrView, {
+    payload: payload,
+    options: qrImageOptions,
+    fallbackSize: size,
+    error: error
+  });
+  if (qrImageOptions.label == null) {
+    return /*#__PURE__*/_jsx(View, {
+      style: [styles.center, qrImageOptions.qrSize != null ? {
+        width: size
+      } : styles.fill],
+      children: qr
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.center, {
+      width: size
+    }],
+    children: [(qrImageOptions.displayHeadLogo ?? true) && /*#__PURE__*/_jsx(Image, {
+      source: Images.logoSpiLight,
+      style: styles.headLogo,
+      contentFit: "contain"
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        width: size,
+        height: size
+      },
+      children: qr
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.gap8
+    }), /*#__PURE__*/_jsx(Text, {
+      style: [styles.label, qrImageOptions.label.textStyle],
+      children: qrImageOptions.label.text
+    })]
+  });
+}
+function QrView({
+  payload,
+  options,
+  fallbackSize,
+  error
+}) {
+  // Le QR occupe le carré disponible (comme le CustomPaint Flutter dans son parent).
+  const [measured, setMeasured] = useState(null);
+  const onLayout = e => {
+    const {
+      width,
+      height
+    } = e.nativeEvent.layout;
+    const side = Math.min(width, height || width);
+    if (side > 0 && side !== measured) setMeasured(side);
+  };
+  const matrix = useMemo(() => {
+    try {
+      const code = QRCode.create(payload, {
+        errorCorrectionLevel: 'L'
+      });
+      return {
+        count: code.modules.size,
+        isDark: (row, col) => code.modules.get(row, col) === 1
+      };
+    } catch {
+      return null;
+    }
+  }, [payload]);
+  if (matrix == null) return /*#__PURE__*/_jsx(_Fragment, {
+    children: error ?? null
+  });
+  // Taille du conteneur pas encore connue : on attend la mesure plutôt que
+  // de dessiner une première fois à une taille par défaut (saut visible).
+  if (measured == null && options.qrSize == null) {
+    return /*#__PURE__*/_jsx(View, {
+      onLayout: onLayout,
+      style: styles.fill
+    });
+  }
+  const margin = options.margin ?? 10;
+  const total = measured ?? fallbackSize;
+  const containerSize = Math.max(0, total - margin * 2);
+  const dataColor = options.data?.color ?? '#000000';
+  const eyeColor = options.eye?.color ?? '#000000';
+  const dataShape = options.data?.shape ?? QrDataShape.circle;
+  const eyeShape = options.eye?.shape ?? QrEyeShape.square;
+  const iconSize = options.icon?.size ?? 60;
+
+  // Métriques (identiques à _PaintMetrics du painter Flutter)
+  const count = matrix.count;
+  const gapTotal = (count - 1) * GAP_SIZE;
+  const pixelSize = Math.round((containerSize - gapTotal) / count * 2) / 2;
+  const innerContentSize = pixelSize * count + gapTotal;
+  const inset = (containerSize - innerContentSize) / 2;
+  const isFinder = (row, col) => row < FINDER_PATTERN_LIMIT && col < FINDER_PATTERN_LIMIT || row < FINDER_PATTERN_LIMIT && col >= count - FINDER_PATTERN_LIMIT || row >= count - FINDER_PATTERN_LIMIT && col < FINDER_PATTERN_LIMIT;
+  const modules = [];
+  for (let row = 0; row < count; row++) {
+    for (let col = 0; col < count; col++) {
+      if (isFinder(row, col) || !matrix.isDark(row, col)) continue;
+      const left = inset + col * (pixelSize + GAP_SIZE);
+      const top = inset + row * (pixelSize + GAP_SIZE);
+      modules.push(dataShape === QrDataShape.square ? /*#__PURE__*/_jsx(Rect, {
+        x: left,
+        y: top,
+        width: pixelSize,
+        height: pixelSize,
+        fill: dataColor
+      }, `${row}-${col}`) : /*#__PURE__*/_jsx(Circle, {
+        cx: left + pixelSize / 2,
+        cy: top + pixelSize / 2,
+        r: pixelSize / 2,
+        fill: dataColor
+      }, `${row}-${col}`));
+    }
+  }
+
+  // Motifs de repérage (yeux) : contour, intérieur transparent, point central
+  const totalGap = (FINDER_PATTERN_LIMIT - 1) * GAP_SIZE;
+  const radius = FINDER_PATTERN_LIMIT * pixelSize + totalGap - pixelSize;
+  const strokeAdjust = pixelSize / 2;
+  const edgePos = inset + innerContentSize - (radius + strokeAdjust);
+  const dotSize = radius - pixelSize * 2 - 2 * strokeAdjust;
+  const eyes = [{
+    x: inset + strokeAdjust,
+    y: inset + strokeAdjust
+  }, {
+    x: inset + strokeAdjust,
+    y: edgePos
+  }, {
+    x: edgePos,
+    y: inset + strokeAdjust
+  }].map(({
+    x,
+    y
+  }, i) => /*#__PURE__*/_jsx(Eye, {
+    x: x,
+    y: y,
+    radius: radius,
+    pixelSize: pixelSize,
+    strokeAdjust: strokeAdjust,
+    dotSize: dotSize,
+    color: eyeColor,
+    shape: eyeShape
+  }, i));
+  return /*#__PURE__*/_jsxs(View, {
+    onLayout: onLayout,
+    style: [styles.fill, {
+      padding: margin,
+      backgroundColor: options.qrBgColor ?? 'transparent'
+    }],
+    children: [/*#__PURE__*/_jsxs(Svg, {
+      width: containerSize,
+      height: containerSize,
+      children: [eyes, modules]
+    }), /*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      style: [StyleSheet.absoluteFill, styles.center],
+      children: /*#__PURE__*/_jsx(Image, {
+        source: options.icon?.image ?? Images.iconsQr,
+        style: {
+          width: iconSize,
+          height: iconSize
+        },
+        contentFit: "contain"
+      })
+    })]
+  });
+}
+function Eye({
+  x,
+  y,
+  radius,
+  pixelSize,
+  strokeAdjust,
+  dotSize,
+  color,
+  shape
+}) {
+  const round = shape === QrEyeShape.circle;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Rect, {
+      x: x,
+      y: y,
+      width: radius,
+      height: radius,
+      rx: round ? radius / 2 : 0,
+      fill: "none",
+      stroke: color,
+      strokeWidth: pixelSize
+    }), /*#__PURE__*/_jsx(Rect, {
+      x: x + pixelSize + strokeAdjust,
+      y: y + pixelSize + strokeAdjust,
+      width: dotSize,
+      height: dotSize,
+      rx: round ? dotSize / 2 : 0,
+      fill: color
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  center: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  fill: {
+    width: '100%',
+    aspectRatio: 1
+  },
+  headLogo: {
+    height: 40,
+    width: 140,
+    marginVertical: 5
+  },
+  gap8: {
+    height: 8
+  },
+  label: {
+    fontSize: 13,
+    fontWeight: '500',
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=qr_image_widget.js.map

package/lib/module/shared/widgets/qr_image/qr_image_widget.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Image","QRCode","useMemo","useState","StyleSheet","Text","useWindowDimensions","View","Svg","Circle","Rect","Images","QrDataShape","QrEyeShape","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","GAP_SIZE","FINDER_PATTERN_LIMIT","QrImageWidget","payload","qrImageOptions","error","width","isTablet","size","qrSize","qr","QrView","options","fallbackSize","label","style","styles","center","fill","children","displayHeadLogo","source","logoSpiLight","headLogo","contentFit","height","gap8","textStyle","text","measured","setMeasured","onLayout","e","nativeEvent","layout","side","Math","min","matrix","code","create","errorCorrectionLevel","count","modules","isDark","row","col","get","margin","total","containerSize","max","dataColor","data","color","eyeColor","eye","dataShape","shape","circle","eyeShape","square","iconSize","icon","gapTotal","pixelSize","round","innerContentSize","inset","isFinder","left","top","push","x","y","cx","cy","r","totalGap","radius","strokeAdjust","edgePos","dotSize","eyes","map","i","Eye","padding","backgroundColor","qrBgColor","pointerEvents","absoluteFill","image","iconsQr","rx","stroke","strokeWidth","alignItems","justifyContent","aspectRatio","marginVertical","fontSize","fontWeight","textAlign"],"sourceRoot":"../../../../../src","sources":["shared/widgets/qr_image/qr_image_widget.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/shared/widgets/qr_image/types.js

@@ -0,0 +1,26 @@
+"use strict";
+
+/** Forme des « yeux » (motifs de repérage) du QR. */
+export let QrEyeShape = /*#__PURE__*/function (QrEyeShape) {
+  QrEyeShape["square"] = "square";
+  QrEyeShape["circle"] = "circle";
+  return QrEyeShape;
+}({});
+
+/** Forme des modules de données du QR. */
+export let QrDataShape = /*#__PURE__*/function (QrDataShape) {
+  QrDataShape["square"] = "square";
+  QrDataShape["circle"] = "circle";
+  return QrDataShape;
+}({});
+
+/** Style des yeux du QR. */
+
+/** Style des modules de données du QR. */
+
+/** Icône intégrée au centre du QR (logo PI-SPI par défaut). */
+
+/** Label affiché sous le QR. */
+
+/** Options de configuration de `QrImageWidget`. */
+//# sourceMappingURL=types.js.map

package/lib/module/shared/widgets/qr_image/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["QrEyeShape","QrDataShape"],"sourceRoot":"../../../../../src","sources":["shared/widgets/qr_image/types.ts"],"mappings":";;AAAA;AACA,WAAYA,UAAU,0BAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAA,OAAVA,UAAU;AAAA;;AAKtB;AACA,WAAYC,WAAW,0BAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAA,OAAXA,WAAW;AAAA;;AAKvB;;AAGA;;AAGA;;AAGA;;AAGA","ignoreList":[]}

package/lib/module/shared/widgets/select_date_widget.js

@@ -0,0 +1,173 @@
+"use strict";
+
+import { useState } from 'react';
+import { ScrollView, StyleSheet, Text, useWindowDimensions, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { AppRouter, useAppRouter } from "../../core/router.js";
+import { Themer, useTheme } from "../../core/theme.js";
+import { useAppLocalizations } from "../../l10n/localizations.js";
+import { ElevatedButton } from "../material/buttons.js";
+import { showModalBottomSheet } from "../material/overlays.js";
+import { DateFormat } from "../utils/date_format.js";
+import { CalendarDatePicker } from "./calendar_date_picker.js";
+
+/** Feuille avec un calendrier : titre, calendrier, plage choisie, « Valider ». */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function DateSheet({
+  title,
+  subTitle,
+  children,
+  footer
+}) {
+  const theme = useTheme();
+  const router = useAppRouter();
+  const traductions = useAppLocalizations();
+  const insets = useSafeAreaInsets();
+  const {
+    height
+  } = useWindowDimensions();
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.sheet, {
+      backgroundColor: theme.colorScheme.surface,
+      maxHeight: height * 0.65,
+      paddingBottom: insets.bottom
+    }],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.title,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: theme.textTheme.headlineMedium,
+        children: title
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.gap12
+      }), subTitle != null && /*#__PURE__*/_jsx(Text, {
+        style: theme.textTheme.displayMedium,
+        children: subTitle
+      })]
+    }), /*#__PURE__*/_jsx(ScrollView, {
+      style: styles.flexShrink,
+      children: children
+    }), footer, /*#__PURE__*/_jsx(View, {
+      style: styles.button,
+      children: /*#__PURE__*/_jsx(ElevatedButton, {
+        onPress: () => AppRouter.pop(router),
+        children: traductions.popupSelectDateBtnValider
+      })
+    })]
+  });
+}
+
+/** Choix d'une date (≈ `SelectDateWidget.show`) ; `null` si rien n'est choisi. */
+export async function showSelectDate(router, options) {
+  let date = null;
+  await showModalBottomSheet(router, {
+    themed: true,
+    builder: () => /*#__PURE__*/_jsx(SelectDate, {
+      ...options,
+      onSelect: d => date = d
+    })
+  });
+  return date;
+}
+function SelectDate({
+  title,
+  subTitle,
+  selected,
+  firstDate,
+  lastDate,
+  onSelect
+}) {
+  const [value, setValue] = useState(null);
+  return /*#__PURE__*/_jsx(DateSheet, {
+    title: title,
+    subTitle: subTitle,
+    children: /*#__PURE__*/_jsx(CalendarDatePicker, {
+      type: "single",
+      value: [value],
+      firstDate: firstDate,
+      lastDate: lastDate,
+      currentDate: selected ?? firstDate ?? new Date(),
+      onValueChanged: dates => {
+        setValue(dates[0]);
+        onSelect(dates[0]);
+      }
+    })
+  });
+}
+
+/** Description d'une plage de dates (« Du ... au ... » ou « À partir du ... »). */
+export function plageText(traductions, formatter, dateDebut, dateFin) {
+  if (dateFin != null) {
+    return traductions.transactionFormScheduleDateRange(formatter.format(dateDebut), formatter.format(dateFin));
+  }
+  return traductions.transactionFormScheduleDateSelected(formatter.format(dateDebut));
+}
+
+/** Choix d'une plage de dates (≈ `SelectDateRangeWidget.show`) : [début] ou [début, fin], vide si rien. */
+export async function showSelectDateRange(router, options) {
+  let dates = [];
+  await showModalBottomSheet(router, {
+    themed: true,
+    builder: () => /*#__PURE__*/_jsx(SelectDateRange, {
+      ...options,
+      onSelect: d => dates = d
+    })
+  });
+  return dates;
+}
+function SelectDateRange({
+  title,
+  dateDebut: initialDebut,
+  dateFin: initialFin,
+  firstDate,
+  onSelect
+}) {
+  const traductions = useAppLocalizations();
+  const [dateDebut, setDateDebut] = useState(initialDebut ?? null);
+  const [dateFin, setDateFin] = useState(initialFin ?? null);
+  const formatter = new DateFormat('d MMMM yyyy', traductions.localeName);
+  return /*#__PURE__*/_jsx(DateSheet, {
+    title: title,
+    footer: dateDebut != null ? /*#__PURE__*/_jsx(Text, {
+      style: [styles.plage, {
+        color: Themer.successColor
+      }],
+      children: plageText(traductions, formatter, dateDebut, dateFin)
+    }) : null,
+    children: /*#__PURE__*/_jsx(CalendarDatePicker, {
+      type: "range",
+      value: [dateDebut, dateFin],
+      firstDate: firstDate,
+      onValueChanged: dates => {
+        setDateDebut(dates[0]);
+        setDateFin(dates[1] ?? null);
+        onSelect(dates);
+      }
+    })
+  });
+}
+const styles = StyleSheet.create({
+  sheet: {
+    borderRadius: 20,
+    overflow: 'hidden'
+  },
+  title: {
+    paddingHorizontal: 20,
+    paddingTop: 30,
+    paddingBottom: 15
+  },
+  flexShrink: {
+    flexShrink: 1
+  },
+  gap12: {
+    height: 12
+  },
+  plage: {
+    textAlign: 'center',
+    paddingHorizontal: 20
+  },
+  button: {
+    paddingHorizontal: 20,
+    paddingVertical: 10
+  }
+});
+//# sourceMappingURL=select_date_widget.js.map

package/lib/module/shared/widgets/select_date_widget.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","ScrollView","StyleSheet","Text","useWindowDimensions","View","useSafeAreaInsets","AppRouter","useAppRouter","Themer","useTheme","useAppLocalizations","ElevatedButton","showModalBottomSheet","DateFormat","CalendarDatePicker","jsx","_jsx","jsxs","_jsxs","DateSheet","title","subTitle","children","footer","theme","router","traductions","insets","height","style","styles","sheet","backgroundColor","colorScheme","surface","maxHeight","paddingBottom","bottom","textTheme","headlineMedium","gap12","displayMedium","flexShrink","button","onPress","pop","popupSelectDateBtnValider","showSelectDate","options","date","themed","builder","SelectDate","onSelect","d","selected","firstDate","lastDate","value","setValue","type","currentDate","Date","onValueChanged","dates","plageText","formatter","dateDebut","dateFin","transactionFormScheduleDateRange","format","transactionFormScheduleDateSelected","showSelectDateRange","SelectDateRange","initialDebut","initialFin","setDateDebut","setDateFin","localeName","plage","color","successColor","create","borderRadius","overflow","paddingHorizontal","paddingTop","textAlign","paddingVertical"],"sourceRoot":"../../../../src","sources":["shared/widgets/select_date_widget.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/shared/widgets/skeleton_widget.js

@@ -0,0 +1,51 @@
+"use strict";
+
+import { useEffect, useRef } from 'react';
+import { Animated, Easing } from 'react-native';
+import { Themer } from "../../core/theme.js";
+
+/** Bloc de chargement animé (rectangle, ou cercle si [radius] est fourni). */
+import { jsx as _jsx } from "react/jsx-runtime";
+export function SkeletonWidget({
+  height = 15,
+  width = 200,
+  radius
+}) {
+  const progress = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    const animation = Animated.loop(Animated.sequence([Animated.timing(progress, {
+      toValue: 1,
+      duration: 1000,
+      easing: Easing.linear,
+      useNativeDriver: false
+    }), Animated.timing(progress, {
+      toValue: 0,
+      duration: 1000,
+      easing: Easing.linear,
+      useNativeDriver: false
+    })]));
+    animation.start();
+    return () => animation.stop();
+  }, [progress]);
+  const backgroundColor = progress.interpolate({
+    inputRange: [0, 1],
+    outputRange: [Themer.neural02Color, Themer.neural01Color]
+  });
+
+  // cercle (taille d'un CircleAvatar Material) ou rectangle
+  const shape = radius != null ? {
+    width: radius * 2 || 40,
+    height: radius * 2 || 40,
+    borderRadius: radius || 20
+  } : {
+    width,
+    height,
+    borderRadius: 10
+  };
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [shape, {
+      backgroundColor
+    }]
+  });
+}
+//# sourceMappingURL=skeleton_widget.js.map

package/lib/module/shared/widgets/skeleton_widget.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","Animated","Easing","Themer","jsx","_jsx","SkeletonWidget","height","width","radius","progress","Value","current","animation","loop","sequence","timing","toValue","duration","easing","linear","useNativeDriver","start","stop","backgroundColor","interpolate","inputRange","outputRange","neural02Color","neural01Color","shape","borderRadius","View","style"],"sourceRoot":"../../../../src","sources":["shared/widgets/skeleton_widget.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,SAASC,QAAQ,EAAEC,MAAM,QAAQ,cAAc;AAE/C,SAASC,MAAM,QAAQ,qBAAkB;;AAEzC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACA,OAAO,SAASC,cAAcA,CAAC;EAAEC,MAAM,GAAG,EAAE;EAAEC,KAAK,GAAG,GAAG;EAAEC;AAA6D,CAAC,EAAE;EACzH,MAAMC,QAAQ,GAAGV,MAAM,CAAC,IAAIC,QAAQ,CAACU,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAEtDb,SAAS,CAAC,MAAM;IACd,MAAMc,SAAS,GAAGZ,QAAQ,CAACa,IAAI,CAC7Bb,QAAQ,CAACc,QAAQ,CAAC,CAChBd,QAAQ,CAACe,MAAM,CAACN,QAAQ,EAAE;MAAEO,OAAO,EAAE,CAAC;MAAEC,QAAQ,EAAE,IAAI;MAAEC,MAAM,EAAEjB,MAAM,CAACkB,MAAM;MAAEC,eAAe,EAAE;IAAM,CAAC,CAAC,EACxGpB,QAAQ,CAACe,MAAM,CAACN,QAAQ,EAAE;MAAEO,OAAO,EAAE,CAAC;MAAEC,QAAQ,EAAE,IAAI;MAAEC,MAAM,EAAEjB,MAAM,CAACkB,MAAM;MAAEC,eAAe,EAAE;IAAM,CAAC,CAAC,CACzG,CACH,CAAC;IACDR,SAAS,CAACS,KAAK,CAAC,CAAC;IACjB,OAAO,MAAMT,SAAS,CAACU,IAAI,CAAC,CAAC;EAC/B,CAAC,EAAE,CAACb,QAAQ,CAAC,CAAC;EAEd,MAAMc,eAAe,GAAGd,QAAQ,CAACe,WAAW,CAAC;IAC3CC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAACxB,MAAM,CAACyB,aAAa,EAAEzB,MAAM,CAAC0B,aAAa;EAC1D,CAAC,CAAC;;EAEF;EACA,MAAMC,KAAK,GACTrB,MAAM,IAAI,IAAI,GACV;IAAED,KAAK,EAAEC,MAAM,GAAG,CAAC,IAAI,EAAE;IAAEF,MAAM,EAAEE,MAAM,GAAG,CAAC,IAAI,EAAE;IAAEsB,YAAY,EAAEtB,MAAM,IAAI;EAAG,CAAC,GACjF;IAAED,KAAK;IAAED,MAAM;IAAEwB,YAAY,EAAE;EAAG,CAAC;EACzC,oBAAO1B,IAAA,CAACJ,QAAQ,CAAC+B,IAAI;IAACC,KAAK,EAAE,CAACH,KAAK,EAAE;MAAEN;IAAgB,CAAC;EAAE,CAAE,CAAC;AAC/D","ignoreList":[]}

package/lib/module/shared/widgets/webview_resource_error_widget.js

@@ -0,0 +1,106 @@
+"use strict";
+
+import { MaterialIcons } from '@expo/vector-icons';
+import { Image } from 'expo-image';
+import { StyleSheet, Text, View } from 'react-native';
+import { Images } from "../../core/assets.js";
+import { useTheme } from "../../core/theme.js";
+import { ElevatedButton } from "../material/buttons.js";
+
+/** Page d'erreur d'une page web (pas de réseau...) avec un bouton « Réessayer ». */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function WebResourceErrorPage({
+  title,
+  message,
+  btnText,
+  btnAction
+}) {
+  const theme = useTheme();
+  const color = theme.elevatedButtonTheme.textStyle.color;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, {
+      backgroundColor: theme.colorScheme.surface
+    }],
+    children: [/*#__PURE__*/_jsx(Image, {
+      source: theme.brightness === 'dark' ? Images.logoSpiDark : Images.logoSpiLight,
+      style: styles.logo,
+      contentFit: "fill"
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.gap24
+    }), /*#__PURE__*/_jsx(MaterialIcons, {
+      name: "cloud-off",
+      size: 90,
+      color: theme.colorScheme.primary,
+      style: styles.icon
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.gap24
+    }), /*#__PURE__*/_jsx(Text, {
+      style: [theme.textTheme.headlineMedium, styles.center],
+      children: title
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.gap12
+    }), /*#__PURE__*/_jsx(Text, {
+      style: [theme.textTheme.bodyMedium, styles.center],
+      children: message
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.gap30
+    }), /*#__PURE__*/_jsx(ElevatedButton, {
+      onPress: btnAction,
+      style: styles.button,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.row,
+        children: [/*#__PURE__*/_jsx(MaterialIcons, {
+          name: "refresh",
+          size: 20,
+          color: color
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.gap8
+        }), /*#__PURE__*/_jsx(Text, {
+          style: theme.elevatedButtonTheme.textStyle,
+          children: btnText
+        })]
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingHorizontal: 24
+  },
+  logo: {
+    width: 200,
+    height: 70
+  },
+  icon: {
+    opacity: 0.6
+  },
+  center: {
+    textAlign: 'center'
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  button: {
+    paddingHorizontal: 32,
+    paddingVertical: 14,
+    borderRadius: 12,
+    alignSelf: 'center'
+  },
+  gap8: {
+    width: 8
+  },
+  gap12: {
+    height: 12
+  },
+  gap24: {
+    height: 24
+  },
+  gap30: {
+    height: 30
+  }
+});
+//# sourceMappingURL=webview_resource_error_widget.js.map

package/lib/module/shared/widgets/webview_resource_error_widget.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MaterialIcons","Image","StyleSheet","Text","View","Images","useTheme","ElevatedButton","jsx","_jsx","jsxs","_jsxs","WebResourceErrorPage","title","message","btnText","btnAction","theme","color","elevatedButtonTheme","textStyle","style","styles","container","backgroundColor","colorScheme","surface","children","source","brightness","logoSpiDark","logoSpiLight","logo","contentFit","gap24","name","size","primary","icon","textTheme","headlineMedium","center","gap12","bodyMedium","gap30","onPress","button","row","gap8","create","flex","alignItems","justifyContent","paddingHorizontal","width","height","opacity","textAlign","flexDirection","paddingVertical","borderRadius","alignSelf"],"sourceRoot":"../../../../src","sources":["shared/widgets/webview_resource_error_widget.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/package.json

@@ -0,0 +1 @@
+{"type":"module"}