@pi-spi/app 0.0.0-stage → 1.2.0

package/lib/module/modules/home/presentation/pages/home_tab_compte.js

@@ -0,0 +1,110 @@
+"use strict";
+
+import { MaterialIcons } from '@expo/vector-icons';
+import { useState } from 'react';
+import { RefreshControl, ScrollView, StyleSheet, View } from 'react-native';
+import { Images } from "../../../../core/assets.js";
+import { CompteAliasStatus } from "../../../../core/compte_alias_status.js";
+import { Di } from "../../../../core/di.js";
+import { AppRouter, useAppRouter } from "../../../../core/router.js";
+import { useTheme } from "../../../../core/theme.js";
+import { useValueListenable } from "../../../../core/value_notifier.js";
+import { useAppLocalizations } from "../../../../l10n/localizations.js";
+import { Card } from "../../../../shared/material/card.js";
+import { showModalBottomSheet } from "../../../../shared/material/overlays.js";
+import { CtaWidget } from "../../../../shared/widgets/cta_widget.js";
+import { HomeCompteCarousel } from "./home_compte_carousel.js";
+import { HomeTabCompteMoreMenu } from "./home_tab_compte_more_menu.js";
+import { TransactionRecentsWidget } from "../../../transactions/presentation/pages/transaction_recents/transaction_recents_widget.js";
+
+/** Onglet « Compte » de l'accueil : carte(s) compte, actions principales et dernières transactions. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function HomeTabCompte() {
+  const traductions = useAppLocalizations();
+  const theme = useTheme();
+  const router = useAppRouter();
+  const status = useValueListenable(Di.activeCompteAlias);
+  // Clé unique pour forcer la reconstruction des enfants (tirer pour rafraîchir)
+  const [refreshKey, setRefreshKey] = useState(0);
+  // Android n'enlève l'indicateur de rafraîchissement que si `refreshing`
+  // passe à true puis revient à false.
+  const [refreshing, setRefreshing] = useState(false);
+  const onRefresh = () => {
+    setRefreshing(true);
+    setRefreshKey(k => k + 1);
+    setTimeout(() => setRefreshing(false), 300);
+  };
+  // Compte actif affiché : la liste des dernières transactions se recharge
+  // quand il change ; `null` dès qu'on swipe sur un autre compte (la liste
+  // de l'ancien compte est vidée), jusqu'à confirmation de son alias.
+  const [activeCompte, setActiveCompte] = useState(CompteAliasStatus.hasAlias(Di.activeCompteAlias.value) ? Di.activeCompte : null);
+  const hasAlias = CompteAliasStatus.hasAlias(status);
+  return /*#__PURE__*/_jsxs(ScrollView, {
+    refreshControl: /*#__PURE__*/_jsx(RefreshControl, {
+      refreshing: refreshing,
+      onRefresh: onRefresh,
+      colors: ['white'],
+      progressBackgroundColor: theme.colorScheme.primary,
+      tintColor: theme.colorScheme.primary
+    }),
+    children: [/*#__PURE__*/_jsx(Card, {
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.content,
+        children: [/*#__PURE__*/_jsx(HomeCompteCarousel, {
+          onAccountSwiped: () => setActiveCompte(null),
+          onAccountChanged: compte => setActiveCompte(compte)
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.gap16
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.actions,
+          children: [/*#__PURE__*/_jsx(CtaWidget, {
+            image: Images.arrowUp,
+            label: traductions.homeActionSend,
+            action: hasAlias ? () => void AppRouter.push(router, AppRouter.transactionSend) : null
+          }), /*#__PURE__*/_jsx(CtaWidget, {
+            image: Images.arrowDown,
+            label: traductions.homeActionRequest,
+            action: hasAlias ? () => void AppRouter.push(router, AppRouter.transactionReceive) : null
+          }), /*#__PURE__*/_jsx(CtaWidget, {
+            icon: color => /*#__PURE__*/_jsx(MaterialIcons, {
+              name: "more-horiz",
+              size: 30,
+              color: color
+            }),
+            label: traductions.homeActionMore,
+            action: hasAlias ? () => void showModalBottomSheet(router, {
+              themed: true,
+              builder: () => /*#__PURE__*/_jsx(HomeTabCompteMoreMenu, {})
+            }) : null
+          })]
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.gap14
+        }), activeCompte != null && /*#__PURE__*/_jsx(TransactionRecentsWidget, {}, activeCompte)]
+      })
+    }, refreshKey), /*#__PURE__*/_jsx(View, {
+      style: styles.gap10
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  content: {
+    paddingHorizontal: 16,
+    paddingVertical: 12
+  },
+  actions: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    paddingHorizontal: 16
+  },
+  gap10: {
+    height: 10
+  },
+  gap14: {
+    height: 14
+  },
+  gap16: {
+    height: 16
+  }
+});
+//# sourceMappingURL=home_tab_compte.js.map

