move kycurl to commons, make webex aware

2 files changed, 41 insertions, 49 deletions

diff --git a/packages/taler-wallet-webextension/src/wallet/Transaction.stories.tsx b/packages/taler-wallet-webextension/src/wallet/Transaction.stories.tsx
index 046757ab0..ecea4afd0 100644
--- a/packages/taler-wallet-webextension/src/wallet/Transaction.stories.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Transaction.stories.tsx
@@ -232,14 +232,6 @@ const transactionError = {
   message: "Unexpected error code in response",
 };
 
-const kycError = {
-  code: 7025,
-  hint: "KYC check required for withdrawal",
-  kycUrl:
-    "http://localhost:6666/oauth/v2/login?client_id=taler-exchange&redirect_uri=http%3A%2F%2Flocalhost%3A8081%2F%2Fkyc-proof%2F59WFS5VXXY3CEE25BM45XPB7ZCDQZNZ46PJCMNXK05P65T9M1X90%2FKYC-PROVIDER-MYPROV%2F1",
-  when: AbsoluteTime.now(),
-};
-
 export const Withdraw = tests.createExample(TestedComponent, {
   transaction: exampleData.withdraw,
 });
@@ -285,21 +277,10 @@ export const WithdrawErrorKYC = tests.createExample(TestedComponent, {
       major: TransactionMajorState.Pending,
       minor: TransactionMinorState.KycRequired,
     },
-
-    // error: kycError,
+    kycUrl:
+      "http://localhost:6666/oauth/v2/login?client_id=taler-exchange&redirect_uri=http%3A%2F%2Flocalhost%3A8081%2F%2Fkyc-proof%2F59WFS5VXXY3CEE25BM45XPB7ZCDQZNZ46PJCMNXK05P65T9M1X90%2FKYC-PROVIDER-MYPROV%2F1",
   },
 });
-// export const WithdrawErrorInDevMode = tests.createExampleInCustomContext(
-//   TestedComponent,
-//   {
-//     transaction: {
-//       ...exampleData.withdraw,
-//       error: transactionError,
-//     },
-//   },
-//   DevContextProviderForTesting,
-//   { value: true },
-// );
 
 export const WithdrawPendingManual = tests.createExample(
   TestedComponent,
diff --git a/packages/taler-wallet-webextension/src/wallet/Transaction.tsx b/packages/taler-wallet-webextension/src/wallet/Transaction.tsx
index d198893cd..f5ffe4221 100644
--- a/packages/taler-wallet-webextension/src/wallet/Transaction.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Transaction.tsx
@@ -25,12 +25,14 @@ import {
   parsePaytoUri,
   PaytoUri,
   stringifyPaytoUri,
+  TalerErrorCode,
   TalerPreciseTimestamp,
   TalerProtocolTimestamp,
   Transaction,
   TransactionDeposit,
   TransactionIdStr,
   TransactionMajorState,
+  TransactionMinorState,
   TransactionType,
   TranslatedString,
   WithdrawalType,
@@ -259,35 +261,44 @@ function TransactionTemplate({
   return (
     <Fragment>
       <section style={{ padding: 8, textAlign: "center" }}>
-        {transaction?.error ? (
-          transaction.error.code === 7025 ? (
-            <AlertView
-              alert={{
-                type: "warning",
-                message: i18n.str`KYC check required for the transaction to complete`,
-                description:
-                  transaction.error.kycUrl &&
-                  typeof transaction.error.kycUrl === "string" ? (
-                    <div>
-                      <i18n.Translate>
-                        Follow this link to the{` `}
-                        <a href={transaction.error.kycUrl}>KYC verifier</a>
-                      </i18n.Translate>
-                    </div>
-                  ) : (
-                    i18n.str`No more information has been provided`
-                  ),
-              }}
-            />
-          ) : (
-            <ErrorAlertView
-              error={alertFromError(
-                i18n.str`There was an error trying to complete the transaction`,
-                transaction.error,
-              )}
-            />
-          )
+        {transaction?.error &&
+        // FIXME: wallet core should stop sending this error on KYC
+        transaction.error.code !==
+          TalerErrorCode.WALLET_WITHDRAWAL_KYC_REQUIRED ? (
+          <ErrorAlertView
+            error={alertFromError(
+              i18n.str`There was an error trying to complete the transaction`,
+              transaction.error,
+            )}
+          />
         ) : undefined}
+        {transaction.txState.minor === TransactionMinorState.KycRequired && (
+          <AlertView
+            alert={{
+              type: "warning",
+              message: i18n.str`KYC check required for the transaction to complete`,
+              description:
+                transaction.kycUrl && typeof transaction.kycUrl === "string" ? (
+                  <div>
+                    <i18n.Translate>
+                      Follow this link to the{` `}
+                      <a href={transaction.kycUrl}>KYC verifier</a>
+                    </i18n.Translate>
+                  </div>
+                ) : (
+                  i18n.str`No more information has been provided`
+                ),
+            }}
+          />
+        )}
+        {transaction.txState.minor === TransactionMinorState.AmlRequired && (
+          <WarningBox>
+            <i18n.Translate>
+              The transaction has been blocked since the account required an AML
+              check
+            </i18n.Translate>
+          </WarningBox>
+        )}
         {transaction.txState.major === TransactionMajorState.Pending && (
           <WarningBox>
             <i18n.Translate>This transaction is not completed</i18n.Translate>