@pi-spi/app 0.0.0-stage → 1.2.0

package/lib/module/modules/transactions/presentation/pages/transaction_recents/transaction_recents_widget.js

@@ -0,0 +1,87 @@
+"use strict";
+
+import { MaterialIcons } from '@expo/vector-icons';
+import { Pressable, StyleSheet, Text, View } from 'react-native';
+import { useBloc, useBlocBuilder, useBlocListener, useCreateBloc } from "../../../../../core/bloc_react.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 { TextButton } from "../../../../../shared/material/buttons.js";
+import { showModalBottomSheet } from "../../../../../shared/material/overlays.js";
+import { ConfigBloc } from "../../../../config/adapters/ui/bloc/config_bloc.js";
+import { ConfigLoadedState } from "../../../../config/adapters/ui/bloc/config_state.js";
+import { ConfigKey } from "../../../../config/domain/models/config_keys.js";
+import { TransactionRecentsBloc } from "../../bloc/transaction_recents/transaction_recents_bloc.js";
+import { TransactionRecentsListEvent } from "../../bloc/transaction_recents/transaction_recents_event.js";
+import { TransactionRecentsListState, TransactionRecentsLoadingState } from "../../bloc/transaction_recents/transaction_recents_state.js";
+import { TransactionListItemWidget } from "../transaction_list_item_widget.js";
+import { TransactionListLoadingWidget } from "../transaction_list_loading_widget.js";
+import { TransactionRecentsNombreWidget } from "./transaction_recents_nombre_widget.js";
+
+/** Dernières transactions du compte actif, sur l'accueil. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function TransactionRecentsWidget() {
+  const traductions = useAppLocalizations();
+  const theme = useTheme();
+  const router = useAppRouter();
+  const configBloc = useBloc(ConfigBloc);
+  const transactionsBloc = useCreateBloc(() => {
+    const bloc = new TransactionRecentsBloc(configBloc, Di.getTransactionInputPort(), Di.activeCompte);
+    bloc.add(new TransactionRecentsListEvent());
+    return bloc;
+  });
+  const state = useBlocBuilder(transactionsBloc);
+
+  // Recharger quand le nombre d'éléments à afficher change
+  useBlocListener(configBloc, () => transactionsBloc.add(new TransactionRecentsListEvent()), (_previous, current) => current instanceof ConfigLoadedState && current.updatedKey === ConfigKey.transactionsRecentNbItems);
+
+  // Liste pas encore chargée
+  if (!(state instanceof TransactionRecentsListState || state instanceof TransactionRecentsLoadingState)) {
+    return /*#__PURE__*/_jsx(TransactionListLoadingWidget, {});
+  }
+  const transactions = state.transactions.data;
+  // Si la liste est vide, n'affiche rien
+  if (transactions.length === 0) return null;
+  return /*#__PURE__*/_jsxs(View, {
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.header,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: [theme.textTheme.displayLarge, {
+          color: Themer.neural04Color
+        }],
+        children: traductions.homeTransactions
+      }), /*#__PURE__*/_jsx(Pressable, {
+        accessibilityRole: "button",
+        hitSlop: 10,
+        onPress: () => void showModalBottomSheet(router, {
+          themed: true,
+          builder: () => /*#__PURE__*/_jsx(TransactionRecentsNombreWidget, {})
+        }),
+        children: /*#__PURE__*/_jsx(MaterialIcons, {
+          name: "more-horiz",
+          size: 24,
+          color: theme.colorScheme.onSurface
+        })
+      })]
+    }), transactions.map(transaction => /*#__PURE__*/_jsx(TransactionListItemWidget, {
+      transaction: transaction
+    }, transaction.endToEndId)), /*#__PURE__*/_jsx(View, {
+      style: styles.gap12
+    }), /*#__PURE__*/_jsx(TextButton, {
+      onPress: () => void AppRouter.push(router, AppRouter.transactionSearch),
+      children: traductions.transactionsSeeAll
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  header: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  },
+  gap12: {
+    height: 12
+  }
+});
+//# sourceMappingURL=transaction_recents_widget.js.map