package/lib/module/modules/home/presentation/pages/home_tab_compte.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MaterialIcons","useState","RefreshControl","ScrollView","StyleSheet","View","Images","CompteAliasStatus","Di","AppRouter","useAppRouter","useTheme","useValueListenable","useAppLocalizations","Card","showModalBottomSheet","CtaWidget","HomeCompteCarousel","HomeTabCompteMoreMenu","TransactionRecentsWidget","jsx","_jsx","jsxs","_jsxs","HomeTabCompte","traductions","theme","router","status","activeCompteAlias","refreshKey","setRefreshKey","refreshing","setRefreshing","onRefresh","k","setTimeout","activeCompte","setActiveCompte","hasAlias","value","refreshControl","colors","progressBackgroundColor","colorScheme","primary","tintColor","children","style","styles","content","onAccountSwiped","onAccountChanged","compte","gap16","actions","image","arrowUp","label","homeActionSend","action","push","transactionSend","arrowDown","homeActionRequest","transactionReceive","icon","color","name","size","homeActionMore","themed","builder","gap14","gap10","create","paddingHorizontal","paddingVertical","flexDirection","justifyContent","alignItems","height"],"sourceRoot":"../../../../../../src","sources":["modules/home/presentation/pages/home_tab_compte.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,oBAAoB;AAClD,SAASC,QAAQ,QAAQ,OAAO;AAChC,SAASC,cAAc,EAAEC,UAAU,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE3E,SAASC,MAAM,QAAQ,4BAAyB;AAChD,SAASC,iBAAiB,QAAQ,yCAAsC;AACxE,SAASC,EAAE,QAAQ,wBAAqB;AACxC,SAASC,SAAS,EAAEC,YAAY,QAAQ,4BAAyB;AACjE,SAASC,QAAQ,QAAQ,2BAAwB;AACjD,SAASC,kBAAkB,QAAQ,oCAAiC;AACpE,SAASC,mBAAmB,QAAQ,mCAAgC;AACpE,SAASC,IAAI,QAAQ,qCAAkC;AACvD,SAASC,oBAAoB,QAAQ,yCAAsC;AAC3E,SAASC,SAAS,QAAQ,0CAAuC;AACjE,SAASC,kBAAkB,QAAQ,2BAAwB;AAC3D,SAASC,qBAAqB,QAAQ,gCAA6B;AACnE,SAASC,wBAAwB,QAAQ,4FAAyF;;AAElI;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AACA,OAAO,SAASC,aAAaA,CAAA,EAAG;EAC9B,MAAMC,WAAW,GAAGZ,mBAAmB,CAAC,CAAC;EACzC,MAAMa,KAAK,GAAGf,QAAQ,CAAC,CAAC;EACxB,MAAMgB,MAAM,GAAGjB,YAAY,CAAC,CAAC;EAC7B,MAAMkB,MAAM,GAAGhB,kBAAkB,CAACJ,EAAE,CAACqB,iBAAiB,CAAC;EACvD;EACA,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG9B,QAAQ,CAAC,CAAC,CAAC;EAC/C;EACA;EACA,MAAM,CAAC+B,UAAU,EAAEC,aAAa,CAAC,GAAGhC,QAAQ,CAAC,KAAK,CAAC;EACnD,MAAMiC,SAAS,GAAGA,CAAA,KAAM;IACtBD,aAAa,CAAC,IAAI,CAAC;IACnBF,aAAa,CAAEI,CAAC,IAAKA,CAAC,GAAG,CAAC,CAAC;IAC3BC,UAAU,CAAC,MAAMH,aAAa,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC;EAC7C,CAAC;EACD;EACA;EACA;EACA,MAAM,CAACI,YAAY,EAAEC,eAAe,CAAC,GAAGrC,QAAQ,CAC9CM,iBAAiB,CAACgC,QAAQ,CAAC/B,EAAE,CAACqB,iBAAiB,CAACW,KAAK,CAAC,GAAGhC,EAAE,CAAC6B,YAAY,GAAG,IAC7E,CAAC;EACD,MAAME,QAAQ,GAAGhC,iBAAiB,CAACgC,QAAQ,CAACX,MAAM,CAAC;EAEnD,oBACEL,KAAA,CAACpB,UAAU;IACTsC,cAAc,eACZpB,IAAA,CAACnB,cAAc;MACb8B,UAAU,EAAEA,UAAW;MACvBE,SAAS,EAAEA,SAAU;MACrBQ,MAAM,EAAE,CAAC,OAAO,CAAE;MAClBC,uBAAuB,EAAEjB,KAAK,CAACkB,WAAW,CAACC,OAAQ;MACnDC,SAAS,EAAEpB,KAAK,CAACkB,WAAW,CAACC;IAAQ,CACtC,CACF;IAAAE,QAAA,gBAED1B,IAAA,CAACP,IAAI;MAAAiC,QAAA,eACHxB,KAAA,CAAClB,IAAI;QAAC2C,KAAK,EAAEC,MAAM,CAACC,OAAQ;QAAAH,QAAA,gBAE1B1B,IAAA,CAACJ,kBAAkB;UACjBkC,eAAe,EAAEA,CAAA,KAAMb,eAAe,CAAC,IAAI,CAAE;UAC7Cc,gBAAgB,EAAGC,MAAM,IAAKf,eAAe,CAACe,MAAM;QAAE,CACvD,CAAC,eACFhC,IAAA,CAAChB,IAAI;UAAC2C,KAAK,EAAEC,MAAM,CAACK;QAAM,CAAE,CAAC,eAE7B/B,KAAA,CAAClB,IAAI;UAAC2C,KAAK,EAAEC,MAAM,CAACM,OAAQ;UAAAR,QAAA,gBAC1B1B,IAAA,CAACL,SAAS;YACRwC,KAAK,EAAElD,MAAM,CAACmD,OAAQ;YACtBC,KAAK,EAAEjC,WAAW,CAACkC,cAAe;YAClCC,MAAM,EAAErB,QAAQ,GAAG,MAAM,KAAK9B,SAAS,CAACoD,IAAI,CAAClC,MAAM,EAAElB,SAAS,CAACqD,eAAe,CAAC,GAAG;UAAK,CACxF,CAAC,eACFzC,IAAA,CAACL,SAAS;YACRwC,KAAK,EAAElD,MAAM,CAACyD,SAAU;YACxBL,KAAK,EAAEjC,WAAW,CAACuC,iBAAkB;YACrCJ,MAAM,EAAErB,QAAQ,GAAG,MAAM,KAAK9B,SAAS,CAACoD,IAAI,CAAClC,MAAM,EAAElB,SAAS,CAACwD,kBAAkB,CAAC,GAAG;UAAK,CAC3F,CAAC,eACF5C,IAAA,CAACL,SAAS;YACRkD,IAAI,EAAGC,KAAK,iBAAK9C,IAAA,CAACrB,aAAa;cAACoE,IAAI,EAAC,YAAY;cAACC,IAAI,EAAE,EAAG;cAACF,KAAK,EAAEA;YAAM,CAAE,CAAE;YAC7ET,KAAK,EAAEjC,WAAW,CAAC6C,cAAe;YAClCV,MAAM,EAAErB,QAAQ,GAAG,MAAM,KAAKxB,oBAAoB,CAACY,MAAM,EAAE;cAAE4C,MAAM,EAAE,IAAI;cAAEC,OAAO,EAAEA,CAAA,kBAAMnD,IAAA,CAACH,qBAAqB,IAAE;YAAE,CAAC,CAAC,GAAG;UAAK,CAC/H,CAAC;QAAA,CACE,CAAC,eACPG,IAAA,CAAChB,IAAI;UAAC2C,KAAK,EAAEC,MAAM,CAACwB;QAAM,CAAE,CAAC,EAE5BpC,YAAY,IAAI,IAAI,iBAAIhB,IAAA,CAACF,wBAAwB,MAAMkB,YAAe,CAAC;MAAA,CACpE;IAAC,GA7BEP,UA8BL,CAAC,eACPT,IAAA,CAAChB,IAAI;MAAC2C,KAAK,EAAEC,MAAM,CAACyB;IAAM,CAAE,CAAC;EAAA,CACnB,CAAC;AAEjB;AAEA,MAAMzB,MAAM,GAAG7C,UAAU,CAACuE,MAAM,CAAC;EAC/BzB,OAAO,EAAE;IAAE0B,iBAAiB,EAAE,EAAE;IAAEC,eAAe,EAAE;EAAG,CAAC;EACvDtB,OAAO,EAAE;IAAEuB,aAAa,EAAE,KAAK;IAAEC,cAAc,EAAE,eAAe;IAAEC,UAAU,EAAE,QAAQ;IAAEJ,iBAAiB,EAAE;EAAG,CAAC;EAC/GF,KAAK,EAAE;IAAEO,MAAM,EAAE;EAAG,CAAC;EACrBR,KAAK,EAAE;IAAEQ,MAAM,EAAE;EAAG,CAAC;EACrB3B,KAAK,EAAE;IAAE2B,MAAM,EAAE;EAAG;AACtB,CAAC,CAAC","ignoreList":[]}

