@pi-spi/app 0.0.0-stage → 1.2.0

package/lib/module/modules/subscription/presentation/pages/subscription_details/subscription_details_page_categorie.js

@@ -0,0 +1,45 @@
+"use strict";
+
+import { useBloc } from "../../../../../core/bloc_react.js";
+import { AppRouter, useAppRouter } from "../../../../../core/router.js";
+import { useTheme } from "../../../../../core/theme.js";
+import { useAppLocalizations } from "../../../../../l10n/localizations.js";
+import { Categorie } from "../../../../categorie/domain/models/categorie.js";
+import { CategorieBloc } from "../../../../categorie/presentation/bloc/categorie_bloc.js";
+import { CategorieListEvent } from "../../../../categorie/presentation/bloc/categorie_event.js";
+import { CategorieIcon } from "../../../../categorie/presentation/pages/categorie_icon.js";
+import { TransactionDetailsPageDetailRow } from "../../../../transactions/presentation/pages/transaction_details/transaction_details_page_detail.js";
+import { SubscriptionDetailsCategorieUpdateEvent } from "../../bloc/subscription_details/subscription_details_event.js";
+
+/** Catégorie de l'abonnement, modifiable via la liste des catégories */
+import { jsx as _jsx } from "react/jsx-runtime";
+export function SubscriptionDetailsPageCategorie({
+  subscription,
+  detailsBloc
+}) {
+  const traductions = useAppLocalizations();
+  const theme = useTheme();
+  const router = useAppRouter();
+  const categorieBloc = useBloc(CategorieBloc);
+  const categories = [...Categorie.defaultListe, ...categorieBloc.state.categories];
+  // Écart volontaire : le SDK Flutter plantait (`.first` sur une liste
+  // vide) si la catégorie de l'abonnement avait été supprimée ; on affiche
+  // alors la catégorie par défaut.
+  const categorie = (subscription.categorie != null ? categories.find(c => c.id === subscription.categorie) : undefined) ?? Categorie.defaultCategorie;
+  return /*#__PURE__*/_jsx(TransactionDetailsPageDetailRow, {
+    label: traductions.transactionDetailsCategorie,
+    actionIcon: /*#__PURE__*/_jsx(CategorieIcon, {
+      icon: categorie.icon,
+      size: 24,
+      emojiSize: 20,
+      tintColor: theme.primaryColorDark
+    }),
+    actionText: categorie.label,
+    actionFunction: async () => {
+      categorieBloc.add(new CategorieListEvent());
+      const selectedCategorie = await AppRouter.push(router, AppRouter.categoriesSelect);
+      if (selectedCategorie != null) detailsBloc.add(new SubscriptionDetailsCategorieUpdateEvent(subscription, selectedCategorie));
+    }
+  });
+}
+//# sourceMappingURL=subscription_details_page_categorie.js.map