package/lib/module/modules/transactions/presentation/pages/transaction_recents/transaction_recents_widget.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MaterialIcons","Pressable","StyleSheet","Text","View","useBloc","useBlocBuilder","useBlocListener","useCreateBloc","Di","AppRouter","useAppRouter","Themer","useTheme","useAppLocalizations","TextButton","showModalBottomSheet","ConfigBloc","ConfigLoadedState","ConfigKey","TransactionRecentsBloc","TransactionRecentsListEvent","TransactionRecentsListState","TransactionRecentsLoadingState","TransactionListItemWidget","TransactionListLoadingWidget","TransactionRecentsNombreWidget","jsx","_jsx","jsxs","_jsxs","TransactionRecentsWidget","traductions","theme","router","configBloc","transactionsBloc","bloc","getTransactionInputPort","activeCompte","add","state","_previous","current","updatedKey","transactionsRecentNbItems","transactions","data","length","children","style","styles","header","textTheme","displayLarge","color","neural04Color","homeTransactions","accessibilityRole","hitSlop","onPress","themed","builder","name","size","colorScheme","onSurface","map","transaction","endToEndId","gap12","push","transactionSearch","transactionsSeeAll","create","flexDirection","justifyContent","alignItems","height"],"sourceRoot":"../../../../../../../src","sources":["modules/transactions/presentation/pages/transaction_recents/transaction_recents_widget.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/modules/transactions/presentation/pages/transaction_rtp/transaction_rtp_page.js