package/lib/module/modules/home/presentation/pages/home_tab_compte_more_menu.js

@@ -0,0 +1,59 @@
+"use strict";
+
+import { ScrollView, StyleSheet, useWindowDimensions, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { Images } from "../../../../core/assets.js";
+import { AppRouter, useAppRouter } from "../../../../core/router.js";
+import { useTheme } from "../../../../core/theme.js";
+import { useAppLocalizations } from "../../../../l10n/localizations.js";
+import { Card } from "../../../../shared/material/card.js";
+import { MenuActionItem, MenuActionsWiget } from "../../../../shared/widgets/menu_actions_widget.js";
+
+/**
+ * Menu « Plus » de l'accueil. Le participant peut personnaliser ce menu
+ * pour y ajouter des fonctionnalités propres à son système.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export function HomeTabCompteMoreMenu() {
+  const traductions = useAppLocalizations();
+  const theme = useTheme();
+  const router = useAppRouter();
+  const {
+    height
+  } = useWindowDimensions();
+  const insets = useSafeAreaInsets();
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.box, {
+      maxHeight: height * 0.7,
+      backgroundColor: theme.colorScheme.surface,
+      paddingBottom: 20 + insets.bottom
+    }],
+    children: /*#__PURE__*/_jsx(Card, {
+      children: /*#__PURE__*/_jsx(ScrollView, {
+        children: /*#__PURE__*/_jsx(MenuActionsWiget, {
+          items: [
+          // Programmer un paiement
+          new MenuActionItem(Images.homeFooterTransfer, traductions.homeActionMoreSheetProgrammerTitle, traductions.homeActionMoreSheetProgrammerSubTitle, () => void AppRouter.push(router, AppRouter.subscriptionSchedule), {
+            iconSize: 20
+          }),
+          // Trouver un abonnement
+          new MenuActionItem(Images.homeMoreFindSubscription, traductions.homeActionMoreSheetAbonnementTitle, traductions.homeActionMoreSheetAbonnementSubTitle, () => void AppRouter.push(router, AppRouter.subscriptionSubscribe), {
+            iconSize: 20
+          }),
+          // Partager dépenses
+          new MenuActionItem(Images.homeMoreSplitPayments, traductions.homeActionMoreSheetPartagerTitle, traductions.homeActionMoreSheetPartagerSubTitle, () => void AppRouter.push(router, AppRouter.transactionSplitPaymentTx), {
+            iconSize: 20
+          })]
+        })
+      })
+    })
+  });
+}
+const styles = StyleSheet.create({
+  box: {
+    borderRadius: 20,
+    paddingTop: 20,
+    paddingHorizontal: 20
+  }
+});
+//# sourceMappingURL=home_tab_compte_more_menu.js.map

