1 files changed, 12 insertions, 11 deletions
diff --git a/packages/taler-wallet-webextension/src/cta/Payment/stories.tsx b/packages/taler-wallet-webextension/src/cta/Payment/stories.tsx
index 98d0c5f64..6572d1fd3 100644
--- a/packages/taler-wallet-webextension/src/cta/Payment/stories.tsx
+++ b/packages/taler-wallet-webextension/src/cta/Payment/stories.tsx
@@ -23,6 +23,7 @@ import {
   Amounts,
   MerchantContractTerms as ContractTerms,
   PreparePayResultType,
+  TransactionIdStr,
 } from "@gnu-taler/taler-util";
 import * as tests from "@gnu-taler/web-util/testing";
 import beer from "../../../static-dev/beer.png";
@@ -48,7 +49,7 @@ export const NoEnoughBalanceAvailable = tests.createExample(BaseView, {
 
   uri: "",
   payStatus: {
-    transactionId: " ",
+    transactionId: " " as TransactionIdStr,
     status: PreparePayResultType.InsufficientBalance,
     balanceDetails: {
       amountRequested: "USD:10",
@@ -88,7 +89,7 @@ export const NoEnoughBalanceMaterial = tests.createExample(BaseView, {
 
   uri: "",
   payStatus: {
-    transactionId: " ",
+    transactionId: " " as TransactionIdStr,
     status: PreparePayResultType.InsufficientBalance,
     balanceDetails: {
       amountRequested: "USD:10",
@@ -128,7 +129,7 @@ export const NoEnoughBalanceAgeAcceptable = tests.createExample(BaseView, {
 
   uri: "",
   payStatus: {
-    transactionId: " ",
+    transactionId: " " as TransactionIdStr,
     status: PreparePayResultType.InsufficientBalance,
     balanceDetails: {
       amountRequested: "USD:10",
@@ -169,7 +170,7 @@ export const NoEnoughBalanceMerchantAcceptable = tests.createExample(BaseView, {
 
   uri: "",
   payStatus: {
-    transactionId: " ",
+    transactionId: " " as TransactionIdStr,
     status: PreparePayResultType.InsufficientBalance,
     balanceDetails: {
       amountRequested: "USD:10",
@@ -211,7 +212,7 @@ export const NoEnoughBalanceMerchantDepositable = tests.createExample(
 
     uri: "",
     payStatus: {
-      transactionId: " ",
+      transactionId: " " as TransactionIdStr,
       status: PreparePayResultType.InsufficientBalance,
       balanceDetails: {
         amountRequested: "USD:10",
@@ -252,7 +253,7 @@ export const NoEnoughBalanceFeeGap = tests.createExample(BaseView, {
 
   uri: "",
   payStatus: {
-    transactionId: " ",
+    transactionId: " " as TransactionIdStr,
     status: PreparePayResultType.InsufficientBalance,
     balanceDetails: {
       amountRequested: "USD:10",
@@ -296,7 +297,7 @@ export const PaymentPossible = tests.createExample(BaseView, {
 
   uri: "taler://pay/merchant-backend.taler/2021.242-01G2X4275RBWG/?c=66BE594PDZR24744J6EQK52XM0",
   payStatus: {
-    transactionId: " ",
+    transactionId: " " as TransactionIdStr,
     status: PreparePayResultType.PaymentPossible,
     talerUri: "taler://pay/..",
     amountEffective: "USD:10",
@@ -336,7 +337,7 @@ export const PaymentPossibleWithFee = tests.createExample(BaseView, {
 
   uri: "taler://pay/merchant-backend.taler/2021.242-01G2X4275RBWG/?c=66BE594PDZR24744J6EQK52XM0",
   payStatus: {
-    transactionId: " ",
+    transactionId: " " as TransactionIdStr,
     status: PreparePayResultType.PaymentPossible,
     talerUri: "taler://pay/..",
     amountEffective: "USD:10.20",
@@ -373,7 +374,7 @@ export const TicketWithAProductList = tests.createExample(BaseView, {
 
   uri: "taler://pay/merchant-backend.taler/2021.242-01G2X4275RBWG/?c=66BE594PDZR24744J6EQK52XM0",
   payStatus: {
-    transactionId: " ",
+    transactionId: " " as TransactionIdStr,
     status: PreparePayResultType.PaymentPossible,
     talerUri: "taler://pay/..",
     amountEffective: "USD:10.20",
@@ -429,7 +430,7 @@ export const TicketWithShipping = tests.createExample(BaseView, {
 
   uri: "taler://pay/merchant-backend.taler/2021.242-01G2X4275RBWG/?c=66BE594PDZR24744J6EQK52XM0",
   payStatus: {
-    transactionId: " ",
+    transactionId: " " as TransactionIdStr,
     status: PreparePayResultType.PaymentPossible,
     talerUri: "taler://pay/..",
     amountEffective: "USD:10.20",
@@ -477,7 +478,7 @@ export const AlreadyConfirmedByOther = tests.createExample(BaseView, {
 
   uri: "taler://pay/merchant-backend.taler/2021.242-01G2X4275RBWG/?c=66BE594PDZR24744J6EQK52XM0",
   payStatus: {
-    transactionId: " ",
+    transactionId: " " as TransactionIdStr,
     status: PreparePayResultType.AlreadyConfirmed,
     talerUri: "taler://pay/..",
     amountEffective: "USD:10",