parse x-taler-bank account when comparing

1 files changed, 28 insertions, 4 deletions

diff --git a/packages/merchant-backoffice-ui/src/components/modal/index.tsx b/packages/merchant-backoffice-ui/src/components/modal/index.tsx
index ce0df75ca..ba32950b5 100644
--- a/packages/merchant-backoffice-ui/src/components/modal/index.tsx
+++ b/packages/merchant-backoffice-ui/src/components/modal/index.tsx
@@ -297,6 +297,28 @@ interface CompareAccountsModalProps {
   testPayto: PaytoUri;
 }
 
+function getHostFromHostPath(s: string | undefined) {
+  if (!s) return undefined;
+  try {
+    const u = new URL(`https://${s}`);
+    const endpath = u.pathname.lastIndexOf("/");
+    return u.origin + u.pathname.substring(0, endpath);
+  } catch (e) {
+    return undefined;
+  }
+}
+
+function getAccountIdFromHostPath(s: string | undefined) {
+  if (!s) return undefined;
+  try {
+    const u = new URL(`https://${s}`);
+    const endpath = u.pathname.lastIndexOf("/");
+    return u.pathname.substring(endpath + 1);
+  } catch (e) {
+    return undefined;
+  }
+}
+
 export function CompareAccountsModal({
   onCancel,
   onConfirm,
@@ -365,15 +387,17 @@ export function CompareAccountsModal({
                   <td>
                     <i18n.Translate>Host</i18n.Translate>
                   </td>
-                  <td>{formPayto?.targetPath ?? "--"}</td>
-                  <td>{testPayto.targetPath}</td>
+                  <td>{getHostFromHostPath(formPayto?.targetPath) ?? "--"}</td>
+                  <td>{getHostFromHostPath(testPayto.targetPath)}</td>
                 </tr>
                 <tr>
                   <td>
                     <i18n.Translate>Account id</i18n.Translate>
                   </td>
-                  <td>{formPayto?.targetPath ?? "--"}</td>
-                  <td>{testPayto.targetPath}</td>
+                  <td>
+                    {getAccountIdFromHostPath(formPayto?.targetPath) ?? "--"}
+                  </td>
+                  <td>{getAccountIdFromHostPath(testPayto.targetPath)}</td>
                 </tr>
               </Fragment>
             )}