@@ -0,0 +1,581 @@
+"use strict";
+
+import { MaterialIcons } from '@expo/vector-icons';
+import { Pressable, ScrollView, StyleSheet, Switch, Text, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { BlocProvider, useBloc, useBlocBuilder, useBlocListener, useCreateBloc } from "../../../../../core/bloc_react.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 { Card } from "../../../../../shared/material/card.js";
+import { showModalBottomSheet } from "../../../../../shared/material/overlays.js";
+import { Frequence } from "../../../../../shared/models/frequence_command.js";
+import { UEMOACountry } from "../../../../../shared/models/uemoa_countries.js";
+import { DateFormat } from "../../../../../shared/utils/date_format.js";
+import { AliasWidget } from "../../../../../shared/widgets/alias_widget.js";
+import { formatMontant } from "../../../../../shared/widgets/amount_widget.js";
+import { ClipboardWidget } from "../../../../../shared/widgets/clipboard_widget.js";
+import { ErrorPage, ErrorType } from "../../../../../shared/widgets/error_page.js";
+import { CustomLoadingDialog, LoadingPage } from "../../../../../shared/widgets/loading_page.js";
+import { NotificationDialog, NotificationType } from "../../../../../shared/widgets/notification_dialog.js";
+import { ContactBloc } from "../../../../contacts/presentation/bloc/contact_bloc.js";
+import { NotificationType as MyNotificationType } from "../../../../notification/domain/models/notification_type.js";
+import { SubscriptionListItemWidget } from "../../../../subscription/presentation/pages/subscription_list/subscription_list_item_widget.js";
+import { Transaction, TransactionSens, TransactionStatut } from "../../../domain/models/transaction.js";
+import { TransactionSendMethod } from "../../../domain/models/transaction_send/transaction_send_method.js";
+import { TransactionRtpBloc } from "../../bloc/transaction_rtp/transaction_rtp_bloc.js";
+import { TransactionRtpFetchEvent, TransactionRtpFrequenceEvent } from "../../bloc/transaction_rtp/transaction_rtp_event.js";
+import { TransactionRtpDetailsState, TransactionRtpLoadingState, TransactionRtpReponseState } from "../../bloc/transaction_rtp/transaction_rtp_state.js";
+import { TransactionListItemWidget } from "../transaction_list_item_widget.js";
+import { TransactionSendPageError } from "../transaction_send/transaction_send_page_error.js";
+import { TransactionSendPageSuccess } from "../transaction_send/transaction_send_page_succes.js";
+import { TransactionRtpPageActions } from "./transaction_rtp_page_actions.js";
+import { TransactionRtpPageHeader } from "./transaction_rtp_page_header.js";
+
+/** Détail d'une demande de paiement (route `transactionReceiveDetails`). */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function TransactionRtpPage({
+  id,
+  type,
+  clientAlias,
+  clientCategorie
+}) {
+  const traductions = useAppLocalizations();
+  const theme = useTheme();
+  const router = useAppRouter();
+  const insets = useSafeAreaInsets();
+  const contactBloc = useBloc(ContactBloc);
+  useBlocBuilder(contactBloc);
+  const bloc = useCreateBloc(() => {
+    const created = new TransactionRtpBloc(Di.getTransactionInputPort(), Di.getSubscriptionInputPort(), Di.getPermissionInputPort(), Di.getCompteInputPort(), Di.activeCompte, id);
+    created.add(new TransactionRtpFetchEvent(id));
+    return created;
+  });
+  const state = useBlocBuilder(bloc);
+  useBlocListener(bloc, s => {
+    if (s instanceof TransactionRtpLoadingState) CustomLoadingDialog.show(router);
+    if (s instanceof TransactionRtpReponseState) {
+      CustomLoadingDialog.hide(router);
+      // Afficher le message de succès ou d'erreur
+      let isBottomSheetClosed = false;
+      void showModalBottomSheet(router, {
+        builder: () => s.error != null ? /*#__PURE__*/_jsx(TransactionSendPageError, {
+          error: s.error,
+          method: TransactionSendMethod.alias,
+          btnText: traductions.btnTextContinue,
+          btnAction: () => AppRouter.pop(router)
+        }) : s.transaction.statut === TransactionStatut.rejete ? /*#__PURE__*/_jsx(NotificationDialog, {
+          type: NotificationType.success,
+          message: traductions.transactionRtpRejectMessage,
+          btnText: traductions.btnTextContinue,
+          btnAction: () => {
+            isBottomSheetClosed = true;
+            AppRouter.pop(router);
+          },
+          btnColor: theme.colorScheme.tertiary
+        }) : /*#__PURE__*/_jsx(TransactionSendPageSuccess, {
+          transaction: s.transaction,
+          isRtpSchedule: s.schedule != null,
+          onClose: () => {
+            isBottomSheetClosed = true;
+          }
+        })
+      });
+      // Fermer la feuille après 3 secondes
+      if (s.error == null) {
+        setTimeout(() => {
+          if (!isBottomSheetClosed) AppRouter.pop(router);
+        }, 3000);
+      }
+    }
+  }, (_p, current) => current instanceof TransactionRtpLoadingState || current instanceof TransactionRtpReponseState);
+  if (!(state instanceof TransactionRtpDetailsState || state instanceof TransactionRtpLoadingState || state instanceof TransactionRtpReponseState)) {
+    return /*#__PURE__*/_jsx(LoadingPage, {});
+  }
+  // Demande introuvable (le SDK Flutter plante dans ce cas) : proposer de réessayer
+  if (state.transaction == null) {
+    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,
+          style: styles.back,
+          onPress: () => AppRouter.pop(router),
+          children: /*#__PURE__*/_jsx(MaterialIcons, {
+            name: "arrow-back",
+            size: 24,
+            color: theme.colorScheme.onSurface
+          })
+        })
+      }), /*#__PURE__*/_jsx(ErrorPage, {
+        type: ErrorType.requestNotFound,
+        retry: () => bloc.add(new TransactionRtpFetchEvent(id))
+      })]
+    });
+  }
+  const tx = state.transaction;
+  const sub = state.subscription ?? null;
+  const toPay = tx.sens === TransactionSens.debit && (tx.statut == null || tx.statut === TransactionStatut.initie);
+
+  /** Le client peut-il payer ? (demande reçue ; une personne physique doit être dans les contacts) */
+  const canDoAction = () => {
+    if (type !== MyNotificationType.rtpRecue) return false;
+    if (clientAlias == null || clientCategorie == null) return false;
+    const isPersonnePhysique = ['P', 'C'].includes(clientCategorie.toUpperCase());
+    return isPersonnePhysique ? contactBloc.isContactExist(clientAlias) : true;
+  };
+  return /*#__PURE__*/_jsx(BlocProvider, {
+    blocs: [bloc],
+    children: /*#__PURE__*/_jsxs(View, {
+      style: [styles.flex, {
+        paddingBottom: insets.bottom
+      }],
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.backRow,
+        children: /*#__PURE__*/_jsx(Pressable, {
+          accessibilityRole: "button",
+          hitSlop: 12,
+          style: styles.back,
+          onPress: () => AppRouter.pop(router),
+          children: /*#__PURE__*/_jsx(MaterialIcons, {
+            name: "arrow-back",
+            size: 24,
+            color: theme.colorScheme.onSurface
+          })
+        })
+      }), /*#__PURE__*/_jsxs(ScrollView, {
+        style: styles.flex,
+        contentContainerStyle: styles.body,
+        children: [/*#__PURE__*/_jsx(TransactionRtpPageHeader, {
+          tx: tx
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.gap20
+        }), /*#__PURE__*/_jsxs(DetailCard, {
+          children: [/*#__PURE__*/_jsx(Detail, {
+            title: traductions.transactionDetailsPays,
+            subtitle: UEMOACountry.get(tx.clientPays)?.name
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.gap10
+          }), /*#__PURE__*/_jsx(Detail, {
+            title: traductions.transactionDetailsAlias,
+            subtitle: tx.clientAlias ?? '',
+            name: tx.clientNom,
+            isAlias: true,
+            canCopy: true
+          })]
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.gap16
+        }), /*#__PURE__*/_jsx(StatutEcheance, {
+          traductions: traductions,
+          tx: tx,
+          sub: sub
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.gap16
+        }), /*#__PURE__*/_jsxs(DetailCard, {
+          children: [/*#__PURE__*/_jsx(Detail, {
+            title: traductions.transactionDetailsReference,
+            subtitle: tx.endToEndId,
+            canCopy: true
+          }), tx.txId != null && /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(View, {
+              style: styles.gap10
+            }), /*#__PURE__*/_jsx(Detail, {
+              title: traductions.transactionDetailsIdentifiant,
+              subtitle: tx.txId,
+              canCopy: true
+            })]
+          }), tx.facture != null && /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(View, {
+              style: styles.gap10
+            }), /*#__PURE__*/_jsx(Detail, {
+              title: traductions.transactionFormFactureLabel,
+              subtitle: tx.facture,
+              canCopy: true
+            })]
+          })]
+        }), tx.remise != null && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(View, {
+            style: styles.gap16
+          }), /*#__PURE__*/_jsxs(DetailCard, {
+            children: [/*#__PURE__*/_jsx(Detail, {
+              title: traductions.transactionRtpDetailsRemiseLabel,
+              subtitle: formatMontant(tx.remise, traductions.localeName)
+            }), /*#__PURE__*/_jsx(View, {
+              style: styles.gap3
+            }), tx.dateReponse != null && /*#__PURE__*/_jsx(Text, {
+              numberOfLines: 1,
+              style: theme.inputDecorationTheme.floatingLabelStyle,
+              children: traductions.transactionRtpDetailsRemiseHint(new DateFormat("d MMM yyyy 'à' HH:mm:ss", traductions.localeName).format(tx.dateReponse))
+            })]
+          })]
+        }), tx.retraitMontant != null && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(View, {
+            style: styles.gap16
+          }), /*#__PURE__*/_jsx(Retrait, {
+            traductions: traductions,
+            tx: tx
+          })]
+        }), tx.differe === true && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(View, {
+            style: styles.gap16
+          }), /*#__PURE__*/_jsx(Differe, {
+            traductions: traductions,
+            tx: tx,
+            bloc: bloc
+          })]
+        }), tx.motif != null && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(View, {
+            style: styles.gap16
+          }), tx.motif.startsWith('@SPLIT') ? /*#__PURE__*/_jsx(PaiementPartage, {
+            traductions: traductions,
+            transaction: tx
+          }) : /*#__PURE__*/_jsxs(DetailCard, {
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: theme.inputDecorationTheme.labelStyle,
+              children: traductions.transactionFormMotifLabel
+            }), /*#__PURE__*/_jsx(View, {
+              style: styles.gap3
+            }), /*#__PURE__*/_jsx(Text, {
+              style: theme.textTheme.bodyLarge,
+              children: tx.motif
+            })]
+          })]
+        }), sub != null && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(View, {
+            style: styles.gap16
+          }), /*#__PURE__*/_jsx(Text, {
+            style: theme.textTheme.headlineSmall,
+            children: sub.frequence != null ? traductions.transactionRtpDetailsSubscriptionTitle : traductions.transactionRtpDetailsProgPaymentTitle
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.gap16
+          }), /*#__PURE__*/_jsx(Card, {
+            children: /*#__PURE__*/_jsx(View, {
+              style: styles.itemPadding,
+              children: /*#__PURE__*/_jsx(SubscriptionListItemWidget, {
+                subscription: sub
+              })
+            })
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.gap16
+          })]
+        }), toPay && !canDoAction() && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(View, {
+            style: styles.gap16
+          }), /*#__PURE__*/_jsx(Text, {
+            style: [theme.textTheme.bodySmall, styles.warning, {
+              color: Themer.systemErrorColor
+            }],
+            children: traductions.transactionRtpWarningMessage
+          })]
+        })]
+      }), toPay && /*#__PURE__*/_jsx(TransactionRtpPageActions, {
+        tx: tx,
+        sub: sub,
+        solde: state.solde,
+        bloc: bloc,
+        canDoAction: canDoAction()
+      })]
+    })
+  });
+}
+function StatutEcheance({
+  traductions,
+  tx,
+  sub
+}) {
+  const locale = traductions.localeName;
+  const format = new DateFormat('d MMM, HH:mm', locale);
+  let statut = traductions.statutInitie;
+  if (tx.statut === TransactionStatut.irrevocable) statut = traductions.statutAccepte;
+  if (tx.statut === TransactionStatut.rejete) statut = traductions.statutRejete;
+  const scheduled = tx.sens === TransactionSens.debit && tx.statut === TransactionStatut.initie && sub?.dateDebut != null && sub.dateDebut > new Date();
+  const today = new Date();
+  const scheduleDay = date => date.getFullYear() === today.getFullYear() && date.getMonth() === today.getMonth() && date.getDate() === today.getDate() ? traductions.subscriptionDateToday : format.format(date);
+  return /*#__PURE__*/_jsxs(DetailCard, {
+    children: [tx.dateDemande != null && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Detail, {
+        title: traductions.aliasClaimDetailsDateDemande,
+        subtitle: format.format(tx.dateDemande)
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.gap10
+      })]
+    }), scheduled ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Detail, {
+        title: traductions.subscriptionDateScheduledForTitle,
+        subtitle: scheduleDay(sub.dateDebut)
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.gap10
+      })]
+    }) : tx.canSchedule() && tx.dateExpiration != null ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Detail, {
+        title: traductions.transactionRtpDetailsEcheanceDate,
+        subtitle: format.format(tx.dateExpiration)
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.gap10
+      })]
+    }) : null, /*#__PURE__*/_jsx(Detail, {
+      title: traductions.statutLabel,
+      subtitle: statut
+    })]
+  });
+}
+
+/** Détails sur le retrait (PICO / PICASH) */
+function Retrait({
+  traductions,
+  tx
+}) {
+  const theme = useTheme();
+  const amt = montant => formatMontant(montant, traductions.localeName);
+  return /*#__PURE__*/_jsxs(View, {
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: theme.textTheme.headlineSmall,
+      children: tx.isPICO() ? traductions.transactionRtpDetailsPICOTitle : traductions.transactionRtpDetailsPICASHTitle
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.gap16
+    }), /*#__PURE__*/_jsxs(DetailCard, {
+      children: [tx.isPICO() && tx.retraitAchat != null && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Detail, {
+          title: traductions.transactionRtpDetailsAmtAchatTitle,
+          subtitle: amt(tx.retraitAchat)
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.gap10
+        })]
+      }), /*#__PURE__*/_jsx(Detail, {
+        title: traductions.transactionRtpDetailsAmtRetraitTitle,
+        subtitle: amt(tx.retraitMontant)
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.gap10
+      }), /*#__PURE__*/_jsx(Detail, {
+        title: traductions.transactionRtpDetailsAmtFraisTitle,
+        subtitle: tx.retraitFrais === 0 ? traductions.noFees : amt(tx.retraitFrais ?? 0)
+      })]
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.gap16
+    })]
+  });
+}
+
+/** Débit différé : payer plus tard, éventuellement en plusieurs fois */
+function Differe({
+  traductions,
+  tx,
+  bloc
+}) {
+  const theme = useTheme();
+  const frequenceText = freq => freq === Frequence.quotidienne ? traductions.transactionDetailsFrequenceJour : freq === Frequence.mensuelle ? traductions.transactionDetailsFrequenceMois : '';
+  return /*#__PURE__*/_jsxs(View, {
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: theme.textTheme.headlineSmall,
+      children: traductions.transactionRtpDetailsDiffereTitle
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.gap16
+    }), /*#__PURE__*/_jsxs(DetailCard, {
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: theme.textTheme.bodyLarge,
+        children: traductions.transactionRtpDetailsDiffereSubtitle
+      }), /*#__PURE__*/_jsx(Text, {
+        style: theme.textTheme.bodyLarge,
+        children: traductions.transactionRtpDetailsDiffereDescription
+      })]
+    }), tx.differeFrequence != null && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.gap10
+      }), /*#__PURE__*/_jsx(Card, {
+        children: /*#__PURE__*/_jsxs(View, {
+          style: styles.differe,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: theme.textTheme.bodyLarge,
+            children: traductions.transactionRtpDetailsDifferePayFrequence(tx.differeOccurence ?? 0, frequenceText(tx.differeFrequence))
+          }), /*#__PURE__*/_jsxs(View, {
+            style: styles.switchRow,
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: [theme.textTheme.bodyLarge, styles.flex],
+              children: traductions.transactionRtpDetailsDifferePayAmt(formatMontant(tx.differeMontant ?? 0, traductions.localeName), frequenceText(tx.differeFrequence))
+            }), /*#__PURE__*/_jsx(Switch, {
+              value: tx.frequence != null,
+              trackColor: {
+                false: theme.switchTheme.inactiveTrackColor,
+                true: theme.switchTheme.activeTrackColor
+              },
+              thumbColor: theme.switchTheme.thumbColor,
+              onValueChange: value => bloc.add(new TransactionRtpFrequenceEvent(tx, value))
+            })]
+          })]
+        })
+      })]
+    })]
+  });
+}
+
+/** Détails sur le paiement partagé : le transfert d'origine payé par le demandeur */
+function PaiementPartage({
+  traductions,
+  transaction
+}) {
+  const theme = useTheme();
+  const parts = transaction.decodeMotif();
+  const origine = new Transaction({
+    compte: transaction.compte,
+    compteAlias: transaction.compteAlias,
+    montant: Number(parts[0]),
+    sens: TransactionSens.debit,
+    clientNom: parts[2],
+    clientPays: parts[1],
+    endToEndId: '',
+    dateOperation: new Date(parts[3])
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: theme.textTheme.headlineSmall,
+      children: traductions.transactionRtpDetailsSplitPaymentTitle
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.gap16
+    }), /*#__PURE__*/_jsx(Card, {
+      children: /*#__PURE__*/_jsx(View, {
+        style: styles.itemPadding,
+        children: /*#__PURE__*/_jsx(TransactionListItemWidget, {
+          transaction: origine,
+          detailsBackRoute: AppRouter.home,
+          noLink: true
+        })
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.gap16
+    })]
+  });
+}
+function DetailCard({
+  children
+}) {
+  return /*#__PURE__*/_jsx(Card, {
+    children: /*#__PURE__*/_jsx(View, {
+      style: styles.cardPadding,
+      children: children
+    })
+  });
+}
+
+/** Une ligne « titre : valeur » (valeur copiable, ou alias) */
+function Detail({
+  title,
+  subtitle,
+  name,
+  canCopy = false,
+  isAlias = false
+}) {
+  const theme = useTheme();
+  const valueStyle = [theme.textTheme.bodyLarge, styles.right, {
+    color: Themer.neural03Color
+  }];
+  let value = null;
+  if (subtitle != null) {
+    if (isAlias) value = /*#__PURE__*/_jsx(AliasWidget, {
+      alias: subtitle,
+      name: name,
+      canCopy: canCopy
+    });else if (canCopy) {
+      value = /*#__PURE__*/_jsxs(View, {
+        style: styles.row,
+        children: [/*#__PURE__*/_jsx(Text, {
+          numberOfLines: 1,
+          style: [valueStyle, styles.flex],
+          children: subtitle
+        }), /*#__PURE__*/_jsx(Pressable, {
+          accessibilityRole: "button",
+          hitSlop: 8,
+          onPress: () => void ClipboardWidget.setData(subtitle),
+          children: /*#__PURE__*/_jsx(MaterialIcons, {
+            name: "content-copy",
+            size: 16,
+            color: theme.colorScheme.onSurface
+          })
+        })]
+      });
+    } else {
+      value = /*#__PURE__*/_jsx(Text, {
+        numberOfLines: 1,
+        style: valueStyle,
+        children: subtitle
+      });
+    }
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.row,
+    children: [/*#__PURE__*/_jsx(Text, {
+      numberOfLines: 1,
+      style: theme.textTheme.bodyLarge,
+      children: title
+    }), value != null && /*#__PURE__*/_jsx(View, {
+      style: styles.value,
+      children: value
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  flex: {
+    flex: 1
+  },
+  backRow: {
+    flexDirection: 'row'
+  },
+  back: {
+    padding: 12
+  },
+  body: {
+    paddingHorizontal: 12,
+    paddingBottom: 10
+  },
+  cardPadding: {
+    paddingVertical: 10,
+    paddingHorizontal: 15
+  },
+  itemPadding: {
+    paddingVertical: 3,
+    paddingHorizontal: 15
+  },
+  differe: {
+    paddingTop: 10,
+    paddingHorizontal: 15
+  },
+  switchRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    minHeight: 56
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  value: {
+    flex: 1,
+    paddingLeft: 10
+  },
+  right: {
+    textAlign: 'right'
+  },
+  warning: {
+    marginLeft: 8,
+    marginRight: 20,
+    marginTop: 2,
+    marginBottom: 5
+  },
+  gap3: {
+    height: 3
+  },
+  gap10: {
+    height: 10
+  },
+  gap16: {
+    height: 16
+  },
+  gap20: {
+    height: 20
+  }
+});
+//# sourceMappingURL=transaction_rtp_page.js.map