package/lib/module/modules/home/presentation/pages/home_tab_compte_more_menu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ScrollView","StyleSheet","useWindowDimensions","View","useSafeAreaInsets","Images","AppRouter","useAppRouter","useTheme","useAppLocalizations","Card","MenuActionItem","MenuActionsWiget","jsx","_jsx","HomeTabCompteMoreMenu","traductions","theme","router","height","insets","style","styles","box","maxHeight","backgroundColor","colorScheme","surface","paddingBottom","bottom","children","items","homeFooterTransfer","homeActionMoreSheetProgrammerTitle","homeActionMoreSheetProgrammerSubTitle","push","subscriptionSchedule","iconSize","homeMoreFindSubscription","homeActionMoreSheetAbonnementTitle","homeActionMoreSheetAbonnementSubTitle","subscriptionSubscribe","homeMoreSplitPayments","homeActionMoreSheetPartagerTitle","homeActionMoreSheetPartagerSubTitle","transactionSplitPaymentTx","create","borderRadius","paddingTop","paddingHorizontal"],"sourceRoot":"../../../../../../src","sources":["modules/home/presentation/pages/home_tab_compte_more_menu.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,UAAU,EAAEC,mBAAmB,EAAEC,IAAI,QAAQ,cAAc;AAChF,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,MAAM,QAAQ,4BAAyB;AAChD,SAASC,SAAS,EAAEC,YAAY,QAAQ,4BAAyB;AACjE,SAASC,QAAQ,QAAQ,2BAAwB;AACjD,SAASC,mBAAmB,QAAQ,mCAAgC;AACpE,SAASC,IAAI,QAAQ,qCAAkC;AACvD,SAASC,cAAc,EAAEC,gBAAgB,QAAQ,mDAAgD;;AAEjG;AACA;AACA;AACA;AAHA,SAAAC,GAAA,IAAAC,IAAA;AAIA,OAAO,SAASC,qBAAqBA,CAAA,EAAG;EACtC,MAAMC,WAAW,GAAGP,mBAAmB,CAAC,CAAC;EACzC,MAAMQ,KAAK,GAAGT,QAAQ,CAAC,CAAC;EACxB,MAAMU,MAAM,GAAGX,YAAY,CAAC,CAAC;EAC7B,MAAM;IAAEY;EAAO,CAAC,GAAGjB,mBAAmB,CAAC,CAAC;EACxC,MAAMkB,MAAM,GAAGhB,iBAAiB,CAAC,CAAC;EAClC,oBACEU,IAAA,CAACX,IAAI;IACHkB,KAAK,EAAE,CACLC,MAAM,CAACC,GAAG,EACV;MAAEC,SAAS,EAAEL,MAAM,GAAG,GAAG;MAAEM,eAAe,EAAER,KAAK,CAACS,WAAW,CAACC,OAAO;MAAEC,aAAa,EAAE,EAAE,GAAGR,MAAM,CAACS;IAAO,CAAC,CAC1G;IAAAC,QAAA,eAEFhB,IAAA,CAACJ,IAAI;MAAAoB,QAAA,eACHhB,IAAA,CAACd,UAAU;QAAA8B,QAAA,eACThB,IAAA,CAACF,gBAAgB;UACfmB,KAAK,EAAE;UACL;UACA,IAAIpB,cAAc,CAChBN,MAAM,CAAC2B,kBAAkB,EACzBhB,WAAW,CAACiB,kCAAkC,EAC9CjB,WAAW,CAACkB,qCAAqC,EACjD,MAAM,KAAK5B,SAAS,CAAC6B,IAAI,CAACjB,MAAM,EAAEZ,SAAS,CAAC8B,oBAAoB,CAAC,EACjE;YAAEC,QAAQ,EAAE;UAAG,CACjB,CAAC;UACD;UACA,IAAI1B,cAAc,CAChBN,MAAM,CAACiC,wBAAwB,EAC/BtB,WAAW,CAACuB,kCAAkC,EAC9CvB,WAAW,CAACwB,qCAAqC,EACjD,MAAM,KAAKlC,SAAS,CAAC6B,IAAI,CAACjB,MAAM,EAAEZ,SAAS,CAACmC,qBAAqB,CAAC,EAClE;YAAEJ,QAAQ,EAAE;UAAG,CACjB,CAAC;UACD;UACA,IAAI1B,cAAc,CAChBN,MAAM,CAACqC,qBAAqB,EAC5B1B,WAAW,CAAC2B,gCAAgC,EAC5C3B,WAAW,CAAC4B,mCAAmC,EAC/C,MAAM,KAAKtC,SAAS,CAAC6B,IAAI,CAACjB,MAAM,EAAEZ,SAAS,CAACuC,yBAAyB,CAAC,EACtE;YAAER,QAAQ,EAAE;UAAG,CACjB,CAAC;QACD,CACH;MAAC,CACQ;IAAC,CACT;EAAC,CACH,CAAC;AAEX;AAEA,MAAMf,MAAM,GAAGrB,UAAU,CAAC6C,MAAM,CAAC;EAC/BvB,GAAG,EAAE;IAAEwB,YAAY,EAAE,EAAE;IAAEC,UAAU,EAAE,EAAE;IAAEC,iBAAiB,EAAE;EAAG;AACjE,CAAC,CAAC","ignoreList":[]}

package/lib/module/modules/home/presentation/pages/home_toolbar_leading.js

