@pi-spi/app 0.0.0-stage → 1.2.1

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

@@ -0,0 +1,106 @@
+"use strict";
+
+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 { useTheme } from "../../core/theme.js";
+import { useAppLocalizations } from "../../l10n/localizations.js";
+import { ElevatedButton, FilledTonalButton } from "../material/buttons.js";
+
+/** Feuille de confirmation : titre, texte, et boutons Annuler / Confirmer (retournent `false` / `true`). */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ConfirmActionSheetWidget({
+  title,
+  subtitle,
+  confirmTitle,
+  confirmAction,
+  cancelTitle,
+  cancelAction
+}) {
+  const traductions = useAppLocalizations();
+  const theme = useTheme();
+  const router = useAppRouter();
+  const insets = useSafeAreaInsets();
+  const {
+    height
+  } = useWindowDimensions();
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.padding,
+    children: /*#__PURE__*/_jsx(View, {
+      style: [styles.box, {
+        backgroundColor: theme.colorScheme.surface,
+        maxHeight: height * 0.7 - 40,
+        marginBottom: insets.bottom
+      }],
+      children: /*#__PURE__*/_jsxs(ScrollView, {
+        bounces: false,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: [theme.textTheme.titleSmall, styles.center],
+          children: title
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.gap20
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [theme.textTheme.displayMedium, styles.center],
+          children: subtitle
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.gap30
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.buttons,
+          children: [/*#__PURE__*/_jsx(View, {
+            style: styles.flex,
+            children: /*#__PURE__*/_jsx(FilledTonalButton, {
+              style: styles.button,
+              onPress: cancelAction ?? (() => AppRouter.pop(router, {
+                value: false
+              })),
+              children: cancelTitle ?? traductions.btnTextCancel
+            })
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.gap16
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.flex,
+            children: /*#__PURE__*/_jsx(ElevatedButton, {
+              style: styles.button,
+              onPress: confirmAction ?? (() => AppRouter.pop(router, {
+                value: true
+              })),
+              children: confirmTitle ?? traductions.btnTextAccept
+            })
+          })]
+        })]
+      })
+    })
+  });
+}
+const styles = StyleSheet.create({
+  padding: {
+    padding: 20
+  },
+  box: {
+    borderRadius: 20,
+    overflow: 'hidden'
+  },
+  center: {
+    textAlign: 'center'
+  },
+  flex: {
+    flex: 1
+  },
+  buttons: {
+    flexDirection: 'row',
+    height: 56
+  },
+  button: {
+    height: 56
+  },
+  gap16: {
+    width: 16
+  },
+  gap20: {
+    height: 20
+  },
+  gap30: {
+    height: 30
+  }
+});
+//# sourceMappingURL=confirm_action_sheet_widget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ScrollView","StyleSheet","Text","useWindowDimensions","View","useSafeAreaInsets","AppRouter","useAppRouter","useTheme","useAppLocalizations","ElevatedButton","FilledTonalButton","jsx","_jsx","jsxs","_jsxs","ConfirmActionSheetWidget","title","subtitle","confirmTitle","confirmAction","cancelTitle","cancelAction","traductions","theme","router","insets","height","style","styles","padding","children","box","backgroundColor","colorScheme","surface","maxHeight","marginBottom","bottom","bounces","textTheme","titleSmall","center","gap20","displayMedium","gap30","buttons","flex","button","onPress","pop","value","btnTextCancel","gap16","btnTextAccept","create","borderRadius","overflow","textAlign","flexDirection","width"],"sourceRoot":"../../../../src","sources":["shared/widgets/confirm_action_sheet_widget.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,UAAU,EAAEC,IAAI,EAAEC,mBAAmB,EAAEC,IAAI,QAAQ,cAAc;AACtF,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,SAAS,EAAEC,YAAY,QAAQ,sBAAmB;AAC3D,SAASC,QAAQ,QAAQ,qBAAkB;AAC3C,SAASC,mBAAmB,QAAQ,6BAA0B;AAC9D,SAASC,cAAc,EAAEC,iBAAiB,QAAQ,wBAAqB;;AAEvE;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AACA,OAAO,SAASC,wBAAwBA,CAAC;EACvCC,KAAK;EACLC,QAAQ;EACRC,YAAY;EACZC,aAAa;EACbC,WAAW;EACXC;AAQF,CAAC,EAAE;EACD,MAAMC,WAAW,GAAGd,mBAAmB,CAAC,CAAC;EACzC,MAAMe,KAAK,GAAGhB,QAAQ,CAAC,CAAC;EACxB,MAAMiB,MAAM,GAAGlB,YAAY,CAAC,CAAC;EAC7B,MAAMmB,MAAM,GAAGrB,iBAAiB,CAAC,CAAC;EAClC,MAAM;IAAEsB;EAAO,CAAC,GAAGxB,mBAAmB,CAAC,CAAC;EAExC,oBACEU,IAAA,CAACT,IAAI;IAACwB,KAAK,EAAEC,MAAM,CAACC,OAAQ;IAAAC,QAAA,eAC1BlB,IAAA,CAACT,IAAI;MAACwB,KAAK,EAAE,CAACC,MAAM,CAACG,GAAG,EAAE;QAAEC,eAAe,EAAET,KAAK,CAACU,WAAW,CAACC,OAAO;QAAEC,SAAS,EAAET,MAAM,GAAG,GAAG,GAAG,EAAE;QAAEU,YAAY,EAAEX,MAAM,CAACY;MAAO,CAAC,CAAE;MAAAP,QAAA,eACnIhB,KAAA,CAACf,UAAU;QAACuC,OAAO,EAAE,KAAM;QAAAR,QAAA,gBACzBlB,IAAA,CAACX,IAAI;UAAC0B,KAAK,EAAE,CAACJ,KAAK,CAACgB,SAAS,CAACC,UAAU,EAAEZ,MAAM,CAACa,MAAM,CAAE;UAAAX,QAAA,EAAEd;QAAK,CAAO,CAAC,eACxEJ,IAAA,CAACT,IAAI;UAACwB,KAAK,EAAEC,MAAM,CAACc;QAAM,CAAE,CAAC,eAC7B9B,IAAA,CAACX,IAAI;UAAC0B,KAAK,EAAE,CAACJ,KAAK,CAACgB,SAAS,CAACI,aAAa,EAAEf,MAAM,CAACa,MAAM,CAAE;UAAAX,QAAA,EAAEb;QAAQ,CAAO,CAAC,eAC9EL,IAAA,CAACT,IAAI;UAACwB,KAAK,EAAEC,MAAM,CAACgB;QAAM,CAAE,CAAC,eAC7B9B,KAAA,CAACX,IAAI;UAACwB,KAAK,EAAEC,MAAM,CAACiB,OAAQ;UAAAf,QAAA,gBAC1BlB,IAAA,CAACT,IAAI;YAACwB,KAAK,EAAEC,MAAM,CAACkB,IAAK;YAAAhB,QAAA,eACvBlB,IAAA,CAACF,iBAAiB;cAACiB,KAAK,EAAEC,MAAM,CAACmB,MAAO;cAACC,OAAO,EAAE3B,YAAY,KAAK,MAAMhB,SAAS,CAAC4C,GAAG,CAACzB,MAAM,EAAE;gBAAE0B,KAAK,EAAE;cAAM,CAAC,CAAC,CAAE;cAAApB,QAAA,EAC/GV,WAAW,IAAIE,WAAW,CAAC6B;YAAa,CACxB;UAAC,CAChB,CAAC,eACPvC,IAAA,CAACT,IAAI;YAACwB,KAAK,EAAEC,MAAM,CAACwB;UAAM,CAAE,CAAC,eAC7BxC,IAAA,CAACT,IAAI;YAACwB,KAAK,EAAEC,MAAM,CAACkB,IAAK;YAAAhB,QAAA,eACvBlB,IAAA,CAACH,cAAc;cAACkB,KAAK,EAAEC,MAAM,CAACmB,MAAO;cAACC,OAAO,EAAE7B,aAAa,KAAK,MAAMd,SAAS,CAAC4C,GAAG,CAACzB,MAAM,EAAE;gBAAE0B,KAAK,EAAE;cAAK,CAAC,CAAC,CAAE;cAAApB,QAAA,EAC5GZ,YAAY,IAAII,WAAW,CAAC+B;YAAa,CAC5B;UAAC,CACb,CAAC;QAAA,CACH,CAAC;MAAA,CACG;IAAC,CACT;EAAC,CACH,CAAC;AAEX;AAEA,MAAMzB,MAAM,GAAG5B,UAAU,CAACsD,MAAM,CAAC;EAC/BzB,OAAO,EAAE;IAAEA,OAAO,EAAE;EAAG,CAAC;EACxBE,GAAG,EAAE;IAAEwB,YAAY,EAAE,EAAE;IAAEC,QAAQ,EAAE;EAAS,CAAC;EAC7Cf,MAAM,EAAE;IAAEgB,SAAS,EAAE;EAAS,CAAC;EAC/BX,IAAI,EAAE;IAAEA,IAAI,EAAE;EAAE,CAAC;EACjBD,OAAO,EAAE;IAAEa,aAAa,EAAE,KAAK;IAAEhC,MAAM,EAAE;EAAG,CAAC;EAC7CqB,MAAM,EAAE;IAAErB,MAAM,EAAE;EAAG,CAAC;EACtB0B,KAAK,EAAE;IAAEO,KAAK,EAAE;EAAG,CAAC;EACpBjB,KAAK,EAAE;IAAEhB,MAAM,EAAE;EAAG,CAAC;EACrBkB,KAAK,EAAE;IAAElB,MAAM,EAAE;EAAG;AACtB,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,72 @@
+"use strict";
+
+import { Image } from 'expo-image';
+import { Pressable, StyleSheet, Text, View } from 'react-native';
+import { Themer, useTheme } from "../../core/theme.js";
+
+/**
+ * Action principale de l'accueil (Envoyer, Recevoir, Plus) : bouton rond
+ * de 56 px et libellé dessous, grisés si [action] est absent.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function CtaWidget({
+  label,
+  action,
+  icon,
+  image
+}) {
+  const theme = useTheme();
+  const disabled = action == null;
+  const color = disabled ? Themer.neural02Color : theme.colorScheme.onPrimary;
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.column,
+    children: [/*#__PURE__*/_jsxs(Pressable, {
+      accessibilityRole: "button",
+      accessibilityLabel: label,
+      accessibilityState: {
+        disabled
+      },
+      disabled: disabled,
+      onPress: action ?? undefined,
+      style: ({
+        pressed
+      }) => [styles.fab, {
+        backgroundColor: disabled ? '#F5F5F1' : theme.colorScheme.primary,
+        opacity: pressed ? 0.85 : 1
+      }],
+      children: [icon ? icon(color) : null, !icon && image != null ? /*#__PURE__*/_jsx(Image, {
+        source: image,
+        style: styles.image,
+        tintColor: color,
+        contentFit: "contain"
+      }) : null]
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.gap6
+    }), /*#__PURE__*/_jsx(Text, {
+      style: [theme.textTheme.bodySmall, disabled ? {
+        color: Themer.neural02Color
+      } : null],
+      children: label
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  column: {
+    alignItems: 'center'
+  },
+  fab: {
+    width: 56,
+    height: 56,
+    borderRadius: 16,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  image: {
+    width: 30,
+    height: 30
+  },
+  gap6: {
+    height: 6
+  }
+});
+//# sourceMappingURL=cta_widget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Image","Pressable","StyleSheet","Text","View","Themer","useTheme","jsx","_jsx","jsxs","_jsxs","CtaWidget","label","action","icon","image","theme","disabled","color","neural02Color","colorScheme","onPrimary","style","styles","column","children","accessibilityRole","accessibilityLabel","accessibilityState","onPress","undefined","pressed","fab","backgroundColor","primary","opacity","source","tintColor","contentFit","gap6","textTheme","bodySmall","create","alignItems","width","height","borderRadius","justifyContent"],"sourceRoot":"../../../../src","sources":["shared/widgets/cta_widget.tsx"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,YAAY;AAElC,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAEhE,SAASC,MAAM,EAAEC,QAAQ,QAAQ,qBAAkB;;AAEnD;AACA;AACA;AACA;AAHA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAIA,OAAO,SAASC,SAASA,CAAC;EACxBC,KAAK;EACLC,MAAM;EACNC,IAAI;EACJC;AAOF,CAAC,EAAE;EACD,MAAMC,KAAK,GAAGV,QAAQ,CAAC,CAAC;EACxB,MAAMW,QAAQ,GAAGJ,MAAM,IAAI,IAAI;EAC/B,MAAMK,KAAK,GAAGD,QAAQ,GAAGZ,MAAM,CAACc,aAAa,GAAGH,KAAK,CAACI,WAAW,CAACC,SAAS;EAC3E,oBACEX,KAAA,CAACN,IAAI;IAACkB,KAAK,EAAEC,MAAM,CAACC,MAAO;IAAAC,QAAA,gBACzBf,KAAA,CAACT,SAAS;MACRyB,iBAAiB,EAAC,QAAQ;MAC1BC,kBAAkB,EAAEf,KAAM;MAC1BgB,kBAAkB,EAAE;QAAEX;MAAS,CAAE;MACjCA,QAAQ,EAAEA,QAAS;MACnBY,OAAO,EAAEhB,MAAM,IAAIiB,SAAU;MAC7BR,KAAK,EAAEA,CAAC;QAAES;MAAQ,CAAC,KAAK,CACtBR,MAAM,CAACS,GAAG,EACV;QAAEC,eAAe,EAAEhB,QAAQ,GAAG,SAAS,GAAGD,KAAK,CAACI,WAAW,CAACc,OAAO;QAAEC,OAAO,EAAEJ,OAAO,GAAG,IAAI,GAAG;MAAE,CAAC,CAClG;MAAAN,QAAA,GAEDX,IAAI,GAAGA,IAAI,CAACI,KAAK,CAAC,GAAG,IAAI,EACzB,CAACJ,IAAI,IAAIC,KAAK,IAAI,IAAI,gBACrBP,IAAA,CAACR,KAAK;QAACoC,MAAM,EAAErB,KAAM;QAACO,KAAK,EAAEC,MAAM,CAACR,KAAM;QAACsB,SAAS,EAAEnB,KAAM;QAACoB,UAAU,EAAC;MAAS,CAAE,CAAC,GAClF,IAAI;IAAA,CACC,CAAC,eACZ9B,IAAA,CAACJ,IAAI;MAACkB,KAAK,EAAEC,MAAM,CAACgB;IAAK,CAAE,CAAC,eAC5B/B,IAAA,CAACL,IAAI;MAACmB,KAAK,EAAE,CAACN,KAAK,CAACwB,SAAS,CAACC,SAAS,EAAExB,QAAQ,GAAG;QAAEC,KAAK,EAAEb,MAAM,CAACc;MAAc,CAAC,GAAG,IAAI,CAAE;MAAAM,QAAA,EAAEb;IAAK,CAAO,CAAC;EAAA,CACvG,CAAC;AAEX;AAEA,MAAMW,MAAM,GAAGrB,UAAU,CAACwC,MAAM,CAAC;EAC/BlB,MAAM,EAAE;IAAEmB,UAAU,EAAE;EAAS,CAAC;EAChCX,GAAG,EAAE;IAAEY,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,YAAY,EAAE,EAAE;IAAEH,UAAU,EAAE,QAAQ;IAAEI,cAAc,EAAE;EAAS,CAAC;EAChGhC,KAAK,EAAE;IAAE6B,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAG,CAAC;EAChCN,IAAI,EAAE;IAAEM,MAAM,EAAE;EAAE;AACpB,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,91 @@
+"use strict";
+
+import { StyleSheet, Text, View } from 'react-native';
+import { AppRouter, useAppRouter } from "../../core/router.js";
+import { Themer, useTheme } from "../../core/theme.js";
+import { TextButton } from "../material/buttons.js";
+import { Divider } from "../material/divider.js";
+
+/**
+ * Affichage d'une demande de confirmation quand l'utilisateur veut
+ * effectuer une action sensible (contenu d'un `showDialog`).
+ */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export function CustomAlertDialog({
+  title,
+  description,
+  confirmBtnText,
+  confirmBtnAction,
+  cancelBtnText,
+  cancelBtnAction
+}) {
+  const theme = useTheme();
+  const router = useAppRouter();
+  return (
+    /*#__PURE__*/
+    // Boîte de `SimpleDialog` : fond surface, coins arrondis, 55 px de marge latérale
+    _jsx(View, {
+      style: [styles.dialog, {
+        backgroundColor: theme.colorScheme.surface
+      }],
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.content,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: [theme.textTheme.headlineSmall, styles.center],
+          children: title
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.gap15
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [theme.textTheme.displaySmall, styles.center, {
+            color: theme.colorScheme.onSurface
+          }],
+          children: description
+        }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(TextButton, {
+          onPress: confirmBtnAction,
+          style: styles.btn,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: [theme.textTheme.headlineSmall, {
+              color: Themer.systemErrorColor
+            }],
+            children: confirmBtnText
+          })
+        }), cancelBtnText != null && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(TextButton, {
+            onPress: cancelBtnAction ?? (() => AppRouter.pop(router)),
+            style: styles.btn,
+            children: /*#__PURE__*/_jsx(Text, {
+              style: [theme.textTheme.headlineSmall, {
+                color: Themer.systemBlueColor
+              }],
+              children: cancelBtnText
+            })
+          })]
+        })]
+      })
+    })
+  );
+}
+const styles = StyleSheet.create({
+  dialog: {
+    marginHorizontal: 55,
+    borderRadius: 20,
+    overflow: 'hidden'
+  },
+  content: {
+    paddingTop: 20,
+    paddingHorizontal: 20,
+    paddingBottom: 15,
+    alignItems: 'center'
+  },
+  center: {
+    textAlign: 'center'
+  },
+  gap15: {
+    height: 15
+  },
+  btn: {
+    paddingHorizontal: 5,
+    paddingVertical: 4
+  }
+});
+//# sourceMappingURL=custom_alert_dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Text","View","AppRouter","useAppRouter","Themer","useTheme","TextButton","Divider","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","CustomAlertDialog","title","description","confirmBtnText","confirmBtnAction","cancelBtnText","cancelBtnAction","theme","router","style","styles","dialog","backgroundColor","colorScheme","surface","children","content","textTheme","headlineSmall","center","gap15","displaySmall","color","onSurface","onPress","btn","systemErrorColor","pop","systemBlueColor","create","marginHorizontal","borderRadius","overflow","paddingTop","paddingHorizontal","paddingBottom","alignItems","textAlign","height","paddingVertical"],"sourceRoot":"../../../../src","sources":["shared/widgets/custom_alert_dialog.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,69 @@
+"use strict";
+
+import { StyleSheet, View } from 'react-native';
+import Svg, { Circle } from 'react-native-svg';
+import { Themer } from "../../core/theme.js";
+
+/**
+ * Anneau de progression (≈ `CustomCircularProgressBar`) : cercle de fond
+ * et arc de progression partant du haut, centrés sur [child]. Comme le
+ * `CustomPaint` Flutter, le trait déborde de [size] de la moitié de son
+ * épaisseur.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function CustomCircularProgressBar({
+  progressValue,
+  progressColor,
+  backgroundColor,
+  size = 80,
+  strokeWidth = 7.5,
+  children
+}) {
+  const radius = size / 2;
+  const box = size + strokeWidth;
+  const center = box / 2;
+  const circumference = 2 * Math.PI * radius;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.stack, {
+      width: size,
+      height: size
+    }],
+    children: [/*#__PURE__*/_jsxs(Svg, {
+      width: box,
+      height: box,
+      style: [styles.paint, {
+        left: -strokeWidth / 2,
+        top: -strokeWidth / 2
+      }],
+      children: [/*#__PURE__*/_jsx(Circle, {
+        cx: center,
+        cy: center,
+        r: radius,
+        stroke: backgroundColor ?? 'rgba(158,158,158,0.3)',
+        strokeWidth: strokeWidth,
+        fill: "none"
+      }), progressValue > 0 && /*#__PURE__*/_jsx(Circle, {
+        cx: center,
+        cy: center,
+        r: radius,
+        stroke: progressColor ?? Themer.primary,
+        strokeWidth: strokeWidth,
+        fill: "none",
+        strokeLinecap: "round",
+        strokeDasharray: `${circumference * Math.min(1, progressValue)} ${circumference}`,
+        transform: `rotate(-90 ${center} ${center})`
+      })]
+    }), children]
+  });
+}
+const styles = StyleSheet.create({
+  stack: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    overflow: 'visible'
+  },
+  paint: {
+    position: 'absolute'
+  }
+});
+//# sourceMappingURL=custom_progressbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","View","Svg","Circle","Themer","jsx","_jsx","jsxs","_jsxs","CustomCircularProgressBar","progressValue","progressColor","backgroundColor","size","strokeWidth","children","radius","box","center","circumference","Math","PI","style","styles","stack","width","height","paint","left","top","cx","cy","r","stroke","fill","primary","strokeLinecap","strokeDasharray","min","transform","create","alignItems","justifyContent","overflow","position"],"sourceRoot":"../../../../src","sources":["shared/widgets/custom_progressbar.tsx"],"mappings":";;AACA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,OAAOC,GAAG,IAAIC,MAAM,QAAQ,kBAAkB;AAE9C,SAASC,MAAM,QAAQ,qBAAkB;;AAEzC;AACA;AACA;AACA;AACA;AACA;AALA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMA,OAAO,SAASC,yBAAyBA,CAAC;EACxCC,aAAa;EACbC,aAAa;EACbC,eAAe;EACfC,IAAI,GAAG,EAAE;EACTC,WAAW,GAAG,GAAG;EACjBC;AAQF,CAAC,EAAE;EACD,MAAMC,MAAM,GAAGH,IAAI,GAAG,CAAC;EACvB,MAAMI,GAAG,GAAGJ,IAAI,GAAGC,WAAW;EAC9B,MAAMI,MAAM,GAAGD,GAAG,GAAG,CAAC;EACtB,MAAME,aAAa,GAAG,CAAC,GAAGC,IAAI,CAACC,EAAE,GAAGL,MAAM;EAC1C,oBACER,KAAA,CAACP,IAAI;IAACqB,KAAK,EAAE,CAACC,MAAM,CAACC,KAAK,EAAE;MAAEC,KAAK,EAAEZ,IAAI;MAAEa,MAAM,EAAEb;IAAK,CAAC,CAAE;IAAAE,QAAA,gBACzDP,KAAA,CAACN,GAAG;MAACuB,KAAK,EAAER,GAAI;MAACS,MAAM,EAAET,GAAI;MAACK,KAAK,EAAE,CAACC,MAAM,CAACI,KAAK,EAAE;QAAEC,IAAI,EAAE,CAACd,WAAW,GAAG,CAAC;QAAEe,GAAG,EAAE,CAACf,WAAW,GAAG;MAAE,CAAC,CAAE;MAAAC,QAAA,gBACrGT,IAAA,CAACH,MAAM;QAAC2B,EAAE,EAAEZ,MAAO;QAACa,EAAE,EAAEb,MAAO;QAACc,CAAC,EAAEhB,MAAO;QAACiB,MAAM,EAAErB,eAAe,IAAI,uBAAwB;QAACE,WAAW,EAAEA,WAAY;QAACoB,IAAI,EAAC;MAAM,CAAE,CAAC,EACtIxB,aAAa,GAAG,CAAC,iBAChBJ,IAAA,CAACH,MAAM;QACL2B,EAAE,EAAEZ,MAAO;QACXa,EAAE,EAAEb,MAAO;QACXc,CAAC,EAAEhB,MAAO;QACViB,MAAM,EAAEtB,aAAa,IAAIP,MAAM,CAAC+B,OAAQ;QACxCrB,WAAW,EAAEA,WAAY;QACzBoB,IAAI,EAAC,MAAM;QACXE,aAAa,EAAC,OAAO;QACrBC,eAAe,EAAE,GAAGlB,aAAa,GAAGC,IAAI,CAACkB,GAAG,CAAC,CAAC,EAAE5B,aAAa,CAAC,IAAIS,aAAa,EAAG;QAClFoB,SAAS,EAAE,cAAcrB,MAAM,IAAIA,MAAM;MAAI,CAC9C,CACF;IAAA,CACE,CAAC,EACLH,QAAQ;EAAA,CACL,CAAC;AAEX;AAEA,MAAMQ,MAAM,GAAGvB,UAAU,CAACwC,MAAM,CAAC;EAC/BhB,KAAK,EAAE;IAAEiB,UAAU,EAAE,QAAQ;IAAEC,cAAc,EAAE,QAAQ;IAAEC,QAAQ,EAAE;EAAU,CAAC;EAC9EhB,KAAK,EAAE;IAAEiB,QAAQ,EAAE;EAAW;AAChC,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,120 @@
+"use strict";
+
+import { MaterialIcons } from '@expo/vector-icons';
+import { useEffect, useRef } from 'react';
+import { Animated, Easing, Pressable, StyleSheet, Text, View } from 'react-native';
+import { useValueListenable, ValueNotifier } from "../../core/value_notifier.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const snacks = new ValueNotifier([]);
+let sequence = 0;
+
+/** Bandeau de message en bas de l'écran (≈ `CustomSnackBar.show` du SDK Flutter). */
+export class CustomSnackBar {
+  static show(message, options = {}) {
+    sequence += 1;
+    snacks.value = [...snacks.value, {
+      id: sequence,
+      message,
+      durationMs: options.durationMs ?? 3000,
+      bgColor: options.bgColor
+    }];
+  }
+  static dismiss(id) {
+    snacks.value = snacks.value.filter(s => s.id !== id);
+  }
+}
+
+/** Affiche les bandeaux en cours, par-dessus les écrans du SDK (placé dans `PiSpiSdkEntry`). */
+export function SnackBarHost() {
+  const entries = useValueListenable(snacks);
+  return /*#__PURE__*/_jsx(View, {
+    pointerEvents: "box-none",
+    style: [StyleSheet.absoluteFill, styles.host],
+    children: entries.map(entry => /*#__PURE__*/_jsx(SnackView, {
+      entry: entry
+    }, entry.id))
+  });
+}
+function SnackView({
+  entry
+}) {
+  const progress = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    Animated.timing(progress, {
+      toValue: 1,
+      duration: 250,
+      easing: Easing.out(Easing.cubic),
+      useNativeDriver: true
+    }).start();
+    const timer = setTimeout(() => hide(), entry.durationMs);
+    return () => clearTimeout(timer);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const hide = () => {
+    Animated.timing(progress, {
+      toValue: 0,
+      duration: 250,
+      useNativeDriver: true
+    }).start(() => CustomSnackBar.dismiss(entry.id));
+  };
+  return /*#__PURE__*/_jsxs(Animated.View, {
+    style: [styles.snack, {
+      backgroundColor: entry.bgColor ?? '#212121',
+      shadowColor: entry.bgColor ?? '#000'
+    }, {
+      opacity: progress,
+      transform: [{
+        translateY: progress.interpolate({
+          inputRange: [0, 1],
+          outputRange: [80, 0]
+        })
+      }]
+    }],
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.text,
+      numberOfLines: 2,
+      children: entry.message
+    }), /*#__PURE__*/_jsx(Pressable, {
+      accessibilityRole: "button",
+      onPress: hide,
+      hitSlop: 10,
+      style: styles.close,
+      children: /*#__PURE__*/_jsx(MaterialIcons, {
+        name: "close",
+        size: 20,
+        color: "rgba(255,255,255,0.7)"
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  host: {
+    justifyContent: 'flex-end',
+    paddingBottom: 20
+  },
+  snack: {
+    marginHorizontal: 16,
+    marginTop: 8,
+    paddingHorizontal: 10,
+    paddingVertical: 12,
+    borderRadius: 8,
+    flexDirection: 'row',
+    alignItems: 'center',
+    shadowOpacity: 0.3,
+    shadowRadius: 10,
+    shadowOffset: {
+      width: 0,
+      height: 3
+    },
+    elevation: 6
+  },
+  text: {
+    flex: 1,
+    color: 'white',
+    fontSize: 14
+  },
+  close: {
+    padding: 4
+  }
+});
+//# sourceMappingURL=custom_snack_bar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["MaterialIcons","useEffect","useRef","Animated","Easing","Pressable","StyleSheet","Text","View","useValueListenable","ValueNotifier","jsx","_jsx","jsxs","_jsxs","snacks","sequence","CustomSnackBar","show","message","options","value","id","durationMs","bgColor","dismiss","filter","s","SnackBarHost","entries","pointerEvents","style","absoluteFill","styles","host","children","map","entry","SnackView","progress","Value","current","timing","toValue","duration","easing","out","cubic","useNativeDriver","start","timer","setTimeout","hide","clearTimeout","snack","backgroundColor","shadowColor","opacity","transform","translateY","interpolate","inputRange","outputRange","text","numberOfLines","accessibilityRole","onPress","hitSlop","close","name","size","color","create","justifyContent","paddingBottom","marginHorizontal","marginTop","paddingHorizontal","paddingVertical","borderRadius","flexDirection","alignItems","shadowOpacity","shadowRadius","shadowOffset","width","height","elevation","flex","fontSize","padding"],"sourceRoot":"../../../../src","sources":["shared/widgets/custom_snack_bar.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,129 @@
+"use strict";
+
+import { useEffect, useState } from 'react';
+import { Pressable, ScrollView, StyleSheet, Text, useWindowDimensions, View } from 'react-native';
+import { EmojiKeyboard, en, fr, pt } from 'rn-emoji-keyboard';
+import { Themer, useTheme } from "../../core/theme.js";
+import { useAppLocalizations } from "../../l10n/localizations.js";
+import { argbToCss } from "../../modules/categorie/domain/models/categorie_icons.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const colors = [0xffedb37e, 0xffc08507, 0xff007aff, 0xfff9ebc2, 0xff8b887e, 0xffffd573, 0xfffa5a25, 0xff46a93d, 0xffa1a5ac, 0xff43474e];
+const imageRegex = /\.(jpeg|jpg|png|gif)$/i;
+
+/**
+ * Choix d'un emoji et d'une couleur de fond (icône de catégorie) : aperçu,
+ * palette de couleurs, puis clavier d'emoji par catégories.
+ */
+export function EmojiSelectWidget({
+  icon,
+  color,
+  onChanged
+}) {
+  const theme = useTheme();
+  const locale = useAppLocalizations().localeName;
+  const {
+    height
+  } = useWindowDimensions();
+  const [selectedColor, setSelectedColor] = useState(color ?? 0xfff9ebc2);
+  // Comme en Dart : l'emoji par défaut remplace aussi une icône non-image
+  const [selectedEmoji, setSelectedEmoji] = useState(icon == null || !imageRegex.test(icon) ? '🤩' : icon);
+  useEffect(() => {
+    onChanged({
+      icon: selectedEmoji,
+      color: selectedColor
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [selectedEmoji, selectedColor]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.column,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.preview, {
+        backgroundColor: argbToCss(selectedColor)
+      }],
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.previewText,
+        children: selectedEmoji
+      })
+    }), /*#__PURE__*/_jsx(ScrollView, {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      contentContainerStyle: styles.colors,
+      children: colors.map(c => c === selectedColor ? /*#__PURE__*/_jsx(View, {
+        style: [styles.selectedColor, {
+          borderColor: theme.colorScheme.primary
+        }],
+        children: /*#__PURE__*/_jsx(View, {
+          style: [styles.dot, {
+            backgroundColor: argbToCss(c)
+          }]
+        })
+      }, c) : /*#__PURE__*/_jsx(Pressable, {
+        onPress: () => setSelectedColor(c),
+        style: [styles.dot, styles.dotSpacing, {
+          backgroundColor: argbToCss(c)
+        }]
+      }, c))
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        height: height * 0.4,
+        alignSelf: 'stretch'
+      },
+      children: /*#__PURE__*/_jsx(EmojiKeyboard, {
+        onEmojiSelected: emoji => setSelectedEmoji(emoji.emoji),
+        translation: locale === 'fr' ? fr : locale === 'pt' ? pt : en,
+        categoryPosition: "top",
+        disableSafeArea: true,
+        theme: {
+          container: theme.colorScheme.surface,
+          category: {
+            icon: Themer.neural03Color,
+            iconActive: theme.primaryColor,
+            container: theme.cardColor,
+            containerActive: theme.colorScheme.secondary
+          }
+        }
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  column: {
+    alignItems: 'center'
+  },
+  preview: {
+    width: 88,
+    height: 88,
+    borderRadius: 44,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginVertical: 8
+  },
+  previewText: {
+    fontSize: 48
+  },
+  colors: {
+    alignItems: 'center',
+    height: 72,
+    paddingHorizontal: 4
+  },
+  dot: {
+    width: 24,
+    height: 24,
+    borderRadius: 12
+  },
+  dotSpacing: {
+    marginRight: 12
+  },
+  selectedColor: {
+    width: 32,
+    height: 32,
+    borderRadius: 16,
+    borderWidth: 3,
+    padding: 1,
+    marginRight: 12,
+    backgroundColor: Themer.whiteColor,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=emoji_select_widget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","Pressable","ScrollView","StyleSheet","Text","useWindowDimensions","View","EmojiKeyboard","en","fr","pt","Themer","useTheme","useAppLocalizations","argbToCss","jsx","_jsx","jsxs","_jsxs","colors","imageRegex","EmojiSelectWidget","icon","color","onChanged","theme","locale","localeName","height","selectedColor","setSelectedColor","selectedEmoji","setSelectedEmoji","test","style","styles","column","children","preview","backgroundColor","previewText","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","map","c","borderColor","colorScheme","primary","dot","onPress","dotSpacing","alignSelf","onEmojiSelected","emoji","translation","categoryPosition","disableSafeArea","container","surface","category","neural03Color","iconActive","primaryColor","cardColor","containerActive","secondary","create","alignItems","width","borderRadius","justifyContent","marginVertical","fontSize","paddingHorizontal","marginRight","borderWidth","padding","whiteColor"],"sourceRoot":"../../../../src","sources":["shared/widgets/emoji_select_widget.tsx"],"mappings":"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","ignoreList":[]}