fix #7477

packages/taler-util/src/transactions-types.ts

@@ -527,6 +527,8 @@ export interface TransactionDeposit extends TransactionCommon {
    * Effective amount that is being deposited
    */
   amountEffective: AmountString;
+
+  wireTransferDeadline: TalerProtocolTimestamp;
 }
 
 export interface TransactionByIdRequest {

packages/taler-wallet-core/src/operations/transactions.ts

@@ -527,6 +527,7 @@ function buildTransactionForDeposit(
     frozen: false,
     timestamp: dg.timestampCreated,
     targetPaytoUri: dg.wire.payto_uri,
+    wireTransferDeadline: dg.contractTermsRaw.wire_transfer_deadline,
     transactionId: makeTransactionId(
       TransactionType.Deposit,
       dg.depositGroupId,

packages/taler-wallet-webextension/src/components/Part.tsx

@@ -144,7 +144,11 @@ export function PartPayto({ payto, kind, big }: PropsPayto): VNode {
   const { i18n } = useTranslationContext();
   if (payto.isKnown) {
     if (payto.targetType === "x-taler-bank") {
-      text = <Fragment>{payto.account}</Fragment>;
+      text = (
+        <a target="_bank" rel="noreferrer" href={payto.host}>
+          {payto.account}
+        </a>
+      );
       title = i18n.str`Bank account`;
     } else if (payto.targetType === "bitcoin") {
       text =
@@ -159,8 +163,17 @@ export function PartPayto({ payto, kind, big }: PropsPayto): VNode {
         );
       title = i18n.str`Bitcoin address`;
     } else if (payto.targetType === "iban") {
-      text = <Fragment>{payto.targetPath}</Fragment>;
-      title = i18n.str`IBAN`;
+      if (payto.bic) {
+        text = (
+          <Fragment>
+            {payto.bic}/{payto.iban}
+          </Fragment>
+        );
+        title = i18n.str`BIC/IBAN`;
+      } else {
+        text = <Fragment>{payto.iban}</Fragment>;
+        title = i18n.str`IBAN`;
+      }
     }
   }
   if (!text) {

packages/taler-wallet-webextension/src/wallet/Transaction.stories.tsx

@@ -110,6 +110,9 @@ const exampleData = {
   deposit: {
     ...commonTransaction,
     type: TransactionType.Deposit,
+    wireTransferDeadline: {
+      t_s: new Date().getTime() / 1000,
+    },
     depositGroupId: "#groupId",
     targetPaytoUri: "payto://x-taler-bank/bank.demo.taler.net/Exchange",
   } as TransactionDeposit,

packages/taler-wallet-webextension/src/wallet/Transaction.tsx

@@ -524,6 +524,18 @@ export function TransactionView({
           text={<DepositDetails transaction={transaction} />}
           kind="neutral"
         />
+        <Part
+          title={<i18n.Translate>Wire transfer deadline</i18n.Translate>}
+          text={
+            <Time
+              timestamp={AbsoluteTime.fromTimestamp(
+                transaction.wireTransferDeadline,
+              )}
+              format="dd MMMM yyyy 'at' HH:mm"
+            />
+          }
+          kind="neutral"
+        />
       </TransactionTemplate>
     );
   }