@@ -0,0 +1,58 @@
+"use strict";
+
+import { Image } from 'expo-image';
+import { Pressable, StyleSheet, View } from 'react-native';
+import { Images } from "../../../../core/assets.js";
+import { AppRouter, useAppRouter } from "../../../../core/router.js";
+import { useTheme } from "../../../../core/theme.js";
+import { useValueListenable } from "../../../../core/value_notifier.js";
+import { AvatarWidget } from "../../../../shared/widgets/avatar_widget.js";
+import { ProfileAvatar } from "../../../profile/domain/profile_avatar.js";
+
+/** En-tête de l'accueil : avatar (bouton profil) et logo SPI. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function HomeToolbarLeading({
+  user,
+  enabled = true
+}) {
+  const theme = useTheme();
+  const router = useAppRouter();
+  const avatar = useValueListenable(ProfileAvatar.value);
+  return /*#__PURE__*/_jsxs(Pressable, {
+    accessibilityRole: "button",
+    disabled: !enabled,
+    onPress: () => void AppRouter.push(router, AppRouter.profile),
+    style: styles.row,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        opacity: enabled ? 1 : 0.4
+      },
+      children: /*#__PURE__*/_jsx(AvatarWidget, {
+        userInitiales: user.initiales(),
+        photo: avatar,
+        size: 40
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.gap10
+    }), /*#__PURE__*/_jsx(Image, {
+      source: theme.brightness === 'dark' ? Images.logoSpiDark : Images.logoSpiLight,
+      style: styles.logo,
+      contentFit: "fill"
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 20
+  },
+  gap10: {
+    width: 10
+  },
+  logo: {
+    height: 24,
+    width: 71.98
+  }
+});
+//# sourceMappingURL=home_toolbar_leading.js.map

package/lib/module/modules/home/presentation/pages/home_toolbar_leading.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Image","Pressable","StyleSheet","View","Images","AppRouter","useAppRouter","useTheme","useValueListenable","AvatarWidget","ProfileAvatar","jsx","_jsx","jsxs","_jsxs","HomeToolbarLeading","user","enabled","theme","router","avatar","value","accessibilityRole","disabled","onPress","push","profile","style","styles","row","children","opacity","userInitiales","initiales","photo","size","gap10","source","brightness","logoSpiDark","logoSpiLight","logo","contentFit","create","flexDirection","alignItems","paddingHorizontal","width","height"],"sourceRoot":"../../../../../../src","sources":["modules/home/presentation/pages/home_toolbar_leading.tsx"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,YAAY;AAClC,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE1D,SAASC,MAAM,QAAQ,4BAAyB;AAEhD,SAASC,SAAS,EAAEC,YAAY,QAAQ,4BAAyB;AACjE,SAASC,QAAQ,QAAQ,2BAAwB;AACjD,SAASC,kBAAkB,QAAQ,oCAAiC;AACpE,SAASC,YAAY,QAAQ,6CAA0C;AACvE,SAASC,aAAa,QAAQ,2CAAwC;;AAEtE;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AACA,OAAO,SAASC,kBAAkBA,CAAC;EAAEC,IAAI;EAAEC,OAAO,GAAG;AAAqD,CAAC,EAAE;EAC3G,MAAMC,KAAK,GAAGX,QAAQ,CAAC,CAAC;EACxB,MAAMY,MAAM,GAAGb,YAAY,CAAC,CAAC;EAC7B,MAAMc,MAAM,GAAGZ,kBAAkB,CAACE,aAAa,CAACW,KAAK,CAAC;EACtD,oBACEP,KAAA,CAACb,SAAS;IACRqB,iBAAiB,EAAC,QAAQ;IAC1BC,QAAQ,EAAE,CAACN,OAAQ;IACnBO,OAAO,EAAEA,CAAA,KAAM,KAAKnB,SAAS,CAACoB,IAAI,CAACN,MAAM,EAAEd,SAAS,CAACqB,OAAO,CAAE;IAC9DC,KAAK,EAAEC,MAAM,CAACC,GAAI;IAAAC,QAAA,gBAGlBlB,IAAA,CAACT,IAAI;MAACwB,KAAK,EAAE;QAAEI,OAAO,EAAEd,OAAO,GAAG,CAAC,GAAG;MAAI,CAAE;MAAAa,QAAA,eAC1ClB,IAAA,CAACH,YAAY;QAACuB,aAAa,EAAEhB,IAAI,CAACiB,SAAS,CAAC,CAAE;QAACC,KAAK,EAAEd,MAAO;QAACe,IAAI,EAAE;MAAG,CAAE;IAAC,CACtE,CAAC,eACPvB,IAAA,CAACT,IAAI;MAACwB,KAAK,EAAEC,MAAM,CAACQ;IAAM,CAAE,CAAC,eAE7BxB,IAAA,CAACZ,KAAK;MACJqC,MAAM,EAAEnB,KAAK,CAACoB,UAAU,KAAK,MAAM,GAAGlC,MAAM,CAACmC,WAAW,GAAGnC,MAAM,CAACoC,YAAa;MAC/Eb,KAAK,EAAEC,MAAM,CAACa,IAAK;MACnBC,UAAU,EAAC;IAAM,CAClB,CAAC;EAAA,CACO,CAAC;AAEhB;AAEA,MAAMd,MAAM,GAAG1B,UAAU,CAACyC,MAAM,CAAC;EAC/Bd,GAAG,EAAE;IAAEe,aAAa,EAAE,KAAK;IAAEC,UAAU,EAAE,QAAQ;IAAEC,iBAAiB,EAAE;EAAG,CAAC;EAC1EV,KAAK,EAAE;IAAEW,KAAK,EAAE;EAAG,CAAC;EACpBN,IAAI,EAAE;IAAEO,MAAM,EAAE,EAAE;IAAED,KAAK,EAAE;EAAM;AACnC,CAAC,CAAC","ignoreList":[]}

