From 00f108b9ddd4ac3447fd29552b3a503d6daed48d Mon Sep 17 00:00:00 2001
From: Sebastian <sebasjm@gmail.com>
Date: Mon, 24 Apr 2023 23:42:14 -0300
Subject: fix #7684

---
 .../paths/instance/kyc/list/ListPage.stories.tsx   | 58 ++++++++++++++++++++++
 .../src/paths/instance/kyc/list/ListPage.tsx       | 51 ++++++++++++++-----
 2 files changed, 97 insertions(+), 12 deletions(-)
 create mode 100644 packages/merchant-backoffice-ui/src/paths/instance/kyc/list/ListPage.stories.tsx

(limited to 'packages/merchant-backoffice-ui/src/paths/instance/kyc')

diff --git a/packages/merchant-backoffice-ui/src/paths/instance/kyc/list/ListPage.stories.tsx b/packages/merchant-backoffice-ui/src/paths/instance/kyc/list/ListPage.stories.tsx
new file mode 100644
index 000000000..6c48c6d55
--- /dev/null
+++ b/packages/merchant-backoffice-ui/src/paths/instance/kyc/list/ListPage.stories.tsx
@@ -0,0 +1,58 @@
+/*
+ This file is part of GNU Taler
+ (C) 2021-2023 Taler Systems S.A.
+
+ GNU Taler is free software; you can redistribute it and/or modify it under the
+ terms of the GNU General Public License as published by the Free Software
+ Foundation; either version 3, or (at your option) any later version.
+
+ GNU Taler is distributed in the hope that it will be useful, but WITHOUT ANY
+ WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
+ A PARTICULAR PURPOSE.  See the GNU General Public License for more details.
+
+ You should have received a copy of the GNU General Public License along with
+ GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
+ */
+
+/**
+ *
+ * @author Sebastian Javier Marchano (sebasjm)
+ */
+
+import { h, VNode, FunctionalComponent } from "preact";
+import { ListPage as TestedComponent } from "./ListPage.js";
+import { tests } from "@gnu-taler/web-util/lib/index.browser";
+import { MerchantBackend } from "../../../../declaration.js";
+
+export default {
+  title: "Pages/KYC/List",
+  component: TestedComponent,
+  argTypes: {
+    onUpdate: { action: "onUpdate" },
+    onBack: { action: "onBack" },
+  },
+};
+
+export const Example = tests.createExample(TestedComponent, {
+  status: {
+    timeout_kycs: [],
+    pending_kycs: [
+      {
+        aml_status: 0,
+        exchange_url: "http://exchange.taler",
+        payto_uri: "payto://iban/de123123123",
+        kyc_url: "http://exchange.taler/kyc",
+      },
+      {
+        aml_status: 1,
+        exchange_url: "http://exchange.taler",
+        payto_uri: "payto://iban/de123123123",
+      },
+      {
+        aml_status: 2,
+        exchange_url: "http://exchange.taler",
+        payto_uri: "payto://iban/de123123123",
+      },
+    ],
+  } as MerchantBackend.Instances.AccountKycRedirects,
+});
diff --git a/packages/merchant-backoffice-ui/src/paths/instance/kyc/list/ListPage.tsx b/packages/merchant-backoffice-ui/src/paths/instance/kyc/list/ListPage.tsx
index 7966a2cdd..91d876a8a 100644
--- a/packages/merchant-backoffice-ui/src/paths/instance/kyc/list/ListPage.tsx
+++ b/packages/merchant-backoffice-ui/src/paths/instance/kyc/list/ListPage.tsx
@@ -106,23 +106,50 @@ function PendingTable({ entries }: PendingTableProps): VNode {
               <i18n.Translate>Target account</i18n.Translate>
             </th>
             <th>
-              <i18n.Translate>KYC URL</i18n.Translate>
+              <i18n.Translate>Reason</i18n.Translate>
             </th>
           </tr>
         </thead>
         <tbody>
           {entries.map((e, i) => {
-            return (
-              <tr key={i}>
-                <td>{e.exchange_url}</td>
-                <td>{e.payto_uri}</td>
-                <td>
-                  <a href={e.kyc_url} target="_black" rel="noreferrer">
-                    {e.kyc_url}
-                  </a>
-                </td>
-              </tr>
-            );
+            if (e.kyc_url === undefined) {
+              // blocked by AML
+              return (
+                <tr key={i}>
+                  <td>{e.exchange_url}</td>
+                  <td>{e.payto_uri}</td>
+                  <td>
+                    {e.aml_status === 1 ? (
+                      <i18n.Translate>
+                        There is an anti-money laundering process pending to
+                        complete
+                      </i18n.Translate>
+                    ) : (
+                      <i18n.Translate>
+                        The account is frozen due to the anti-money laundering
+                        rules. Contact the exchange service provider for further
+                        instructions.
+                      </i18n.Translate>
+                    )}
+                  </td>
+                </tr>
+              );
+            } else {
+              // blocked by KYC
+              return (
+                <tr key={i}>
+                  <td>{e.exchange_url}</td>
+                  <td>{e.payto_uri}</td>
+                  <td>
+                    <a href={e.kyc_url} target="_black" rel="noreferrer">
+                      <i18n.Translate>
+                        Pending KYC process, click here to complete
+                      </i18n.Translate>
+                    </a>
+                  </td>
+                </tr>
+              );
+            }
           })}
         </tbody>
       </table>
-- 
cgit v1.2.3