@pi-spi/app 0.0.0-stage → 1.2.1

package/lib/module/modules/notification/presentation/pages/notification_groups.js

@@ -0,0 +1,28 @@
+"use strict";
+
+/** Notifications d'un même jour */
+
+function pad(n) {
+  return String(n).padStart(2, '0');
+}
+
+/**
+ * Regroupe les notifications par jour.
+ * Écart volontaire : le SDK Flutter groupait par jour UTC
+ * (`toIso8601String()` d'une date UTC) ; ici par jour local, comme les
+ * transactions.
+ */
+export function groupNotifications(notifications) {
+  const grouped = new Map();
+  for (const notification of notifications) {
+    const date = notification.dateAction;
+    const jour = `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
+    const list = grouped.get(jour);
+    if (list) list.push(notification);else grouped.set(jour, [notification]);
+  }
+  return [...grouped.entries()].map(([jour, list]) => ({
+    jour,
+    notifications: list
+  }));
+}
+//# sourceMappingURL=notification_groups.js.map

package/lib/module/modules/notification/presentation/pages/notification_groups.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pad","n","String","padStart","groupNotifications","notifications","grouped","Map","notification","date","dateAction","jour","getFullYear","getMonth","getDate","list","get","push","set","entries","map"],"sourceRoot":"../../../../../../src","sources":["modules/notification/presentation/pages/notification_groups.ts"],"mappings":";;AAEA;;AAGA,SAASA,GAAGA,CAACC,CAAS,EAAU;EAC9B,OAAOC,MAAM,CAACD,CAAC,CAAC,CAACE,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;AACnC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAACC,aAA6B,EAAuB;EACrF,MAAMC,OAAO,GAAG,IAAIC,GAAG,CAAyB,CAAC;EACjD,KAAK,MAAMC,YAAY,IAAIH,aAAa,EAAE;IACxC,MAAMI,IAAI,GAAGD,YAAY,CAACE,UAAU;IACpC,MAAMC,IAAI,GAAG,GAAGF,IAAI,CAACG,WAAW,CAAC,CAAC,IAAIZ,GAAG,CAACS,IAAI,CAACI,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,IAAIb,GAAG,CAACS,IAAI,CAACK,OAAO,CAAC,CAAC,CAAC,EAAE;IACvF,MAAMC,IAAI,GAAGT,OAAO,CAACU,GAAG,CAACL,IAAI,CAAC;IAC9B,IAAII,IAAI,EAAEA,IAAI,CAACE,IAAI,CAACT,YAAY,CAAC,CAAC,KAC7BF,OAAO,CAACY,GAAG,CAACP,IAAI,EAAE,CAACH,YAAY,CAAC,CAAC;EACxC;EACA,OAAO,CAAC,GAAGF,OAAO,CAACa,OAAO,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC,CAACT,IAAI,EAAEI,IAAI,CAAC,MAAM;IAAEJ,IAAI;IAAEN,aAAa,EAAEU;EAAK,CAAC,CAAC,CAAC;AACtF","ignoreList":[]}

package/lib/module/modules/notification/presentation/pages/notification_in_app_overlay.js

@@ -0,0 +1,256 @@
+"use strict";
+
+import { Image } from 'expo-image';
+import { useEffect, useRef } from 'react';
+import { Animated, Easing, Pressable, StyleSheet, Text, useWindowDimensions, View } from 'react-native';
+import { Images } from "../../../../core/assets.js";
+import { useTheme } from "../../../../core/theme.js";
+import { useValueListenable, ValueNotifier } from "../../../../core/value_notifier.js";
+import { Card } from "../../../../shared/material/card.js";
+import { TextButton } from "../../../../shared/material/buttons.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const entries = new ValueNotifier([]);
+let sequence = 0;
+
+/** Durée d'affichage avant fermeture automatique */
+const AUTO_CLOSE_MS = 4000;
+
+/**
+ * Notifications reçues dans l'application (≈ les `OverlayEntry` de
+ * `NotificationBtnOpenWidget`) : bannière en haut de l'écran ou petite
+ * boîte centrée, sans voile ni blocage de l'écran, fermées après 4 s.
+ */
+export class InAppNotificationOverlay {
+  static show(kind, params) {
+    sequence += 1;
+    entries.value = [...entries.value, {
+      id: sequence,
+      kind,
+      ...params
+    }];
+  }
+  static remove(id) {
+    entries.value = entries.value.filter(e => e.id !== id);
+  }
+}
+
+/** Affiche les notifications reçues, par-dessus les écrans du SDK (placé dans `PiSpiSdkEntry`). */
+export function InAppNotificationHost() {
+  const list = useValueListenable(entries);
+  return /*#__PURE__*/_jsx(View, {
+    pointerEvents: "box-none",
+    style: StyleSheet.absoluteFill,
+    children: list.map(entry => entry.kind === 'banner' ? /*#__PURE__*/_jsx(Banner, {
+      entry: entry
+    }, entry.id) : /*#__PURE__*/_jsx(DialogBox, {
+      entry: entry
+    }, entry.id))
+  });
+}
+
+/** Ferme l'entrée (animation inverse) au bout de 4 s, ou au toucher avant d'appeler [onTap]. */
+function useEntryAnimation(entry, easing) {
+  const progress = useRef(new Animated.Value(0)).current;
+  const visible = useRef(true);
+  const close = then => {
+    if (!visible.current) return;
+    visible.current = false;
+    Animated.timing(progress, {
+      toValue: 0,
+      duration: 300,
+      easing,
+      useNativeDriver: true
+    }).start(() => {
+      InAppNotificationOverlay.remove(entry.id);
+      then?.();
+    });
+  };
+  useEffect(() => {
+    Animated.timing(progress, {
+      toValue: 1,
+      duration: 300,
+      easing,
+      useNativeDriver: true
+    }).start();
+    const timer = setTimeout(() => close(), AUTO_CLOSE_MS);
+    return () => clearTimeout(timer);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return {
+    progress,
+    close
+  };
+}
+function Banner({
+  entry
+}) {
+  const theme = useTheme();
+  const {
+    progress,
+    close
+  } = useEntryAnimation(entry, Easing.out(Easing.quad));
+  const height = useRef(new Animated.Value(200)).current;
+  return /*#__PURE__*/_jsx(Animated.View, {
+    onLayout: e => height.setValue(e.nativeEvent.layout.height),
+    style: [styles.banner,
+    // Glisse depuis le haut, de sa propre hauteur (Offset(0, -1) → 0)
+    {
+      transform: [{
+        translateY: Animated.multiply(Animated.subtract(progress, 1), height)
+      }]
+    }],
+    children: /*#__PURE__*/_jsx(Card, {
+      style: [styles.bannerCard, styles.elevation6],
+      children: /*#__PURE__*/_jsxs(Pressable, {
+        onPress: () => close(entry.onTap),
+        style: styles.tile,
+        children: [/*#__PURE__*/_jsx(Image, {
+          source: Images.ic,
+          style: styles.icon30,
+          contentFit: "cover"
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.texts,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: [theme.textTheme.bodyLarge, styles.bold],
+            children: entry.title
+          }), /*#__PURE__*/_jsx(Text, {
+            numberOfLines: 2,
+            style: theme.textTheme.displaySmall,
+            children: entry.body
+          })]
+        })]
+      })
+    })
+  });
+}
+function DialogBox({
+  entry
+}) {
+  const theme = useTheme();
+  const {
+    width
+  } = useWindowDimensions();
+  const {
+    progress,
+    close
+  } = useEntryAnimation(entry, Easing.out(Easing.back(1.7)));
+  return /*#__PURE__*/_jsx(View, {
+    pointerEvents: "box-none",
+    style: styles.center,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: {
+        transform: [{
+          scale: progress
+        }]
+      },
+      children: /*#__PURE__*/_jsx(Card, {
+        style: styles.elevation12,
+        children: /*#__PURE__*/_jsxs(View, {
+          style: [styles.dialog, {
+            width: width * 0.7
+          }],
+          children: [/*#__PURE__*/_jsx(Image, {
+            source: Images.ic,
+            style: styles.icon40,
+            contentFit: "cover"
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.gap8
+          }), /*#__PURE__*/_jsx(Text, {
+            style: [theme.textTheme.bodyLarge, styles.bold],
+            children: entry.title
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.gap4
+          }), /*#__PURE__*/_jsx(Text, {
+            style: [theme.textTheme.bodyMedium, styles.centerText],
+            children: entry.body
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.gap8
+          }), /*#__PURE__*/_jsx(TextButton, {
+            onPress: () => close(entry.onTap),
+            children: "Ok"
+          })]
+        })
+      })
+    })
+  });
+}
+const styles = StyleSheet.create({
+  banner: {
+    position: 'absolute',
+    top: 40,
+    left: 10,
+    right: 10
+  },
+  bannerCard: {
+    borderRadius: 12
+  },
+  elevation6: {
+    elevation: 6,
+    shadowColor: '#000',
+    shadowOpacity: 0.2,
+    shadowRadius: 6,
+    shadowOffset: {
+      width: 0,
+      height: 3
+    },
+    overflow: 'visible'
+  },
+  elevation12: {
+    elevation: 12,
+    shadowColor: '#000',
+    shadowOpacity: 0.25,
+    shadowRadius: 12,
+    shadowOffset: {
+      width: 0,
+      height: 6
+    },
+    overflow: 'visible'
+  },
+  tile: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 16,
+    paddingVertical: 8,
+    minHeight: 72
+  },
+  icon30: {
+    width: 30,
+    height: 30,
+    borderRadius: 15
+  },
+  icon40: {
+    width: 40,
+    height: 40,
+    borderRadius: 20
+  },
+  texts: {
+    flex: 1,
+    marginLeft: 16
+  },
+  bold: {
+    fontWeight: 'bold'
+  },
+  center: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  dialog: {
+    padding: 16,
+    alignItems: 'center'
+  },
+  centerText: {
+    textAlign: 'center'
+  },
+  gap4: {
+    height: 4
+  },
+  gap8: {
+    height: 8
+  }
+});
+//# sourceMappingURL=notification_in_app_overlay.js.map

package/lib/module/modules/notification/presentation/pages/notification_in_app_overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Image","useEffect","useRef","Animated","Easing","Pressable","StyleSheet","Text","useWindowDimensions","View","Images","useTheme","useValueListenable","ValueNotifier","Card","TextButton","jsx","_jsx","jsxs","_jsxs","entries","sequence","AUTO_CLOSE_MS","InAppNotificationOverlay","show","kind","params","value","id","remove","filter","e","InAppNotificationHost","list","pointerEvents","style","absoluteFill","children","map","entry","Banner","DialogBox","useEntryAnimation","easing","progress","Value","current","visible","close","then","timing","toValue","duration","useNativeDriver","start","timer","setTimeout","clearTimeout","theme","out","quad","height","onLayout","setValue","nativeEvent","layout","styles","banner","transform","translateY","multiply","subtract","bannerCard","elevation6","onPress","onTap","tile","source","ic","icon30","contentFit","texts","textTheme","bodyLarge","bold","title","numberOfLines","displaySmall","body","width","back","center","scale","elevation12","dialog","icon40","gap8","gap4","bodyMedium","centerText","create","position","top","left","right","borderRadius","elevation","shadowColor","shadowOpacity","shadowRadius","shadowOffset","overflow","flexDirection","alignItems","paddingHorizontal","paddingVertical","minHeight","flex","marginLeft","fontWeight","bottom","justifyContent","padding","textAlign"],"sourceRoot":"../../../../../../src","sources":["modules/notification/presentation/pages/notification_in_app_overlay.tsx"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,YAAY;AAClC,SAASC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,SAASC,QAAQ,EAAEC,MAAM,EAAEC,SAAS,EAAEC,UAAU,EAAEC,IAAI,EAAEC,mBAAmB,EAAEC,IAAI,QAAQ,cAAc;AAEvG,SAASC,MAAM,QAAQ,4BAAyB;AAChD,SAASC,QAAQ,QAAQ,2BAAwB;AACjD,SAASC,kBAAkB,EAAEC,aAAa,QAAQ,oCAAiC;AACnF,SAASC,IAAI,QAAQ,qCAAkC;AACvD,SAASC,UAAU,QAAQ,wCAAqC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAIjE,MAAMC,OAAO,GAAG,IAAIP,aAAa,CAAe,EAAE,CAAC;AACnD,IAAIQ,QAAQ,GAAG,CAAC;;AAEhB;AACA,MAAMC,aAAa,GAAG,IAAI;;AAE1B;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,wBAAwB,CAAC;EACpC,OAAOC,IAAIA,CAACC,IAAwB,EAAEC,MAA0D,EAAQ;IACtGL,QAAQ,IAAI,CAAC;IACbD,OAAO,CAACO,KAAK,GAAG,CAAC,GAAGP,OAAO,CAACO,KAAK,EAAE;MAAEC,EAAE,EAAEP,QAAQ;MAAEI,IAAI;MAAE,GAAGC;IAAO,CAAC,CAAC;EACvE;EAEA,OAAOG,MAAMA,CAACD,EAAU,EAAQ;IAC9BR,OAAO,CAACO,KAAK,GAAGP,OAAO,CAACO,KAAK,CAACG,MAAM,CAAEC,CAAC,IAAKA,CAAC,CAACH,EAAE,KAAKA,EAAE,CAAC;EAC1D;AACF;;AAEA;AACA,OAAO,SAASI,qBAAqBA,CAAA,EAAG;EACtC,MAAMC,IAAI,GAAGrB,kBAAkB,CAACQ,OAAO,CAAC;EACxC,oBACEH,IAAA,CAACR,IAAI;IAACyB,aAAa,EAAC,UAAU;IAACC,KAAK,EAAE7B,UAAU,CAAC8B,YAAa;IAAAC,QAAA,EAC3DJ,IAAI,CAACK,GAAG,CAAEC,KAAK,IAAMA,KAAK,CAACd,IAAI,KAAK,QAAQ,gBAAGR,IAAA,CAACuB,MAAM;MAAgBD,KAAK,EAAEA;IAAM,GAAvBA,KAAK,CAACX,EAAmB,CAAC,gBAAGX,IAAA,CAACwB,SAAS;MAAgBF,KAAK,EAAEA;IAAM,GAAvBA,KAAK,CAACX,EAAmB,CAAE;EAAC,CAClI,CAAC;AAEX;;AAEA;AACA,SAASc,iBAAiBA,CAACH,KAAiB,EAAEI,MAAiC,EAAE;EAC/E,MAAMC,QAAQ,GAAG1C,MAAM,CAAC,IAAIC,QAAQ,CAAC0C,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EACtD,MAAMC,OAAO,GAAG7C,MAAM,CAAC,IAAI,CAAC;EAE5B,MAAM8C,KAAK,GAAIC,IAAiB,IAAK;IACnC,IAAI,CAACF,OAAO,CAACD,OAAO,EAAE;IACtBC,OAAO,CAACD,OAAO,GAAG,KAAK;IACvB3C,QAAQ,CAAC+C,MAAM,CAACN,QAAQ,EAAE;MAAEO,OAAO,EAAE,CAAC;MAAEC,QAAQ,EAAE,GAAG;MAAET,MAAM;MAAEU,eAAe,EAAE;IAAK,CAAC,CAAC,CAACC,KAAK,CAAC,MAAM;MAClG/B,wBAAwB,CAACM,MAAM,CAACU,KAAK,CAACX,EAAE,CAAC;MACzCqB,IAAI,GAAG,CAAC;IACV,CAAC,CAAC;EACJ,CAAC;EAEDhD,SAAS,CAAC,MAAM;IACdE,QAAQ,CAAC+C,MAAM,CAACN,QAAQ,EAAE;MAAEO,OAAO,EAAE,CAAC;MAAEC,QAAQ,EAAE,GAAG;MAAET,MAAM;MAAEU,eAAe,EAAE;IAAK,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IAC/F,MAAMC,KAAK,GAAGC,UAAU,CAAC,MAAMR,KAAK,CAAC,CAAC,EAAE1B,aAAa,CAAC;IACtD,OAAO,MAAMmC,YAAY,CAACF,KAAK,CAAC;IAChC;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEX,QAAQ;IAAEI;EAAM,CAAC;AAC5B;AAEA,SAASR,MAAMA,CAAC;EAAED;AAA6B,CAAC,EAAE;EAChD,MAAMmB,KAAK,GAAG/C,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAEiC,QAAQ;IAAEI;EAAM,CAAC,GAAGN,iBAAiB,CAACH,KAAK,EAAEnC,MAAM,CAACuD,GAAG,CAACvD,MAAM,CAACwD,IAAI,CAAC,CAAC;EAC7E,MAAMC,MAAM,GAAG3D,MAAM,CAAC,IAAIC,QAAQ,CAAC0C,KAAK,CAAC,GAAG,CAAC,CAAC,CAACC,OAAO;EACtD,oBACE7B,IAAA,CAACd,QAAQ,CAACM,IAAI;IACZqD,QAAQ,EAAG/B,CAAC,IAAK8B,MAAM,CAACE,QAAQ,CAAChC,CAAC,CAACiC,WAAW,CAACC,MAAM,CAACJ,MAAM,CAAE;IAC9D1B,KAAK,EAAE,CACL+B,MAAM,CAACC,MAAM;IACb;IACA;MAAEC,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAElE,QAAQ,CAACmE,QAAQ,CAACnE,QAAQ,CAACoE,QAAQ,CAAC3B,QAAQ,EAAE,CAAC,CAAC,EAAEiB,MAAM;MAAE,CAAC;IAAE,CAAC,CAC1F;IAAAxB,QAAA,eAEFpB,IAAA,CAACH,IAAI;MAACqB,KAAK,EAAE,CAAC+B,MAAM,CAACM,UAAU,EAAEN,MAAM,CAACO,UAAU,CAAE;MAAApC,QAAA,eAClDlB,KAAA,CAACd,SAAS;QAACqE,OAAO,EAAEA,CAAA,KAAM1B,KAAK,CAACT,KAAK,CAACoC,KAAK,CAAE;QAACxC,KAAK,EAAE+B,MAAM,CAACU,IAAK;QAAAvC,QAAA,gBAC/DpB,IAAA,CAACjB,KAAK;UAAC6E,MAAM,EAAEnE,MAAM,CAACoE,EAAG;UAAC3C,KAAK,EAAE+B,MAAM,CAACa,MAAO;UAACC,UAAU,EAAC;QAAO,CAAE,CAAC,eACrE7D,KAAA,CAACV,IAAI;UAAC0B,KAAK,EAAE+B,MAAM,CAACe,KAAM;UAAA5C,QAAA,gBACxBpB,IAAA,CAACV,IAAI;YAAC4B,KAAK,EAAE,CAACuB,KAAK,CAACwB,SAAS,CAACC,SAAS,EAAEjB,MAAM,CAACkB,IAAI,CAAE;YAAA/C,QAAA,EAAEE,KAAK,CAAC8C;UAAK,CAAO,CAAC,eAC3EpE,IAAA,CAACV,IAAI;YAAC+E,aAAa,EAAE,CAAE;YAACnD,KAAK,EAAEuB,KAAK,CAACwB,SAAS,CAACK,YAAa;YAAAlD,QAAA,EACzDE,KAAK,CAACiD;UAAI,CACP,CAAC;QAAA,CACH,CAAC;MAAA,CACE;IAAC,CACR;EAAC,CACM,CAAC;AAEpB;AAEA,SAAS/C,SAASA,CAAC;EAAEF;AAA6B,CAAC,EAAE;EACnD,MAAMmB,KAAK,GAAG/C,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAE8E;EAAM,CAAC,GAAGjF,mBAAmB,CAAC,CAAC;EACvC,MAAM;IAAEoC,QAAQ;IAAEI;EAAM,CAAC,GAAGN,iBAAiB,CAACH,KAAK,EAAEnC,MAAM,CAACuD,GAAG,CAACvD,MAAM,CAACsF,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;EAClF,oBACEzE,IAAA,CAACR,IAAI;IAACyB,aAAa,EAAC,UAAU;IAACC,KAAK,EAAE+B,MAAM,CAACyB,MAAO;IAAAtD,QAAA,eAClDpB,IAAA,CAACd,QAAQ,CAACM,IAAI;MAAC0B,KAAK,EAAE;QAAEiC,SAAS,EAAE,CAAC;UAAEwB,KAAK,EAAEhD;QAAS,CAAC;MAAE,CAAE;MAAAP,QAAA,eACzDpB,IAAA,CAACH,IAAI;QAACqB,KAAK,EAAE+B,MAAM,CAAC2B,WAAY;QAAAxD,QAAA,eAC9BlB,KAAA,CAACV,IAAI;UAAC0B,KAAK,EAAE,CAAC+B,MAAM,CAAC4B,MAAM,EAAE;YAAEL,KAAK,EAAEA,KAAK,GAAG;UAAI,CAAC,CAAE;UAAApD,QAAA,gBACnDpB,IAAA,CAACjB,KAAK;YAAC6E,MAAM,EAAEnE,MAAM,CAACoE,EAAG;YAAC3C,KAAK,EAAE+B,MAAM,CAAC6B,MAAO;YAACf,UAAU,EAAC;UAAO,CAAE,CAAC,eACrE/D,IAAA,CAACR,IAAI;YAAC0B,KAAK,EAAE+B,MAAM,CAAC8B;UAAK,CAAE,CAAC,eAC5B/E,IAAA,CAACV,IAAI;YAAC4B,KAAK,EAAE,CAACuB,KAAK,CAACwB,SAAS,CAACC,SAAS,EAAEjB,MAAM,CAACkB,IAAI,CAAE;YAAA/C,QAAA,EAAEE,KAAK,CAAC8C;UAAK,CAAO,CAAC,eAC3EpE,IAAA,CAACR,IAAI;YAAC0B,KAAK,EAAE+B,MAAM,CAAC+B;UAAK,CAAE,CAAC,eAC5BhF,IAAA,CAACV,IAAI;YAAC4B,KAAK,EAAE,CAACuB,KAAK,CAACwB,SAAS,CAACgB,UAAU,EAAEhC,MAAM,CAACiC,UAAU,CAAE;YAAA9D,QAAA,EAAEE,KAAK,CAACiD;UAAI,CAAO,CAAC,eACjFvE,IAAA,CAACR,IAAI;YAAC0B,KAAK,EAAE+B,MAAM,CAAC8B;UAAK,CAAE,CAAC,eAC5B/E,IAAA,CAACF,UAAU;YAAC2D,OAAO,EAAEA,CAAA,KAAM1B,KAAK,CAACT,KAAK,CAACoC,KAAK,CAAE;YAAAtC,QAAA,EAAC;UAAE,CAAY,CAAC;QAAA,CAC1D;MAAC,CACH;IAAC,CACM;EAAC,CACZ,CAAC;AAEX;AAEA,MAAM6B,MAAM,GAAG5D,UAAU,CAAC8F,MAAM,CAAC;EAC/BjC,MAAM,EAAE;IAAEkC,QAAQ,EAAE,UAAU;IAAEC,GAAG,EAAE,EAAE;IAAEC,IAAI,EAAE,EAAE;IAAEC,KAAK,EAAE;EAAG,CAAC;EAC9DhC,UAAU,EAAE;IAAEiC,YAAY,EAAE;EAAG,CAAC;EAChChC,UAAU,EAAE;IAAEiC,SAAS,EAAE,CAAC;IAAEC,WAAW,EAAE,MAAM;IAAEC,aAAa,EAAE,GAAG;IAAEC,YAAY,EAAE,CAAC;IAAEC,YAAY,EAAE;MAAErB,KAAK,EAAE,CAAC;MAAE5B,MAAM,EAAE;IAAE,CAAC;IAAEkD,QAAQ,EAAE;EAAU,CAAC;EAClJlB,WAAW,EAAE;IAAEa,SAAS,EAAE,EAAE;IAAEC,WAAW,EAAE,MAAM;IAAEC,aAAa,EAAE,IAAI;IAAEC,YAAY,EAAE,EAAE;IAAEC,YAAY,EAAE;MAAErB,KAAK,EAAE,CAAC;MAAE5B,MAAM,EAAE;IAAE,CAAC;IAAEkD,QAAQ,EAAE;EAAU,CAAC;EACtJnC,IAAI,EAAE;IAAEoC,aAAa,EAAE,KAAK;IAAEC,UAAU,EAAE,QAAQ;IAAEC,iBAAiB,EAAE,EAAE;IAAEC,eAAe,EAAE,CAAC;IAAEC,SAAS,EAAE;EAAG,CAAC;EAC9GrC,MAAM,EAAE;IAAEU,KAAK,EAAE,EAAE;IAAE5B,MAAM,EAAE,EAAE;IAAE4C,YAAY,EAAE;EAAG,CAAC;EACnDV,MAAM,EAAE;IAAEN,KAAK,EAAE,EAAE;IAAE5B,MAAM,EAAE,EAAE;IAAE4C,YAAY,EAAE;EAAG,CAAC;EACnDxB,KAAK,EAAE;IAAEoC,IAAI,EAAE,CAAC;IAAEC,UAAU,EAAE;EAAG,CAAC;EAClClC,IAAI,EAAE;IAAEmC,UAAU,EAAE;EAAO,CAAC;EAC5B5B,MAAM,EAAE;IAAEU,QAAQ,EAAE,UAAU;IAAEC,GAAG,EAAE,CAAC;IAAEC,IAAI,EAAE,CAAC;IAAEC,KAAK,EAAE,CAAC;IAAEgB,MAAM,EAAE,CAAC;IAAEP,UAAU,EAAE,QAAQ;IAAEQ,cAAc,EAAE;EAAS,CAAC;EACtH3B,MAAM,EAAE;IAAE4B,OAAO,EAAE,EAAE;IAAET,UAAU,EAAE;EAAS,CAAC;EAC7Cd,UAAU,EAAE;IAAEwB,SAAS,EAAE;EAAS,CAAC;EACnC1B,IAAI,EAAE;IAAEpC,MAAM,EAAE;EAAE,CAAC;EACnBmC,IAAI,EAAE;IAAEnC,MAAM,EAAE;EAAE;AACpB,CAAC,CAAC","ignoreList":[]}

package/lib/module/modules/notification/presentation/pages/notification_page.js

@@ -0,0 +1,82 @@
+"use strict";
+
+import { MaterialIcons } from '@expo/vector-icons';
+import { useEffect } from 'react';
+import { Pressable, StyleSheet, Text, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useBloc } from "../../../../core/bloc_react.js";
+import { Di } from "../../../../core/di.js";
+import { AppRouter, useAppRouter } from "../../../../core/router.js";
+import { useTheme } from "../../../../core/theme.js";
+import { useAppLocalizations } from "../../../../l10n/localizations.js";
+import { NotificationSearchCommand } from "../../domain/models/notification_search_command.js";
+import { NotificationSearchFilter, NotificationSearchFilterOption } from "../../domain/models/notification_search_filter.js";
+import { NotificationBloc } from "../bloc/notification_bloc.js";
+import { NotificationListEvent } from "../bloc/notification_event.js";
+import { NotificationSearchPageFilter } from "./notification_page_filter.js";
+import { NotificationPageListe } from "./notification_page_liste.js";
+
+/** Page des notifications (route `notifications`, bloc fourni par la cloche de l'accueil) */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function NotificationPage() {
+  const theme = useTheme();
+  const traductions = useAppLocalizations();
+  const router = useAppRouter();
+  const insets = useSafeAreaInsets();
+  const bloc = useBloc(NotificationBloc);
+  useEffect(() => {
+    bloc.add(new NotificationListEvent(new NotificationSearchCommand({
+      compte: Di.activeCompte,
+      filters: new NotificationSearchFilter({
+        option: NotificationSearchFilterOption.nonLue
+      })
+    })));
+  }, [bloc]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.flex, {
+      paddingBottom: insets.bottom
+    }],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.backRow,
+      children: /*#__PURE__*/_jsx(Pressable, {
+        accessibilityRole: "button",
+        hitSlop: 12,
+        onPress: () => AppRouter.pushReplacement(router, AppRouter.home),
+        style: styles.backButton,
+        children: /*#__PURE__*/_jsx(MaterialIcons, {
+          name: "arrow-back",
+          size: 24,
+          color: theme.colorScheme.onSurface
+        })
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: [styles.flex, styles.padded],
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: theme.textTheme.titleSmall,
+        children: traductions.notificationPageTitle
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.gap16
+      }), /*#__PURE__*/_jsx(NotificationSearchPageFilter, {}), /*#__PURE__*/_jsx(View, {
+        style: styles.gap16
+      }), /*#__PURE__*/_jsx(NotificationPageListe, {})]
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  flex: {
+    flex: 1
+  },
+  backRow: {
+    flexDirection: 'row'
+  },
+  backButton: {
+    padding: 12
+  },
+  padded: {
+    paddingHorizontal: 12
+  },
+  gap16: {
+    height: 16
+  }
+});
+//# sourceMappingURL=notification_page.js.map

package/lib/module/modules/notification/presentation/pages/notification_page.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MaterialIcons","useEffect","Pressable","StyleSheet","Text","View","useSafeAreaInsets","useBloc","Di","AppRouter","useAppRouter","useTheme","useAppLocalizations","NotificationSearchCommand","NotificationSearchFilter","NotificationSearchFilterOption","NotificationBloc","NotificationListEvent","NotificationSearchPageFilter","NotificationPageListe","jsx","_jsx","jsxs","_jsxs","NotificationPage","theme","traductions","router","insets","bloc","add","compte","activeCompte","filters","option","nonLue","style","styles","flex","paddingBottom","bottom","children","backRow","accessibilityRole","hitSlop","onPress","pushReplacement","home","backButton","name","size","color","colorScheme","onSurface","padded","textTheme","titleSmall","notificationPageTitle","gap16","create","flexDirection","padding","paddingHorizontal","height"],"sourceRoot":"../../../../../../src","sources":["modules/notification/presentation/pages/notification_page.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/modules/notification/presentation/pages/notification_page_filter.js

@@ -0,0 +1,68 @@
+"use strict";
+
+import { ScrollView, StyleSheet, View } from 'react-native';
+import { useBloc, useBlocBuilder } from "../../../../core/bloc_react.js";
+import { useAppLocalizations } from "../../../../l10n/localizations.js";
+import { OptionChip } from "../../../../shared/widgets/chip_widget.js";
+import { NotificationSearchFilterOption } from "../../domain/models/notification_search_filter.js";
+import { NotificationBloc } from "../bloc/notification_bloc.js";
+import { NotificationListEvent } from "../bloc/notification_event.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+function title(traductions, option) {
+  switch (option) {
+    case NotificationSearchFilterOption.nonLue:
+      return traductions.notificationPageUnreadTitle;
+    case NotificationSearchFilterOption.rtp:
+      return traductions.transactionsSendTitleRequest2Pay;
+    case NotificationSearchFilterOption.annulation:
+      return traductions.notificationPageAnnulationRequestTitle;
+    case NotificationSearchFilterOption.transfert:
+      return traductions.notificationPageTransfertTitle;
+    case NotificationSearchFilterOption.abonnement:
+      return traductions.notificationPageAbmntTitle;
+    case NotificationSearchFilterOption.revendication:
+      return traductions.notificationPageClaimTitle;
+    case NotificationSearchFilterOption.auth:
+      return traductions.notificationPageAuthTitle;
+    default:
+      return traductions.notificationPageAllTitle;
+  }
+}
+
+/** Puces de filtre par type de notification */
+export function NotificationSearchPageFilter() {
+  const traductions = useAppLocalizations();
+  const bloc = useBloc(NotificationBloc);
+  const state = useBlocBuilder(bloc);
+  const command = state.command;
+  const filters = command.filters;
+  const isSelected = option => filters.option == null ? option === NotificationSearchFilterOption.tout : filters.option === option;
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.bar,
+    children: /*#__PURE__*/_jsx(ScrollView, {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      contentContainerStyle: styles.content,
+      children: NotificationSearchFilterOption.list().map(option => /*#__PURE__*/_jsx(OptionChip, {
+        label: title(traductions, option),
+        selected: isSelected(option),
+        onTap: () => {
+          filters.option = option;
+          command.filters = filters;
+          bloc.add(new NotificationListEvent(command));
+        }
+      }, option))
+    })
+  });
+}
+const styles = StyleSheet.create({
+  // Largeur de l'écran (comme le SDK Flutter) : déborde du padding de droite de la page
+  bar: {
+    height: 36,
+    marginRight: -12
+  },
+  content: {
+    gap: 8
+  }
+});
+//# sourceMappingURL=notification_page_filter.js.map

package/lib/module/modules/notification/presentation/pages/notification_page_filter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ScrollView","StyleSheet","View","useBloc","useBlocBuilder","useAppLocalizations","OptionChip","NotificationSearchFilterOption","NotificationBloc","NotificationListEvent","jsx","_jsx","title","traductions","option","nonLue","notificationPageUnreadTitle","rtp","transactionsSendTitleRequest2Pay","annulation","notificationPageAnnulationRequestTitle","transfert","notificationPageTransfertTitle","abonnement","notificationPageAbmntTitle","revendication","notificationPageClaimTitle","auth","notificationPageAuthTitle","notificationPageAllTitle","NotificationSearchPageFilter","bloc","state","command","filters","isSelected","tout","style","styles","bar","children","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","content","list","map","label","selected","onTap","add","create","height","marginRight","gap"],"sourceRoot":"../../../../../../src","sources":["modules/notification/presentation/pages/notification_page_filter.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE3D,SAASC,OAAO,EAAEC,cAAc,QAAQ,gCAA6B;AAErE,SAASC,mBAAmB,QAAQ,mCAAgC;AACpE,SAASC,UAAU,QAAQ,2CAAwC;AACnE,SAASC,8BAA8B,QAAQ,mDAAgD;AAC/F,SAASC,gBAAgB,QAAQ,8BAA2B;AAC5D,SAASC,qBAAqB,QAAQ,+BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnE,SAASC,KAAKA,CAACC,WAA6B,EAAEC,MAAsC,EAAU;EAC5F,QAAQA,MAAM;IACZ,KAAKP,8BAA8B,CAACQ,MAAM;MACxC,OAAOF,WAAW,CAACG,2BAA2B;IAChD,KAAKT,8BAA8B,CAACU,GAAG;MACrC,OAAOJ,WAAW,CAACK,gCAAgC;IACrD,KAAKX,8BAA8B,CAACY,UAAU;MAC5C,OAAON,WAAW,CAACO,sCAAsC;IAC3D,KAAKb,8BAA8B,CAACc,SAAS;MAC3C,OAAOR,WAAW,CAACS,8BAA8B;IACnD,KAAKf,8BAA8B,CAACgB,UAAU;MAC5C,OAAOV,WAAW,CAACW,0BAA0B;IAC/C,KAAKjB,8BAA8B,CAACkB,aAAa;MAC/C,OAAOZ,WAAW,CAACa,0BAA0B;IAC/C,KAAKnB,8BAA8B,CAACoB,IAAI;MACtC,OAAOd,WAAW,CAACe,yBAAyB;IAC9C;MACE,OAAOf,WAAW,CAACgB,wBAAwB;EAC/C;AACF;;AAEA;AACA,OAAO,SAASC,4BAA4BA,CAAA,EAAG;EAC7C,MAAMjB,WAAW,GAAGR,mBAAmB,CAAC,CAAC;EACzC,MAAM0B,IAAI,GAAG5B,OAAO,CAACK,gBAAgB,CAAC;EACtC,MAAMwB,KAAK,GAAG5B,cAAc,CAAC2B,IAAI,CAAC;EAClC,MAAME,OAAO,GAAGD,KAAK,CAACC,OAAO;EAC7B,MAAMC,OAAO,GAAGD,OAAO,CAACC,OAAO;EAE/B,MAAMC,UAAU,GAAIrB,MAAsC,IACxDoB,OAAO,CAACpB,MAAM,IAAI,IAAI,GAAGA,MAAM,KAAKP,8BAA8B,CAAC6B,IAAI,GAAGF,OAAO,CAACpB,MAAM,KAAKA,MAAM;EAErG,oBACEH,IAAA,CAACT,IAAI;IAACmC,KAAK,EAAEC,MAAM,CAACC,GAAI;IAAAC,QAAA,eACtB7B,IAAA,CAACX,UAAU;MAACyC,UAAU;MAACC,8BAA8B,EAAE,KAAM;MAACC,qBAAqB,EAAEL,MAAM,CAACM,OAAQ;MAAAJ,QAAA,EACjGjC,8BAA8B,CAACsC,IAAI,CAAC,CAAC,CAACC,GAAG,CAAEhC,MAAM,iBAChDH,IAAA,CAACL,UAAU;QAETyC,KAAK,EAAEnC,KAAK,CAACC,WAAW,EAAEC,MAAM,CAAE;QAClCkC,QAAQ,EAAEb,UAAU,CAACrB,MAAM,CAAE;QAC7BmC,KAAK,EAAEA,CAAA,KAAM;UACXf,OAAO,CAACpB,MAAM,GAAGA,MAAM;UACvBmB,OAAO,CAACC,OAAO,GAAGA,OAAO;UACzBH,IAAI,CAACmB,GAAG,CAAC,IAAIzC,qBAAqB,CAACwB,OAAO,CAAC,CAAC;QAC9C;MAAE,GAPGnB,MAQN,CACF;IAAC,CACQ;EAAC,CACT,CAAC;AAEX;AAEA,MAAMwB,MAAM,GAAGrC,UAAU,CAACkD,MAAM,CAAC;EAC/B;EACAZ,GAAG,EAAE;IAAEa,MAAM,EAAE,EAAE;IAAEC,WAAW,EAAE,CAAC;EAAG,CAAC;EACrCT,OAAO,EAAE;IAAEU,GAAG,EAAE;EAAE;AACpB,CAAC,CAAC","ignoreList":[]}

package/lib/module/modules/notification/presentation/pages/notification_page_liste.js

@@ -0,0 +1,93 @@
+"use strict";
+
+import { useState } from 'react';
+import { FlatList, RefreshControl, StyleSheet, Text, View } from 'react-native';
+import { useBloc, useBlocBuilder } from "../../../../core/bloc_react.js";
+import { Themer, useTheme } from "../../../../core/theme.js";
+import { useAppLocalizations } from "../../../../l10n/localizations.js";
+import { Card } from "../../../../shared/material/card.js";
+import { DateFormat } from "../../../../shared/utils/date_format.js";
+import { NotificationBloc } from "../bloc/notification_bloc.js";
+import { NotificationListEvent, NotificationSearchPaginateEvent } from "../bloc/notification_event.js";
+import { NotificationLoadingState } from "../bloc/notification_state.js";
+import { groupNotifications } from "./notification_groups.js";
+import { NotificationPageListeEmpty } from "./notification_page_liste_empty.js";
+import { NotificationPageListeItem } from "./notification_page_liste_item.js";
+import { NotificationPageListeLoading } from "./notification_page_liste_loading.js";
+
+/** Liste des notifications groupées par jour ; tirer pour rafraîchir, défiler pour paginer. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function NotificationPageListe() {
+  const theme = useTheme();
+  const traductions = useAppLocalizations();
+  const bloc = useBloc(NotificationBloc);
+  const state = useBlocBuilder(bloc);
+  const [refreshing, setRefreshing] = useState(false);
+  const command = state.command;
+  const notifications = state.notifications.data;
+  command.index = state.notifications.meta.next;
+  if (notifications.length === 0) {
+    return /*#__PURE__*/_jsx(View, {
+      style: styles.list,
+      children: state instanceof NotificationLoadingState ? /*#__PURE__*/_jsx(NotificationPageListeLoading, {}) : /*#__PURE__*/_jsx(NotificationPageListeEmpty, {})
+    });
+  }
+  const headerStyle = {
+    ...theme.textTheme.displayLarge,
+    color: Themer.neural03Color
+  };
+  return /*#__PURE__*/_jsx(FlatList, {
+    style: styles.list,
+    data: groupNotifications(notifications),
+    keyExtractor: group => group.jour,
+    refreshControl: /*#__PURE__*/_jsx(RefreshControl, {
+      refreshing: refreshing,
+      colors: ['white'],
+      progressBackgroundColor: theme.colorScheme.primary,
+      onRefresh: () => {
+        setRefreshing(true);
+        bloc.add(new NotificationListEvent(command));
+        setTimeout(() => setRefreshing(false), 500);
+      }
+    }),
+    onEndReached: () => {
+      if (command.canLoadMore()) bloc.add(new NotificationSearchPaginateEvent(command.index));
+    },
+    onEndReachedThreshold: 0.2,
+    renderItem: ({
+      item
+    }) => /*#__PURE__*/_jsxs(View, {
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: headerStyle,
+        children: new DateFormat('d MMMM', traductions.localeName).format(new Date(`${item.jour}T00:00:00`))
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.gap8
+      }), /*#__PURE__*/_jsx(Card, {
+        children: /*#__PURE__*/_jsx(View, {
+          style: styles.padding,
+          children: item.notifications.map(notification => /*#__PURE__*/_jsx(NotificationPageListeItem, {
+            notification: notification
+          }, notification.id))
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.gap16
+      })]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  list: {
+    flex: 1,
+    marginLeft: 10
+  },
+  padding: {
+    paddingHorizontal: 16
+  },
+  gap8: {
+    height: 8
+  },
+  gap16: {
+    height: 16
+  }
+});
+//# sourceMappingURL=notification_page_liste.js.map

package/lib/module/modules/notification/presentation/pages/notification_page_liste.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","FlatList","RefreshControl","StyleSheet","Text","View","useBloc","useBlocBuilder","Themer","useTheme","useAppLocalizations","Card","DateFormat","NotificationBloc","NotificationListEvent","NotificationSearchPaginateEvent","NotificationLoadingState","groupNotifications","NotificationPageListeEmpty","NotificationPageListeItem","NotificationPageListeLoading","jsx","_jsx","jsxs","_jsxs","NotificationPageListe","theme","traductions","bloc","state","refreshing","setRefreshing","command","notifications","data","index","meta","next","length","style","styles","list","children","headerStyle","textTheme","displayLarge","color","neural03Color","keyExtractor","group","jour","refreshControl","colors","progressBackgroundColor","colorScheme","primary","onRefresh","add","setTimeout","onEndReached","canLoadMore","onEndReachedThreshold","renderItem","item","localeName","format","Date","gap8","padding","map","notification","id","gap16","create","flex","marginLeft","paddingHorizontal","height"],"sourceRoot":"../../../../../../src","sources":["modules/notification/presentation/pages/notification_page_liste.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/modules/notification/presentation/pages/notification_page_liste_empty.js

@@ -0,0 +1,58 @@
+"use strict";
+
+import { Image } from 'expo-image';
+import { StyleSheet, Text, useWindowDimensions, View } from 'react-native';
+import { Images } from "../../../../core/assets.js";
+import { useTheme } from "../../../../core/theme.js";
+import { useAppLocalizations } from "../../../../l10n/localizations.js";
+
+/** Aucune notification */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function NotificationPageListeEmpty() {
+  const theme = useTheme();
+  const traductions = useAppLocalizations();
+  const {
+    width
+  } = useWindowDimensions();
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.center,
+    children: [/*#__PURE__*/_jsx(Image, {
+      source: Images.notificationCloche,
+      style: styles.image,
+      contentFit: "contain"
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.gap30
+    }), /*#__PURE__*/_jsx(Text, {
+      style: theme.textTheme.headlineMedium,
+      children: traductions.notificationPageListeEmptyTitle
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.gap16
+    }), /*#__PURE__*/_jsx(Text, {
+      style: [theme.textTheme.displaySmall, styles.subtitle, {
+        width: width / 12 * 8
+      }],
+      children: traductions.notificationPageListeEmptySubTitle
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  center: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  image: {
+    width: 140,
+    height: 140
+  },
+  gap30: {
+    height: 30
+  },
+  gap16: {
+    height: 16
+  },
+  subtitle: {
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=notification_page_liste_empty.js.map

package/lib/module/modules/notification/presentation/pages/notification_page_liste_empty.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Image","StyleSheet","Text","useWindowDimensions","View","Images","useTheme","useAppLocalizations","jsx","_jsx","jsxs","_jsxs","NotificationPageListeEmpty","theme","traductions","width","style","styles","center","children","source","notificationCloche","image","contentFit","gap30","textTheme","headlineMedium","notificationPageListeEmptyTitle","gap16","displaySmall","subtitle","notificationPageListeEmptySubTitle","create","flex","alignItems","justifyContent","height","textAlign"],"sourceRoot":"../../../../../../src","sources":["modules/notification/presentation/pages/notification_page_liste_empty.tsx"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,YAAY;AAClC,SAASC,UAAU,EAAEC,IAAI,EAAEC,mBAAmB,EAAEC,IAAI,QAAQ,cAAc;AAE1E,SAASC,MAAM,QAAQ,4BAAyB;AAChD,SAASC,QAAQ,QAAQ,2BAAwB;AACjD,SAASC,mBAAmB,QAAQ,mCAAgC;;AAEpE;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AACA,OAAO,SAASC,0BAA0BA,CAAA,EAAG;EAC3C,MAAMC,KAAK,GAAGP,QAAQ,CAAC,CAAC;EACxB,MAAMQ,WAAW,GAAGP,mBAAmB,CAAC,CAAC;EACzC,MAAM;IAAEQ;EAAM,CAAC,GAAGZ,mBAAmB,CAAC,CAAC;EACvC,oBACEQ,KAAA,CAACP,IAAI;IAACY,KAAK,EAAEC,MAAM,CAACC,MAAO;IAAAC,QAAA,gBAEzBV,IAAA,CAACT,KAAK;MAACoB,MAAM,EAAEf,MAAM,CAACgB,kBAAmB;MAACL,KAAK,EAAEC,MAAM,CAACK,KAAM;MAACC,UAAU,EAAC;IAAS,CAAE,CAAC,eACtFd,IAAA,CAACL,IAAI;MAACY,KAAK,EAAEC,MAAM,CAACO;IAAM,CAAE,CAAC,eAE7Bf,IAAA,CAACP,IAAI;MAACc,KAAK,EAAEH,KAAK,CAACY,SAAS,CAACC,cAAe;MAAAP,QAAA,EAAEL,WAAW,CAACa;IAA+B,CAAO,CAAC,eACjGlB,IAAA,CAACL,IAAI;MAACY,KAAK,EAAEC,MAAM,CAACW;IAAM,CAAE,CAAC,eAE7BnB,IAAA,CAACP,IAAI;MAACc,KAAK,EAAE,CAACH,KAAK,CAACY,SAAS,CAACI,YAAY,EAAEZ,MAAM,CAACa,QAAQ,EAAE;QAAEf,KAAK,EAAGA,KAAK,GAAG,EAAE,GAAI;MAAE,CAAC,CAAE;MAAAI,QAAA,EACvFL,WAAW,CAACiB;IAAkC,CAC3C,CAAC;EAAA,CACH,CAAC;AAEX;AAEA,MAAMd,MAAM,GAAGhB,UAAU,CAAC+B,MAAM,CAAC;EAC/Bd,MAAM,EAAE;IAAEe,IAAI,EAAE,CAAC;IAAEC,UAAU,EAAE,QAAQ;IAAEC,cAAc,EAAE;EAAS,CAAC;EACnEb,KAAK,EAAE;IAAEP,KAAK,EAAE,GAAG;IAAEqB,MAAM,EAAE;EAAI,CAAC;EAClCZ,KAAK,EAAE;IAAEY,MAAM,EAAE;EAAG,CAAC;EACrBR,KAAK,EAAE;IAAEQ,MAAM,EAAE;EAAG,CAAC;EACrBN,QAAQ,EAAE;IAAEO,SAAS,EAAE;EAAS;AAClC,CAAC,CAAC","ignoreList":[]}