package/lib/module/modules/home/presentation/pages/pending_modules.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import { StyleSheet, Text, View } from 'react-native';
+import { useTheme } from "../../../../core/theme.js";
+
+/** Onglet « Économies » : « À venir », comme dans le SDK Flutter. */
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ComingSoon() {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.center,
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [theme.textTheme.bodyMedium, styles.text],
+      children: "\xC0 venir"
+    })
+  });
+}
+const styles = StyleSheet.create({
+  center: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  text: {
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=pending_modules.js.map

package/lib/module/modules/home/presentation/pages/pending_modules.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Text","View","useTheme","jsx","_jsx","ComingSoon","theme","style","styles","center","children","textTheme","bodyMedium","text","create","flex","alignItems","justifyContent","textAlign"],"sourceRoot":"../../../../../../src","sources":["modules/home/presentation/pages/pending_modules.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAErD,SAASC,QAAQ,QAAQ,2BAAwB;;AAEjD;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACA,OAAO,SAASC,UAAUA,CAAA,EAAG;EAC3B,MAAMC,KAAK,GAAGJ,QAAQ,CAAC,CAAC;EACxB,oBACEE,IAAA,CAACH,IAAI;IAACM,KAAK,EAAEC,MAAM,CAACC,MAAO;IAAAC,QAAA,eACzBN,IAAA,CAACJ,IAAI;MAACO,KAAK,EAAE,CAACD,KAAK,CAACK,SAAS,CAACC,UAAU,EAAEJ,MAAM,CAACK,IAAI,CAAE;MAAAH,QAAA,EAAC;IAAO,CAAM;EAAC,CAClE,CAAC;AAEX;AAEA,MAAMF,MAAM,GAAGT,UAAU,CAACe,MAAM,CAAC;EAC/BL,MAAM,EAAE;IAAEM,IAAI,EAAE,CAAC;IAAEC,UAAU,EAAE,QAAQ;IAAEC,cAAc,EAAE;EAAS,CAAC;EACnEJ,IAAI,EAAE;IAAEK,SAAS,EAAE;EAAS;AAC9B,CAAC,CAAC","ignoreList":[]}

package/lib/module/modules/home/presentation/pages/select_account_page.js

@@ -0,0 +1,177 @@
+"use strict";
+
+import { MaterialIcons } from '@expo/vector-icons';
+import { Image } from 'expo-image';
+import { Pressable, ScrollView, StyleSheet, Text, View } from 'react-native';
+import { Images } from "../../../../core/assets.js";
+import { Di } from "../../../../core/di.js";
+import { AppRouter, useAppRouter } from "../../../../core/router.js";
+import { Themer, useTheme } from "../../../../core/theme.js";
+import { useAppLocalizations } from "../../../../l10n/localizations.js";
+import { AppBar, Scaffold } from "../../../../shared/material/scaffold.js";
+import { maskCompte } from "../../../../shared/utils/compte_mask.js";
+import { AmountWidget } from "../../../../shared/widgets/amount_widget.js";
+import { MyPageContainer } from "../../../../shared/widgets/my_page_container.js";
+
+/**
+ * Affichée à chaque ouverture du SDK lorsque le client a plusieurs comptes
+ * (`PiSpiUserIdentity.comptes`) : il choisit celui qu'il souhaite utiliser
+ * pour cette session (QR partagé, transactions envoyées, alias PI-SPI...).
+ * Sautée si le client n'a qu'un seul compte.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function SelectAccountPage() {
+  const router = useAppRouter();
+  const comptes = Di.config.user.comptes;
+  return /*#__PURE__*/_jsx(Scaffold, {
+    appBar:
+    /*#__PURE__*/
+    // Rien à afficher tant qu'un compte n'est pas choisi : on rend la
+    // main à l'application hôte, comme au tout premier lancement.
+    _jsx(AppBar, {
+      onBack: () => void Di.config.close()
+    }),
+    children: /*#__PURE__*/_jsx(SelectAccountList, {
+      comptes: comptes,
+      onSelected: numero => {
+        Di.activeCompte = numero;
+        AppRouter.pushReplacement(router, AppRouter.home);
+      }
+    })
+  });
+}
+function SelectAccountList({
+  comptes,
+  onSelected
+}) {
+  const traductions = useAppLocalizations();
+  const theme = useTheme();
+  return /*#__PURE__*/_jsx(MyPageContainer, {
+    children: /*#__PURE__*/_jsxs(ScrollView, {
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: theme.textTheme.titleSmall,
+        children: traductions.aliasSelectAccountPageTitle
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.gap5
+      }), /*#__PURE__*/_jsx(Text, {
+        style: theme.textTheme.displaySmall,
+        children: traductions.aliasSelectAccountPageSubTitle
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.gap28
+      }), comptes.map(compte => /*#__PURE__*/_jsx(View, {
+        style: styles.item,
+        children: /*#__PURE__*/_jsx(AccountCard, {
+          compte: compte,
+          onTap: () => onSelected(compte.numero)
+        })
+      }, compte.numero))]
+    })
+  });
+}
+function AccountCard({
+  compte,
+  onTap
+}) {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsxs(Pressable, {
+    accessibilityRole: "button",
+    onPress: onTap,
+    style: ({
+      pressed
+    }) => [styles.card, {
+      backgroundColor: pressed ? theme.cardColor : theme.colorScheme.surface
+    }],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.icon, {
+        backgroundColor: `${theme.colorScheme.primary}1A`
+      }],
+      children: /*#__PURE__*/_jsx(Image, {
+        source: Images.iconTransactionSendByIban,
+        style: styles.iconImage,
+        tintColor: theme.colorScheme.primary
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.gap12w
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.expanded,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: theme.textTheme.headlineSmall,
+        children: compte.libelle
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.gap2
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [theme.textTheme.displaySmall, {
+          color: Themer.neural04Color
+        }],
+        children: maskCompte(compte.numero)
+      })]
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.gap8w
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.flexible,
+      children: /*#__PURE__*/_jsx(AmountWidget, {
+        montant: compte.solde,
+        surfixText: "XOF",
+        numberOfLines: 1,
+        style: {
+          ...theme.textTheme.headlineSmall,
+          fontSize: 15
+        }
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.gap4w
+    }), /*#__PURE__*/_jsx(MaterialIcons, {
+      name: "chevron-right",
+      size: 24,
+      color: Themer.neural04Color
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  gap2: {
+    height: 2
+  },
+  gap5: {
+    height: 5
+  },
+  gap28: {
+    height: 28
+  },
+  gap4w: {
+    width: 4
+  },
+  gap8w: {
+    width: 8
+  },
+  gap12w: {
+    width: 12
+  },
+  item: {
+    marginBottom: 14
+  },
+  card: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 16,
+    borderRadius: 18,
+    margin: 4
+  },
+  icon: {
+    width: 46,
+    height: 46,
+    borderRadius: 14,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  iconImage: {
+    width: 24,
+    height: 24
+  },
+  expanded: {
+    flex: 1
+  },
+  flexible: {
+    flexShrink: 1
+  }
+});
+//# sourceMappingURL=select_account_page.js.map

package/lib/module/modules/home/presentation/pages/select_account_page.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MaterialIcons","Image","Pressable","ScrollView","StyleSheet","Text","View","Images","Di","AppRouter","useAppRouter","Themer","useTheme","useAppLocalizations","AppBar","Scaffold","maskCompte","AmountWidget","MyPageContainer","jsx","_jsx","jsxs","_jsxs","SelectAccountPage","router","comptes","config","user","appBar","onBack","close","children","SelectAccountList","onSelected","numero","activeCompte","pushReplacement","home","traductions","theme","style","textTheme","titleSmall","aliasSelectAccountPageTitle","styles","gap5","displaySmall","aliasSelectAccountPageSubTitle","gap28","map","compte","item","AccountCard","onTap","accessibilityRole","onPress","pressed","card","backgroundColor","cardColor","colorScheme","surface","icon","primary","source","iconTransactionSendByIban","iconImage","tintColor","gap12w","expanded","headlineSmall","libelle","gap2","color","neural04Color","gap8w","flexible","montant","solde","surfixText","numberOfLines","fontSize","gap4w","name","size","create","height","width","marginBottom","flexDirection","alignItems","padding","borderRadius","margin","justifyContent","flex","flexShrink"],"sourceRoot":"../../../../../../src","sources":["modules/home/presentation/pages/select_account_page.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/modules/introduction/presentation/pages/introduction.js

@@ -0,0 +1,109 @@
+"use strict";
+
+/* eslint-disable @typescript-eslint/no-require-imports */
+import { useRef, useState } from 'react';
+import { FlatList, StyleSheet, useWindowDimensions } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { Themer } from "../../../../core/theme.js";
+import { useAppLocalizations } from "../../../../l10n/localizations.js";
+import { IntroductionItem } from "./introduction_item.js";
+import { IntroductionPageItem } from "./introduction_page.js";
+
+/**
+ * Vidéos d'introduction par langue (`onboarding_<langue>_<n>.mp4`). Metro
+ * n'accepte que des `require` statiques, d'où cette table.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+const videos = {
+  fr: {
+    1: require('../../../../../assets/videos/onboarding_fr_1.mp4'),
+    2: require('../../../../../assets/videos/onboarding_fr_2.mp4'),
+    3: require('../../../../../assets/videos/onboarding_fr_3.mp4'),
+    4: require('../../../../../assets/videos/onboarding_fr_4.mp4'),
+    5: require('../../../../../assets/videos/onboarding_fr_5.mp4'),
+    6: require('../../../../../assets/videos/onboarding_fr_6.mp4')
+  },
+  en: {
+    1: require('../../../../../assets/videos/onboarding_en_1.mp4'),
+    2: require('../../../../../assets/videos/onboarding_en_2.mp4'),
+    3: require('../../../../../assets/videos/onboarding_en_3.mp4'),
+    4: require('../../../../../assets/videos/onboarding_en_4.mp4'),
+    5: require('../../../../../assets/videos/onboarding_en_5.mp4'),
+    6: require('../../../../../assets/videos/onboarding_en_6.mp4')
+  },
+  pt: {
+    1: require('../../../../../assets/videos/onboarding_pt_1.mp4'),
+    2: require('../../../../../assets/videos/onboarding_pt_2.mp4'),
+    3: require('../../../../../assets/videos/onboarding_pt_3.mp4'),
+    4: require('../../../../../assets/videos/onboarding_pt_4.mp4'),
+    5: require('../../../../../assets/videos/onboarding_pt_5.mp4'),
+    6: require('../../../../../assets/videos/onboarding_pt_6.mp4')
+  }
+};
+export function IntroductionPage() {
+  const localizations = useAppLocalizations();
+  const {
+    width
+  } = useWindowDimensions();
+  const listRef = useRef(null);
+  const [currentPage, setCurrentPage] = useState(0);
+
+  // Légende affichée sous les vidéos
+  const legende = localizations.introductionLegende;
+  const lang = localizations.localeName;
+  // Liste d'éléments d'introduction
+  const itemList = [new IntroductionItem(videos[lang][4], legende, localizations.introductionItem4, 0), new IntroductionItem(videos[lang][5], legende, localizations.introductionItem5, 1), new IntroductionItem(videos[lang][3], legende, localizations.introductionItem3, 2), new IntroductionItem(videos[lang][2], legende, localizations.introductionItem2, 3), new IntroductionItem(videos[lang][1], legende, localizations.introductionItem1, 4), new IntroductionItem(videos[lang][6], legende, localizations.introductionItem6, 5)];
+  const nbItems = itemList.length;
+  // Marge horizontale
+  const paddingX = 20;
+  // Largeur barre de progression
+  const progressBarWidth = width - paddingX * 2;
+  const progressBarItemWidth = progressBarWidth / nbItems - 4;
+  const goTo = index => {
+    listRef.current?.scrollToIndex({
+      index,
+      animated: true
+    });
+    setCurrentPage(index);
+  };
+  const onMomentumScrollEnd = event => {
+    setCurrentPage(Math.round(event.nativeEvent.contentOffset.x / width));
+  };
+  return /*#__PURE__*/_jsx(SafeAreaView, {
+    style: styles.page,
+    children: /*#__PURE__*/_jsx(FlatList, {
+      ref: listRef,
+      data: itemList,
+      horizontal: true,
+      pagingEnabled: true,
+      showsHorizontalScrollIndicator: false,
+      keyExtractor: item => String(item.position),
+      onMomentumScrollEnd: onMomentumScrollEnd,
+      getItemLayout: (_data, index) => ({
+        length: width,
+        offset: width * index,
+        index
+      }),
+      windowSize: 3,
+      renderItem: ({
+        item,
+        index
+      }) => /*#__PURE__*/_jsx(IntroductionPageItem, {
+        item: item,
+        pageSize: nbItems,
+        progressBarWidth: progressBarItemWidth,
+        active: index === currentPage,
+        width: width,
+        onPrevious: () => currentPage > 0 && goTo(currentPage - 1),
+        onNext: () => currentPage < nbItems - 1 && goTo(currentPage + 1)
+      })
+    })
+  });
+}
+const styles = StyleSheet.create({
+  page: {
+    flex: 1,
+    backgroundColor: Themer.brownColor
+  }
+});
+//# sourceMappingURL=introduction.js.map