package/lib/module/modules/subscription/presentation/pages/subscription_details/subscription_details_page_categorie.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useBloc","AppRouter","useAppRouter","useTheme","useAppLocalizations","Categorie","CategorieBloc","CategorieListEvent","CategorieIcon","TransactionDetailsPageDetailRow","SubscriptionDetailsCategorieUpdateEvent","jsx","_jsx","SubscriptionDetailsPageCategorie","subscription","detailsBloc","traductions","theme","router","categorieBloc","categories","defaultListe","state","categorie","find","c","id","undefined","defaultCategorie","label","transactionDetailsCategorie","actionIcon","icon","size","emojiSize","tintColor","primaryColorDark","actionText","actionFunction","add","selectedCategorie","push","categoriesSelect"],"sourceRoot":"../../../../../../../src","sources":["modules/subscription/presentation/pages/subscription_details/subscription_details_page_categorie.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,mCAAgC;AACxD,SAASC,SAAS,EAAEC,YAAY,QAAQ,+BAA4B;AACpE,SAASC,QAAQ,QAAQ,8BAA2B;AACpD,SAASC,mBAAmB,QAAQ,sCAAmC;AACvE,SAASC,SAAS,QAAQ,kDAA+C;AACzE,SAASC,aAAa,QAAQ,2DAAwD;AACtF,SAASC,kBAAkB,QAAQ,4DAAyD;AAC5F,SAASC,aAAa,QAAQ,4DAAyD;AACvF,SAASC,+BAA+B,QAAQ,oGAAiG;AAGjJ,SAASC,uCAAuC,QAAQ,+DAA4D;;AAEpH;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACA,OAAO,SAASC,gCAAgCA,CAAC;EAC/CC,YAAY;EACZC;AAIF,CAAC,EAAE;EACD,MAAMC,WAAW,GAAGZ,mBAAmB,CAAC,CAAC;EACzC,MAAMa,KAAK,GAAGd,QAAQ,CAAC,CAAC;EACxB,MAAMe,MAAM,GAAGhB,YAAY,CAAC,CAAC;EAC7B,MAAMiB,aAAa,GAAGnB,OAAO,CAACM,aAAa,CAAC;EAE5C,MAAMc,UAAU,GAAG,CAAC,GAAGf,SAAS,CAACgB,YAAY,EAAE,GAAGF,aAAa,CAACG,KAAK,CAACF,UAAU,CAAC;EACjF;EACA;EACA;EACA,MAAMG,SAAS,GACb,CAACT,YAAY,CAACS,SAAS,IAAI,IAAI,GAAGH,UAAU,CAACI,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACC,EAAE,KAAKZ,YAAY,CAACS,SAAS,CAAC,GAAGI,SAAS,KACrGtB,SAAS,CAACuB,gBAAgB;EAE5B,oBACEhB,IAAA,CAACH,+BAA+B;IAC9BoB,KAAK,EAAEb,WAAW,CAACc,2BAA4B;IAC/CC,UAAU,eAAEnB,IAAA,CAACJ,aAAa;MAACwB,IAAI,EAAET,SAAS,CAACS,IAAK;MAACC,IAAI,EAAE,EAAG;MAACC,SAAS,EAAE,EAAG;MAACC,SAAS,EAAElB,KAAK,CAACmB;IAAiB,CAAE,CAAE;IAChHC,UAAU,EAAEd,SAAS,CAACM,KAAM;IAC5BS,cAAc,EAAE,MAAAA,CAAA,KAAY;MAC1BnB,aAAa,CAACoB,GAAG,CAAC,IAAIhC,kBAAkB,CAAC,CAAC,CAAC;MAC3C,MAAMiC,iBAAiB,GAAG,MAAMvC,SAAS,CAACwC,IAAI,CAAYvB,MAAM,EAAEjB,SAAS,CAACyC,gBAAgB,CAAC;MAC7F,IAAIF,iBAAiB,IAAI,IAAI,EAAEzB,WAAW,CAACwB,GAAG,CAAC,IAAI7B,uCAAuC,CAACI,YAAY,EAAE0B,iBAAiB,CAAC,CAAC;IAC9H;EAAE,CACH,CAAC;AAEN","ignoreList":[]}

package/lib/module/modules/subscription/presentation/pages/subscription_details/subscription_details_page_error.js

@@ -0,0 +1,22 @@
+"use strict";
+
+import { AppRouter, useAppRouter } from "../../../../../core/router.js";
+import { useTheme } from "../../../../../core/theme.js";
+import { useAppLocalizations } from "../../../../../l10n/localizations.js";
+import { NotificationDialog, NotificationType } from "../../../../../shared/widgets/notification_dialog.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Échec d'une action sur l'abonnement (une seule erreur connue : inconnue) */
+export function SoubscriptionDetailsPageError(_props) {
+  const localisation = useAppLocalizations();
+  const theme = useTheme();
+  const router = useAppRouter();
+  return /*#__PURE__*/_jsx(NotificationDialog, {
+    type: NotificationType.error,
+    title: localisation.serverErrorTitle,
+    description: localisation.transactionErrorUnknow,
+    btnColor: theme.colorScheme.tertiary,
+    btnText: localisation.btnTextContinue,
+    btnAction: () => AppRouter.pop(router)
+  });
+}
+//# sourceMappingURL=subscription_details_page_error.js.map

package/lib/module/modules/subscription/presentation/pages/subscription_details/subscription_details_page_error.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AppRouter","useAppRouter","useTheme","useAppLocalizations","NotificationDialog","NotificationType","jsx","_jsx","SoubscriptionDetailsPageError","_props","localisation","theme","router","type","error","title","serverErrorTitle","description","transactionErrorUnknow","btnColor","colorScheme","tertiary","btnText","btnTextContinue","btnAction","pop"],"sourceRoot":"../../../../../../../src","sources":["modules/subscription/presentation/pages/subscription_details/subscription_details_page_error.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,YAAY,QAAQ,+BAA4B;AACpE,SAASC,QAAQ,QAAQ,8BAA2B;AACpD,SAASC,mBAAmB,QAAQ,sCAAmC;AACvE,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,sDAAmD;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzG;AACA,OAAO,SAASC,6BAA6BA,CAACC,MAAuE,EAAE;EACrH,MAAMC,YAAY,GAAGP,mBAAmB,CAAC,CAAC;EAC1C,MAAMQ,KAAK,GAAGT,QAAQ,CAAC,CAAC;EACxB,MAAMU,MAAM,GAAGX,YAAY,CAAC,CAAC;EAC7B,oBACEM,IAAA,CAACH,kBAAkB;IACjBS,IAAI,EAAER,gBAAgB,CAACS,KAAM;IAC7BC,KAAK,EAAEL,YAAY,CAACM,gBAAiB;IACrCC,WAAW,EAAEP,YAAY,CAACQ,sBAAuB;IACjDC,QAAQ,EAAER,KAAK,CAACS,WAAW,CAACC,QAAS;IACrCC,OAAO,EAAEZ,YAAY,CAACa,eAAgB;IACtCC,SAAS,EAAEA,CAAA,KAAMxB,SAAS,CAACyB,GAAG,CAACb,MAAM;EAAE,CACxC,CAAC;AAEN","ignoreList":[]}

