fix #7749

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

@@ -344,6 +344,13 @@ export const Payment = tests.createExample(TestedComponent, {
   transaction: exampleData.payment,
 });
 
+export const PaymentWithPosConfirmation = tests.createExample(TestedComponent, {
+  transaction: {
+    ...exampleData.payment,
+    posConfirmation: "123123\n3345345\n567567",
+  },
+});
+
 export const PaymentError = tests.createExample(TestedComponent, {
   transaction: {
     ...exampleData.payment,

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

@@ -56,6 +56,7 @@ import {
   Row,
   SmallLightText,
   SubTitle,
+  SuccessBox,
   WarningBox,
 } from "../components/styled/index.js";
 import { Time } from "../components/Time.js";
@@ -629,6 +630,15 @@ export function TransactionView({
             )}
           </InfoBox>
         )}
+        {transaction.posConfirmation ? (
+          <AlertView
+            alert={{
+              type: "info",
+              message: i18n.str`Confirmation code`,
+              description: transaction.posConfirmation as TranslatedString,
+            }}
+          />
+        ) : undefined}
         <Part
           title={i18n.str`Merchant`}
           text={<MerchantDetails merchant={transaction.info.merchant} />}