package/lib/module/modules/introduction/presentation/pages/introduction.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","useState","FlatList","StyleSheet","useWindowDimensions","SafeAreaView","Themer","useAppLocalizations","IntroductionItem","IntroductionPageItem","jsx","_jsx","videos","fr","require","en","pt","IntroductionPage","localizations","width","listRef","currentPage","setCurrentPage","legende","introductionLegende","lang","localeName","itemList","introductionItem4","introductionItem5","introductionItem3","introductionItem2","introductionItem1","introductionItem6","nbItems","length","paddingX","progressBarWidth","progressBarItemWidth","goTo","index","current","scrollToIndex","animated","onMomentumScrollEnd","event","Math","round","nativeEvent","contentOffset","x","style","styles","page","children","ref","data","horizontal","pagingEnabled","showsHorizontalScrollIndicator","keyExtractor","item","String","position","getItemLayout","_data","offset","windowSize","renderItem","pageSize","active","onPrevious","onNext","create","flex","backgroundColor","brownColor"],"sourceRoot":"../../../../../../src","sources":["modules/introduction/presentation/pages/introduction.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/modules/introduction/presentation/pages/introduction_bar.js

@@ -0,0 +1,35 @@
+"use strict";
+
+import { StyleSheet, View } from 'react-native';
+import { VideoProgressBar } from "./introduction_progressbar.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function IntroductionBar({
+  videoPlayer,
+  item,
+  pageSize,
+  progressBarWidth
+}) {
+  const widgetPosition = item.position;
+  const barList = [];
+  for (let i = 0; i < pageSize; i++) {
+    // Page antérieure à la page en cours, page à venir, ou page actuelle
+    barList.push(/*#__PURE__*/_jsx(VideoProgressBar, {
+      videoPlayer: i === widgetPosition ? videoPlayer : null,
+      progressBarItemWidth: progressBarWidth,
+      passed: i < widgetPosition,
+      current: i === widgetPosition
+    }, i));
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.row,
+    children: barList
+  });
+}
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignSelf: 'stretch'
+  }
+});
+//# sourceMappingURL=introduction_bar.js.map