package/lib/module/modules/subscription/presentation/pages/subscription_details/subscription_details_page_header.js

@@ -0,0 +1,73 @@
+"use strict";
+
+import { StyleSheet, Text, View } from 'react-native';
+import { useTheme } from "../../../../../core/theme.js";
+import { useAppLocalizations } from "../../../../../l10n/localizations.js";
+import { TextButton } from "../../../../../shared/material/buttons.js";
+import { AmountWidget } from "../../../../../shared/widgets/amount_widget.js";
+import { CircleAvatarWidget } from "../../../../../shared/widgets/circle_avatar_widget.js";
+import { SubscriptionStatusText } from "../subscription_status_text.js";
+
+/** En-tête : montant, client, prochain paiement et avatar */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function SubscriptionDetailsPageHeader({
+  subscription
+}) {
+  const theme = useTheme();
+  const traductions = useAppLocalizations();
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.row,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.flex,
+      children: [/*#__PURE__*/_jsx(AmountWidget, {
+        montant: subscription.montant,
+        style: theme.textTheme.titleSmall,
+        sign: "-"
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.name,
+        children: /*#__PURE__*/_jsx(TextButton, {
+          onPress: () => undefined,
+          style: styles.nameButton,
+          children: /*#__PURE__*/_jsx(Text, {
+            numberOfLines: 1,
+            style: theme.textButtonTheme.textStyle,
+            children: subscription.clientNom
+          })
+        })
+      }), /*#__PURE__*/_jsx(Text, {
+        style: theme.textTheme.displaySmall,
+        children: SubscriptionStatusText.nextPaymentIndication(traductions, subscription)
+      })]
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.avatar,
+      children: /*#__PURE__*/_jsx(CircleAvatarWidget, {
+        nom: subscription.clientNom,
+        photo: subscription.clientPhoto,
+        rounded: true,
+        radius: 60
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  flex: {
+    flex: 1,
+    alignItems: 'flex-start'
+  },
+  name: {
+    paddingBottom: 4
+  },
+  nameButton: {
+    alignItems: 'flex-start',
+    paddingHorizontal: 12,
+    marginLeft: -12
+  },
+  avatar: {
+    paddingLeft: 16
+  }
+});
+//# sourceMappingURL=subscription_details_page_header.js.map

package/lib/module/modules/subscription/presentation/pages/subscription_details/subscription_details_page_header.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Text","View","useTheme","useAppLocalizations","TextButton","AmountWidget","CircleAvatarWidget","SubscriptionStatusText","jsx","_jsx","jsxs","_jsxs","SubscriptionDetailsPageHeader","subscription","theme","traductions","style","styles","row","children","flex","montant","textTheme","titleSmall","sign","name","onPress","undefined","nameButton","numberOfLines","textButtonTheme","textStyle","clientNom","displaySmall","nextPaymentIndication","avatar","nom","photo","clientPhoto","rounded","radius","create","flexDirection","alignItems","paddingBottom","paddingHorizontal","marginLeft","paddingLeft"],"sourceRoot":"../../../../../../../src","sources":["modules/subscription/presentation/pages/subscription_details/subscription_details_page_header.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAErD,SAASC,QAAQ,QAAQ,8BAA2B;AACpD,SAASC,mBAAmB,QAAQ,sCAAmC;AACvE,SAASC,UAAU,QAAQ,2CAAwC;AACnE,SAASC,YAAY,QAAQ,gDAA6C;AAC1E,SAASC,kBAAkB,QAAQ,uDAAoD;AAEvF,SAASC,sBAAsB,QAAQ,gCAA6B;;AAEpE;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AACA,OAAO,SAASC,6BAA6BA,CAAC;EAAEC;AAA6C,CAAC,EAAE;EAC9F,MAAMC,KAAK,GAAGZ,QAAQ,CAAC,CAAC;EACxB,MAAMa,WAAW,GAAGZ,mBAAmB,CAAC,CAAC;EACzC,oBACEQ,KAAA,CAACV,IAAI;IAACe,KAAK,EAAEC,MAAM,CAACC,GAAI;IAAAC,QAAA,gBACtBR,KAAA,CAACV,IAAI;MAACe,KAAK,EAAEC,MAAM,CAACG,IAAK;MAAAD,QAAA,gBACvBV,IAAA,CAACJ,YAAY;QAACgB,OAAO,EAAER,YAAY,CAACQ,OAAQ;QAACL,KAAK,EAAEF,KAAK,CAACQ,SAAS,CAACC,UAAW;QAACC,IAAI,EAAC;MAAG,CAAE,CAAC,eAE3Ff,IAAA,CAACR,IAAI;QAACe,KAAK,EAAEC,MAAM,CAACQ,IAAK;QAAAN,QAAA,eACvBV,IAAA,CAACL,UAAU;UAACsB,OAAO,EAAEA,CAAA,KAAMC,SAAU;UAACX,KAAK,EAAEC,MAAM,CAACW,UAAW;UAAAT,QAAA,eAC7DV,IAAA,CAACT,IAAI;YAAC6B,aAAa,EAAE,CAAE;YAACb,KAAK,EAAEF,KAAK,CAACgB,eAAe,CAACC,SAAU;YAAAZ,QAAA,EAC5DN,YAAY,CAACmB;UAAS,CACnB;QAAC,CACG;MAAC,CACT,CAAC,eAEPvB,IAAA,CAACT,IAAI;QAACgB,KAAK,EAAEF,KAAK,CAACQ,SAAS,CAACW,YAAa;QAAAd,QAAA,EAAEZ,sBAAsB,CAAC2B,qBAAqB,CAACnB,WAAW,EAAEF,YAAY;MAAC,CAAO,CAAC;IAAA,CACvH,CAAC,eAEPJ,IAAA,CAACR,IAAI;MAACe,KAAK,EAAEC,MAAM,CAACkB,MAAO;MAAAhB,QAAA,eACzBV,IAAA,CAACH,kBAAkB;QAAC8B,GAAG,EAAEvB,YAAY,CAACmB,SAAU;QAACK,KAAK,EAAExB,YAAY,CAACyB,WAAY;QAACC,OAAO;QAACC,MAAM,EAAE;MAAG,CAAE;IAAC,CACpG,CAAC;EAAA,CACH,CAAC;AAEX;AAEA,MAAMvB,MAAM,GAAGlB,UAAU,CAAC0C,MAAM,CAAC;EAC/BvB,GAAG,EAAE;IAAEwB,aAAa,EAAE,KAAK;IAAEC,UAAU,EAAE;EAAS,CAAC;EACnDvB,IAAI,EAAE;IAAEA,IAAI,EAAE,CAAC;IAAEuB,UAAU,EAAE;EAAa,CAAC;EAC3ClB,IAAI,EAAE;IAAEmB,aAAa,EAAE;EAAE,CAAC;EAC1BhB,UAAU,EAAE;IAAEe,UAAU,EAAE,YAAY;IAAEE,iBAAiB,EAAE,EAAE;IAAEC,UAAU,EAAE,CAAC;EAAG,CAAC;EAChFX,MAAM,EAAE;IAAEY,WAAW,EAAE;EAAG;AAC5B,CAAC,CAAC","ignoreList":[]}

package/lib/module/modules/subscription/presentation/pages/subscription_details/subscription_details_page_note_sheet.js

@@ -0,0 +1,132 @@
+"use strict";
+
+import { useEffect, useRef, useState } from 'react';
+import { Animated, Easing, Keyboard, Pressable, 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 } from "../../../../../shared/material/buttons.js";
+import { CustomTextMultipleInput } from "../../../../../shared/widgets/input_text_multiple.js";
+import { MyPageContainer } from "../../../../../shared/widgets/my_page_container.js";
+import { TransactionSendCommandMotif, TransactionSendCommandMotifError } from "../../../../transactions/domain/models/transaction_send/transaction_send_command_motif.js";
+
+/**
+ * Modifier la note de l'abonnement (feuille du bas, se ferme avec la
+ * nouvelle note). Comme le `AnimatedContainer` Flutter, la feuille prend
+ * 70 % de l'écran quand le champ a le focus, sa hauteur naturelle sinon.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function SubscriptionDetailsPageNoteSheet({
+  note
+}) {
+  const traductions = useAppLocalizations();
+  const theme = useTheme();
+  const router = useAppRouter();
+  const insets = useSafeAreaInsets();
+  const {
+    height: screenHeight
+  } = useWindowDimensions();
+  const maxHeight = screenHeight * 0.7;
+  const [command] = useState(() => new TransactionSendCommandMotif({
+    value: note ?? undefined
+  }));
+  const [, setVersion] = useState(0);
+  const [focused, setFocused] = useState(false);
+  const [contentHeight, setContentHeight] = useState(null);
+  const height = useRef(new Animated.Value(0)).current;
+  const measured = useRef(false);
+  const naturalHeight = contentHeight == null ? 0 : Math.min(contentHeight, maxHeight);
+  useEffect(() => {
+    if (contentHeight == null) return;
+    const target = focused ? maxHeight : naturalHeight;
+    if (!measured.current) {
+      measured.current = true;
+      height.setValue(target);
+      return;
+    }
+    Animated.timing(height, {
+      toValue: target,
+      duration: 300,
+      easing: Easing.inOut(Easing.ease),
+      useNativeDriver: false
+    }).start();
+  }, [focused, contentHeight, naturalHeight, maxHeight, height]);
+  const canSave = command.value != null && command.value.length > 0 && command.isValid() && command.value !== note;
+  const saveNote = value => {
+    Keyboard.dismiss();
+    AppRouter.pop(router, {
+      value
+    });
+  };
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [styles.box, {
+      backgroundColor: theme.colorScheme.surface,
+      maxHeight
+    }, contentHeight != null ? {
+      height
+    } : null],
+    children: /*#__PURE__*/_jsx(Pressable, {
+      style: contentHeight != null ? styles.flex : null,
+      onPress: Keyboard.dismiss,
+      accessible: false,
+      children: /*#__PURE__*/_jsx(MyPageContainer, {
+        style: contentHeight != null ? null : styles.noFlex,
+        children: /*#__PURE__*/_jsxs(ScrollView, {
+          keyboardShouldPersistTaps: "handled",
+          onContentSizeChange: (_w, h) => setContentHeight(h),
+          contentContainerStyle: [styles.content, {
+            paddingBottom: 20 + insets.bottom
+          }],
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: theme.textTheme.headlineLarge,
+            children: traductions.transactionFormMotifLabel
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.gap15
+          }), /*#__PURE__*/_jsx(CustomTextMultipleInput, {
+            defaultValue: note ?? undefined,
+            labelText: traductions.transactionFormMotifHint
+            // Message d'erreur à afficher
+            ,
+            messageError: command.error === TransactionSendCommandMotifError.invalid ? traductions.transactionFormMotifInvalid : null,
+            onFocusChange: setFocused,
+            onChange: value => {
+              command.value = value;
+              command.isValid();
+              setVersion(v => v + 1);
+            }
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.btn,
+            children: /*#__PURE__*/_jsx(ElevatedButton, {
+              onPress: canSave ? () => saveNote(command.value) : undefined,
+              children: traductions.btnTextSave
+            })
+          })]
+        })
+      })
+    })
+  });
+}
+const styles = StyleSheet.create({
+  flex: {
+    flex: 1
+  },
+  noFlex: {
+    flex: 0
+  },
+  box: {
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20,
+    overflow: 'hidden'
+  },
+  content: {
+    paddingTop: 20
+  },
+  gap15: {
+    height: 15
+  },
+  btn: {
+    paddingVertical: 16
+  }
+});
+//# sourceMappingURL=subscription_details_page_note_sheet.js.map