package/lib/module/modules/introduction/presentation/pages/introduction_bar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","View","VideoProgressBar","jsx","_jsx","IntroductionBar","videoPlayer","item","pageSize","progressBarWidth","widgetPosition","position","barList","i","push","progressBarItemWidth","passed","current","style","styles","row","children","create","flexDirection","justifyContent","alignSelf"],"sourceRoot":"../../../../../../src","sources":["modules/introduction/presentation/pages/introduction_bar.tsx"],"mappings":";;AACA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAG/C,SAASC,gBAAgB,QAAQ,+BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9D,OAAO,SAASC,eAAeA,CAAC;EAC9BC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC;AAMF,CAAC,EAAE;EACD,MAAMC,cAAc,GAAGH,IAAI,CAACI,QAAQ;EACpC,MAAMC,OAAO,GAAG,EAAE;EAClB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGL,QAAQ,EAAEK,CAAC,EAAE,EAAE;IACjC;IACAD,OAAO,CAACE,IAAI,cACVV,IAAA,CAACF,gBAAgB;MAEfI,WAAW,EAAEO,CAAC,KAAKH,cAAc,GAAGJ,WAAW,GAAG,IAAK;MACvDS,oBAAoB,EAAEN,gBAAiB;MACvCO,MAAM,EAAEH,CAAC,GAAGH,cAAe;MAC3BO,OAAO,EAAEJ,CAAC,KAAKH;IAAe,GAJzBG,CAKN,CACH,CAAC;EACH;EACA,oBAAOT,IAAA,CAACH,IAAI;IAACiB,KAAK,EAAEC,MAAM,CAACC,GAAI;IAAAC,QAAA,EAAET;EAAO,CAAO,CAAC;AAClD;AAEA,MAAMO,MAAM,GAAGnB,UAAU,CAACsB,MAAM,CAAC;EAC/BF,GAAG,EAAE;IAAEG,aAAa,EAAE,KAAK;IAAEC,cAAc,EAAE,eAAe;IAAEC,SAAS,EAAE;EAAU;AACrF,CAAC,CAAC","ignoreList":[]}