package/lib/module/modules/subscription/presentation/pages/subscription_details/subscription_details_page_note_sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useState","Animated","Easing","Keyboard","Pressable","ScrollView","StyleSheet","Text","useWindowDimensions","View","useSafeAreaInsets","AppRouter","useAppRouter","useTheme","useAppLocalizations","ElevatedButton","CustomTextMultipleInput","MyPageContainer","TransactionSendCommandMotif","TransactionSendCommandMotifError","jsx","_jsx","jsxs","_jsxs","SubscriptionDetailsPageNoteSheet","note","traductions","theme","router","insets","height","screenHeight","maxHeight","command","value","undefined","setVersion","focused","setFocused","contentHeight","setContentHeight","Value","current","measured","naturalHeight","Math","min","target","setValue","timing","toValue","duration","easing","inOut","ease","useNativeDriver","start","canSave","length","isValid","saveNote","dismiss","pop","style","styles","box","backgroundColor","colorScheme","surface","children","flex","onPress","accessible","noFlex","keyboardShouldPersistTaps","onContentSizeChange","_w","h","contentContainerStyle","content","paddingBottom","bottom","textTheme","headlineLarge","transactionFormMotifLabel","gap15","defaultValue","labelText","transactionFormMotifHint","messageError","error","invalid","transactionFormMotifInvalid","onFocusChange","onChange","v","btn","btnTextSave","create","borderTopLeftRadius","borderTopRightRadius","overflow","paddingTop","paddingVertical"],"sourceRoot":"../../../../../../../src","sources":["modules/subscription/presentation/pages/subscription_details/subscription_details_page_note_sheet.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/modules/subscription/presentation/pages/subscription_details/subscription_details_page_transactions.js

@@ -0,0 +1,116 @@
+"use strict";
+
+import { useEffect, useRef, useState } from 'react';
+import { RefreshControl, StyleSheet, Text, useWindowDimensions, View } from 'react-native';
+import { useBloc, useBlocBuilder } from "../../../../../core/bloc_react.js";
+import { Di } from "../../../../../core/di.js";
+import { Themer, useTheme } from "../../../../../core/theme.js";
+import { useAppLocalizations } from "../../../../../l10n/localizations.js";
+import { AmountWidget } from "../../../../../shared/widgets/amount_widget.js";
+import { PaginatedScrollView } from "../../../../../shared/widgets/paginated_scroll_view.js";
+import { TransactionSens } from "../../../../transactions/domain/models/transaction.js";
+import { TransactionSearchCommand } from "../../../../transactions/domain/models/transaction_search/transaction_search_command.js";
+import { TransactionSearchFilter } from "../../../../transactions/domain/models/transaction_search/transaction_search_filter.js";
+import { TransactionListItemWidget } from "../../../../transactions/presentation/pages/transaction_list_item_widget.js";
+import { TransactionListLoadingWidget } from "../../../../transactions/presentation/pages/transaction_list_loading_widget.js";
+import { SubscriptionDetailsBloc } from "../../bloc/subscription_details/subscription_details_bloc.js";
+import { SubscriptionTransactionListEvent, SubscriptionTransactionPaginateEvent } from "../../bloc/subscription_details/subscription_details_event.js";
+import { SubscriptionTransactionLoadingState, SubscriptionTransactionState } from "../../bloc/subscription_details/subscription_details_state.js";
+
+/** Bilan (crédits - débits) */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function bilan(transactions) {
+  return transactions.reduce((sum, e) => e.sens === TransactionSens.debit ? sum - Math.trunc(e.montant) : sum + Math.trunc(e.montant), 0);
+}
+
+/** Historique des paiements de l'abonnement, avec le bilan ; défiler pour paginer */
+export function SubscriptionDetailsPageTransactions() {
+  const traductions = useAppLocalizations();
+  const theme = useTheme();
+  const {
+    height
+  } = useWindowDimensions();
+  const bloc = useBloc(SubscriptionDetailsBloc);
+  const state = useBlocBuilder(bloc, (_p, current) => current instanceof SubscriptionTransactionLoadingState || current instanceof SubscriptionTransactionState);
+  const [refreshing, setRefreshing] = useState(false);
+  const command = useRef(new TransactionSearchCommand({
+    compte: Di.activeCompte,
+    filters: new TransactionSearchFilter({
+      subscriptionId: bloc.subscription.endToEndId,
+      categories: [],
+      sens: [TransactionSens.credit, TransactionSens.debit]
+    })
+  }));
+  useEffect(() => {
+    bloc.add(new SubscriptionTransactionListEvent({
+      command: command.current
+    }));
+  }, [bloc]);
+  const transactions = state.transactions.data;
+  if (state instanceof SubscriptionTransactionState) command.current = state.command;
+  command.current.index = state.transactions.meta.next;
+  if (transactions.length === 0) {
+    return state instanceof SubscriptionTransactionLoadingState ? /*#__PURE__*/_jsx(TransactionListLoadingWidget, {}) : null;
+  }
+  return (
+    /*#__PURE__*/
+    // Hauteur fixe : la moitié de l'écran (Column + Expanded dans la contrainte Flutter)
+    _jsxs(View, {
+      style: {
+        height: Math.max(100, height * 0.5)
+      },
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.header,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: theme.textTheme.bodyLarge,
+          children: traductions.subscriptionHistoriqueTitle
+        }), /*#__PURE__*/_jsx(AmountWidget, {
+          montant: bilan(transactions),
+          style: {
+            ...theme.textTheme.displayLarge,
+            color: Themer.neural03Color
+          }
+        })]
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.gap10
+      }), /*#__PURE__*/_jsx(PaginatedScrollView, {
+        style: styles.flex,
+        onEndReached: () => {
+          const c = command.current;
+          if (c.canLoadMore()) bloc.add(new SubscriptionTransactionPaginateEvent(c.index, {
+            command: c
+          }));
+        },
+        refreshControl: /*#__PURE__*/_jsx(RefreshControl, {
+          refreshing: refreshing,
+          colors: ['white'],
+          progressBackgroundColor: theme.colorScheme.primary,
+          onRefresh: () => {
+            setRefreshing(true);
+            bloc.add(new SubscriptionTransactionListEvent({
+              command: command.current
+            }));
+            setTimeout(() => setRefreshing(false), 500);
+          }
+        }),
+        children: transactions.map(transaction => /*#__PURE__*/_jsx(TransactionListItemWidget, {
+          transaction: transaction
+        }, transaction.endToEndId))
+      })]
+    })
+  );
+}
+const styles = StyleSheet.create({
+  flex: {
+    flex: 1
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  gap10: {
+    height: 10
+  }
+});
+//# sourceMappingURL=subscription_details_page_transactions.js.map

package/lib/module/modules/subscription/presentation/pages/subscription_details/subscription_details_page_transactions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useState","RefreshControl","StyleSheet","Text","useWindowDimensions","View","useBloc","useBlocBuilder","Di","Themer","useTheme","useAppLocalizations","AmountWidget","PaginatedScrollView","TransactionSens","TransactionSearchCommand","TransactionSearchFilter","TransactionListItemWidget","TransactionListLoadingWidget","SubscriptionDetailsBloc","SubscriptionTransactionListEvent","SubscriptionTransactionPaginateEvent","SubscriptionTransactionLoadingState","SubscriptionTransactionState","jsx","_jsx","jsxs","_jsxs","bilan","transactions","reduce","sum","e","sens","debit","Math","trunc","montant","SubscriptionDetailsPageTransactions","traductions","theme","height","bloc","state","_p","current","refreshing","setRefreshing","command","compte","activeCompte","filters","subscriptionId","subscription","endToEndId","categories","credit","add","data","index","meta","next","length","style","max","children","styles","header","textTheme","bodyLarge","subscriptionHistoriqueTitle","displayLarge","color","neural03Color","gap10","flex","onEndReached","c","canLoadMore","refreshControl","colors","progressBackgroundColor","colorScheme","primary","onRefresh","setTimeout","map","transaction","create","flexDirection","alignItems","justifyContent"],"sourceRoot":"../../../../../../../src","sources":["modules/subscription/presentation/pages/subscription_details/subscription_details_page_transactions.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/modules/subscription/presentation/pages/subscription_list/subscription_list_empty_widget.js

@@ -0,0 +1,90 @@
+"use strict";
+
+import { Image } from 'expo-image';
+import { StyleSheet, Text, View } from 'react-native';
+import { Images } from "../../../../../core/assets.js";
+import { useAppRouter } from "../../../../../core/router.js";
+import { useTheme } from "../../../../../core/theme.js";
+import { useAppLocalizations } from "../../../../../l10n/localizations.js";
+import { ElevatedButton } from "../../../../../shared/material/buttons.js";
+import { showModalBottomSheet } from "../../../../../shared/material/overlays.js";
+import { SubscriptionMenuWidget } from "../subscription_menu_widget.js";
+
+/** Présentation de la fonctionnalité quand il n'y a ni abonnement ni paiement programmé */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function SubscriptionListEmptyWidget() {
+  const traductions = useAppLocalizations();
+  const theme = useTheme();
+  const router = useAppRouter();
+  return /*#__PURE__*/_jsxs(View, {
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: [styles.top, {
+        backgroundColor: theme.secondaryHeaderColor
+      }],
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.imageBox,
+        children: /*#__PURE__*/_jsx(Image, {
+          source: Images.subscriptionCalendar,
+          style: styles.image,
+          contentFit: "contain"
+        })
+      }), /*#__PURE__*/_jsx(Text, {
+        style: theme.textTheme.titleSmall,
+        children: traductions.subscriptionEmptyTitle
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: [styles.bottom, {
+        backgroundColor: theme.cardColor
+      }],
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: [theme.textTheme.displaySmall, styles.flex],
+        children: traductions.subscriptionEmptySubTitle
+      }), /*#__PURE__*/_jsx(ElevatedButton, {
+        style: styles.btn,
+        onPress: () => void showModalBottomSheet(router, {
+          themed: true,
+          builder: () => /*#__PURE__*/_jsx(SubscriptionMenuWidget, {})
+        }),
+        children: traductions.subscriptionEmptyBtnCreate
+      })]
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  flex: {
+    flex: 1
+  },
+  top: {
+    height: 260,
+    padding: 20,
+    borderTopLeftRadius: 15,
+    borderTopRightRadius: 15
+  },
+  imageBox: {
+    flex: 1,
+    alignItems: 'flex-end',
+    justifyContent: 'center'
+  },
+  image: {
+    width: 142,
+    height: 142
+  },
+  bottom: {
+    height: 92,
+    paddingVertical: 20,
+    paddingHorizontal: 20,
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderBottomLeftRadius: 15,
+    borderBottomRightRadius: 15
+  },
+  btn: {
+    width: 120,
+    height: 40,
+    minHeight: 40,
+    paddingHorizontal: 0,
+    paddingVertical: 0,
+    borderRadius: 10
+  }
+});
+//# sourceMappingURL=subscription_list_empty_widget.js.map

package/lib/module/modules/subscription/presentation/pages/subscription_list/subscription_list_empty_widget.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Image","StyleSheet","Text","View","Images","useAppRouter","useTheme","useAppLocalizations","ElevatedButton","showModalBottomSheet","SubscriptionMenuWidget","jsx","_jsx","jsxs","_jsxs","SubscriptionListEmptyWidget","traductions","theme","router","children","style","styles","top","backgroundColor","secondaryHeaderColor","imageBox","source","subscriptionCalendar","image","contentFit","textTheme","titleSmall","subscriptionEmptyTitle","bottom","cardColor","displaySmall","flex","subscriptionEmptySubTitle","btn","onPress","themed","builder","subscriptionEmptyBtnCreate","create","height","padding","borderTopLeftRadius","borderTopRightRadius","alignItems","justifyContent","width","paddingVertical","paddingHorizontal","flexDirection","borderBottomLeftRadius","borderBottomRightRadius","minHeight","borderRadius"],"sourceRoot":"../../../../../../../src","sources":["modules/subscription/presentation/pages/subscription_list/subscription_list_empty_widget.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/modules/subscription/presentation/pages/subscription_list/subscription_list_item_widget.js

@@ -0,0 +1,105 @@
+"use strict";
+
+import { Image } from 'expo-image';
+import { Pressable, StyleSheet, Text, View } from 'react-native';
+import { Images } from "../../../../../core/assets.js";
+import { AppRouter, useAppRouter } from "../../../../../core/router.js";
+import { Themer, useTheme } from "../../../../../core/theme.js";
+import { useAppLocalizations } from "../../../../../l10n/localizations.js";
+import { AmountWidget } from "../../../../../shared/widgets/amount_widget.js";
+import { CircleAvatarWidget } from "../../../../../shared/widgets/circle_avatar_widget.js";
+import { SubscriptionStatusText } from "../subscription_status_text.js";
+
+/** Une souscription : client, montant et prochain paiement ; un tap ouvre son détail. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function SubscriptionListItemWidget({
+  subscription,
+  detailsBackRoute,
+  noLink = false
+}) {
+  const traductions = useAppLocalizations();
+  const theme = useTheme();
+  const router = useAppRouter();
+  return /*#__PURE__*/_jsxs(Pressable, {
+    disabled: noLink,
+    onPress: () => void AppRouter.push(router, AppRouter.subscriptionDetails, {
+      params: {
+        tx: subscription,
+        route: detailsBackRoute
+      }
+    }),
+    style: styles.tile,
+    children: [/*#__PURE__*/_jsxs(View, {
+      children: [/*#__PURE__*/_jsx(CircleAvatarWidget, {
+        nom: subscription.clientNom,
+        photo: subscription.clientPhoto,
+        rounded: true,
+        radius: 45
+      }), subscription.clientAlias != null && /*#__PURE__*/_jsx(View, {
+        style: [styles.badge, {
+          backgroundColor: Themer.brownColor,
+          borderColor: theme.colorScheme.surface
+        }],
+        children: /*#__PURE__*/_jsx(Image, {
+          source: Images.iconsPiBadge,
+          style: styles.flex,
+          contentFit: "contain"
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.texts,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.row,
+        children: [/*#__PURE__*/_jsx(Text, {
+          numberOfLines: 1,
+          style: [theme.textTheme.headlineSmall, styles.flex],
+          children: subscription.clientNom
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.amount,
+          children: /*#__PURE__*/_jsx(AmountWidget, {
+            montant: subscription.montant,
+            style: theme.textTheme.headlineSmall,
+            sign: "-"
+          })
+        })]
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [theme.textTheme.displaySmall, {
+          color: Themer.neural04Color
+        }],
+        children: SubscriptionStatusText.nextPaymentIndication(traductions, subscription)
+      })]
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  flex: {
+    flex: 1
+  },
+  tile: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 8
+  },
+  badge: {
+    position: 'absolute',
+    right: 0,
+    bottom: 0,
+    width: 18,
+    height: 18,
+    borderRadius: 9,
+    borderWidth: 2,
+    overflow: 'hidden'
+  },
+  texts: {
+    flex: 1,
+    marginLeft: 16
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  amount: {
+    marginLeft: 8
+  }
+});
+//# sourceMappingURL=subscription_list_item_widget.js.map