fixing build, adding code to make get requests

169 files changed, 120 insertions, 24943 deletions

diff --git a/packages/auditor-backoffice-ui/dev.mjs b/packages/auditor-backoffice-ui/dev.mjs
index 14d5737de..d2299dad4 100755
--- a/packages/auditor-backoffice-ui/dev.mjs
+++ b/packages/auditor-backoffice-ui/dev.mjs
@@ -18,7 +18,7 @@
 import { serve } from "@gnu-taler/web-util/node";
 import { initializeDev } from "@gnu-taler/web-util/build";
 
-const devEntryPoints = ["src/stories.tsx", "src/index.tsx"];
+const devEntryPoints = ["src/index.tsx"];
 
 const build = initializeDev({
   type: "development",
diff --git a/packages/auditor-backoffice-ui/src/Application.tsx b/packages/auditor-backoffice-ui/src/Application.tsx
index e4ed29744..43d04ef1c 100644
--- a/packages/auditor-backoffice-ui/src/Application.tsx
+++ b/packages/auditor-backoffice-ui/src/Application.tsx
@@ -15,17 +15,34 @@
  */
 
 /**
- *
- * @author Sebastian Javier Marchano (sebasjm)
+ * @author Nic Eigel
  */
 
-<script type="module">
-  import {h, render} from 'https://esm.sh/preact';
+//import { tryConfig } from "hooks/backend.ts"
+import type { AuditorBackend } from "./declaration.d.ts";
+import { Fragment, VNode, h, render } from "preact";
 
-  // Create your app
-  const app = h('h1', null, 'Hello World
-!');
 
-  render(app, document.body)
-;
-</script>
\ No newline at end of file
+function tryConfig(): Promise<AuditorBackend.Config> {
+  // const request: RequestInfo = new Request('./Config.json', {
+  //   method: 'GET',
+  //   headers: headers
+  // })
+console.log("getting here");
+  return fetch("http://localhost:8083/config")
+    // the JSON body is taken from the response
+    .then(res => res.json())
+    .then(res => {
+      // The response has an `any` type, so we need to cast
+      // it to the `User` type, and return it from the promise
+      return res as AuditorBackend.Config;
+    });
+
+}
+
+let test = tryConfig();
+console.log(test);
+// Create your app
+const app = h("h1", null, test);
+
+render(app, document.body);
diff --git a/packages/auditor-backoffice-ui/src/context/backend.test.ts b/packages/auditor-backoffice-ui/src/context/backend.test.ts
deleted file mode 100644
index 359859819..000000000
--- a/packages/auditor-backoffice-ui/src/context/backend.test.ts
+++ /dev/null
@@ -1,163 +0,0 @@
-/*
- 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 * as tests from "@gnu-taler/web-util/testing";
-import { ComponentChildren, h, VNode } from "preact";
-import { AccessToken, MerchantBackend } from "../declaration.js";
-import {
-  useAdminAPI,
-  useInstanceAPI,
-  useManagementAPI,
-} from "../hooks/instance.js";
-import { expect } from "chai";
-import { ApiMockEnvironment } from "../hooks/testing.js";
-import {
-  API_CREATE_INSTANCE,
-  API_NEW_LOGIN,
-  API_UPDATE_CURRENT_INSTANCE_AUTH,
-  API_UPDATE_INSTANCE_AUTH_BY_ID,
-} from "../hooks/urls.js";
-
-interface TestingContextProps {
-  children?: ComponentChildren;
-}
-
-describe("backend context api ", () => {
-  it("should use new token after updating the instance token in the settings as user", async () => {
-    const env = new ApiMockEnvironment();
-
-    const hookBehavior = await tests.hookBehaveLikeThis(
-      () => {
-        const instance = useInstanceAPI();
-        const management = useManagementAPI("default");
-        const admin = useAdminAPI();
-
-        return { instance, management, admin };
-      },
-      {},
-      [
-        ({ instance, management, admin }) => {
-          env.addRequestExpectation(API_UPDATE_INSTANCE_AUTH_BY_ID("default"), {
-            request: {
-              method: "token",
-              token: "another_token",
-            },
-            response: {
-              name: "instance_name",
-            } as MerchantBackend.Instances.QueryInstancesResponse,
-          });
-          env.addRequestExpectation(API_NEW_LOGIN, {
-            auth: "another_token",
-            request: {
-              scope: "write",
-              duration: {
-                "d_us": "forever",
-              },
-              refreshable: true,
-            },
-            
-          });
-
-          management.setNewAccessToken(undefined,"another_token" as AccessToken);
-        },
-        ({ instance, management, admin }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-
-          env.addRequestExpectation(API_CREATE_INSTANCE, {
-            // auth: "another_token",
-            request: {
-              id: "new_instance_id",
-            } as MerchantBackend.Instances.InstanceConfigurationMessage,
-          });
-
-          admin.createInstance({
-            id: "new_instance_id",
-          } as MerchantBackend.Instances.InstanceConfigurationMessage);
-        },
-      ],
-      env.buildTestingContext(),
-    );
-
-    expect(hookBehavior).deep.eq({ result: "ok" });
-    expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-  });
-
-  it("should use new token after updating the instance token in the settings as admin", async () => {
-    const env = new ApiMockEnvironment();
-
-    const hookBehavior = await tests.hookBehaveLikeThis(
-      () => {
-        const instance = useInstanceAPI();
-        const management = useManagementAPI("default");
-        const admin = useAdminAPI();
-
-        return { instance, management, admin };
-      },
-      {},
-      [
-        ({ instance, management, admin }) => {
-          env.addRequestExpectation(API_UPDATE_CURRENT_INSTANCE_AUTH, {
-            request: {
-              method: "token",
-              token: "another_token",
-            },
-            response: {
-              name: "instance_name",
-            } as MerchantBackend.Instances.QueryInstancesResponse,
-          });
-          env.addRequestExpectation(API_NEW_LOGIN, {
-            auth: "another_token",
-            request: {
-              scope: "write",
-              duration: {
-                "d_us": "forever",
-              },
-              refreshable: true,
-            },            
-          });
-          instance.setNewAccessToken(undefined, "another_token" as AccessToken);
-        },
-        ({ instance, management, admin }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-
-          env.addRequestExpectation(API_CREATE_INSTANCE, {
-            // auth: "another_token",
-            request: {
-              id: "new_instance_id",
-            } as MerchantBackend.Instances.InstanceConfigurationMessage,
-          });
-
-          admin.createInstance({
-            id: "new_instance_id",
-          } as MerchantBackend.Instances.InstanceConfigurationMessage);
-        },
-      ],
-      env.buildTestingContext(),
-    );
-
-    expect(hookBehavior).deep.eq({ result: "ok" });
-    expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-  });
-});
diff --git a/packages/auditor-backoffice-ui/src/context/backend.ts b/packages/auditor-backoffice-ui/src/context/backend.ts
deleted file mode 100644
index b13b92c42..000000000
--- a/packages/auditor-backoffice-ui/src/context/backend.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-/*
- This file is part of GNU Taler
- (C) 2021-2024 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 { useMemoryStorage } from "@gnu-taler/web-util/browser";
-import { createContext, h, VNode } from "preact";
-import { useContext } from "preact/hooks";
-import { LoginToken } from "../declaration.js";
-import { useBackendDefaultToken, useBackendURL } from "../hooks/index.js";
-
-interface BackendContextType {
-  url: string,
-  alreadyTriedLogin: boolean;
-  token?: LoginToken;
-  updateToken: (token: LoginToken | undefined) => void;
-}
-
-const BackendContext = createContext<BackendContextType>({
-  url: "",
-  alreadyTriedLogin: false,
-  token: undefined,
-  updateToken: () => null,
-});
-
-function useBackendContextState(
-  defaultUrl?: string,
-): BackendContextType {
-const [url] = useBackendURL(defaultUrl);
-  //const url = "http://localhost:8081";
-  const [token, updateToken] = useBackendDefaultToken();
-
-  return {
-    url,
-    token,
-    alreadyTriedLogin: token !== undefined,
-    updateToken,
-  };
-}
-
-export const BackendContextProvider = ({
-  children,
-  defaultUrl,
-}: {
-  children: any;
-  defaultUrl?: string;
-}): VNode => {
-  const value = useBackendContextState(defaultUrl);
-
-  return h(BackendContext.Provider, { value, children });
-};
-
-export const useBackendContext = (): BackendContextType =>
-  useContext(BackendContext);
diff --git a/packages/auditor-backoffice-ui/src/context/config.ts b/packages/auditor-backoffice-ui/src/context/config.ts
deleted file mode 100644
index def45ea64..000000000
--- a/packages/auditor-backoffice-ui/src/context/config.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-/*
- This file is part of GNU Taler
- (C) 2021-2024 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 { createContext } from "preact";
-import { useContext } from "preact/hooks";
-
-interface Type {
-  currency: string;
-  version: string;
-}
-const Context = createContext<Type>(null!);
-
-export const ConfigContextProvider = Context.Provider;
-export const useConfigContext = (): Type => useContext(Context);
diff --git a/packages/auditor-backoffice-ui/src/context/instance.ts b/packages/auditor-backoffice-ui/src/context/instance.ts
deleted file mode 100644
index 5800ade7e..000000000
--- a/packages/auditor-backoffice-ui/src/context/instance.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-/*
- This file is part of GNU Taler
- (C) 2021-2024 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 { createContext } from "preact";
-import { useContext } from "preact/hooks";
-import { LoginToken } from "../declaration.js";
-
-interface Type {
-  id: string;
-  token?: LoginToken;
-  admin?: boolean;
-  changeToken: (t?: LoginToken) => void;
-}
-
-const Context = createContext<Type>({} as any);
-
-export const InstanceContextProvider = Context.Provider;
-export const useInstanceContext = (): Type => useContext(Context);
diff --git a/packages/auditor-backoffice-ui/src/declaration.d.ts b/packages/auditor-backoffice-ui/src/declaration.d.ts
index f539ea38d..4eea56db8 100644
--- a/packages/auditor-backoffice-ui/src/declaration.d.ts
+++ b/packages/auditor-backoffice-ui/src/declaration.d.ts
@@ -33,4 +33,13 @@ export namespace AuditorBackend {
     // account
     account: string;
   }
+
+  interface Config {
+    name: string;
+    version: string;
+    implementation: string;
+    currency: string;
+    auditor_public_key: string;
+    exchange_master_public_key: string;
+  }
 }
\ No newline at end of file
diff --git a/packages/auditor-backoffice-ui/src/hooks/backend.ts b/packages/auditor-backoffice-ui/src/hooks/backend.ts
new file mode 100644
index 000000000..7f293162f
--- /dev/null
+++ b/packages/auditor-backoffice-ui/src/hooks/backend.ts
@@ -0,0 +1,21 @@
+//import { HttpResponse, RequestError } from "@gnu-taler/web-util/lib/utils/request.js";
+import { AuditorBackend } from "../declaration.js";
+import Config = AuditorBackend.Config;
+
+export function tryConfig(): Promise<Config> {
+  // const request: RequestInfo = new Request('./Config.json', {
+  //   method: 'GET',
+  //   headers: headers
+  // })
+
+  return fetch("/config.json")
+    // the JSON body is taken from the response
+    .then(res => res.json())
+    .then(res => {
+      // The response has an `any` type, so we need to cast
+      // it to the `User` type, and return it from the promise
+      return res as Config;
+    });
+
+}
+
diff --git a/packages/auditor-backoffice-ui/src/hooks/old/async.ts b/packages/auditor-backoffice-ui/src/hooks/old/async.ts
deleted file mode 100644
index f22badc88..000000000
--- a/packages/auditor-backoffice-ui/src/hooks/old/async.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-/*
- 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 { useState } from "preact/hooks";
-
-export interface Options {
-  slowTolerance: number;
-}
-
-export interface AsyncOperationApi<T> {
-  request: (...a: any) => void;
-  cancel: () => void;
-  data: T | undefined;
-  isSlow: boolean;
-  isLoading: boolean;
-  error: string | undefined;
-}
-
-export function useAsync<T>(
-  fn?: (...args: any) => Promise<T>,
-  { slowTolerance: tooLong }: Options = { slowTolerance: 1000 },
-): AsyncOperationApi<T> {
-  const [data, setData] = useState<T | undefined>(undefined);
-  const [isLoading, setLoading] = useState<boolean>(false);
-  const [error, setError] = useState<any>(undefined);
-  const [isSlow, setSlow] = useState(false);
-
-  const request = async (...args: any) => {
-    if (!fn) return;
-    setLoading(true);
-
-    const handler = setTimeout(() => {
-      setSlow(true);
-    }, tooLong);
-
-    try {
-      const result = await fn(...args);
-      setData(result);
-    } catch (error) {
-      setError(error);
-    }
-    setLoading(false);
-    setSlow(false);
-    clearTimeout(handler);
-  };
-
-  function cancel(): void {
-    setLoading(false);
-    setSlow(false);
-  }
-
-  return {
-    request,
-    cancel,
-    data,
-    isSlow,
-    isLoading,
-    error,
-  };
-}
diff --git a/packages/auditor-backoffice-ui/src/hooks/old/backend.ts b/packages/auditor-backoffice-ui/src/hooks/old/backend.ts
deleted file mode 100644
index 8d99546a8..000000000
--- a/packages/auditor-backoffice-ui/src/hooks/old/backend.ts
+++ /dev/null
@@ -1,477 +0,0 @@
-/*
- 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 { AbsoluteTime, HttpStatusCode } from "@gnu-taler/taler-util";
-import {
-  ErrorType,
-  HttpError,
-  HttpResponse,
-  HttpResponseOk,
-  RequestError,
-  RequestOptions,
-  useApiContext,
-} from "@gnu-taler/web-util/browser";
-import { useCallback, useEffect, useState } from "preact/hooks";
-import { useSWRConfig } from "swr";
-import { useBackendContext } from "../context/backend.js";
-import { useInstanceContext } from "../context/instance.js";
-import { AccessToken, LoginToken, MerchantBackend, Timestamp } from "../declaration.js";
-
-
-export function useMatchMutate(): (
-  re?: RegExp,
-  value?: unknown,
-) => Promise<any> {
-  const { cache, mutate } = useSWRConfig();
-
-  if (!(cache instanceof Map)) {
-    throw new Error(
-      "matchMutate requires the cache provider to be a Map instance",
-    );
-  }
-
-  return function matchRegexMutate(re?: RegExp) {
-    return mutate((key) => {
-      // evict if no key or regex === all
-      if (!key || !re) return true
-      // match string
-      if (typeof key === 'string' && re.test(key)) return true
-      // record or object have the path at [0]
-      if (typeof key === 'object' && re.test(key[0])) return true
-      //key didn't match regex
-      return false
-    }, undefined, {
-      revalidate: true,
-    });
-  };
-}
-
-export function useBackendInstancesTestForAdmin(): HttpResponse<
-  MerchantBackend.Instances.InstancesResponse,
-  MerchantBackend.ErrorDetail
-> {
-  const { request } = useBackendBaseRequest();
-
-  type Type = MerchantBackend.Instances.InstancesResponse;
-
-  const [result, setResult] = useState<
-    HttpResponse<Type, MerchantBackend.ErrorDetail>
-  >({ loading: true });
-
-  useEffect(() => {
-    request<Type>(`/management/instances`)
-      .then((data) => setResult(data))
-      .catch((error: RequestError<MerchantBackend.ErrorDetail>) =>
-        setResult(error.cause),
-      );
-  }, [request]);
-
-  return result;
-}
-
-const CHECK_CONFIG_INTERVAL_OK = 5 * 60 * 1000;
-const CHECK_CONFIG_INTERVAL_FAIL = 2 * 1000;
-
-export function useBackendConfig(): HttpResponse<
-  MerchantBackend.VersionResponse | undefined,
-  RequestError<MerchantBackend.ErrorDetail>
-> {
-  const { request } = useBackendBaseRequest();
-
-  type Type = MerchantBackend.VersionResponse;
-  type State = { data: HttpResponse<Type, RequestError<MerchantBackend.ErrorDetail>>, timer: number }
-  const [result, setResult] = useState<State>({ data: { loading: true }, timer: 0 });
-
-  useEffect(() => {
-    if (result.timer) {
-      clearTimeout(result.timer)
-    }
-    function tryConfig(): void {
-      request<Type>(`/config`)
-        .then((data) => {
-          const timer: any = setTimeout(() => {
-            tryConfig()
-          }, CHECK_CONFIG_INTERVAL_OK)
-          setResult({ data, timer })
-        })
-        .catch((error) => {
-          const timer: any = setTimeout(() => {
-            tryConfig()
-          }, CHECK_CONFIG_INTERVAL_FAIL)
-          const data = error.cause
-          setResult({ data, timer })
-        });
-    }
-    tryConfig()
-  }, [request]);
-
-  return result.data;
-}
-
-interface useBackendInstanceRequestType {
-  request: <T>(
-    endpoint: string,
-    options?: RequestOptions,
-  ) => Promise<HttpResponseOk<T>>;
-  fetcher: <T>(endpoint: string) => Promise<HttpResponseOk<T>>;
-  reserveDetailFetcher: <T>(endpoint: string) => Promise<HttpResponseOk<T>>;
-  rewardsDetailFetcher: <T>(endpoint: string) => Promise<HttpResponseOk<T>>;
-  multiFetcher: <T>(params: [url: string[]]) => Promise<HttpResponseOk<T>[]>;
-  orderFetcher: <T>(
-    params: [endpoint: string,
-      paid?: YesOrNo,
-      refunded?: YesOrNo,
-      wired?: YesOrNo,
-      searchDate?: Date,
-      delta?: number,]
-  ) => Promise<HttpResponseOk<T>>;
-  transferFetcher: <T>(
-    params: [endpoint: string,
-      payto_uri?: string,
-      verified?: string,
-      position?: string,
-      delta?: number,]
-  ) => Promise<HttpResponseOk<T>>;
-  templateFetcher: <T>(
-    params: [endpoint: string,
-      position?: string,
-      delta?: number]
-  ) => Promise<HttpResponseOk<T>>;
-  webhookFetcher: <T>(
-    params: [endpoint: string,
-      position?: string,
-      delta?: number]
-  ) => Promise<HttpResponseOk<T>>;
-}
-interface useBackendBaseRequestType {
-  request: <T>(
-    endpoint: string,
-    options?: RequestOptions,
-  ) => Promise<HttpResponseOk<T>>;
-}
-
-type YesOrNo = "yes" | "no";
-type LoginResult = {
-  valid: true;
-  token: string;
-  expiration: Timestamp;
-} | {
-  valid: false;
-  cause: HttpError<{}>;
-}
-
-export function useCredentialsChecker() {
-  const { request } = useApiContext();
-  //check against instance details endpoint
-  //while merchant backend doesn't have a login endpoint
-  async function requestNewLoginToken(
-    baseUrl: string,
-    token: AccessToken,
-  ): Promise<LoginResult> {
-    const data: MerchantBackend.Instances.LoginTokenRequest = {
-      scope: "write",
-      duration: {
-        d_us: "forever"
-      },
-      refreshable: true,
-    }
-    try {
-      const response = await request<MerchantBackend.Instances.LoginTokenSuccessResponse>(baseUrl, `/private/token`, {
-        method: "POST",
-        token,
-        data
-      });
-      return { valid: true, token: response.data.token, expiration: response.data.expiration };
-    } catch (error) {
-      if (error instanceof RequestError) {
-        return { valid: false, cause: error.cause };
-      }
-
-      return {
-        valid: false, cause: {
-          type: ErrorType.UNEXPECTED,
-          loading: false,
-          info: {
-            hasToken: true,
-            status: 0,
-            options: {},
-            url: `/private/token`,
-            payload: {}
-          },
-          exception: error,
-          message: (error instanceof Error ? error.message : "unpexepected error")
-        }
-      };
-    }
-  };
-
-  async function refreshLoginToken(
-    baseUrl: string,
-    token: LoginToken
-  ): Promise<LoginResult> {
-
-    if (AbsoluteTime.isExpired(AbsoluteTime.fromProtocolTimestamp(token.expiration))) {
-      return {
-        valid: false, cause: {
-          type: ErrorType.CLIENT,
-          status: HttpStatusCode.Unauthorized,
-          message: "login token expired, login again.",
-          info: {
-            hasToken: true,
-            status: 401,
-            options: {},
-            url: `/private/token`,
-            payload: {}
-          },
-          payload: {}
-        },
-      }
-    }
-
-    return requestNewLoginToken(baseUrl, token.token as AccessToken)
-  }
-  return { requestNewLoginToken, refreshLoginToken }
-}
-
-/**
- *
- * @param root the request is intended to the base URL and no the instance URL
- * @returns request handler to
- */
-export function useBackendBaseRequest(): useBackendBaseRequestType {
-  const { url: backend, token: loginToken } = useBackendContext();
-  const { request: requestHandler } = useApiContext();
-  const token = loginToken?.token;
-
-  const request = useCallback(
-    function requestImpl<T>(
-      endpoint: string,
-      options: RequestOptions = {},
-    ): Promise<HttpResponseOk<T>> {
-      return requestHandler<T>(backend, endpoint, { ...options, token }).then(res => {
-        return res
-      }).catch(err => {
-        throw err
-      });
-    },
-    [backend, token],
-  );
-
-  return { request };
-}
-
-export function useBackendInstanceRequest(): useBackendInstanceRequestType {
-  const { url: rootBackendUrl, token: rootToken } = useBackendContext();
-  const { token: instanceToken, id, admin } = useInstanceContext();
-  const { request: requestHandler } = useApiContext();
-
-  const { baseUrl, token: loginToken } = !admin
-    ? { baseUrl: rootBackendUrl, token: rootToken }
-    : { baseUrl: `${rootBackendUrl}/instances/${id}`, token: instanceToken };
-
-  const token = loginToken?.token;
-
-  const request = useCallback(
-    function requestImpl<T>(
-      endpoint: string,
-      options: RequestOptions = {},
-    ): Promise<HttpResponseOk<T>> {
-      return requestHandler<T>(baseUrl, endpoint, { token, ...options });
-    },
-    [baseUrl, token],
-  );
-
-  const multiFetcher = useCallback(
-    function multiFetcherImpl<T>(
-      args: [endpoints: string[]],
-    ): Promise<HttpResponseOk<T>[]> {
-      const [endpoints] = args
-      return Promise.all(
-        endpoints.map((endpoint) =>
-          requestHandler<T>(baseUrl, endpoint, { token }),
-        ),
-      );
-    },
-    [baseUrl, token],
-  );
-
-  const fetcher = useCallback(
-    function fetcherImpl<T>(endpoint: string): Promise<HttpResponseOk<T>> {
-      return requestHandler<T>(baseUrl, endpoint, { token });
-    },
-    [baseUrl, token],
-  );
-
-  const orderFetcher = useCallback(
-    function orderFetcherImpl<T>(
-      args: [endpoint: string,
-        paid?: YesOrNo,
-        refunded?: YesOrNo,
-        wired?: YesOrNo,
-        searchDate?: Date,
-        delta?: number,]
-    ): Promise<HttpResponseOk<T>> {
-      const [endpoint, paid, refunded, wired, searchDate, delta] = args
-      const date_s =
-        delta && delta < 0 && searchDate
-          ? Math.floor(searchDate.getTime() / 1000) + 1
-          : searchDate !== undefined ? Math.floor(searchDate.getTime() / 1000) : undefined;
-      const params: any = {};
-      if (paid !== undefined) params.paid = paid;
-      if (delta !== undefined) params.delta = delta;
-      if (refunded !== undefined) params.refunded = refunded;
-      if (wired !== undefined) params.wired = wired;
-      if (date_s !== undefined) params.date_s = date_s;
-      if (delta === 0) {
-        //in this case we can already assume the response 
-        //and avoid network
-        return Promise.resolve({
-          ok: true,
-          data: { orders: [] } as T,
-        })
-      }
-      return requestHandler<T>(baseUrl, endpoint, { params, token });
-    },
-    [baseUrl, token],
-  );
-
-  const reserveDetailFetcher = useCallback(
-    function reserveDetailFetcherImpl<T>(
-      endpoint: string,
-    ): Promise<HttpResponseOk<T>> {
-      return requestHandler<T>(baseUrl, endpoint, {
-        params: {
-          rewards: "yes",
-        },
-        token,
-      });
-    },
-    [baseUrl, token],
-  );
-
-  const rewardsDetailFetcher = useCallback(
-    function rewardsDetailFetcherImpl<T>(
-      endpoint: string,
-    ): Promise<HttpResponseOk<T>> {
-      return requestHandler<T>(baseUrl, endpoint, {
-        params: {
-          pickups: "yes",
-        },
-        token,
-      });
-    },
-    [baseUrl, token],
-  );
-
-  const transferFetcher = useCallback(
-    function transferFetcherImpl<T>(
-      args: [endpoint: string,
-        payto_uri?: string,
-        verified?: string,
-        position?: string,
-        delta?: number,]
-    ): Promise<HttpResponseOk<T>> {
-      const [endpoint, payto_uri, verified, position, delta] = args
-      const params: any = {};
-      if (payto_uri !== undefined) params.payto_uri = payto_uri;
-      if (verified !== undefined) params.verified = verified;
-      if (delta === 0) {
-        //in this case we can already assume the response 
-        //and avoid network
-        return Promise.resolve({
-          ok: true,
-          data: { transfers: [] } as T,
-        })
-      }
-      if (delta !== undefined) {
-        params.limit = delta;
-      }
-      if (position !== undefined) params.offset = position;
-
-      return requestHandler<T>(baseUrl, endpoint, { params, token });
-    },
-    [baseUrl, token],
-  );
-
-  const templateFetcher = useCallback(
-    function templateFetcherImpl<T>(
-      args: [endpoint: string,
-        position?: string,
-        delta?: number,]
-    ): Promise<HttpResponseOk<T>> {
-      const [endpoint, position, delta] = args
-      const params: any = {};
-      if (delta === 0) {
-        //in this case we can already assume the response 
-        //and avoid network
-        return Promise.resolve({
-          ok: true,
-          data: { templates: [] } as T,
-        })
-      }
-      if (delta !== undefined) {
-        params.limit = delta;
-      }
-      if (position !== undefined) params.offset = position;
-
-      return requestHandler<T>(baseUrl, endpoint, { params, token });
-    },
-    [baseUrl, token],
-  );
-
-  const webhookFetcher = useCallback(
-    function webhookFetcherImpl<T>(
-      args: [endpoint: string,
-        position?: string,
-        delta?: number,]
-    ): Promise<HttpResponseOk<T>> {
-      const [endpoint, position, delta] = args
-      const params: any = {};
-      if (delta === 0) {
-        //in this case we can already assume the response 
-        //and avoid network
-        return Promise.resolve({
-          ok: true,
-          data: { webhooks: [] } as T,
-        })
-      }
-      if (delta !== undefined) {
-        params.limit = delta;
-      }
-      if (position !== undefined) params.offset = position;
-
-      return requestHandler<T>(baseUrl, endpoint, { params, token });
-    },
-    [baseUrl, token],
-  );
-
-  return {
-    request,
-    fetcher,
-    multiFetcher,
-    orderFetcher,
-    reserveDetailFetcher,
-    rewardsDetailFetcher,
-    transferFetcher,
-    templateFetcher,
-    webhookFetcher,
-  };
-}
diff --git a/packages/auditor-backoffice-ui/src/hooks/old/bank.ts b/packages/auditor-backoffice-ui/src/hooks/old/bank.ts
deleted file mode 100644
index 03b064646..000000000
--- a/packages/auditor-backoffice-ui/src/hooks/old/bank.ts
+++ /dev/null
@@ -1,217 +0,0 @@
-/*
- 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/>
- */
-import {
-  HttpResponse,
-  HttpResponseOk,
-  HttpResponsePaginated,
-  RequestError,
-} from "@gnu-taler/web-util/browser";
-import { useEffect, useState } from "preact/hooks";
-import { MerchantBackend } from "../declaration.js";
-import { MAX_RESULT_SIZE, PAGE_SIZE } from "../utils/constants.js";
-import { useBackendInstanceRequest, useMatchMutate } from "./backend.js";
-
-// FIX default import https://github.com/microsoft/TypeScript/issues/49189
-import _useSWR, { SWRHook } from "swr";
-const useSWR = _useSWR as unknown as SWRHook;
-
-// const MOCKED_ACCOUNTS: Record<string, MerchantBackend.BankAccounts.AccountAddDetails> = {
-//   "hwire1": {
-//     h_wire: "hwire1",
-//     payto_uri: "payto://fake/iban/123",
-//     salt: "qwe",
-//   },
-//   "hwire2": {
-//     h_wire: "hwire2",
-//     payto_uri: "payto://fake/iban/123",
-//     salt: "qwe2",
-//   },
-// }
-
-export function useBankAccountAPI(): BankAccountAPI {
-  const mutateAll = useMatchMutate();
-  const { request } = useBackendInstanceRequest();
-
-  const createBankAccount = async (
-    data: MerchantBackend.BankAccounts.AccountAddDetails,
-  ): Promise<HttpResponseOk<void>> => {
-    // MOCKED_ACCOUNTS[data.h_wire] = data
-    // return Promise.resolve({ ok: true, data: undefined });
-    const res = await request<void>(`/private/accounts`, {
-      method: "POST",
-      data,
-    });
-    await mutateAll(/.*private\/accounts.*/);
-    return res;
-  };
-
-  const updateBankAccount = async (
-    h_wire: string,
-    data: MerchantBackend.BankAccounts.AccountPatchDetails,
-  ): Promise<HttpResponseOk<void>> => {
-    // MOCKED_ACCOUNTS[h_wire].credit_facade_credentials = data.credit_facade_credentials
-    // MOCKED_ACCOUNTS[h_wire].credit_facade_url = data.credit_facade_url
-    // return Promise.resolve({ ok: true, data: undefined });
-    const res = await request<void>(`/private/accounts/${h_wire}`, {
-      method: "PATCH",
-      data,
-    });
-    await mutateAll(/.*private\/accounts.*/);
-    return res;
-  };
-
-  const deleteBankAccount = async (
-    h_wire: string,
-  ): Promise<HttpResponseOk<void>> => {
-    // delete MOCKED_ACCOUNTS[h_wire]
-    // return Promise.resolve({ ok: true, data: undefined });
-    const res = await request<void>(`/private/accounts/${h_wire}`, {
-      method: "DELETE",
-    });
-    await mutateAll(/.*private\/accounts.*/);
-    return res;
-  };
-
-  return {
-    createBankAccount,
-    updateBankAccount,
-    deleteBankAccount,
-  };
-}
-
-export interface BankAccountAPI {
-  createBankAccount: (
-    data: MerchantBackend.BankAccounts.AccountAddDetails,
-  ) => Promise<HttpResponseOk<void>>;
-  updateBankAccount: (
-    id: string,
-    data: MerchantBackend.BankAccounts.AccountPatchDetails,
-  ) => Promise<HttpResponseOk<void>>;
-  deleteBankAccount: (id: string) => Promise<HttpResponseOk<void>>;
-}
-
-export interface InstanceBankAccountFilter {
-}
-
-export function useInstanceBankAccounts(
-  args?: InstanceBankAccountFilter,
-  updatePosition?: (id: string) => void,
-): HttpResponsePaginated<
-  MerchantBackend.BankAccounts.AccountsSummaryResponse,
-  MerchantBackend.ErrorDetail
-> {
-  // return {
-  //   ok: true,
-  //   loadMore() { },
-  //   loadMorePrev() { },
-  //   data: {
-  //     accounts: Object.values(MOCKED_ACCOUNTS).map(e => ({
-  //       ...e,
-  //       active: true,
-  //     }))
-  //   }
-  // }
-  const { fetcher } = useBackendInstanceRequest();
-
-  const [pageAfter, setPageAfter] = useState(1);
-
-  const totalAfter = pageAfter * PAGE_SIZE;
-  const {
-    data: afterData,
-    error: afterError,
-    isValidating: loadingAfter,
-  } = useSWR<
-    HttpResponseOk<MerchantBackend.BankAccounts.AccountsSummaryResponse>,
-    RequestError<MerchantBackend.ErrorDetail>
-  >([`/private/accounts`], fetcher);
-
-  const [lastAfter, setLastAfter] = useState<
-    HttpResponse<
-      MerchantBackend.BankAccounts.AccountsSummaryResponse,
-      MerchantBackend.ErrorDetail
-    >
-  >({ loading: true });
-  useEffect(() => {
-    if (afterData) setLastAfter(afterData);
-  }, [afterData /*, beforeData*/]);
-
-  if (afterError) return afterError.cause;
-
-  // if the query returns less that we ask, then we have reach the end or beginning
-  const isReachingEnd =
-    afterData && afterData.data.accounts.length < totalAfter;
-  const isReachingStart = false;
-
-  const pagination = {
-    isReachingEnd,
-    isReachingStart,
-    loadMore: () => {
-      if (!afterData || isReachingEnd) return;
-      if (afterData.data.accounts.length < MAX_RESULT_SIZE) {
-        setPageAfter(pageAfter + 1);
-      } else {
-        const from = `${afterData.data.accounts[afterData.data.accounts.length - 1]
-          .h_wire
-          }`;
-        if (from && updatePosition) updatePosition(from);
-      }
-    },
-    loadMorePrev: () => {
-    },
-  };
-
-  const accounts = !afterData ? [] : (afterData || lastAfter).data.accounts;
-  if (loadingAfter /* || loadingBefore */)
-    return { loading: true, data: { accounts } };
-  if (/*beforeData &&*/ afterData) {
-    return { ok: true, data: { accounts }, ...pagination };
-  }
-  return { loading: true };
-}
-
-export function useBankAccountDetails(
-  h_wire: string,
-): HttpResponse<
-  MerchantBackend.BankAccounts.BankAccountEntry,
-  MerchantBackend.ErrorDetail
-> {
-  // return {
-  //   ok: true,
-  //   data: {
-  //     ...MOCKED_ACCOUNTS[h_wire],
-  //     active: true,
-  //   }
-  // }
-  const { fetcher } = useBackendInstanceRequest();
-
-  const { data, error, isValidating } = useSWR<
-    HttpResponseOk<MerchantBackend.BankAccounts.BankAccountEntry>,
-    RequestError<MerchantBackend.ErrorDetail>
-  >([`/private/accounts/${h_wire}`], fetcher, {
-    refreshInterval: 0,
-    refreshWhenHidden: false,
-    revalidateOnFocus: false,
-    revalidateOnReconnect: false,
-    refreshWhenOffline: false,
-  });
-
-  if (isValidating) return { loading: true, data: data?.data };
-  if (data) {
-    return data;
-  }
-  if (error) return error.cause;
-  return { loading: true };
-}
diff --git a/packages/auditor-backoffice-ui/src/hooks/old/deposit_confirmations.ts b/packages/auditor-backoffice-ui/src/hooks/old/deposit_confirmations.ts
deleted file mode 100644
index e4ec9a2f2..000000000
--- a/packages/auditor-backoffice-ui/src/hooks/old/deposit_confirmations.ts
+++ /dev/null
@@ -1,161 +0,0 @@
-/*

- This file is part of GNU Taler

- (C) 2021-2024 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/>

- */

-import {

-  HttpResponse,

-  HttpResponseOk,

-  RequestError,

-} from "@gnu-taler/web-util/browser";

-import { AuditorBackend, MerchantBackend, WithId } from "../declaration.js";

-import { useBackendInstanceRequest, useMatchMutate } from "./backend.js";

-

-// FIX default import https://github.com/microsoft/TypeScript/issues/49189

-import _useSWR, { SWRHook, useSWRConfig } from "swr";

-const useSWR = _useSWR as unknown as SWRHook;

-

-export interface DepositConfirmationAPI {

-  getDepositConfirmation: (

-    id: string,

-  ) => Promise<void>;

-  createDepositConfirmation: (

-    data: MerchantBackend.Products.ProductAddDetail,

-  ) => Promise<void>;

-  updateDepositConfirmation: (

-    id: string,

-    data: MerchantBackend.Products.ProductPatchDetail,

-  ) => Promise<void>;

-  deleteDepositConfirmation: (id: string) => Promise<void>;

-}

-

-export function useDepositConfirmationAPI(): DepositConfirmationAPI {

-  const mutateAll = useMatchMutate();

-  const { mutate } = useSWRConfig();

-

-  const { request } = useBackendInstanceRequest();

-

-  const createDepositConfirmation = async (

-    data: MerchantBackend.Products.ProductAddDetail,

-  ): Promise<void> => {

-    const res = await request(`/private/products`, {

-      method: "POST",

-      data,

-    });

-

-    return await mutateAll(/.*\/private\/products.*/);

-  };

-

-  const updateDepositConfirmation = async (

-    productId: string,

-    data: MerchantBackend.Products.ProductPatchDetail,

-  ): Promise<void> => {

-    const r = await request(`/private/products/${productId}`, {

-      method: "PATCH",

-      data,

-    });

-

-    return await mutateAll(/.*\/private\/products.*/);

-  };

-

-  const deleteDepositConfirmation = async (productId: string): Promise<void> => {

-    await request(`/private/products/${productId}`, {

-      method: "DELETE",

-    });

-    await mutate([`/private/products`]);

-  };

-

-  const getDepositConfirmation = async (

-    serialId: string,

-  ): Promise<void> => {

-    await request(`/deposit-confirmation/${serialId}`, {

-      method: "GET",

-    });

-

-    return

-  };

-

-  return {createDepositConfirmation, updateDepositConfirmation, deleteDepositConfirmation, getDepositConfirmation};

-}

-

-export function useDepositConfirmation(): HttpResponse<

-  (AuditorBackend.DepositConfirmation.DepositConfirmationDetail & WithId)[],

-  AuditorBackend.ErrorDetail

-> {

-  const { fetcher, multiFetcher } = useBackendInstanceRequest();

-

-  const { data: list, error: listError } = useSWR<

-    HttpResponseOk<AuditorBackend.DepositConfirmation.DepositConfirmationList>,

-    RequestError<AuditorBackend.ErrorDetail>

-  >([`/deposit-confirmation`], fetcher, {

-    refreshInterval: 0,

-    refreshWhenHidden: false,

-    revalidateOnFocus: false,

-    revalidateOnReconnect: false,

-    refreshWhenOffline: false,

-  });

-

-  const paths = (list?.data.depositConfirmations || []).map(

-    (p) => `/deposit-confirmation/${p.serial_id}`,

-  );

-  const { data: depositConfirmations, error: depositConfirmationError } = useSWR<

-    HttpResponseOk<AuditorBackend.DepositConfirmation.DepositConfirmationDetail>[],

-    RequestError<AuditorBackend.ErrorDetail>

-  >([paths], multiFetcher, {

-    refreshInterval: 0,

-    refreshWhenHidden: false,

-    revalidateOnFocus: false,

-    revalidateOnReconnect: false,

-    refreshWhenOffline: false,

-  });

-

-  if (listError) return listError.cause;

-  if (depositConfirmationError) return depositConfirmationError.cause;

-

-  if (depositConfirmations) {

-    const dataWithId = depositConfirmations.map((d) => {

-      //take the id from the queried url

-      return {

-        ...d.data,

-        id: d.info?.url.replace(/.*\/deposit-confirmation\//, "") || "",

-      };

-    });

-    return { ok: true, data: dataWithId };

-  }

-  return { loading: true };

-}

-

-export function useDepositConfirmationDetails(

-  serialId: string,

-): HttpResponse<

-  AuditorBackend.DepositConfirmation.DepositConfirmationDetail,

-  AuditorBackend.ErrorDetail

-> {

-  const { fetcher } = useBackendInstanceRequest();

-

-  const { data, error, isValidating } = useSWR<

-    HttpResponseOk<AuditorBackend.DepositConfirmation.DepositConfirmationDetail>,

-    RequestError<AuditorBackend.ErrorDetail>

-  >([`/deposit-confirmation/${serialId}`], fetcher, {

-    refreshInterval: 0,

-    refreshWhenHidden: false,

-    revalidateOnFocus: false,

-    revalidateOnReconnect: false,

-    refreshWhenOffline: false,

-  });

-

-  if (isValidating) return { loading: true, data: data?.data };

-  if (data) return data;

-  if (error) return error.cause;

-  return { loading: true };

-}

diff --git a/packages/auditor-backoffice-ui/src/hooks/old/index.ts b/packages/auditor-backoffice-ui/src/hooks/old/index.ts
deleted file mode 100644
index 61afbc94a..000000000
--- a/packages/auditor-backoffice-ui/src/hooks/old/index.ts
+++ /dev/null
@@ -1,151 +0,0 @@
-/*
- This file is part of GNU Taler
- (C) 2021-2024 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 { buildCodecForObject, codecForMap, codecForString, codecForTimestamp } from "@gnu-taler/taler-util";
-import { buildStorageKey, useLocalStorage } from "@gnu-taler/web-util/browser";
-import { StateUpdater, useEffect, useState } from "preact/hooks";
-import { LoginToken } from "../declaration.js";
-import { ValueOrFunction } from "../utils/types.js";
-import { useMatchMutate } from "./backend.js";
-
-const calculateRootPath = () => {
-  const rootPath =
-    typeof window !== undefined
-      ? window.location.origin + window.location.pathname
-      : "/";
-
-  /**
-   * By default, merchant backend serves the html content
-   * from the /webui root. This should cover most of the 
-   * cases and the rootPath will be the merchant backend
-   * URL where the instances are
-   */
-  return rootPath.replace("/webui/", "");
-};
-
-const loginTokenCodec = buildCodecForObject<LoginToken>()
-  .property("token", codecForString())
-  .property("expiration", codecForTimestamp)
-  .build("loginToken")
-const TOKENS_KEY = buildStorageKey("auditor-token", codecForMap(loginTokenCodec));
-
-
-export function useBackendURL(
-  url?: string,
-): [string, StateUpdater<string>] {
-  const [value, setter] = useSimpleLocalStorage(
-    "auditor-base-url",
-    url || calculateRootPath(),
-  );
-
-  const checkedSetter = (v: ValueOrFunction<string>) => {
-    return setter((p) => (v instanceof Function ? v(p ?? "") : v).replace(/\/$/, ""));
-  };
-
-  return [value!, checkedSetter];
-}
-
-export function useBackendDefaultToken(
-): [LoginToken | undefined, ((d: LoginToken | undefined) => void)] {
-  const { update: setToken, value: tokenMap, reset } = useLocalStorage(TOKENS_KEY, {})
-
-  const tokenOfDefaultInstance = tokenMap["default"]
-  const clearCache = useMatchMutate()
-  useEffect(() => {
-    clearCache()
-  }, [tokenOfDefaultInstance])
-
-  function updateToken(
-    value: (LoginToken | undefined)
-  ): void {
-    if (value === undefined) {
-      reset()
-    } else {
-      const res = { ...tokenMap, "default": value }
-      setToken(res)
-    }
-  }
-  return [tokenMap["default"], updateToken];
-}
-
-export function useBackendInstanceToken(
-  id: string,
-): [LoginToken | undefined, ((d: LoginToken | undefined) => void)] {
-  const { update: setToken, value: tokenMap, reset } = useLocalStorage(TOKENS_KEY, {})
-  const [defaultToken, defaultSetToken] = useBackendDefaultToken();
-
-  // instance named 'default' use the default token
-  if (id === "default") {
-    return [defaultToken, defaultSetToken];
-  }
-  function updateToken(
-    value: (LoginToken | undefined)
-  ): void {
-    if (value === undefined) {
-      reset()
-    } else {
-      const res = { ...tokenMap, [id]: value }
-      setToken(res)
-    }
-  }
-
-  return [tokenMap[id], updateToken];
-}
-
-export function useLang(initial?: string): [string, StateUpdater<string>] {
-  const browserLang =
-    typeof window !== "undefined"
-      ? navigator.language || (navigator as any).userLanguage
-      : undefined;
-  const defaultLang = (browserLang || initial || "en").substring(0, 2);
-  return useSimpleLocalStorage("lang-preference", defaultLang) as [string, StateUpdater<string>];
-}
-
-export function useSimpleLocalStorage(
-  key: string,
-  initialValue?: string,
-): [string | undefined, StateUpdater<string | undefined>] {
-  const [storedValue, setStoredValue] = useState<string | undefined>(
-    (): string | undefined => {
-      return typeof window !== "undefined"
-        ? window.localStorage.getItem(key) || initialValue
-        : initialValue;
-    },
-  );
-
-  const setValue = (
-    value?: string | ((val?: string) => string | undefined),
-  ) => {
-    setStoredValue((p) => {
-      const toStore = value instanceof Function ? value(p) : value;
-      if (typeof window !== "undefined") {
-        if (!toStore) {
-          window.localStorage.removeItem(key);
-        } else {
-          window.localStorage.setItem(key, toStore);
-        }
-      }
-      return toStore;
-    });
-  };
-
-  return [storedValue, setValue];
-}
diff --git a/packages/auditor-backoffice-ui/src/hooks/old/instance.test.ts b/packages/auditor-backoffice-ui/src/hooks/old/instance.test.ts
deleted file mode 100644
index ee1576764..000000000
--- a/packages/auditor-backoffice-ui/src/hooks/old/instance.test.ts
+++ /dev/null
@@ -1,741 +0,0 @@
-/*
- 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 * as tests from "@gnu-taler/web-util/testing";
-import { expect } from "chai";
-import { AccessToken, MerchantBackend } from "../declaration.js";
-import {
-  useAdminAPI,
-  useBackendInstances,
-  useInstanceAPI,
-  useInstanceDetails,
-  useManagementAPI,
-} from "./instance.js";
-import { ApiMockEnvironment } from "./testing.js";
-import {
-  API_CREATE_INSTANCE,
-  API_DELETE_INSTANCE,
-  API_GET_CURRENT_INSTANCE,
-  API_LIST_INSTANCES,
-  API_NEW_LOGIN,
-  API_UPDATE_CURRENT_INSTANCE,
-  API_UPDATE_CURRENT_INSTANCE_AUTH,
-  API_UPDATE_INSTANCE_BY_ID,
-} from "./urls.js";
-
-describe("instance api interaction with details", () => {
-  it("should evict cache when updating an instance", async () => {
-    const env = new ApiMockEnvironment();
-
-    env.addRequestExpectation(API_GET_CURRENT_INSTANCE, {
-      response: {
-        name: "instance_name",
-      } as MerchantBackend.Instances.QueryInstancesResponse,
-    });
-
-    const hookBehavior = await tests.hookBehaveLikeThis(
-      () => {
-        const api = useInstanceAPI();
-        const query = useInstanceDetails();
-        return { query, api };
-      },
-      {},
-      [
-        ({ query, api }) => {
-          expect(query.loading).true;
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-
-          expect(query.loading).false;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            name: "instance_name",
-          });
-          env.addRequestExpectation(API_UPDATE_CURRENT_INSTANCE, {
-            request: {
-              name: "other_name",
-            } as MerchantBackend.Instances.InstanceReconfigurationMessage,
-          });
-          env.addRequestExpectation(API_GET_CURRENT_INSTANCE, {
-            response: {
-              name: "other_name",
-            } as MerchantBackend.Instances.QueryInstancesResponse,
-          });
-          api.updateInstance({
-            name: "other_name",
-          } as MerchantBackend.Instances.InstanceReconfigurationMessage);
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).false;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            name: "other_name",
-          });
-        },
-      ],
-      env.buildTestingContext(),
-    );
-
-    expect(hookBehavior).deep.eq({ result: "ok" });
-    expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-  });
-
-  it("should evict cache when setting the instance's token", async () => {
-    const env = new ApiMockEnvironment();
-
-    env.addRequestExpectation(API_GET_CURRENT_INSTANCE, {
-      response: {
-        name: "instance_name",
-        auth: {
-          method: "token",
-          // token: "not-secret",
-        },
-      } as MerchantBackend.Instances.QueryInstancesResponse,
-    });
-
-    const hookBehavior = await tests.hookBehaveLikeThis(
-      () => {
-        const api = useInstanceAPI();
-        const query = useInstanceDetails();
-        return { query, api };
-      },
-      {},
-      [
-        ({ query, api }) => {
-          expect(query.loading).true;
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).false;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            name: "instance_name",
-            auth: {
-              method: "token",
-            },
-          });
-          env.addRequestExpectation(API_UPDATE_CURRENT_INSTANCE_AUTH, {
-            request: {
-              method: "token",
-              token: "secret",
-            } as MerchantBackend.Instances.InstanceAuthConfigurationMessage,
-          });
-          env.addRequestExpectation(API_NEW_LOGIN, {
-            auth: "secret",
-            request: {
-              scope: "write",
-              duration: {
-                "d_us": "forever",
-              },
-              refreshable: true,
-            },            
-          });
-          env.addRequestExpectation(API_GET_CURRENT_INSTANCE, {
-            response: {
-              name: "instance_name",
-              auth: {
-                method: "token",
-                // token: "secret",
-              },
-            } as MerchantBackend.Instances.QueryInstancesResponse,
-          });
-          api.setNewAccessToken(undefined, "secret" as AccessToken);
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).false;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            name: "instance_name",
-            auth: {
-              method: "token",
-              // token: "secret",
-            },
-          });
-        },
-      ],
-      env.buildTestingContext(),
-    );
-    expect(hookBehavior).deep.eq({ result: "ok" });
-    expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-  });
-
-  it("should evict cache when clearing the instance's token", async () => {
-    const env = new ApiMockEnvironment();
-
-    env.addRequestExpectation(API_GET_CURRENT_INSTANCE, {
-      response: {
-        name: "instance_name",
-        auth: {
-          method: "token",
-          // token: "not-secret",
-        },
-      } as MerchantBackend.Instances.QueryInstancesResponse,
-    });
-
-    const hookBehavior = await tests.hookBehaveLikeThis(
-      () => {
-        const api = useInstanceAPI();
-        const query = useInstanceDetails();
-        return { query, api };
-      },
-      {},
-      [
-        ({ query, api }) => {
-          expect(query.loading).true;
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).false;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            name: "instance_name",
-            auth: {
-              method: "token",
-              // token: "not-secret",
-            },
-          });
-          env.addRequestExpectation(API_UPDATE_CURRENT_INSTANCE_AUTH, {
-            request: {
-              method: "external",
-            } as MerchantBackend.Instances.InstanceAuthConfigurationMessage,
-          });
-          env.addRequestExpectation(API_GET_CURRENT_INSTANCE, {
-            response: {
-              name: "instance_name",
-              auth: {
-                method: "external",
-              },
-            } as MerchantBackend.Instances.QueryInstancesResponse,
-          });
-
-          api.clearAccessToken(undefined);
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).false;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            name: "instance_name",
-            auth: {
-              method: "external",
-            },
-          });
-        },
-      ],
-      env.buildTestingContext(),
-    );
-    expect(hookBehavior).deep.eq({ result: "ok" });
-    expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-    // const { result, waitForNextUpdate } = renderHook(
-    //   () => {
-    //     const api = useInstanceAPI();
-    //     const query = useInstanceDetails();
-
-    //     return { query, api };
-    //   },
-    //   { wrapper: TestingContext }
-    // );
-
-    // expect(result.current).not.undefined;
-    // if (!result.current) {
-    //   return;
-    // }
-    // expect(result.current.query.loading).true;
-
-    // await waitForNextUpdate({ timeout: 1 });
-
-    // expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-
-    // expect(result.current.query.loading).false;
-
-    // expect(result.current?.query.ok).true;
-    // if (!result.current?.query.ok) return;
-
-    // expect(result.current.query.data).equals({
-    //   name: 'instance_name',
-    //   auth: {
-    //     method: 'token',
-    //     token: 'not-secret',
-    //   }
-    // });
-
-    // act(async () => {
-    //   await result.current?.api.clearToken();
-    // });
-
-    // expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-
-    // expect(result.current.query.loading).false;
-
-    // await waitForNextUpdate({ timeout: 1 });
-
-    // expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-
-    // expect(result.current.query.loading).false;
-    // expect(result.current.query.ok).true;
-
-    // expect(result.current.query.data).equals({
-    //   name: 'instance_name',
-    //   auth: {
-    //     method: 'external',
-    //   }
-    // });
-  });
-});
-
-describe("instance admin api interaction with listing", () => {
-  it("should evict cache when creating a new instance", async () => {
-    const env = new ApiMockEnvironment();
-
-    env.addRequestExpectation(API_LIST_INSTANCES, {
-      response: {
-        instances: [
-          {
-            name: "instance_name",
-          } as MerchantBackend.Instances.Instance,
-        ],
-      },
-    });
-
-    const hookBehavior = await tests.hookBehaveLikeThis(
-      () => {
-        const api = useAdminAPI();
-        const query = useBackendInstances();
-        return { query, api };
-      },
-      {},
-      [
-        ({ query, api }) => {
-          expect(query.loading).true;
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).false;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            instances: [
-              {
-                name: "instance_name",
-              },
-            ],
-          });
-
-          env.addRequestExpectation(API_CREATE_INSTANCE, {
-            request: {
-              name: "other_name",
-            } as MerchantBackend.Instances.InstanceConfigurationMessage,
-          });
-          env.addRequestExpectation(API_LIST_INSTANCES, {
-            response: {
-              instances: [
-                {
-                  name: "instance_name",
-                } as MerchantBackend.Instances.Instance,
-                {
-                  name: "other_name",
-                } as MerchantBackend.Instances.Instance,
-              ],
-            },
-          });
-
-          api.createInstance({
-            name: "other_name",
-          } as MerchantBackend.Instances.InstanceConfigurationMessage);
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).false;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            instances: [
-              {
-                name: "instance_name",
-              },
-              {
-                name: "other_name",
-              },
-            ],
-          });
-        },
-      ],
-      env.buildTestingContext(),
-    );
-    expect(hookBehavior).deep.eq({ result: "ok" });
-    expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-  });
-
-  it("should evict cache when deleting an instance", async () => {
-    const env = new ApiMockEnvironment();
-
-    env.addRequestExpectation(API_LIST_INSTANCES, {
-      response: {
-        instances: [
-          {
-            id: "default",
-            name: "instance_name",
-          } as MerchantBackend.Instances.Instance,
-          {
-            id: "the_id",
-            name: "second_instance",
-          } as MerchantBackend.Instances.Instance,
-        ],
-      },
-    });
-
-    const hookBehavior = await tests.hookBehaveLikeThis(
-      () => {
-        const api = useAdminAPI();
-        const query = useBackendInstances();
-        return { query, api };
-      },
-      {},
-      [
-        ({ query, api }) => {
-          expect(query.loading).true;
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).false;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            instances: [
-              {
-                id: "default",
-                name: "instance_name",
-              },
-              {
-                id: "the_id",
-                name: "second_instance",
-              },
-            ],
-          });
-
-          env.addRequestExpectation(API_DELETE_INSTANCE("the_id"), {});
-          env.addRequestExpectation(API_LIST_INSTANCES, {
-            response: {
-              instances: [
-                {
-                  id: "default",
-                  name: "instance_name",
-                } as MerchantBackend.Instances.Instance,
-              ],
-            },
-          });
-
-          api.deleteInstance("the_id");
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).false;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            instances: [
-              {
-                id: "default",
-                name: "instance_name",
-              },
-            ],
-          });
-        },
-      ],
-      env.buildTestingContext(),
-    );
-    expect(hookBehavior).deep.eq({ result: "ok" });
-    expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-
-    // const { result, waitForNextUpdate } = renderHook(
-    //   () => {
-    //     const api = useAdminAPI();
-    //     const query = useBackendInstances();
-
-    //     return { query, api };
-    //   },
-    //   { wrapper: TestingContext }
-    // );
-
-    // expect(result.current).not.undefined;
-    // if (!result.current) {
-    //   return;
-    // }
-    // expect(result.current.query.loading).true;
-
-    // await waitForNextUpdate({ timeout: 1 });
-
-    // expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-
-    // expect(result.current.query.loading).false;
-
-    // expect(result.current?.query.ok).true;
-    // if (!result.current?.query.ok) return;
-
-    // expect(result.current.query.data).equals({
-    //   instances: [{
-    //     id: 'default',
-    //     name: 'instance_name'
-    //   }, {
-    //     id: 'the_id',
-    //     name: 'second_instance'
-    //   }]
-    // });
-
-    // env.addRequestExpectation(API_DELETE_INSTANCE('the_id'), {});
-
-    // act(async () => {
-    //   await result.current?.api.deleteInstance('the_id');
-    // });
-
-    // expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-
-    // env.addRequestExpectation(API_LIST_INSTANCES, {
-    //   response: {
-    //     instances: [{
-    //       id: 'default',
-    //       name: 'instance_name'
-    //     } as MerchantBackend.Instances.Instance]
-    //   },
-    // });
-
-    // expect(result.current.query.loading).false;
-
-    // await waitForNextUpdate({ timeout: 1 });
-
-    // expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-
-    // expect(result.current.query.loading).false;
-    // expect(result.current.query.ok).true;
-
-    // expect(result.current.query.data).equals({
-    //   instances: [{
-    //     id: 'default',
-    //     name: 'instance_name'
-    //   }]
-    // });
-  });
-
-  it("should evict cache when deleting (purge) an instance", async () => {
-    const env = new ApiMockEnvironment();
-
-    env.addRequestExpectation(API_LIST_INSTANCES, {
-      response: {
-        instances: [
-          {
-            id: "default",
-            name: "instance_name",
-          } as MerchantBackend.Instances.Instance,
-          {
-            id: "the_id",
-            name: "second_instance",
-          } as MerchantBackend.Instances.Instance,
-        ],
-      },
-    });
-
-    const hookBehavior = await tests.hookBehaveLikeThis(
-      () => {
-        const api = useAdminAPI();
-        const query = useBackendInstances();
-        return { query, api };
-      },
-      {},
-      [
-        ({ query, api }) => {
-          expect(query.loading).true;
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).false;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            instances: [
-              {
-                id: "default",
-                name: "instance_name",
-              },
-              {
-                id: "the_id",
-                name: "second_instance",
-              },
-            ],
-          });
-
-          env.addRequestExpectation(API_DELETE_INSTANCE("the_id"), {
-            qparam: {
-              purge: "YES",
-            },
-          });
-          env.addRequestExpectation(API_LIST_INSTANCES, {
-            response: {
-              instances: [
-                {
-                  id: "default",
-                  name: "instance_name",
-                } as MerchantBackend.Instances.Instance,
-              ],
-            },
-          });
-
-          api.purgeInstance("the_id");
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).false;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            instances: [
-              {
-                id: "default",
-                name: "instance_name",
-              },
-            ],
-          });
-        },
-      ],
-      env.buildTestingContext(),
-    );
-    expect(hookBehavior).deep.eq({ result: "ok" });
-    expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-  });
-});
-
-describe("instance management api interaction with listing", () => {
-  it("should evict cache when updating an instance", async () => {
-    const env = new ApiMockEnvironment();
-
-    env.addRequestExpectation(API_LIST_INSTANCES, {
-      response: {
-        instances: [
-          {
-            id: "managed",
-            name: "instance_name",
-          } as MerchantBackend.Instances.Instance,
-        ],
-      },
-    });
-
-    const hookBehavior = await tests.hookBehaveLikeThis(
-      () => {
-        const api = useManagementAPI("managed");
-        const query = useBackendInstances();
-        return { query, api };
-      },
-      {},
-      [
-        ({ query, api }) => {
-          expect(query.loading).true;
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).false;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            instances: [
-              {
-                id: "managed",
-                name: "instance_name",
-              },
-            ],
-          });
-
-          env.addRequestExpectation(API_UPDATE_INSTANCE_BY_ID("managed"), {
-            request: {
-              name: "other_name",
-            } as MerchantBackend.Instances.InstanceReconfigurationMessage,
-          });
-          env.addRequestExpectation(API_LIST_INSTANCES, {
-            response: {
-              instances: [
-                {
-                  id: "managed",
-                  name: "other_name",
-                } as MerchantBackend.Instances.Instance,
-              ],
-            },
-          });
-
-          api.updateInstance({
-            name: "other_name",
-          } as MerchantBackend.Instances.InstanceConfigurationMessage);
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).false;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            instances: [
-              {
-                id: "managed",
-                name: "other_name",
-              },
-            ],
-          });
-        },
-      ],
-      env.buildTestingContext(),
-    );
-    expect(hookBehavior).deep.eq({ result: "ok" });
-    expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-  });
-});
diff --git a/packages/auditor-backoffice-ui/src/hooks/old/instance.ts b/packages/auditor-backoffice-ui/src/hooks/old/instance.ts
deleted file mode 100644
index 0677191db..000000000
--- a/packages/auditor-backoffice-ui/src/hooks/old/instance.ts
+++ /dev/null
@@ -1,313 +0,0 @@
-/*
- 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/>
- */
-import {
-  HttpResponse,
-  HttpResponseOk,
-  RequestError,
-} from "@gnu-taler/web-util/browser";
-import { useBackendContext } from "../context/backend.js";
-import { AccessToken, MerchantBackend } from "../declaration.js";
-import {
-  useBackendBaseRequest,
-  useBackendInstanceRequest,
-  useCredentialsChecker,
-  useMatchMutate,
-} from "./backend.js";
-
-// FIX default import https://github.com/microsoft/TypeScript/issues/49189
-import _useSWR, { SWRHook, useSWRConfig } from "swr";
-const useSWR = _useSWR as unknown as SWRHook;
-
-interface InstanceAPI {
-  updateInstance: (
-    data: MerchantBackend.Instances.InstanceReconfigurationMessage,
-  ) => Promise<void>;
-  deleteInstance: () => Promise<void>;
-  clearAccessToken: (currentToken: AccessToken | undefined) => Promise<void>;
-  setNewAccessToken: (currentToken: AccessToken | undefined, token: AccessToken) => Promise<void>;
-}
-
-export function useAdminAPI(): AdminAPI {
-  const { request } = useBackendBaseRequest();
-  const mutateAll = useMatchMutate();
-
-  const createInstance = async (
-    instance: MerchantBackend.Instances.InstanceConfigurationMessage,
-  ): Promise<void> => {
-    await request(`/management/instances`, {
-      method: "POST",
-      data: instance,
-    });
-
-    mutateAll(/\/management\/instances/);
-  };
-
-  const deleteInstance = async (id: string): Promise<void> => {
-    await request(`/management/instances/${id}`, {
-      method: "DELETE",
-    });
-
-    mutateAll(/\/management\/instances/);
-  };
-
-  const purgeInstance = async (id: string): Promise<void> => {
-    await request(`/management/instances/${id}`, {
-      method: "DELETE",
-      params: {
-        purge: "YES",
-      },
-    });
-
-    mutateAll(/\/management\/instances/);
-  };
-
-  return { createInstance, deleteInstance, purgeInstance };
-}
-
-export interface AdminAPI {
-  createInstance: (
-    data: MerchantBackend.Instances.InstanceConfigurationMessage,
-  ) => Promise<void>;
-  deleteInstance: (id: string) => Promise<void>;
-  purgeInstance: (id: string) => Promise<void>;
-}
-
-export function useManagementAPI(instanceId: string): InstanceAPI {
-  const mutateAll = useMatchMutate();
-  const { url: backendURL } = useBackendContext()
-  const { updateToken } = useBackendContext();
-  const { request } = useBackendBaseRequest();
-  const { requestNewLoginToken } = useCredentialsChecker()
-
-  const updateInstance = async (
-    instance: MerchantBackend.Instances.InstanceReconfigurationMessage,
-  ): Promise<void> => {
-    await request(`/management/instances/${instanceId}`, {
-      method: "PATCH",
-      data: instance,
-    });
-
-    mutateAll(/\/management\/instances/);
-  };
-
-  const deleteInstance = async (): Promise<void> => {
-    await request(`/management/instances/${instanceId}`, {
-      method: "DELETE",
-    });
-
-    mutateAll(/\/management\/instances/);
-  };
-
-  const clearAccessToken = async (currentToken: AccessToken | undefined): Promise<void> => {
-    await request(`/management/instances/${instanceId}/auth`, {
-      method: "POST",
-      token: currentToken,
-      data: { method: "external" },
-    });
-
-    mutateAll(/\/management\/instances/);
-  };
-
-  const setNewAccessToken = async (currentToken: AccessToken | undefined, newToken: AccessToken): Promise<void> => {
-    await request(`/management/instances/${instanceId}/auth`, {
-      method: "POST",
-      token: currentToken,
-      data: { method: "token", token: newToken },
-    });
-
-    const resp = await requestNewLoginToken(backendURL, newToken)
-    if (resp.valid) {
-      const { token, expiration } = resp
-      updateToken({ token, expiration });
-    } else {
-      updateToken(undefined)
-    }
-
-    mutateAll(/\/management\/instances/);
-  };
-
-  return { updateInstance, deleteInstance, setNewAccessToken, clearAccessToken };
-}
-
-export function useInstanceAPI(): InstanceAPI {
-  const { mutate } = useSWRConfig();
-  const { url: backendURL, updateToken } = useBackendContext()
-
-  const {
-    token: adminToken,
-  } = useBackendContext();
-  const { request } = useBackendInstanceRequest();
-  const { requestNewLoginToken } = useCredentialsChecker()
-
-  const updateInstance = async (
-    instance: MerchantBackend.Instances.InstanceReconfigurationMessage,
-  ): Promise<void> => {
-    await request(`/private/`, {
-      method: "PATCH",
-      data: instance,
-    });
-
-    if (adminToken) mutate(["/private/instances", adminToken, backendURL], null);
-    mutate([`/private/`], null);
-  };
-
-  const deleteInstance = async (): Promise<void> => {
-    await request(`/private/`, {
-      method: "DELETE",
-      // token: adminToken,
-    });
-
-    if (adminToken) mutate(["/private/instances", adminToken, backendURL], null);
-    mutate([`/private/`], null);
-  };
-
-  const clearAccessToken = async (currentToken: AccessToken | undefined): Promise<void> => {
-    await request(`/private/auth`, {
-      method: "POST",
-      token: currentToken,
-      data: { method: "external" },
-    });
-
-    mutate([`/private/`], null);
-  };
-
-  const setNewAccessToken = async (currentToken: AccessToken | undefined, newToken: AccessToken): Promise<void> => {
-    await request(`/private/auth`, {
-      method: "POST",
-      token: currentToken,
-      data: { method: "token", token: newToken },
-    });
-
-    const resp = await requestNewLoginToken(backendURL, newToken)
-    if (resp.valid) {
-      const { token, expiration } = resp
-      updateToken({ token, expiration });
-    } else {
-      updateToken(undefined)
-    }
-
-    mutate([`/private/`], null);
-  };
-
-  return { updateInstance, deleteInstance, setNewAccessToken, clearAccessToken };
-}
-
-export function useInstanceDetails(): HttpResponse<
-  MerchantBackend.Instances.QueryInstancesResponse,
-  MerchantBackend.ErrorDetail
-> {
-  const { fetcher } = useBackendInstanceRequest();
-
-  const { data, error, isValidating } = useSWR<
-    HttpResponseOk<MerchantBackend.Instances.QueryInstancesResponse>,
-    RequestError<MerchantBackend.ErrorDetail>
-  >([`/private/`], fetcher, {
-    refreshInterval: 0,
-    refreshWhenHidden: false,
-    revalidateOnFocus: false,
-    revalidateOnReconnect: false,
-    refreshWhenOffline: false,
-    revalidateIfStale: false,
-    errorRetryCount: 0,
-    errorRetryInterval: 1,
-    shouldRetryOnError: false,
-  });
-
-  if (isValidating) return { loading: true, data: data?.data };
-  if (data) return data;
-  if (error) return error.cause;
-  return { loading: true };
-}
-
-type KYCStatus =
-  | { type: "ok" }
-  | { type: "redirect"; status: MerchantBackend.KYC.AccountKycRedirects };
-
-export function useInstanceKYCDetails(): HttpResponse<
-  KYCStatus,
-  MerchantBackend.ErrorDetail
-> {
-  const { fetcher } = useBackendInstanceRequest();
-
-  const { data, error } = useSWR<
-    HttpResponseOk<MerchantBackend.KYC.AccountKycRedirects>,
-    RequestError<MerchantBackend.ErrorDetail>
-  >([`/private/kyc`], fetcher, {
-    refreshInterval: 60 * 1000,
-    refreshWhenHidden: false,
-    revalidateOnFocus: false,
-    revalidateIfStale: false,
-    revalidateOnMount: false,
-    revalidateOnReconnect: false,
-    refreshWhenOffline: false,
-    errorRetryCount: 0,
-    errorRetryInterval: 1,
-    shouldRetryOnError: false,
-  });
-
-  if (data) {
-    if (data.info?.status === 202)
-      return { ok: true, data: { type: "redirect", status: data.data } };
-    return { ok: true, data: { type: "ok" } };
-  }
-  if (error) return error.cause;
-  return { loading: true };
-}
-
-export function useManagedInstanceDetails(
-  instanceId: string,
-): HttpResponse<
-  MerchantBackend.Instances.QueryInstancesResponse,
-  MerchantBackend.ErrorDetail
-> {
-  const { request } = useBackendBaseRequest();
-
-  const { data, error, isValidating } = useSWR<
-    HttpResponseOk<MerchantBackend.Instances.QueryInstancesResponse>,
-    RequestError<MerchantBackend.ErrorDetail>
-  >([`/management/instances/${instanceId}`], request, {
-    refreshInterval: 0,
-    refreshWhenHidden: false,
-    revalidateOnFocus: false,
-    revalidateOnReconnect: false,
-    refreshWhenOffline: false,
-    errorRetryCount: 0,
-    errorRetryInterval: 1,
-    shouldRetryOnError: false,
-  });
-
-  if (isValidating) return { loading: true, data: data?.data };
-  if (data) return data;
-  if (error) return error.cause;
-  return { loading: true };
-}
-
-export function useBackendInstances(): HttpResponse<
-  MerchantBackend.Instances.InstancesResponse,
-  MerchantBackend.ErrorDetail
-> {
-  const { request } = useBackendBaseRequest();
-
-  const { data, error, isValidating } = useSWR<
-    HttpResponseOk<MerchantBackend.Instances.InstancesResponse>,
-    RequestError<MerchantBackend.ErrorDetail>
-  >(["/management/instances"], request);
-
-  if (isValidating) return { loading: true, data: data?.data };
-  if (data) return data;
-  if (error) return error.cause;
-  return { loading: true };
-}
diff --git a/packages/auditor-backoffice-ui/src/hooks/old/listener.ts b/packages/auditor-backoffice-ui/src/hooks/old/listener.ts
deleted file mode 100644
index d101f7bb8..000000000
--- a/packages/auditor-backoffice-ui/src/hooks/old/listener.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-/*
- 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 { useState } from "preact/hooks";
-
-/**
- * This component is used when a component wants one child to have a trigger for
- * an action (a button) and other child have the action implemented (like
- * gathering information with a form). The difference with other approaches is
- * that in this case the parent component is not holding the state.
- *
- * It will return a subscriber and activator.
- *
- * The activator may be undefined, if it is undefined it is indicating that the
- * subscriber is not ready to be called.
- *
- * The subscriber will receive a function (the listener) that will be call when the
- * activator runs. The listener must return the collected information.
- *
- * As a result, when the activator is triggered by a child component, the
- * @action function is called receives the information from the listener defined by other
- * child component
- *
- * @param action from <T> to <R>
- * @returns activator and subscriber, undefined activator means that there is not subscriber
- */
-
-export function useListener<T, R = any>(
-  action: (r: T) => Promise<R>,
-): [undefined | (() => Promise<R>), (listener?: () => T) => void] {
-  type RunnerHandler = { toBeRan?: () => Promise<R> };
-  const [state, setState] = useState<RunnerHandler>({});
-
-  /**
-   * subscriber will receive a method that will be call when the activator runs
-   *
-   * @param listener function to be run when the activator runs
-   */
-  const subscriber = (listener?: () => T) => {
-    if (listener) {
-      setState({
-        toBeRan: () => {
-          const whatWeGetFromTheListener = listener();
-          return action(whatWeGetFromTheListener);
-        },
-      });
-    } else {
-      setState({
-        toBeRan: undefined,
-      });
-    }
-  };
-
-  /**
-   * activator will call runner if there is someone subscribed
-   */
-  const activator = state.toBeRan
-    ? async () => {
-        if (state.toBeRan) {
-          return state.toBeRan();
-        }
-        return Promise.reject();
-      }
-    : undefined;
-
-  return [activator, subscriber];
-}
diff --git a/packages/auditor-backoffice-ui/src/hooks/old/notifications.ts b/packages/auditor-backoffice-ui/src/hooks/old/notifications.ts
deleted file mode 100644
index 133ddd80b..000000000
--- a/packages/auditor-backoffice-ui/src/hooks/old/notifications.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-/*
- 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 { useState } from "preact/hooks";
-import { Notification } from "../utils/types.js";
-
-interface Result {
-  notifications: Notification[];
-  pushNotification: (n: Notification) => void;
-  removeNotification: (n: Notification) => void;
-}
-
-type NotificationWithDate = Notification & { since: Date };
-
-export function useNotifications(
-  initial: Notification[] = [],
-  timeout = 3000,
-): Result {
-  const [notifications, setNotifications] = useState<NotificationWithDate[]>(
-    initial.map((i) => ({ ...i, since: new Date() })),
-  );
-
-  const pushNotification = (n: Notification): void => {
-    const entry = { ...n, since: new Date() };
-    setNotifications((ns) => [...ns, entry]);
-    if (n.type !== "ERROR")
-      setTimeout(() => {
-        setNotifications((ns) => ns.filter((x) => x.since !== entry.since));
-      }, timeout);
-  };
-
-  const removeNotification = (notif: Notification) => {
-    setNotifications((ns: NotificationWithDate[]) =>
-      ns.filter((n) => n !== notif),
-    );
-  };
-  return { notifications, pushNotification, removeNotification };
-}
diff --git a/packages/auditor-backoffice-ui/src/hooks/old/order.test.ts b/packages/auditor-backoffice-ui/src/hooks/old/order.test.ts
deleted file mode 100644
index c243309a8..000000000
--- a/packages/auditor-backoffice-ui/src/hooks/old/order.test.ts
+++ /dev/null
@@ -1,587 +0,0 @@
-/*
- 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 * as tests from "@gnu-taler/web-util/testing";
-import { expect } from "chai";
-import { MerchantBackend } from "../declaration.js";
-import { useInstanceOrders, useOrderAPI, useOrderDetails } from "./order.js";
-import { ApiMockEnvironment } from "./testing.js";
-import {
-  API_CREATE_ORDER,
-  API_DELETE_ORDER,
-  API_FORGET_ORDER_BY_ID,
-  API_GET_ORDER_BY_ID,
-  API_LIST_ORDERS,
-  API_REFUND_ORDER_BY_ID,
-} from "./urls.js";
-
-describe("order api interaction with listing", () => {
-  it("should evict cache when creating an order", async () => {
-    const env = new ApiMockEnvironment();
-
-    env.addRequestExpectation(API_LIST_ORDERS, {
-      qparam: { delta: -20, paid: "yes" },
-      response: {
-        orders: [{ order_id: "1" }, { order_id: "2" } as MerchantBackend.Orders.OrderHistoryEntry],
-      },
-    });
-
-    const newDate = (d: Date) => {
-      //console.log("new date", d);
-    };
-
-    const hookBehavior = await tests.hookBehaveLikeThis(
-      () => {
-        const query = useInstanceOrders({ paid: "yes" }, newDate);
-        const api = useOrderAPI();
-        return { query, api };
-      },
-      {},
-      [
-        ({ query, api }) => {
-          expect(query.loading).true;
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).undefined;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            orders: [{ order_id: "1" }, { order_id: "2" }],
-          });
-
-          env.addRequestExpectation(API_CREATE_ORDER, {
-            request: {
-              order: { amount: "ARS:12", summary: "pay me" },
-            },
-            response: { order_id: "3" },
-          });
-
-          env.addRequestExpectation(API_LIST_ORDERS, {
-            qparam: { delta: -20, paid: "yes" },
-            response: {
-              orders: [{ order_id: "1" }, { order_id: "2" } as any, { order_id: "3" } as any],
-            },
-          });
-
-          api.createOrder({
-            order: { amount: "ARS:12", summary: "pay me" },
-          } as any);
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-
-          expect(query.loading).undefined;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            orders: [{ order_id: "1" }, { order_id: "2" }, { order_id: "3" }],
-          });
-        },
-      ],
-      env.buildTestingContext(),
-    );
-    expect(hookBehavior).deep.eq({ result: "ok" });
-    expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-  });
-
-  it("should evict cache when doing a refund", async () => {
-    const env = new ApiMockEnvironment();
-
-    env.addRequestExpectation(API_LIST_ORDERS, {
-      qparam: { delta: -20, paid: "yes" },
-      response: { orders: [{
-        order_id: "1",
-        amount: "EUR:12",
-        refundable: true,
-      } as MerchantBackend.Orders.OrderHistoryEntry] },
-    });
-
-    const newDate = (d: Date) => {
-      //console.log("new date", d);
-    };
-
-    const hookBehavior = await tests.hookBehaveLikeThis(
-      () => {
-        const query = useInstanceOrders({ paid: "yes" }, newDate);
-        const api = useOrderAPI();
-        return { query, api };
-      },
-      {},
-      [
-        ({ query, api }) => {
-          expect(query.loading).true;
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-
-          expect(query.loading).undefined;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            orders: [
-              {
-                order_id: "1",
-                amount: "EUR:12",
-                refundable: true,
-              },
-            ],
-          });
-          env.addRequestExpectation(API_REFUND_ORDER_BY_ID("1"), {
-            request: {
-              reason: "double pay",
-              refund: "EUR:1",
-            },
-          });
-
-          env.addRequestExpectation(API_LIST_ORDERS, {
-            qparam: { delta: -20, paid: "yes" },
-            response: { orders: [
-              { order_id: "1", amount: "EUR:12", refundable: false } as any,
-            ] },
-          });
-
-          api.refundOrder("1", {
-            reason: "double pay",
-            refund: "EUR:1",
-          });
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-
-          expect(query.loading).undefined;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            orders: [
-              {
-                order_id: "1",
-                amount: "EUR:12",
-                refundable: false,
-              },
-            ],
-          });
-        },
-      ],
-      env.buildTestingContext(),
-    );
-
-    expect(hookBehavior).deep.eq({ result: "ok" });
-    expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-  });
-
-  it("should evict cache when deleting an order", async () => {
-    const env = new ApiMockEnvironment();
-
-    env.addRequestExpectation(API_LIST_ORDERS, {
-      qparam: { delta: -20, paid: "yes" },
-      response: {
-        orders: [{ order_id: "1" }, { order_id: "2" } as MerchantBackend.Orders.OrderHistoryEntry],
-      },
-    });
-
-    const newDate = (d: Date) => {
-      //console.log("new date", d);
-    };
-
-    const hookBehavior = await tests.hookBehaveLikeThis(
-      () => {
-        const query = useInstanceOrders({ paid: "yes" }, newDate);
-        const api = useOrderAPI();
-        return { query, api };
-      },
-      {},
-      [
-        ({ query, api }) => {
-          expect(query.loading).true;
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).undefined;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            orders: [{ order_id: "1" }, { order_id: "2" }],
-          });
-
-          env.addRequestExpectation(API_DELETE_ORDER("1"), {});
-
-          env.addRequestExpectation(API_LIST_ORDERS, {
-            qparam: { delta: -20, paid: "yes" },
-            response: {
-              orders: [{ order_id: "2" } as any],
-            },
-          });
-
-          api.deleteOrder("1");
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).undefined;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            orders: [{ order_id: "2" }],
-          });
-        },
-      ],
-      env.buildTestingContext(),
-    );
-    expect(hookBehavior).deep.eq({ result: "ok" });
-    expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-  });
-});
-
-describe("order api interaction with details", () => {
-  it("should evict cache when doing a refund", async () => {
-    const env = new ApiMockEnvironment();
-
-    env.addRequestExpectation(API_GET_ORDER_BY_ID("1"), {
-      // qparam: { delta: 0, paid: "yes" },
-      response: {
-        summary: "description",
-        refund_amount: "EUR:0",
-      } as unknown as MerchantBackend.Orders.CheckPaymentPaidResponse,
-    });
-
-    const newDate = (d: Date) => {
-      //console.log("new date", d);
-    };
-
-    const hookBehavior = await tests.hookBehaveLikeThis(
-      () => {
-        const query = useOrderDetails("1");
-        const api = useOrderAPI();
-        return { query, api };
-      },
-      {},
-      [
-        ({ query, api }) => {
-          expect(query.loading).true;
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).false;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            summary: "description",
-            refund_amount: "EUR:0",
-          });
-          env.addRequestExpectation(API_REFUND_ORDER_BY_ID("1"), {
-            request: {
-              reason: "double pay",
-              refund: "EUR:1",
-            },
-          });
-
-          env.addRequestExpectation(API_GET_ORDER_BY_ID("1"), {
-            response: {
-              summary: "description",
-              refund_amount: "EUR:1",
-            } as unknown as MerchantBackend.Orders.CheckPaymentPaidResponse,
-          });
-
-          api.refundOrder("1", {
-            reason: "double pay",
-            refund: "EUR:1",
-          });
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).false;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            summary: "description",
-            refund_amount: "EUR:1",
-          });
-        },
-      ],
-      env.buildTestingContext(),
-    );
-
-    expect(hookBehavior).deep.eq({ result: "ok" });
-    expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-  });
-
-  it("should evict cache when doing a forget", async () => {
-    const env = new ApiMockEnvironment();
-
-    env.addRequestExpectation(API_GET_ORDER_BY_ID("1"), {
-      // qparam: { delta: 0, paid: "yes" },
-      response: {
-        summary: "description",
-        refund_amount: "EUR:0",
-      } as unknown as MerchantBackend.Orders.CheckPaymentPaidResponse,
-    });
-
-    const newDate = (d: Date) => {
-      //console.log("new date", d);
-    };
-
-    const hookBehavior = await tests.hookBehaveLikeThis(
-      () => {
-        const query = useOrderDetails("1");
-        const api = useOrderAPI();
-        return { query, api };
-      },
-      {},
-      [
-        ({ query, api }) => {
-          expect(query.loading).true;
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).false;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            summary: "description",
-            refund_amount: "EUR:0",
-          });
-          env.addRequestExpectation(API_FORGET_ORDER_BY_ID("1"), {
-            request: {
-              fields: ["$.summary"],
-            },
-          });
-
-          env.addRequestExpectation(API_GET_ORDER_BY_ID("1"), {
-            response: {
-              summary: undefined,
-            } as unknown as MerchantBackend.Orders.CheckPaymentPaidResponse,
-          });
-
-          api.forgetOrder("1", {
-            fields: ["$.summary"],
-          });
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).false;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            summary: undefined,
-          });
-        },
-      ],
-      env.buildTestingContext(),
-    );
-    expect(hookBehavior).deep.eq({ result: "ok" });
-    expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-  });
-});
-
-describe("order listing pagination", () => {
-  it("should not load more if has reach the end", async () => {
-    const env = new ApiMockEnvironment();
-    env.addRequestExpectation(API_LIST_ORDERS, {
-      qparam: { delta: 20, wired: "yes", date_s: 12 },
-      response: {
-        orders: [{ order_id: "1" } as any],
-      },
-    });
-
-    env.addRequestExpectation(API_LIST_ORDERS, {
-      qparam: { delta: -20, wired: "yes", date_s: 13 },
-      response: {
-        orders: [{ order_id: "2" } as any],
-      },
-    });
-
-    const newDate = (d: Date) => {
-      //console.log("new date", d);
-    };
-
-    const hookBehavior = await tests.hookBehaveLikeThis(
-      () => {
-        const date = new Date(12000);
-        const query = useInstanceOrders({ wired: "yes", date }, newDate);
-        const api = useOrderAPI();
-        return { query, api };
-      },
-      {},
-      [
-        ({ query, api }) => {
-          expect(query.loading).true;
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).undefined;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            orders: [{ order_id: "1" }, { order_id: "2" }],
-          });
-          expect(query.isReachingEnd).true;
-          expect(query.isReachingStart).true;
-
-          // should not trigger new state update or query
-          query.loadMore();
-          query.loadMorePrev();
-        },
-      ],
-      env.buildTestingContext(),
-    );
-
-    expect(hookBehavior).deep.eq({ result: "ok" });
-    expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-  });
-
-  it("should load more if result brings more that PAGE_SIZE", async () => {
-    const env = new ApiMockEnvironment();
-
-    const ordersFrom0to20 = Array.from({ length: 20 }).map((e, i) => ({
-      order_id: String(i),
-    }));
-    const ordersFrom20to40 = Array.from({ length: 20 }).map((e, i) => ({
-      order_id: String(i + 20),
-    }));
-    const ordersFrom20to0 = [...ordersFrom0to20].reverse();
-
-    env.addRequestExpectation(API_LIST_ORDERS, {
-      qparam: { delta: 20, wired: "yes", date_s: 12 },
-      response: {
-        orders: ordersFrom0to20,
-      },
-    });
-
-    env.addRequestExpectation(API_LIST_ORDERS, {
-      qparam: { delta: -20, wired: "yes", date_s: 13 },
-      response: {
-        orders: ordersFrom20to40,
-      },
-    });
-
-    const newDate = (d: Date) => {
-      //console.log("new date", d);
-    };
-
-    const hookBehavior = await tests.hookBehaveLikeThis(
-      () => {
-        const date = new Date(12000);
-        const query = useInstanceOrders({ wired: "yes", date }, newDate);
-        const api = useOrderAPI();
-        return { query, api };
-      },
-      {},
-      [
-        ({ query, api }) => {
-          expect(query.loading).true;
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).undefined;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            orders: [...ordersFrom20to0, ...ordersFrom20to40],
-          });
-          expect(query.isReachingEnd).false;
-          expect(query.isReachingStart).false;
-
-          env.addRequestExpectation(API_LIST_ORDERS, {
-            qparam: { delta: -40, wired: "yes", date_s: 13 },
-            response: {
-              orders: [...ordersFrom20to40, { order_id: "41" }],
-            },
-          });
-
-          query.loadMore();
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).true;
-        },
-        ({ query, api }) => {
-          expect(query.loading).undefined;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            orders: [
-              ...ordersFrom20to0,
-              ...ordersFrom20to40,
-              { order_id: "41" },
-            ],
-          });
-
-          env.addRequestExpectation(API_LIST_ORDERS, {
-            qparam: { delta: 40, wired: "yes", date_s: 12 },
-            response: {
-              orders: [...ordersFrom0to20, { order_id: "-1" }],
-            },
-          });
-
-          query.loadMorePrev();
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).true;
-        },
-        ({ query, api }) => {
-          expect(query.loading).undefined;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            orders: [
-              { order_id: "-1" },
-              ...ordersFrom20to0,
-              ...ordersFrom20to40,
-              { order_id: "41" },
-            ],
-          });
-        },
-      ],
-      env.buildTestingContext(),
-    );
-    expect(hookBehavior).deep.eq({ result: "ok" });
-    expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-  });
-});
diff --git a/packages/auditor-backoffice-ui/src/hooks/old/order.ts b/packages/auditor-backoffice-ui/src/hooks/old/order.ts
deleted file mode 100644
index e7a893f2c..000000000
--- a/packages/auditor-backoffice-ui/src/hooks/old/order.ts
+++ /dev/null
@@ -1,289 +0,0 @@
-/*
- 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/>
- */
-import {
-  HttpResponse,
-  HttpResponseOk,
-  HttpResponsePaginated,
-  RequestError,
-} from "@gnu-taler/web-util/browser";
-import { useEffect, useState } from "preact/hooks";
-import { MerchantBackend } from "../declaration.js";
-import { MAX_RESULT_SIZE, PAGE_SIZE } from "../utils/constants.js";
-import { useBackendInstanceRequest, useMatchMutate } from "./backend.js";
-
-// FIX default import https://github.com/microsoft/TypeScript/issues/49189
-import _useSWR, { SWRHook } from "swr";
-const useSWR = _useSWR as unknown as SWRHook;
-
-export interface OrderAPI {
-  //FIXME: add OutOfStockResponse on 410
-  createOrder: (
-    data: MerchantBackend.Orders.PostOrderRequest,
-  ) => Promise<HttpResponseOk<MerchantBackend.Orders.PostOrderResponse>>;
-  forgetOrder: (
-    id: string,
-    data: MerchantBackend.Orders.ForgetRequest,
-  ) => Promise<HttpResponseOk<void>>;
-  refundOrder: (
-    id: string,
-    data: MerchantBackend.Orders.RefundRequest,
-  ) => Promise<HttpResponseOk<MerchantBackend.Orders.MerchantRefundResponse>>;
-  deleteOrder: (id: string) => Promise<HttpResponseOk<void>>;
-  getPaymentURL: (id: string) => Promise<HttpResponseOk<string>>;
-}
-
-type YesOrNo = "yes" | "no";
-
-export function useOrderAPI(): OrderAPI {
-  const mutateAll = useMatchMutate();
-  const { request } = useBackendInstanceRequest();
-
-  const createOrder = async (
-    data: MerchantBackend.Orders.PostOrderRequest,
-  ): Promise<HttpResponseOk<MerchantBackend.Orders.PostOrderResponse>> => {
-    const res = await request<MerchantBackend.Orders.PostOrderResponse>(
-      `/private/orders`,
-      {
-        method: "POST",
-        data,
-      },
-    );
-    await mutateAll(/.*private\/orders.*/);
-    // mutate('')
-    return res;
-  };
-  const refundOrder = async (
-    orderId: string,
-    data: MerchantBackend.Orders.RefundRequest,
-  ): Promise<HttpResponseOk<MerchantBackend.Orders.MerchantRefundResponse>> => {
-    mutateAll(/@"\/private\/orders"@/);
-    const res = request<MerchantBackend.Orders.MerchantRefundResponse>(
-      `/private/orders/${orderId}/refund`,
-      {
-        method: "POST",
-        data,
-      },
-    );
-
-    // order list returns refundable information, so we must evict everything
-    await mutateAll(/.*private\/orders.*/);
-    return res;
-  };
-
-  const forgetOrder = async (
-    orderId: string,
-    data: MerchantBackend.Orders.ForgetRequest,
-  ): Promise<HttpResponseOk<void>> => {
-    mutateAll(/@"\/private\/orders"@/);
-    const res = request<void>(`/private/orders/${orderId}/forget`, {
-      method: "PATCH",
-      data,
-    });
-    // we may be forgetting some fields that are pare of the listing, so we must evict everything
-    await mutateAll(/.*private\/orders.*/);
-    return res;
-  };
-  const deleteOrder = async (
-    orderId: string,
-  ): Promise<HttpResponseOk<void>> => {
-    mutateAll(/@"\/private\/orders"@/);
-    const res = request<void>(`/private/orders/${orderId}`, {
-      method: "DELETE",
-    });
-    await mutateAll(/.*private\/orders.*/);
-    return res;
-  };
-
-  const getPaymentURL = async (
-    orderId: string,
-  ): Promise<HttpResponseOk<string>> => {
-    return request<MerchantBackend.Orders.MerchantOrderStatusResponse>(
-      `/private/orders/${orderId}`,
-      {
-        method: "GET",
-      },
-    ).then((res) => {
-      const url =
-        res.data.order_status === "unpaid"
-          ? res.data.taler_pay_uri
-          : res.data.contract_terms.fulfillment_url;
-      const response: HttpResponseOk<string> = res as any;
-      response.data = url || "";
-      return response;
-    });
-  };
-
-  return { createOrder, forgetOrder, deleteOrder, refundOrder, getPaymentURL };
-}
-
-export function useOrderDetails(
-  oderId: string,
-): HttpResponse<
-  MerchantBackend.Orders.MerchantOrderStatusResponse,
-  MerchantBackend.ErrorDetail
-> {
-  const { fetcher } = useBackendInstanceRequest();
-
-  const { data, error, isValidating } = useSWR<
-    HttpResponseOk<MerchantBackend.Orders.MerchantOrderStatusResponse>,
-    RequestError<MerchantBackend.ErrorDetail>
-  >([`/private/orders/${oderId}`], fetcher, {
-    refreshInterval: 0,
-    refreshWhenHidden: false,
-    revalidateOnFocus: false,
-    revalidateOnReconnect: false,
-    refreshWhenOffline: false,
-  });
-
-  if (isValidating) return { loading: true, data: data?.data };
-  if (data) return data;
-  if (error) return error.cause;
-  return { loading: true };
-}
-
-export interface InstanceOrderFilter {
-  paid?: YesOrNo;
-  refunded?: YesOrNo;
-  wired?: YesOrNo;
-  date?: Date;
-}
-
-export function useInstanceOrders(
-  args?: InstanceOrderFilter,
-  updateFilter?: (d: Date) => void,
-): HttpResponsePaginated<
-  MerchantBackend.Orders.OrderHistory,
-  MerchantBackend.ErrorDetail
-> {
-  const { orderFetcher } = useBackendInstanceRequest();
-
-  const [pageBefore, setPageBefore] = useState(1);
-  const [pageAfter, setPageAfter] = useState(1);
-
-  const totalAfter = pageAfter * PAGE_SIZE;
-  const totalBefore = args?.date ? pageBefore * PAGE_SIZE : 0;
-
-  /**
-   * FIXME: this can be cleaned up a little
-   *
-   * the logic of double query should be inside the orderFetch so from the hook perspective and cache
-   * is just one query and one error status
-   */
-  const {
-    data: beforeData,
-    error: beforeError,
-    isValidating: loadingBefore,
-  } = useSWR<
-    HttpResponseOk<MerchantBackend.Orders.OrderHistory>,
-    RequestError<MerchantBackend.ErrorDetail>
-  >(
-    [
-      `/private/orders`,
-      args?.paid,
-      args?.refunded,
-      args?.wired,
-      args?.date,
-      totalBefore,
-    ],
-    orderFetcher,
-  );
-  const {
-    data: afterData,
-    error: afterError,
-    isValidating: loadingAfter,
-  } = useSWR<
-    HttpResponseOk<MerchantBackend.Orders.OrderHistory>,
-    RequestError<MerchantBackend.ErrorDetail>
-  >(
-    [
-      `/private/orders`,
-      args?.paid,
-      args?.refunded,
-      args?.wired,
-      args?.date,
-      -totalAfter,
-    ],
-    orderFetcher,
-  );
-
-  //this will save last result
-  const [lastBefore, setLastBefore] = useState<
-    HttpResponse<
-      MerchantBackend.Orders.OrderHistory,
-      MerchantBackend.ErrorDetail
-    >
-  >({ loading: true });
-  const [lastAfter, setLastAfter] = useState<
-    HttpResponse<
-      MerchantBackend.Orders.OrderHistory,
-      MerchantBackend.ErrorDetail
-    >
-  >({ loading: true });
-  useEffect(() => {
-    if (afterData) setLastAfter(afterData);
-    if (beforeData) setLastBefore(beforeData);
-  }, [afterData, beforeData]);
-
-  if (beforeError) return beforeError.cause;
-  if (afterError) return afterError.cause;
-
-  // if the query returns less that we ask, then we have reach the end or beginning
-  const isReachingEnd = afterData && afterData.data.orders.length < totalAfter;
-  const isReachingStart =
-    args?.date === undefined ||
-    (beforeData && beforeData.data.orders.length < totalBefore);
-
-  const pagination = {
-    isReachingEnd,
-    isReachingStart,
-    loadMore: () => {
-      if (!afterData || isReachingEnd) return;
-      if (afterData.data.orders.length < MAX_RESULT_SIZE) {
-        setPageAfter(pageAfter + 1);
-      } else {
-        const from =
-          afterData.data.orders[afterData.data.orders.length - 1].timestamp.t_s;
-        if (from && from !== "never" && updateFilter)
-          updateFilter(new Date(from * 1000));
-      }
-    },
-    loadMorePrev: () => {
-      if (!beforeData || isReachingStart) return;
-      if (beforeData.data.orders.length < MAX_RESULT_SIZE) {
-        setPageBefore(pageBefore + 1);
-      } else if (beforeData) {
-        const from =
-          beforeData.data.orders[beforeData.data.orders.length - 1].timestamp
-            .t_s;
-        if (from && from !== "never" && updateFilter)
-          updateFilter(new Date(from * 1000));
-      }
-    },
-  };
-
-  const orders =
-    !beforeData || !afterData
-      ? []
-      : (beforeData || lastBefore).data.orders
-          .slice()
-          .reverse()
-          .concat((afterData || lastAfter).data.orders);
-  if (loadingAfter || loadingBefore) return { loading: true, data: { orders } };
-  if (beforeData && afterData) {
-    return { ok: true, data: { orders }, ...pagination };
-  }
-  return { loading: true };
-}
diff --git a/packages/auditor-backoffice-ui/src/hooks/old/otp.ts b/packages/auditor-backoffice-ui/src/hooks/old/otp.ts
deleted file mode 100644
index b045e365a..000000000
--- a/packages/auditor-backoffice-ui/src/hooks/old/otp.ts
+++ /dev/null
@@ -1,223 +0,0 @@
-/*
- 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/>
- */
-import {
-  HttpResponse,
-  HttpResponseOk,
-  HttpResponsePaginated,
-  RequestError,
-} from "@gnu-taler/web-util/browser";
-import { useEffect, useState } from "preact/hooks";
-import { MerchantBackend } from "../declaration.js";
-import { MAX_RESULT_SIZE, PAGE_SIZE } from "../utils/constants.js";
-import { useBackendInstanceRequest, useMatchMutate } from "./backend.js";
-
-// FIX default import https://github.com/microsoft/TypeScript/issues/49189
-import _useSWR, { SWRHook } from "swr";
-const useSWR = _useSWR as unknown as SWRHook;
-
-const MOCKED_DEVICES: Record<string, MerchantBackend.OTP.OtpDeviceAddDetails> = {
-  "1": {
-    otp_device_description: "first device",
-    otp_algorithm: 1,
-    otp_device_id: "1",
-    otp_key: "123",
-  },
-  "2": {
-    otp_device_description: "second device",
-    otp_algorithm: 0,
-    otp_device_id: "2",
-    otp_key: "456",
-  }
-}
-
-export function useOtpDeviceAPI(): OtpDeviceAPI {
-  const mutateAll = useMatchMutate();
-  const { request } = useBackendInstanceRequest();
-
-  const createOtpDevice = async (
-    data: MerchantBackend.OTP.OtpDeviceAddDetails,
-  ): Promise<HttpResponseOk<void>> => {
-    // MOCKED_DEVICES[data.otp_device_id] = data
-    // return Promise.resolve({ ok: true, data: undefined });
-    const res = await request<void>(`/private/otp-devices`, {
-      method: "POST",
-      data,
-    });
-    await mutateAll(/.*private\/otp-devices.*/);
-    return res;
-  };
-
-  const updateOtpDevice = async (
-    deviceId: string,
-    data: MerchantBackend.OTP.OtpDevicePatchDetails,
-  ): Promise<HttpResponseOk<void>> => {
-    // MOCKED_DEVICES[deviceId].otp_algorithm = data.otp_algorithm
-    // MOCKED_DEVICES[deviceId].otp_ctr = data.otp_ctr
-    // MOCKED_DEVICES[deviceId].otp_device_description = data.otp_device_description
-    // MOCKED_DEVICES[deviceId].otp_key = data.otp_key
-    // return Promise.resolve({ ok: true, data: undefined });
-    const res = await request<void>(`/private/otp-devices/${deviceId}`, {
-      method: "PATCH",
-      data,
-    });
-    await mutateAll(/.*private\/otp-devices.*/);
-    return res;
-  };
-
-  const deleteOtpDevice = async (
-    deviceId: string,
-  ): Promise<HttpResponseOk<void>> => {
-    // delete MOCKED_DEVICES[deviceId]
-    // return Promise.resolve({ ok: true, data: undefined });
-    const res = await request<void>(`/private/otp-devices/${deviceId}`, {
-      method: "DELETE",
-    });
-    await mutateAll(/.*private\/otp-devices.*/);
-    return res;
-  };
-
-  return {
-    createOtpDevice,
-    updateOtpDevice,
-    deleteOtpDevice,
-  };
-}
-
-export interface OtpDeviceAPI {
-  createOtpDevice: (
-    data: MerchantBackend.OTP.OtpDeviceAddDetails,
-  ) => Promise<HttpResponseOk<void>>;
-  updateOtpDevice: (
-    id: string,
-    data: MerchantBackend.OTP.OtpDevicePatchDetails,
-  ) => Promise<HttpResponseOk<void>>;
-  deleteOtpDevice: (id: string) => Promise<HttpResponseOk<void>>;
-}
-
-export interface InstanceOtpDeviceFilter {
-}
-
-export function useInstanceOtpDevices(
-  args?: InstanceOtpDeviceFilter,
-  updatePosition?: (id: string) => void,
-): HttpResponsePaginated<
-  MerchantBackend.OTP.OtpDeviceSummaryResponse,
-  MerchantBackend.ErrorDetail
-> {
-  // return {
-  //   ok: true,
-  //   loadMore: () => { },
-  //   loadMorePrev: () => { },
-  //   data: {
-  //     otp_devices: Object.values(MOCKED_DEVICES).map(d => ({
-  //       device_description: d.otp_device_description,
-  //       otp_device_id: d.otp_device_id
-  //     }))
-  //   }
-  // }
-
-  const { fetcher } = useBackendInstanceRequest();
-
-  const [pageAfter, setPageAfter] = useState(1);
-
-  const totalAfter = pageAfter * PAGE_SIZE;
-  const {
-    data: afterData,
-    error: afterError,
-    isValidating: loadingAfter,
-  } = useSWR<
-    HttpResponseOk<MerchantBackend.OTP.OtpDeviceSummaryResponse>,
-    RequestError<MerchantBackend.ErrorDetail>
-  >([`/private/otp-devices`], fetcher);
-
-  const [lastAfter, setLastAfter] = useState<
-    HttpResponse<
-      MerchantBackend.OTP.OtpDeviceSummaryResponse,
-      MerchantBackend.ErrorDetail
-    >
-  >({ loading: true });
-  useEffect(() => {
-    if (afterData) setLastAfter(afterData);
-  }, [afterData /*, beforeData*/]);
-
-  if (afterError) return afterError.cause;
-
-  // if the query returns less that we ask, then we have reach the end or beginning
-  const isReachingEnd =
-    afterData && afterData.data.otp_devices.length < totalAfter;
-  const isReachingStart = true;
-
-  const pagination = {
-    isReachingEnd,
-    isReachingStart,
-    loadMore: () => {
-      if (!afterData || isReachingEnd) return;
-      if (afterData.data.otp_devices.length < MAX_RESULT_SIZE) {
-        setPageAfter(pageAfter + 1);
-      } else {
-        const from = `${afterData.data.otp_devices[afterData.data.otp_devices.length - 1]
-          .otp_device_id
-          }`;
-        if (from && updatePosition) updatePosition(from);
-      }
-    },
-    loadMorePrev: () => {
-    },
-  };
-
-  const otp_devices = !afterData ? [] : (afterData || lastAfter).data.otp_devices;
-  if (loadingAfter /* || loadingBefore */)
-    return { loading: true, data: { otp_devices } };
-  if (/*beforeData &&*/ afterData) {
-    return { ok: true, data: { otp_devices }, ...pagination };
-  }
-  return { loading: true };
-}
-
-export function useOtpDeviceDetails(
-  deviceId: string,
-): HttpResponse<
-  MerchantBackend.OTP.OtpDeviceDetails,
-  MerchantBackend.ErrorDetail
-> {
-  // return {
-  //   ok: true,
-  //   data: {
-  //     device_description: MOCKED_DEVICES[deviceId].otp_device_description,
-  //     otp_algorithm: MOCKED_DEVICES[deviceId].otp_algorithm,
-  //     otp_ctr: MOCKED_DEVICES[deviceId].otp_ctr
-  //   }
-  // }
-  const { fetcher } = useBackendInstanceRequest();
-
-  const { data, error, isValidating } = useSWR<
-    HttpResponseOk<MerchantBackend.OTP.OtpDeviceDetails>,
-    RequestError<MerchantBackend.ErrorDetail>
-  >([`/private/otp-devices/${deviceId}`], fetcher, {
-    refreshInterval: 0,
-    refreshWhenHidden: false,
-    revalidateOnFocus: false,
-    revalidateOnReconnect: false,
-    refreshWhenOffline: false,
-  });
-
-  if (isValidating) return { loading: true, data: data?.data };
-  if (data) {
-    return data;
-  }
-  if (error) return error.cause;
-  return { loading: true };
-}
diff --git a/packages/auditor-backoffice-ui/src/hooks/old/product.test.ts b/packages/auditor-backoffice-ui/src/hooks/old/product.test.ts
deleted file mode 100644
index 7cac10e25..000000000
--- a/packages/auditor-backoffice-ui/src/hooks/old/product.test.ts
+++ /dev/null
@@ -1,362 +0,0 @@
-/*
- 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 * as tests from "@gnu-taler/web-util/testing";
-import { expect } from "chai";
-import { MerchantBackend } from "../declaration.js";
-import {
-  useInstanceProducts,
-  useProductAPI,
-  useProductDetails,
-} from "./product.js";
-import { ApiMockEnvironment } from "./testing.js";
-import {
-  API_CREATE_PRODUCT,
-  API_DELETE_PRODUCT,
-  API_GET_PRODUCT_BY_ID,
-  API_LIST_PRODUCTS,
-  API_UPDATE_PRODUCT_BY_ID,
-} from "./urls.js";
-
-describe("product api interaction with listing", () => {
-  it("should evict cache when creating a product", async () => {
-    const env = new ApiMockEnvironment();
-
-    env.addRequestExpectation(API_LIST_PRODUCTS, {
-      response: {
-        products: [{ product_id: "1234" }],
-      },
-    });
-    env.addRequestExpectation(API_GET_PRODUCT_BY_ID("1234"), {
-      response: { price: "ARS:12" } as MerchantBackend.Products.ProductDetail,
-    });
-
-    const hookBehavior = await tests.hookBehaveLikeThis(
-      () => {
-        const query = useInstanceProducts();
-        const api = useProductAPI();
-        return { query, api };
-      },
-      {},
-      [
-        ({ query, api }) => {
-          expect(query.loading).true;
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).true;
-        },
-        ({ query, api }) => {
-          expect(query.loading).undefined;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals([{ id: "1234", price: "ARS:12" }]);
-
-          env.addRequestExpectation(API_CREATE_PRODUCT, {
-            request: {
-              price: "ARS:23",
-            } as MerchantBackend.Products.ProductAddDetail,
-          });
-
-          env.addRequestExpectation(API_LIST_PRODUCTS, {
-            response: {
-              products: [{ product_id: "1234" }, { product_id: "2345" }],
-            },
-          });
-          env.addRequestExpectation(API_GET_PRODUCT_BY_ID("1234"), {
-            response: {
-              price: "ARS:12",
-            } as MerchantBackend.Products.ProductDetail,
-          });
-          env.addRequestExpectation(API_GET_PRODUCT_BY_ID("1234"), {
-            response: {
-              price: "ARS:12",
-            } as MerchantBackend.Products.ProductDetail,
-          });
-          env.addRequestExpectation(API_GET_PRODUCT_BY_ID("2345"), {
-            response: {
-              price: "ARS:23",
-            } as MerchantBackend.Products.ProductDetail,
-          });
-
-          api.createProduct({
-            price: "ARS:23",
-          } as any);
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).true;
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).undefined;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals([
-            {
-              id: "1234",
-              price: "ARS:12",
-            },
-            {
-              id: "2345",
-              price: "ARS:23",
-            },
-          ]);
-        },
-      ],
-      env.buildTestingContext(),
-    );
-
-    expect(hookBehavior).deep.eq({ result: "ok" });
-    expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-  });
-
-  it("should evict cache when updating a product", async () => {
-    const env = new ApiMockEnvironment();
-
-    env.addRequestExpectation(API_LIST_PRODUCTS, {
-      response: {
-        products: [{ product_id: "1234" }],
-      },
-    });
-    env.addRequestExpectation(API_GET_PRODUCT_BY_ID("1234"), {
-      response: { price: "ARS:12" } as MerchantBackend.Products.ProductDetail,
-    });
-
-    const hookBehavior = await tests.hookBehaveLikeThis(
-      () => {
-        const query = useInstanceProducts();
-        const api = useProductAPI();
-        return { query, api };
-      },
-      {},
-      [
-        ({ query, api }) => {
-          expect(query.loading).true;
-        },
-        ({ query, api }) => {
-          expect(query.loading).true;
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).undefined;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals([{ id: "1234", price: "ARS:12" }]);
-
-          env.addRequestExpectation(API_UPDATE_PRODUCT_BY_ID("1234"), {
-            request: {
-              price: "ARS:13",
-            } as MerchantBackend.Products.ProductPatchDetail,
-          });
-
-          env.addRequestExpectation(API_LIST_PRODUCTS, {
-            response: {
-              products: [{ product_id: "1234" }],
-            },
-          });
-          env.addRequestExpectation(API_GET_PRODUCT_BY_ID("1234"), {
-            response: {
-              price: "ARS:13",
-            } as MerchantBackend.Products.ProductDetail,
-          });
-
-          api.updateProduct("1234", {
-            price: "ARS:13",
-          } as any);
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).undefined;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals([
-            {
-              id: "1234",
-              price: "ARS:13",
-            },
-          ]);
-        },
-      ],
-      env.buildTestingContext(),
-    );
-
-    expect(hookBehavior).deep.eq({ result: "ok" });
-    expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-  });
-
-  it("should evict cache when deleting a product", async () => {
-    const env = new ApiMockEnvironment();
-
-    env.addRequestExpectation(API_LIST_PRODUCTS, {
-      response: {
-        products: [{ product_id: "1234" }, { product_id: "2345" }],
-      },
-    });
-    env.addRequestExpectation(API_GET_PRODUCT_BY_ID("1234"), {
-      response: { price: "ARS:12" } as MerchantBackend.Products.ProductDetail,
-    });
-    env.addRequestExpectation(API_GET_PRODUCT_BY_ID("2345"), {
-      response: { price: "ARS:23" } as MerchantBackend.Products.ProductDetail,
-    });
-
-    const hookBehavior = await tests.hookBehaveLikeThis(
-      () => {
-        const query = useInstanceProducts();
-        const api = useProductAPI();
-        return { query, api };
-      },
-      {},
-      [
-        ({ query, api }) => {
-          expect(query.loading).true;
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).true;
-        },
-        ({ query, api }) => {
-          expect(query.loading).undefined;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals([
-            { id: "1234", price: "ARS:12" },
-            { id: "2345", price: "ARS:23" },
-          ]);
-
-          env.addRequestExpectation(API_DELETE_PRODUCT("2345"), {});
-
-          env.addRequestExpectation(API_LIST_PRODUCTS, {
-            response: {
-              products: [{ product_id: "1234" }],
-            },
-          });
-
-          env.addRequestExpectation(API_GET_PRODUCT_BY_ID("1234"), {
-            response: {
-              price: "ARS:12",
-            } as MerchantBackend.Products.ProductDetail,
-          });
-          api.deleteProduct("2345");
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).true;
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).undefined;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals([{ id: "1234", price: "ARS:12" }]);
-        },
-      ],
-      env.buildTestingContext(),
-    );
-
-    expect(hookBehavior).deep.eq({ result: "ok" });
-    expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-  });
-});
-
-describe("product api interaction with details", () => {
-  it("should evict cache when updating a product", async () => {
-    const env = new ApiMockEnvironment();
-
-    env.addRequestExpectation(API_GET_PRODUCT_BY_ID("12"), {
-      response: {
-        description: "this is a description",
-      } as MerchantBackend.Products.ProductDetail,
-    });
-
-    const hookBehavior = await tests.hookBehaveLikeThis(
-      () => {
-        const query = useProductDetails("12");
-        const api = useProductAPI();
-        return { query, api };
-      },
-      {},
-      [
-        ({ query, api }) => {
-          expect(query.loading).true;
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).false;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            description: "this is a description",
-          });
-
-          env.addRequestExpectation(API_UPDATE_PRODUCT_BY_ID("12"), {
-            request: {
-              description: "other description",
-            } as MerchantBackend.Products.ProductPatchDetail,
-          });
-
-          env.addRequestExpectation(API_GET_PRODUCT_BY_ID("12"), {
-            response: {
-              description: "other description",
-            } as MerchantBackend.Products.ProductDetail,
-          });
-
-          api.updateProduct("12", {
-            description: "other description",
-          } as any);
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).false;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            description: "other description",
-          });
-        },
-      ],
-      env.buildTestingContext(),
-    );
-
-    expect(hookBehavior).deep.eq({ result: "ok" });
-    expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-  });
-});
diff --git a/packages/auditor-backoffice-ui/src/hooks/old/product.ts b/packages/auditor-backoffice-ui/src/hooks/old/product.ts
deleted file mode 100644
index 8ca8d2724..000000000
--- a/packages/auditor-backoffice-ui/src/hooks/old/product.ts
+++ /dev/null
@@ -1,177 +0,0 @@
-/*
- 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/>
- */
-import {
-  HttpResponse,
-  HttpResponseOk,
-  RequestError,
-} from "@gnu-taler/web-util/browser";
-import { MerchantBackend, WithId } from "../declaration.js";
-import { useBackendInstanceRequest, useMatchMutate } from "./backend.js";
-
-// FIX default import https://github.com/microsoft/TypeScript/issues/49189
-import _useSWR, { SWRHook, useSWRConfig } from "swr";
-const useSWR = _useSWR as unknown as SWRHook;
-
-export interface ProductAPI {
-  getProduct: (
-    id: string,
-  ) => Promise<void>;
-  createProduct: (
-    data: MerchantBackend.Products.ProductAddDetail,
-  ) => Promise<void>;
-  updateProduct: (
-    id: string,
-    data: MerchantBackend.Products.ProductPatchDetail,
-  ) => Promise<void>;
-  deleteProduct: (id: string) => Promise<void>;
-  lockProduct: (
-    id: string,
-    data: MerchantBackend.Products.LockRequest,
-  ) => Promise<void>;
-}
-
-export function useProductAPI(): ProductAPI {
-  const mutateAll = useMatchMutate();
-  const { mutate } = useSWRConfig();
-
-  const { request } = useBackendInstanceRequest();
-
-  const createProduct = async (
-    data: MerchantBackend.Products.ProductAddDetail,
-  ): Promise<void> => {
-    const res = await request(`/private/products`, {
-      method: "POST",
-      data,
-    });
-
-    return await mutateAll(/.*\/private\/products.*/);
-  };
-
-  const updateProduct = async (
-    productId: string,
-    data: MerchantBackend.Products.ProductPatchDetail,
-  ): Promise<void> => {
-    const r = await request(`/private/products/${productId}`, {
-      method: "PATCH",
-      data,
-    });
-
-    return await mutateAll(/.*\/private\/products.*/);
-  };
-
-  const deleteProduct = async (productId: string): Promise<void> => {
-    await request(`/private/products/${productId}`, {
-      method: "DELETE",
-    });
-    await mutate([`/private/products`]);
-  };
-
-  const lockProduct = async (
-    productId: string,
-    data: MerchantBackend.Products.LockRequest,
-  ): Promise<void> => {
-    await request(`/private/products/${productId}/lock`, {
-      method: "POST",
-      data,
-    });
-
-    return await mutateAll(/.*"\/private\/products.*/);
-  };
-
-  const getProduct = async (
-    productId: string,
-  ): Promise<void> => {
-    await request(`/private/products/${productId}`, {
-      method: "GET",
-    });
-
-    return
-  };
-
-  return { createProduct, updateProduct, deleteProduct, lockProduct, getProduct };
-}
-
-export function useInstanceProducts(): HttpResponse<
-  (MerchantBackend.Products.ProductDetail & WithId)[],
-  MerchantBackend.ErrorDetail
-> {
-  const { fetcher, multiFetcher } = useBackendInstanceRequest();
-
-  const { data: list, error: listError } = useSWR<
-    HttpResponseOk<MerchantBackend.Products.InventorySummaryResponse>,
-    RequestError<MerchantBackend.ErrorDetail>
-  >([`/private/products`], fetcher, {
-    refreshInterval: 0,
-    refreshWhenHidden: false,
-    revalidateOnFocus: false,
-    revalidateOnReconnect: false,
-    refreshWhenOffline: false,
-  });
-
-  const paths = (list?.data.products || []).map(
-    (p) => `/private/products/${p.product_id}`,
-  );
-  const { data: products, error: productError } = useSWR<
-    HttpResponseOk<MerchantBackend.Products.ProductDetail>[],
-    RequestError<MerchantBackend.ErrorDetail>
-  >([paths], multiFetcher, {
-    refreshInterval: 0,
-    refreshWhenHidden: false,
-    revalidateOnFocus: false,
-    revalidateOnReconnect: false,
-    refreshWhenOffline: false,
-  });
-
-  if (listError) return listError.cause;
-  if (productError) return productError.cause;
-
-  if (products) {
-    const dataWithId = products.map((d) => {
-      //take the id from the queried url
-      return {
-        ...d.data,
-        id: d.info?.url.replace(/.*\/private\/products\//, "") || "",
-      };
-    });
-    return { ok: true, data: dataWithId };
-  }
-  return { loading: true };
-}
-
-export function useProductDetails(
-  productId: string,
-): HttpResponse<
-  MerchantBackend.Products.ProductDetail,
-  MerchantBackend.ErrorDetail
-> {
-  const { fetcher } = useBackendInstanceRequest();
-
-  const { data, error, isValidating } = useSWR<
-    HttpResponseOk<MerchantBackend.Products.ProductDetail>,
-    RequestError<MerchantBackend.ErrorDetail>
-  >([`/private/products/${productId}`], fetcher, {
-    refreshInterval: 0,
-    refreshWhenHidden: false,
-    revalidateOnFocus: false,
-    revalidateOnReconnect: false,
-    refreshWhenOffline: false,
-  });
-
-  if (isValidating) return { loading: true, data: data?.data };
-  if (data) return data;
-  if (error) return error.cause;
-  return { loading: true };
-}
diff --git a/packages/auditor-backoffice-ui/src/hooks/old/reserve.test.ts b/packages/auditor-backoffice-ui/src/hooks/old/reserve.test.ts
deleted file mode 100644
index b3eecd754..000000000
--- a/packages/auditor-backoffice-ui/src/hooks/old/reserve.test.ts
+++ /dev/null
@@ -1,448 +0,0 @@
-/*
- 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 { expect } from "chai";
-import { MerchantBackend } from "../declaration.js";
-import {
-  useInstanceReserves,
-  useReserveDetails,
-  useReservesAPI,
-  useRewardDetails,
-} from "./reserves.js";
-import { ApiMockEnvironment } from "./testing.js";
-import {
-  API_AUTHORIZE_REWARD,
-  API_AUTHORIZE_REWARD_FOR_RESERVE,
-  API_CREATE_RESERVE,
-  API_DELETE_RESERVE,
-  API_GET_RESERVE_BY_ID,
-  API_GET_REWARD_BY_ID,
-  API_LIST_RESERVES,
-} from "./urls.js";
-import * as tests from "@gnu-taler/web-util/testing";
-
-describe("reserve api interaction with listing", () => {
-  it("should evict cache when creating a reserve", async () => {
-    const env = new ApiMockEnvironment();
-
-    env.addRequestExpectation(API_LIST_RESERVES, {
-      response: {
-        reserves: [
-          {
-            reserve_pub: "11",
-          } as MerchantBackend.Rewards.ReserveStatusEntry,
-        ],
-      },
-    });
-
-    const hookBehavior = await tests.hookBehaveLikeThis(
-      () => {
-        const api = useReservesAPI();
-        const query = useInstanceReserves();
-        return { query, api };
-      },
-      {},
-      [
-        ({ query, api }) => {
-          expect(query.loading).true;
-        },
-        ({ query, api }) => {
-          expect(query.loading).false;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            reserves: [{ reserve_pub: "11" }],
-          });
-
-          env.addRequestExpectation(API_CREATE_RESERVE, {
-            request: {
-              initial_balance: "ARS:3333",
-              exchange_url: "http://url",
-              wire_method: "iban",
-            },
-            response: {
-              reserve_pub: "22",
-              accounts: [],
-            },
-          });
-
-          env.addRequestExpectation(API_LIST_RESERVES, {
-            response: {
-              reserves: [
-                {
-                  reserve_pub: "11",
-                } as MerchantBackend.Rewards.ReserveStatusEntry,
-                {
-                  reserve_pub: "22",
-                } as MerchantBackend.Rewards.ReserveStatusEntry,
-              ],
-            },
-          });
-
-          api.createReserve({
-            initial_balance: "ARS:3333",
-            exchange_url: "http://url",
-            wire_method: "iban",
-          });
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).false;
-          expect(query.ok).true;
-          if (!query.ok) return;
-
-          expect(query.data).deep.equals({
-            reserves: [
-              {
-                reserve_pub: "11",
-              } as MerchantBackend.Rewards.ReserveStatusEntry,
-              {
-                reserve_pub: "22",
-              } as MerchantBackend.Rewards.ReserveStatusEntry,
-            ],
-          });
-        },
-      ],
-      env.buildTestingContext(),
-    );
-
-    expect(hookBehavior).deep.eq({ result: "ok" });
-    expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-  });
-
-  it("should evict cache when deleting a reserve", async () => {
-    const env = new ApiMockEnvironment();
-
-    env.addRequestExpectation(API_LIST_RESERVES, {
-      response: {
-        reserves: [
-          {
-            reserve_pub: "11",
-          } as MerchantBackend.Rewards.ReserveStatusEntry,
-          {
-            reserve_pub: "22",
-          } as MerchantBackend.Rewards.ReserveStatusEntry,
-          {
-            reserve_pub: "33",
-          } as MerchantBackend.Rewards.ReserveStatusEntry,
-        ],
-      },
-    });
-
-    const hookBehavior = await tests.hookBehaveLikeThis(
-      () => {
-        const api = useReservesAPI();
-        const query = useInstanceReserves();
-        return { query, api };
-      },
-      {},
-      [
-        ({ query, api }) => {
-          expect(query.loading).true;
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-
-          expect(query.loading).false;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            reserves: [
-              { reserve_pub: "11" },
-              { reserve_pub: "22" },
-              { reserve_pub: "33" },
-            ],
-          });
-
-          env.addRequestExpectation(API_DELETE_RESERVE("11"), {});
-          env.addRequestExpectation(API_LIST_RESERVES, {
-            response: {
-              reserves: [
-                {
-                  reserve_pub: "22",
-                } as MerchantBackend.Rewards.ReserveStatusEntry,
-                {
-                  reserve_pub: "33",
-                } as MerchantBackend.Rewards.ReserveStatusEntry,
-              ],
-            },
-          });
-
-          api.deleteReserve("11");
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).false;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            reserves: [{ reserve_pub: "22" }, { reserve_pub: "33" }],
-          });
-        },
-      ],
-      env.buildTestingContext(),
-    );
-
-    expect(hookBehavior).deep.eq({ result: "ok" });
-    expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-  });
-});
-
-describe("reserve api interaction with details", () => {
-  it("should evict cache when adding a reward for a specific reserve", async () => {
-    const env = new ApiMockEnvironment();
-
-    env.addRequestExpectation(API_GET_RESERVE_BY_ID("11"), {
-      response: {
-        accounts: [{ payto_uri: "payto://here" }],
-        rewards: [{ reason: "why?", reward_id: "id1", total_amount: "USD:10" }],
-      } as MerchantBackend.Rewards.ReserveDetail,
-      qparam: {
-        rewards: "yes",
-      },
-    });
-
-    const hookBehavior = await tests.hookBehaveLikeThis(
-      () => {
-        const api = useReservesAPI();
-        const query = useReserveDetails("11");
-        return { query, api };
-      },
-      {},
-      [
-        ({ query, api }) => {
-          expect(query.loading).true;
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).false;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            accounts: [{ payto_uri: "payto://here" }],
-            rewards: [{ reason: "why?", reward_id: "id1", total_amount: "USD:10" }],
-          });
-
-          env.addRequestExpectation(API_AUTHORIZE_REWARD_FOR_RESERVE("11"), {
-            request: {
-              amount: "USD:12",
-              justification: "not",
-              next_url: "http://taler.net",
-            },
-            response: {
-              reward_id: "id2",
-              taler_reward_uri: "uri",
-              reward_expiration: { t_s: 1 },
-              reward_status_url: "url",
-            },
-          });
-
-          env.addRequestExpectation(API_GET_RESERVE_BY_ID("11"), {
-            response: {
-              accounts: [{ payto_uri: "payto://here" }],
-              rewards: [
-                { reason: "why?", reward_id: "id1", total_amount: "USD:10" },
-                { reason: "not", reward_id: "id2", total_amount: "USD:12" },
-              ],
-            } as MerchantBackend.Rewards.ReserveDetail,
-            qparam: {
-              rewards: "yes",
-            },
-          });
-
-          api.authorizeRewardReserve("11", {
-            amount: "USD:12",
-            justification: "not",
-            next_url: "http://taler.net",
-          });
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).false;
-
-          expect(query.loading).false;
-          expect(query.ok).true;
-          if (!query.ok) return;
-
-          expect(query.data).deep.equals({
-            accounts: [{ payto_uri: "payto://here" }],
-            rewards: [
-              { reason: "why?", reward_id: "id1", total_amount: "USD:10" },
-              { reason: "not", reward_id: "id2", total_amount: "USD:12" },
-            ],
-          });
-        },
-      ],
-      env.buildTestingContext(),
-    );
-
-    expect(hookBehavior).deep.eq({ result: "ok" });
-    expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-  });
-
-  it("should evict cache when adding a reward for a random reserve", async () => {
-    const env = new ApiMockEnvironment();
-
-    env.addRequestExpectation(API_GET_RESERVE_BY_ID("11"), {
-      response: {
-        accounts: [{ payto_uri: "payto://here" }],
-        rewards: [{ reason: "why?", reward_id: "id1", total_amount: "USD:10" }],
-      } as MerchantBackend.Rewards.ReserveDetail,
-      qparam: {
-        rewards: "yes",
-      },
-    });
-
-    const hookBehavior = await tests.hookBehaveLikeThis(
-      () => {
-        const api = useReservesAPI();
-        const query = useReserveDetails("11");
-        return { query, api };
-      },
-      {},
-      [
-        ({ query, api }) => {
-          expect(query.loading).true;
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).false;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            accounts: [{ payto_uri: "payto://here" }],
-            rewards: [{ reason: "why?", reward_id: "id1", total_amount: "USD:10" }],
-          });
-
-          env.addRequestExpectation(API_AUTHORIZE_REWARD, {
-            request: {
-              amount: "USD:12",
-              justification: "not",
-              next_url: "http://taler.net",
-            },
-            response: {
-              reward_id: "id2",
-              taler_reward_uri: "uri",
-              reward_expiration: { t_s: 1 },
-              reward_status_url: "url",
-            },
-          });
-
-          env.addRequestExpectation(API_GET_RESERVE_BY_ID("11"), {
-            response: {
-              accounts: [{ payto_uri: "payto://here" }],
-              rewards: [
-                { reason: "why?", reward_id: "id1", total_amount: "USD:10" },
-                { reason: "not", reward_id: "id2", total_amount: "USD:12" },
-              ],
-            } as MerchantBackend.Rewards.ReserveDetail,
-            qparam: {
-              rewards: "yes",
-            },
-          });
-
-          api.authorizeReward({
-            amount: "USD:12",
-            justification: "not",
-            next_url: "http://taler.net",
-          });
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).false;
-          expect(query.ok).true;
-          if (!query.ok) return;
-
-          expect(query.data).deep.equals({
-            accounts: [{ payto_uri: "payto://here" }],
-            rewards: [
-              { reason: "why?", reward_id: "id1", total_amount: "USD:10" },
-              { reason: "not", reward_id: "id2", total_amount: "USD:12" },
-            ],
-          });
-        },
-      ],
-      env.buildTestingContext(),
-    );
-
-    expect(hookBehavior).deep.eq({ result: "ok" });
-    expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-  });
-});
-
-describe("reserve api interaction with reward details", () => {
-  it("should list rewards", async () => {
-    const env = new ApiMockEnvironment();
-
-    env.addRequestExpectation(API_GET_REWARD_BY_ID("11"), {
-      response: {
-        total_picked_up: "USD:12",
-        reason: "not",
-      } as MerchantBackend.Rewards.RewardDetails,
-      qparam: {
-        pickups: "yes",
-      },
-    });
-
-    const hookBehavior = await tests.hookBehaveLikeThis(
-      () => {
-        const query = useRewardDetails("11");
-        return { query };
-      },
-      {},
-      [
-        ({ query }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).true;
-        },
-        ({ query }) => {
-          expect(query.loading).false;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            total_picked_up: "USD:12",
-            reason: "not",
-          });
-        },
-      ],
-      env.buildTestingContext(),
-    );
-
-    expect(hookBehavior).deep.eq({ result: "ok" });
-    expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-  });
-});
diff --git a/packages/auditor-backoffice-ui/src/hooks/old/reserves.ts b/packages/auditor-backoffice-ui/src/hooks/old/reserves.ts
deleted file mode 100644
index b719bfbe6..000000000
--- a/packages/auditor-backoffice-ui/src/hooks/old/reserves.ts
+++ /dev/null
@@ -1,181 +0,0 @@
-/*
- 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/>
- */
-import {
-  HttpResponse,
-  HttpResponseOk,
-  RequestError,
-} from "@gnu-taler/web-util/browser";
-import { MerchantBackend } from "../declaration.js";
-import { useBackendInstanceRequest, useMatchMutate } from "./backend.js";
-
-// FIX default import https://github.com/microsoft/TypeScript/issues/49189
-import _useSWR, { SWRHook, useSWRConfig } from "swr";
-const useSWR = _useSWR as unknown as SWRHook;
-
-export function useReservesAPI(): ReserveMutateAPI {
-  const mutateAll = useMatchMutate();
-  const { mutate } = useSWRConfig();
-  const { request } = useBackendInstanceRequest();
-
-  const createReserve = async (
-    data: MerchantBackend.Rewards.ReserveCreateRequest,
-  ): Promise<
-    HttpResponseOk<MerchantBackend.Rewards.ReserveCreateConfirmation>
-  > => {
-    const res = await request<MerchantBackend.Rewards.ReserveCreateConfirmation>(
-      `/private/reserves`,
-      {
-        method: "POST",
-        data,
-      },
-    );
-
-    //evict reserve list query
-    await mutateAll(/.*private\/reserves.*/);
-
-    return res;
-  };
-
-  const authorizeRewardReserve = async (
-    pub: string,
-    data: MerchantBackend.Rewards.RewardCreateRequest,
-  ): Promise<HttpResponseOk<MerchantBackend.Rewards.RewardCreateConfirmation>> => {
-    const res = await request<MerchantBackend.Rewards.RewardCreateConfirmation>(
-      `/private/reserves/${pub}/authorize-reward`,
-      {
-        method: "POST",
-        data,
-      },
-    );
-
-    //evict reserve details query
-    await mutate([`/private/reserves/${pub}`]);
-
-    return res;
-  };
-
-  const authorizeReward = async (
-    data: MerchantBackend.Rewards.RewardCreateRequest,
-  ): Promise<HttpResponseOk<MerchantBackend.Rewards.RewardCreateConfirmation>> => {
-    const res = await request<MerchantBackend.Rewards.RewardCreateConfirmation>(
-      `/private/rewards`,
-      {
-        method: "POST",
-        data,
-      },
-    );
-
-    //evict all details query
-    await mutateAll(/.*private\/reserves\/.*/);
-
-    return res;
-  };
-
-  const deleteReserve = async (
-    pub: string,
-  ): Promise<HttpResponse<void, MerchantBackend.ErrorDetail>> => {
-    const res = await request<void>(`/private/reserves/${pub}`, {
-      method: "DELETE",
-    });
-
-    //evict reserve list query
-    await mutateAll(/.*private\/reserves.*/);
-
-    return res;
-  };
-
-  return { createReserve, authorizeReward, authorizeRewardReserve, deleteReserve };
-}
-
-export interface ReserveMutateAPI {
-  createReserve: (
-    data: MerchantBackend.Rewards.ReserveCreateRequest,
-  ) => Promise<HttpResponseOk<MerchantBackend.Rewards.ReserveCreateConfirmation>>;
-  authorizeRewardReserve: (
-    id: string,
-    data: MerchantBackend.Rewards.RewardCreateRequest,
-  ) => Promise<HttpResponseOk<MerchantBackend.Rewards.RewardCreateConfirmation>>;
-  authorizeReward: (
-    data: MerchantBackend.Rewards.RewardCreateRequest,
-  ) => Promise<HttpResponseOk<MerchantBackend.Rewards.RewardCreateConfirmation>>;
-  deleteReserve: (
-    id: string,
-  ) => Promise<HttpResponse<void, MerchantBackend.ErrorDetail>>;
-}
-
-export function useInstanceReserves(): HttpResponse<
-  MerchantBackend.Rewards.RewardReserveStatus,
-  MerchantBackend.ErrorDetail
-> {
-  const { fetcher } = useBackendInstanceRequest();
-
-  const { data, error, isValidating } = useSWR<
-    HttpResponseOk<MerchantBackend.Rewards.RewardReserveStatus>,
-    RequestError<MerchantBackend.ErrorDetail>
-  >([`/private/reserves`], fetcher);
-
-  if (isValidating) return { loading: true, data: data?.data };
-  if (data) return data;
-  if (error) return error.cause;
-  return { loading: true };
-}
-
-export function useReserveDetails(
-  reserveId: string,
-): HttpResponse<
-  MerchantBackend.Rewards.ReserveDetail,
-  MerchantBackend.ErrorDetail
-> {
-  const { reserveDetailFetcher } = useBackendInstanceRequest();
-
-  const { data, error, isValidating } = useSWR<
-    HttpResponseOk<MerchantBackend.Rewards.ReserveDetail>,
-    RequestError<MerchantBackend.ErrorDetail>
-  >([`/private/reserves/${reserveId}`], reserveDetailFetcher, {
-    refreshInterval: 0,
-    refreshWhenHidden: false,
-    revalidateOnFocus: false,
-    revalidateOnReconnect: false,
-    refreshWhenOffline: false,
-  });
-
-  if (isValidating) return { loading: true, data: data?.data };
-  if (data) return data;
-  if (error) return error.cause;
-  return { loading: true };
-}
-
-export function useRewardDetails(
-  rewardId: string,
-): HttpResponse<MerchantBackend.Rewards.RewardDetails, MerchantBackend.ErrorDetail> {
-  const { rewardsDetailFetcher } = useBackendInstanceRequest();
-
-  const { data, error, isValidating } = useSWR<
-    HttpResponseOk<MerchantBackend.Rewards.RewardDetails>,
-    RequestError<MerchantBackend.ErrorDetail>
-  >([`/private/rewards/${rewardId}`], rewardsDetailFetcher, {
-    refreshInterval: 0,
-    refreshWhenHidden: false,
-    revalidateOnFocus: false,
-    revalidateOnReconnect: false,
-    refreshWhenOffline: false,
-  });
-
-  if (isValidating) return { loading: true, data: data?.data };
-  if (data) return data;
-  if (error) return error.cause;
-  return { loading: true };
-}
diff --git a/packages/auditor-backoffice-ui/src/hooks/old/templates.ts b/packages/auditor-backoffice-ui/src/hooks/old/templates.ts
deleted file mode 100644
index ee8728cc8..000000000
--- a/packages/auditor-backoffice-ui/src/hooks/old/templates.ts
+++ /dev/null
@@ -1,266 +0,0 @@
-/*
- 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/>
- */
-import {
-  HttpResponse,
-  HttpResponseOk,
-  HttpResponsePaginated,
-  RequestError,
-} from "@gnu-taler/web-util/browser";
-import { useEffect, useState } from "preact/hooks";
-import { MerchantBackend } from "../declaration.js";
-import { MAX_RESULT_SIZE, PAGE_SIZE } from "../utils/constants.js";
-import { useBackendInstanceRequest, useMatchMutate } from "./backend.js";
-
-// FIX default import https://github.com/microsoft/TypeScript/issues/49189
-import _useSWR, { SWRHook } from "swr";
-const useSWR = _useSWR as unknown as SWRHook;
-
-export function useTemplateAPI(): TemplateAPI {
-  const mutateAll = useMatchMutate();
-  const { request } = useBackendInstanceRequest();
-
-  const createTemplate = async (
-    data: MerchantBackend.Template.TemplateAddDetails,
-  ): Promise<HttpResponseOk<void>> => {
-    const res = await request<void>(`/private/templates`, {
-      method: "POST",
-      data,
-    });
-    await mutateAll(/.*private\/templates.*/);
-    return res;
-  };
-
-  const updateTemplate = async (
-    templateId: string,
-    data: MerchantBackend.Template.TemplatePatchDetails,
-  ): Promise<HttpResponseOk<void>> => {
-    const res = await request<void>(`/private/templates/${templateId}`, {
-      method: "PATCH",
-      data,
-    });
-    await mutateAll(/.*private\/templates.*/);
-    return res;
-  };
-
-  const deleteTemplate = async (
-    templateId: string,
-  ): Promise<HttpResponseOk<void>> => {
-    const res = await request<void>(`/private/templates/${templateId}`, {
-      method: "DELETE",
-    });
-    await mutateAll(/.*private\/templates.*/);
-    return res;
-  };
-
-  const createOrderFromTemplate = async (
-    templateId: string,
-    data: MerchantBackend.Template.UsingTemplateDetails,
-  ): Promise<
-    HttpResponseOk<MerchantBackend.Template.UsingTemplateResponse>
-  > => {
-    const res = await request<MerchantBackend.Template.UsingTemplateResponse>(
-      `/templates/${templateId}`,
-      {
-        method: "POST",
-        data,
-      },
-    );
-    await mutateAll(/.*private\/templates.*/);
-    return res;
-  };
-
-  const testTemplateExist = async (
-    templateId: string,
-  ): Promise<HttpResponseOk<void>> => {
-    const res = await request<void>(`/private/templates/${templateId}`, { method: "GET", });
-    return res;
-  };
-
-
-  return {
-    createTemplate,
-    updateTemplate,
-    deleteTemplate,
-    testTemplateExist,
-    createOrderFromTemplate,
-  };
-}
-
-export interface TemplateAPI {
-  createTemplate: (
-    data: MerchantBackend.Template.TemplateAddDetails,
-  ) => Promise<HttpResponseOk<void>>;
-  updateTemplate: (
-    id: string,
-    data: MerchantBackend.Template.TemplatePatchDetails,
-  ) => Promise<HttpResponseOk<void>>;
-  testTemplateExist: (
-    id: string
-  ) => Promise<HttpResponseOk<void>>;
-  deleteTemplate: (id: string) => Promise<HttpResponseOk<void>>;
-  createOrderFromTemplate: (
-    id: string,
-    data: MerchantBackend.Template.UsingTemplateDetails,
-  ) => Promise<HttpResponseOk<MerchantBackend.Template.UsingTemplateResponse>>;
-}
-
-export interface InstanceTemplateFilter {
-  //FIXME: add filter to the template list
-  position?: string;
-}
-
-export function useInstanceTemplates(
-  args?: InstanceTemplateFilter,
-  updatePosition?: (id: string) => void,
-): HttpResponsePaginated<
-  MerchantBackend.Template.TemplateSummaryResponse,
-  MerchantBackend.ErrorDetail
-> {
-  const { templateFetcher } = useBackendInstanceRequest();
-
-  const [pageBefore, setPageBefore] = useState(1);
-  const [pageAfter, setPageAfter] = useState(1);
-
-  const totalAfter = pageAfter * PAGE_SIZE;
-  const totalBefore = args?.position ? pageBefore * PAGE_SIZE : 0;
-
-  /**
-   * FIXME: this can be cleaned up a little
-   *
-   * the logic of double query should be inside the orderFetch so from the hook perspective and cache
-   * is just one query and one error status
-   */
-  const {
-    data: beforeData,
-    error: beforeError,
-    isValidating: loadingBefore,
-  } = useSWR<
-    HttpResponseOk<MerchantBackend.Template.TemplateSummaryResponse>,
-    RequestError<MerchantBackend.ErrorDetail>>(
-      [
-        `/private/templates`,
-        args?.position,
-        totalBefore,
-      ],
-      templateFetcher,
-    );
-  const {
-    data: afterData,
-    error: afterError,
-    isValidating: loadingAfter,
-  } = useSWR<
-    HttpResponseOk<MerchantBackend.Template.TemplateSummaryResponse>,
-    RequestError<MerchantBackend.ErrorDetail>
-  >([`/private/templates`, args?.position, -totalAfter], templateFetcher);
-
-  //this will save last result
-  const [lastBefore, setLastBefore] = useState<
-    HttpResponse<
-      MerchantBackend.Template.TemplateSummaryResponse,
-      MerchantBackend.ErrorDetail
-    >
-  >({ loading: true });
-
-  const [lastAfter, setLastAfter] = useState<
-    HttpResponse<
-      MerchantBackend.Template.TemplateSummaryResponse,
-      MerchantBackend.ErrorDetail
-    >
-  >({ loading: true });
-  useEffect(() => {
-    if (afterData) setLastAfter(afterData);
-    if (beforeData) setLastBefore(beforeData);
-  }, [afterData, beforeData]);
-
-  if (beforeError) return beforeError.cause;
-  if (afterError) return afterError.cause;
-
-  // if the query returns less that we ask, then we have reach the end or beginning
-  const isReachingEnd =
-    afterData && afterData.data.templates.length < totalAfter;
-  const isReachingStart = args?.position === undefined
-    ||
-    (beforeData && beforeData.data.templates.length < totalBefore);
-
-  const pagination = {
-    isReachingEnd,
-    isReachingStart,
-    loadMore: () => {
-      if (!afterData || isReachingEnd) return;
-      if (afterData.data.templates.length < MAX_RESULT_SIZE) {
-        setPageAfter(pageAfter + 1);
-      } else {
-        const from = `${afterData.data.templates[afterData.data.templates.length - 1]
-          .template_id
-          }`;
-        if (from && updatePosition) updatePosition(from);
-      }
-    },
-    loadMorePrev: () => {
-      if (!beforeData || isReachingStart) return;
-      if (beforeData.data.templates.length < MAX_RESULT_SIZE) {
-        setPageBefore(pageBefore + 1);
-      } else if (beforeData) {
-        const from = `${beforeData.data.templates[beforeData.data.templates.length - 1]
-          .template_id
-          }`;
-        if (from && updatePosition) updatePosition(from);
-      }
-    },
-  };
-
-  // const templates = !afterData ? [] : (afterData || lastAfter).data.templates;
-  const templates =
-    !beforeData || !afterData
-      ? []
-      : (beforeData || lastBefore).data.templates
-        .slice()
-        .reverse()
-        .concat((afterData || lastAfter).data.templates);
-  if (loadingAfter || loadingBefore)
-    return { loading: true, data: { templates } };
-  if (beforeData && afterData) {
-    return { ok: true, data: { templates }, ...pagination };
-  }
-  return { loading: true };
-}
-
-export function useTemplateDetails(
-  templateId: string,
-): HttpResponse<
-  MerchantBackend.Template.TemplateDetails,
-  MerchantBackend.ErrorDetail
-> {
-  const { templateFetcher } = useBackendInstanceRequest();
-
-  const { data, error, isValidating } = useSWR<
-    HttpResponseOk<MerchantBackend.Template.TemplateDetails>,
-    RequestError<MerchantBackend.ErrorDetail>
-  >([`/private/templates/${templateId}`], templateFetcher, {
-    refreshInterval: 0,
-    refreshWhenHidden: false,
-    revalidateOnFocus: false,
-    revalidateOnReconnect: false,
-    refreshWhenOffline: false,
-  });
-
-  if (isValidating) return { loading: true, data: data?.data };
-  if (data) {
-    return data;
-  }
-  if (error) return error.cause;
-  return { loading: true };
-}
diff --git a/packages/auditor-backoffice-ui/src/hooks/old/testing.tsx b/packages/auditor-backoffice-ui/src/hooks/old/testing.tsx
deleted file mode 100644
index 3ea22475b..000000000
--- a/packages/auditor-backoffice-ui/src/hooks/old/testing.tsx
+++ /dev/null
@@ -1,180 +0,0 @@
-/*
- 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 { MockEnvironment } from "@gnu-taler/web-util/testing";
-import { ComponentChildren, FunctionalComponent, h, VNode } from "preact";
-import { HttpRequestLibrary, HttpRequestOptions, HttpResponse } from "@gnu-taler/taler-util/http";
-import { SWRConfig } from "swr";
-import { ApiContextProvider } from "@gnu-taler/web-util/browser";
-import { BackendContextProvider } from "../context/backend.js";
-import { InstanceContextProvider } from "../context/instance.js";
-import { HttpResponseOk, RequestOptions } from "@gnu-taler/web-util/browser";
-import { TalerBankIntegrationHttpClient, TalerCoreBankHttpClient } from "@gnu-taler/taler-util";
-
-export class ApiMockEnvironment extends MockEnvironment {
-  constructor(debug = false) {
-    super(debug);
-  }
-
-  mockApiIfNeeded(): void {
-    null; // do nothing
-  }
-
-  public buildTestingContext(): FunctionalComponent<{
-    children: ComponentChildren;
-  }> {
-    const __SAVE_REQUEST_AND_GET_MOCKED_RESPONSE =
-      this.saveRequestAndGetMockedResponse.bind(this);
-
-    return function TestingContext({
-      children,
-    }: {
-      children: ComponentChildren;
-    }): VNode {
-
-      async function request<T>(
-        base: string,
-        path: string,
-        options: RequestOptions = {},
-      ): Promise<HttpResponseOk<T>> {
-        const _url = new URL(`${base}${path}`);
-        // Object.entries(options.params ?? {}).forEach(([key, value]) => {
-        //   _url.searchParams.set(key, String(value));
-        // });
-
-        const mocked = __SAVE_REQUEST_AND_GET_MOCKED_RESPONSE(
-          {
-            method: options.method ?? "GET",
-            url: _url.href,
-          },
-          {
-            qparam: options.params,
-            auth: options.token,
-            request: options.data,
-          },
-        );
-        const status = mocked.expectedQuery?.query.code ?? 200;
-        const requestPayload = mocked.expectedQuery?.params?.request;
-        const responsePayload = mocked.expectedQuery?.params?.response;
-
-        return {
-          ok: true,
-          data: responsePayload as T,
-          loading: false,
-          clientError: false,
-          serverError: false,
-          info: {
-            hasToken: !!options.token,
-            status,
-            url: _url.href,
-            payload: options.data,
-            options: {},
-          },
-        };
-      }
-      const SC: any = SWRConfig;
-
-      const mockHttpClient = new class implements HttpRequestLibrary {
-        async fetch(url: string, options?: HttpRequestOptions | undefined): Promise<HttpResponse> {
-          const _url = new URL(url);
-          const mocked = __SAVE_REQUEST_AND_GET_MOCKED_RESPONSE(
-            {
-              method: options?.method ?? "GET",
-              url: _url.href,
-            },
-            {
-              qparam: _url.searchParams,
-              auth: options as any,
-              request: options?.body as any,
-            },
-          );
-          const status = mocked.expectedQuery?.query.code ?? 200;
-          const requestPayload = mocked.expectedQuery?.params?.request;
-          const responsePayload = mocked.expectedQuery?.params?.response;
-
-          // FIXME: complete this implementation to mock any query
-          const resp: HttpResponse = {
-            requestUrl: _url.href,
-            status: status,
-            headers: {} as any,
-            requestMethod: options?.method ?? "GET",
-            json: async () => responsePayload,
-            text: async () => responsePayload as any as string,
-            bytes: async () => responsePayload as ArrayBuffer,
-          };
-          return resp
-        }
-        get(url: string, opt?: HttpRequestOptions): Promise<HttpResponse> {
-          return this.fetch(url, {
-            method: "GET",
-            ...opt,
-          });
-        }
-
-        postJson(
-          url: string,
-          body: any,
-          opt?: HttpRequestOptions,
-        ): Promise<HttpResponse> {
-          return this.fetch(url, {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify(body),
-            ...opt,
-          });
-        }
-
-      }
-      const bankCore = new TalerCoreBankHttpClient("http://localhost", mockHttpClient)
-      const bankIntegration = bankCore.getIntegrationAPI()
-      const bankRevenue = bankCore.getRevenueAPI("a")
-      const bankWire = bankCore.getWireGatewayAPI("b")
-
-      return (
-        <BackendContextProvider defaultUrl="http://backend">
-          <InstanceContextProvider
-            value={{
-              token: undefined,
-              id: "default",
-              admin: true,
-              changeToken: () => null,
-            }}
-          >
-            <ApiContextProvider value={{ request, bankCore, bankIntegration, bankRevenue, bankWire }}>
-              <SC
-                value={{
-                  loadingTimeout: 0,
-                  dedupingInterval: 0,
-                  shouldRetryOnError: false,
-                  errorRetryInterval: 0,
-                  errorRetryCount: 0,
-                  provider: () => new Map(),
-                }}
-              >
-                {children}
-              </SC>
-            </ApiContextProvider>
-          </InstanceContextProvider>
-        </BackendContextProvider>
-      );
-    };
-  }
-}
diff --git a/packages/auditor-backoffice-ui/src/hooks/old/transfer.test.ts b/packages/auditor-backoffice-ui/src/hooks/old/transfer.test.ts
deleted file mode 100644
index a7187af27..000000000
--- a/packages/auditor-backoffice-ui/src/hooks/old/transfer.test.ts
+++ /dev/null
@@ -1,254 +0,0 @@
-/*
- 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 * as tests from "@gnu-taler/web-util/testing";
-import { expect } from "chai";
-import { MerchantBackend } from "../declaration.js";
-import { API_INFORM_TRANSFERS, API_LIST_TRANSFERS } from "./urls.js";
-import { ApiMockEnvironment } from "./testing.js";
-import { useInstanceTransfers, useTransferAPI } from "./transfer.js";
-
-describe("transfer api interaction with listing", () => {
-  it("should evict cache when informing a transfer", async () => {
-    const env = new ApiMockEnvironment();
-
-    env.addRequestExpectation(API_LIST_TRANSFERS, {
-      qparam: { limit: -20 },
-      response: {
-        transfers: [{ wtid: "2" } as MerchantBackend.Transfers.TransferDetails],
-      },
-    });
-
-    const moveCursor = (d: string) => {
-      console.log("new position", d);
-    };
-
-    const hookBehavior = await tests.hookBehaveLikeThis(
-      () => {
-        const query = useInstanceTransfers({}, moveCursor);
-        const api = useTransferAPI();
-        return { query, api };
-      },
-      {},
-      [
-        ({ query, api }) => {
-          expect(query.loading).true;
-        },
-
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).undefined;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            transfers: [{ wtid: "2" }],
-          });
-
-          env.addRequestExpectation(API_INFORM_TRANSFERS, {
-            request: {
-              wtid: "3",
-              credit_amount: "EUR:1",
-              exchange_url: "exchange.url",
-              payto_uri: "payto://",
-            },
-            response: { total: "" } as any,
-          });
-
-          env.addRequestExpectation(API_LIST_TRANSFERS, {
-            qparam: { limit: -20 },
-            response: {
-              transfers: [{ wtid: "3" } as any, { wtid: "2" } as any],
-            },
-          });
-
-          api.informTransfer({
-            wtid: "3",
-            credit_amount: "EUR:1",
-            exchange_url: "exchange.url",
-            payto_uri: "payto://",
-          });
-        },
-        ({ query, api }) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).undefined;
-          expect(query.ok).true;
-          if (!query.ok) return;
-
-          expect(query.data).deep.equals({
-            transfers: [{ wtid: "3" }, { wtid: "2" }],
-          });
-        },
-      ],
-      env.buildTestingContext(),
-    );
-
-    expect(hookBehavior).deep.eq({ result: "ok" });
-    expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-  });
-});
-
-describe("transfer listing pagination", () => {
-  it("should not load more if has reach the end", async () => {
-    const env = new ApiMockEnvironment();
-
-    env.addRequestExpectation(API_LIST_TRANSFERS, {
-      qparam: { limit: -20, payto_uri: "payto://" },
-      response: {
-        transfers: [{ wtid: "2" }, { wtid: "1" } as any],
-      },
-    });
-
-    const moveCursor = (d: string) => {
-      console.log("new position", d);
-    };
-    const hookBehavior = await tests.hookBehaveLikeThis(
-      () => {
-        return useInstanceTransfers({ payto_uri: "payto://" }, moveCursor);
-      },
-      {},
-      [
-        (query) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(query.loading).true;
-        },
-        (query) => {
-          expect(query.loading).undefined;
-          expect(query.ok).true;
-          if (!query.ok) return;
-          expect(query.data).deep.equals({
-            transfers: [{ wtid: "2" }, { wtid: "1" }],
-          });
-          expect(query.isReachingEnd).true;
-          expect(query.isReachingStart).true;
-
-          //check that this button won't trigger more updates since
-          //has reach end and start
-          query.loadMore();
-          query.loadMorePrev();
-        },
-      ],
-      env.buildTestingContext(),
-    );
-
-    expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-    expect(hookBehavior).deep.eq({ result: "ok" });
-  });
-
-  it("should load more if result brings more that PAGE_SIZE", async () => {
-    const env = new ApiMockEnvironment();
-
-    const transfersFrom0to20 = Array.from({ length: 20 }).map((e, i) => ({
-      wtid: String(i),
-    }));
-    const transfersFrom20to40 = Array.from({ length: 20 }).map((e, i) => ({
-      wtid: String(i + 20),
-    }));
-    const transfersFrom20to0 = [...transfersFrom0to20].reverse();
-
-    env.addRequestExpectation(API_LIST_TRANSFERS, {
-      qparam: { limit: 20, payto_uri: "payto://", offset: "1" },
-      response: {
-        transfers: transfersFrom0to20,
-      },
-    });
-
-    env.addRequestExpectation(API_LIST_TRANSFERS, {
-      qparam: { limit: -20, payto_uri: "payto://", offset: "1" },
-      response: {
-        transfers: transfersFrom20to40,
-      },
-    });
-
-    const moveCursor = (d: string) => {
-      console.log("new position", d);
-    };
-
-    const hookBehavior = await tests.hookBehaveLikeThis(
-      () => {
-        return useInstanceTransfers(
-          { payto_uri: "payto://", position: "1" },
-          moveCursor,
-        );
-      },
-      {},
-      [
-        (result) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(result.loading).true;
-        },
-        (result) => {
-          expect(result.loading).undefined;
-          expect(result.ok).true;
-          if (!result.ok) return;
-          expect(result.data).deep.equals({
-            transfers: [...transfersFrom20to0, ...transfersFrom20to40],
-          });
-          expect(result.isReachingEnd).false;
-          expect(result.isReachingStart).false;
-
-          //query more
-          env.addRequestExpectation(API_LIST_TRANSFERS, {
-            qparam: { limit: -40, payto_uri: "payto://", offset: "1" },
-            response: {
-              transfers: [...transfersFrom20to40, { wtid: "41" }],
-            },
-          });
-          result.loadMore();
-        },
-        (result) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(result.loading).true;
-        },
-        (result) => {
-          expect(env.assertJustExpectedRequestWereMade()).deep.eq({
-            result: "ok",
-          });
-          expect(result.loading).undefined;
-          expect(result.ok).true;
-          if (!result.ok) return;
-          expect(result.data).deep.equals({
-            transfers: [
-              ...transfersFrom20to0,
-              ...transfersFrom20to40,
-              { wtid: "41" },
-            ],
-          });
-          expect(result.isReachingEnd).true;
-          expect(result.isReachingStart).false;
-        },
-      ],
-      env.buildTestingContext(),
-    );
-
-    expect(env.assertJustExpectedRequestWereMade()).deep.eq({ result: "ok" });
-    expect(hookBehavior).deep.eq({ result: "ok" });
-  });
-});
diff --git a/packages/auditor-backoffice-ui/src/hooks/old/transfer.ts b/packages/auditor-backoffice-ui/src/hooks/old/transfer.ts
deleted file mode 100644
index 27c3bdc75..000000000
--- a/packages/auditor-backoffice-ui/src/hooks/old/transfer.ts
+++ /dev/null
@@ -1,188 +0,0 @@
-/*
- 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/>
- */
-import {
-  HttpResponse,
-  HttpResponseOk,
-  HttpResponsePaginated,
-  RequestError,
-} from "@gnu-taler/web-util/browser";
-import { useEffect, useState } from "preact/hooks";
-import { MerchantBackend } from "../declaration.js";
-import { MAX_RESULT_SIZE, PAGE_SIZE } from "../utils/constants.js";
-import { useBackendInstanceRequest, useMatchMutate } from "./backend.js";
-
-// FIX default import https://github.com/microsoft/TypeScript/issues/49189
-import _useSWR, { SWRHook } from "swr";
-const useSWR = _useSWR as unknown as SWRHook;
-
-export function useTransferAPI(): TransferAPI {
-  const mutateAll = useMatchMutate();
-  const { request } = useBackendInstanceRequest();
-
-  const informTransfer = async (
-    data: MerchantBackend.Transfers.TransferInformation,
-  ): Promise<HttpResponseOk<{}>> => {
-    const res = await request<{}>(`/private/transfers`, {
-      method: "POST",
-      data,
-    });
-
-    await mutateAll(/.*private\/transfers.*/);
-    return res;
-  };
-
-  return { informTransfer };
-}
-
-export interface TransferAPI {
-  informTransfer: (
-    data: MerchantBackend.Transfers.TransferInformation,
-  ) => Promise<HttpResponseOk<{}>>;
-}
-
-export interface InstanceTransferFilter {
-  payto_uri?: string;
-  verified?: "yes" | "no";
-  position?: string;
-}
-
-export function useInstanceTransfers(
-  args?: InstanceTransferFilter,
-  updatePosition?: (id: string) => void,
-): HttpResponsePaginated<
-  MerchantBackend.Transfers.TransferList,
-  MerchantBackend.ErrorDetail
-> {
-  const { transferFetcher } = useBackendInstanceRequest();
-
-  const [pageBefore, setPageBefore] = useState(1);
-  const [pageAfter, setPageAfter] = useState(1);
-
-  const totalAfter = pageAfter * PAGE_SIZE;
-  const totalBefore = args?.position !== undefined ? pageBefore * PAGE_SIZE : 0;
-
-  /**
-   * FIXME: this can be cleaned up a little
-   *
-   * the logic of double query should be inside the orderFetch so from the hook perspective and cache
-   * is just one query and one error status
-   */
-  const {
-    data: beforeData,
-    error: beforeError,
-    isValidating: loadingBefore,
-  } = useSWR<
-    HttpResponseOk<MerchantBackend.Transfers.TransferList>,
-    RequestError<MerchantBackend.ErrorDetail>
-  >(
-    [
-      `/private/transfers`,
-      args?.payto_uri,
-      args?.verified,
-      args?.position,
-      totalBefore,
-    ],
-    transferFetcher,
-  );
-  const {
-    data: afterData,
-    error: afterError,
-    isValidating: loadingAfter,
-  } = useSWR<
-    HttpResponseOk<MerchantBackend.Transfers.TransferList>,
-    RequestError<MerchantBackend.ErrorDetail>
-  >(
-    [
-      `/private/transfers`,
-      args?.payto_uri,
-      args?.verified,
-      args?.position,
-      -totalAfter,
-    ],
-    transferFetcher,
-  );
-
-  //this will save last result
-  const [lastBefore, setLastBefore] = useState<
-    HttpResponse<
-      MerchantBackend.Transfers.TransferList,
-      MerchantBackend.ErrorDetail
-    >
-  >({ loading: true });
-  const [lastAfter, setLastAfter] = useState<
-    HttpResponse<
-      MerchantBackend.Transfers.TransferList,
-      MerchantBackend.ErrorDetail
-    >
-  >({ loading: true });
-  useEffect(() => {
-    if (afterData) setLastAfter(afterData);
-    if (beforeData) setLastBefore(beforeData);
-  }, [afterData, beforeData]);
-
-  if (beforeError) return beforeError.cause;
-  if (afterError) return afterError.cause;
-
-  // if the query returns less that we ask, then we have reach the end or beginning
-  const isReachingEnd =
-    afterData && afterData.data.transfers.length < totalAfter;
-  const isReachingStart =
-    args?.position === undefined ||
-    (beforeData && beforeData.data.transfers.length < totalBefore);
-
-  const pagination = {
-    isReachingEnd,
-    isReachingStart,
-    loadMore: () => {
-      if (!afterData || isReachingEnd) return;
-      if (afterData.data.transfers.length < MAX_RESULT_SIZE) {
-        setPageAfter(pageAfter + 1);
-      } else {
-        const from = `${
-          afterData.data.transfers[afterData.data.transfers.length - 1]
-            .transfer_serial_id
-        }`;
-        if (from && updatePosition) updatePosition(from);
-      }
-    },
-    loadMorePrev: () => {
-      if (!beforeData || isReachingStart) return;
-      if (beforeData.data.transfers.length < MAX_RESULT_SIZE) {
-        setPageBefore(pageBefore + 1);
-      } else if (beforeData) {
-        const from = `${
-          beforeData.data.transfers[beforeData.data.transfers.length - 1]
-            .transfer_serial_id
-        }`;
-        if (from && updatePosition) updatePosition(from);
-      }
-    },
-  };
-
-  const transfers =
-    !beforeData || !afterData
-      ? []
-      : (beforeData || lastBefore).data.transfers
-          .slice()
-          .reverse()
-          .concat((afterData || lastAfter).data.transfers);
-  if (loadingAfter || loadingBefore)
-    return { loading: true, data: { transfers } };
-  if (beforeData && afterData) {
-    return { ok: true, data: { transfers }, ...pagination };
-  }
-  return { loading: true };
-}
diff --git a/packages/auditor-backoffice-ui/src/hooks/old/urls.ts b/packages/auditor-backoffice-ui/src/hooks/old/urls.ts
deleted file mode 100644
index b6485259f..000000000
--- a/packages/auditor-backoffice-ui/src/hooks/old/urls.ts
+++ /dev/null
@@ -1,303 +0,0 @@
-/*
- 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 { Query } from "@gnu-taler/web-util/testing";
-import { MerchantBackend } from "../declaration.js";
-
-////////////////////
-// ORDER
-////////////////////
-
-export const API_CREATE_ORDER: Query<
-  MerchantBackend.Orders.PostOrderRequest,
-  MerchantBackend.Orders.PostOrderResponse
-> = {
-  method: "POST",
-  url: "http://backend/instances/default/private/orders",
-};
-
-export const API_GET_ORDER_BY_ID = (
-  id: string,
-): Query<unknown, MerchantBackend.Orders.MerchantOrderStatusResponse> => ({
-  method: "GET",
-  url: `http://backend/instances/default/private/orders/${id}`,
-});
-
-export const API_LIST_ORDERS: Query<
-  unknown,
-  MerchantBackend.Orders.OrderHistory
-> = {
-  method: "GET",
-  url: "http://backend/instances/default/private/orders",
-};
-
-export const API_REFUND_ORDER_BY_ID = (
-  id: string,
-): Query<
-  MerchantBackend.Orders.RefundRequest,
-  MerchantBackend.Orders.MerchantRefundResponse
-> => ({
-  method: "POST",
-  url: `http://backend/instances/default/private/orders/${id}/refund`,
-});
-
-export const API_FORGET_ORDER_BY_ID = (
-  id: string,
-): Query<MerchantBackend.Orders.ForgetRequest, unknown> => ({
-  method: "PATCH",
-  url: `http://backend/instances/default/private/orders/${id}/forget`,
-});
-
-export const API_DELETE_ORDER = (
-  id: string,
-): Query<MerchantBackend.Orders.ForgetRequest, unknown> => ({
-  method: "DELETE",
-  url: `http://backend/instances/default/private/orders/${id}`,
-});
-
-////////////////////
-// TRANSFER
-////////////////////
-
-export const API_LIST_TRANSFERS: Query<
-  unknown,
-  MerchantBackend.Transfers.TransferList
-> = {
-  method: "GET",
-  url: "http://backend/instances/default/private/transfers",
-};
-
-export const API_INFORM_TRANSFERS: Query<
-  MerchantBackend.Transfers.TransferInformation,
-  {}
-> = {
-  method: "POST",
-  url: "http://backend/instances/default/private/transfers",
-};
-
-////////////////////
-// PRODUCT
-////////////////////
-
-export const API_CREATE_PRODUCT: Query<
-  MerchantBackend.Products.ProductAddDetail,
-  unknown
-> = {
-  method: "POST",
-  url: "http://backend/instances/default/private/products",
-};
-
-export const API_LIST_PRODUCTS: Query<
-  unknown,
-  MerchantBackend.Products.InventorySummaryResponse
-> = {
-  method: "GET",
-  url: "http://backend/instances/default/private/products",
-};
-
-export const API_GET_PRODUCT_BY_ID = (
-  id: string,
-): Query<unknown, MerchantBackend.Products.ProductDetail> => ({
-  method: "GET",
-  url: `http://backend/instances/default/private/products/${id}`,
-});
-
-export const API_UPDATE_PRODUCT_BY_ID = (
-  id: string,
-): Query<
-  MerchantBackend.Products.ProductPatchDetail,
-  MerchantBackend.Products.InventorySummaryResponse
-> => ({
-  method: "PATCH",
-  url: `http://backend/instances/default/private/products/${id}`,
-});
-
-export const API_DELETE_PRODUCT = (id: string): Query<unknown, unknown> => ({
-  method: "DELETE",
-  url: `http://backend/instances/default/private/products/${id}`,
-});
-
-////////////////////
-// RESERVES
-////////////////////
-
-export const API_CREATE_RESERVE: Query<
-  MerchantBackend.Rewards.ReserveCreateRequest,
-  MerchantBackend.Rewards.ReserveCreateConfirmation
-> = {
-  method: "POST",
-  url: "http://backend/instances/default/private/reserves",
-};
-export const API_LIST_RESERVES: Query<
-  unknown,
-  MerchantBackend.Rewards.RewardReserveStatus
-> = {
-  method: "GET",
-  url: "http://backend/instances/default/private/reserves",
-};
-
-export const API_GET_RESERVE_BY_ID = (
-  pub: string,
-): Query<unknown, MerchantBackend.Rewards.ReserveDetail> => ({
-  method: "GET",
-  url: `http://backend/instances/default/private/reserves/${pub}`,
-});
-
-export const API_GET_REWARD_BY_ID = (
-  pub: string,
-): Query<unknown, MerchantBackend.Rewards.RewardDetails> => ({
-  method: "GET",
-  url: `http://backend/instances/default/private/rewards/${pub}`,
-});
-
-export const API_AUTHORIZE_REWARD_FOR_RESERVE = (
-  pub: string,
-): Query<
-  MerchantBackend.Rewards.RewardCreateRequest,
-  MerchantBackend.Rewards.RewardCreateConfirmation
-> => ({
-  method: "POST",
-  url: `http://backend/instances/default/private/reserves/${pub}/authorize-reward`,
-});
-
-export const API_AUTHORIZE_REWARD: Query<
-  MerchantBackend.Rewards.RewardCreateRequest,
-  MerchantBackend.Rewards.RewardCreateConfirmation
-> = {
-  method: "POST",
-  url: `http://backend/instances/default/private/rewards`,
-};
-
-export const API_DELETE_RESERVE = (id: string): Query<unknown, unknown> => ({
-  method: "DELETE",
-  url: `http://backend/instances/default/private/reserves/${id}`,
-});
-
-////////////////////
-// INSTANCE ADMIN
-////////////////////
-
-export const API_CREATE_INSTANCE: Query<
-  MerchantBackend.Instances.InstanceConfigurationMessage,
-  unknown
-> = {
-  method: "POST",
-  url: "http://backend/management/instances",
-};
-
-export const API_GET_INSTANCE_BY_ID = (
-  id: string,
-): Query<unknown, MerchantBackend.Instances.QueryInstancesResponse> => ({
-  method: "GET",
-  url: `http://backend/management/instances/${id}`,
-});
-
-export const API_GET_INSTANCE_KYC_BY_ID = (
-  id: string,
-): Query<unknown, MerchantBackend.KYC.AccountKycRedirects> => ({
-  method: "GET",
-  url: `http://backend/management/instances/${id}/kyc`,
-});
-
-export const API_LIST_INSTANCES: Query<
-  unknown,
-  MerchantBackend.Instances.InstancesResponse
-> = {
-  method: "GET",
-  url: "http://backend/management/instances",
-};
-
-export const API_UPDATE_INSTANCE_BY_ID = (
-  id: string,
-): Query<
-  MerchantBackend.Instances.InstanceReconfigurationMessage,
-  unknown
-> => ({
-  method: "PATCH",
-  url: `http://backend/management/instances/${id}`,
-});
-
-export const API_UPDATE_INSTANCE_AUTH_BY_ID = (
-  id: string,
-): Query<
-  MerchantBackend.Instances.InstanceAuthConfigurationMessage,
-  unknown
-> => ({
-  method: "POST",
-  url: `http://backend/management/instances/${id}/auth`,
-});
-
-export const API_DELETE_INSTANCE = (id: string): Query<unknown, unknown> => ({
-  method: "DELETE",
-  url: `http://backend/management/instances/${id}`,
-});
-
-////////////////////
-// AUTH
-////////////////////
-
-export const API_NEW_LOGIN: Query<
-  MerchantBackend.Instances.LoginTokenRequest,
-  unknown
-> = ({
-  method: "POST",
-  url: `http://backend/private/token`,
-});
-
-////////////////////
-// INSTANCE
-////////////////////
-
-export const API_GET_CURRENT_INSTANCE: Query<
-  unknown,
-  MerchantBackend.Instances.QueryInstancesResponse
-> = {
-  method: "GET",
-  url: `http://backend/instances/default/private/`,
-};
-
-export const API_GET_CURRENT_INSTANCE_KYC: Query<
-  unknown,
-  MerchantBackend.KYC.AccountKycRedirects
-> = {
-  method: "GET",
-  url: `http://backend/instances/default/private/kyc`,
-};
-
-export const API_UPDATE_CURRENT_INSTANCE: Query<
-  MerchantBackend.Instances.InstanceReconfigurationMessage,
-  unknown
-> = {
-  method: "PATCH",
-  url: `http://backend/instances/default/private/`,
-};
-
-export const API_UPDATE_CURRENT_INSTANCE_AUTH: Query<
-  MerchantBackend.Instances.InstanceAuthConfigurationMessage,
-  unknown
-> = {
-  method: "POST",
-  url: `http://backend/instances/default/private/auth`,
-};
-
-export const API_DELETE_CURRENT_INSTANCE: Query<unknown, unknown> = {
-  method: "DELETE",
-  url: `http://backend/instances/default/private`,
-};
diff --git a/packages/auditor-backoffice-ui/src/hooks/old/useSettings.ts b/packages/auditor-backoffice-ui/src/hooks/old/useSettings.ts
deleted file mode 100644
index 8c1ebd9f6..000000000
--- a/packages/auditor-backoffice-ui/src/hooks/old/useSettings.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-/*
- This file is part of GNU Taler
- (C) 2022 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/>
- */
-
-import { buildStorageKey, useLocalStorage } from "@gnu-taler/web-util/browser";
-import {
-  Codec,
-  buildCodecForObject,
-  codecForBoolean,
-  codecForConstString,
-  codecForEither,
-  codecForString,
-} from "@gnu-taler/taler-util";
-
-export interface Settings {
-  advanceOrderMode: boolean;
-  dateFormat: "ymd" | "dmy" | "mdy";
-}
-
-const defaultSettings: Settings = {
-  advanceOrderMode: false,
-  dateFormat: "ymd",
-}
-
-export const codecForSettings = (): Codec<Settings> =>
-  buildCodecForObject<Settings>()
-    .property("advanceOrderMode", codecForBoolean())
-    .property("dateFormat", codecForEither(
-      codecForConstString("ymd"),
-      codecForConstString("dmy"),
-      codecForConstString("mdy"),
-    ))
-    .build("Settings");
-
-const SETTINGS_KEY = buildStorageKey("merchant-settings", codecForSettings());
-
-export function useSettings(): [
-  Readonly<Settings>,
-  (s: Settings) => void,
-] {
-  const { value, update } = useLocalStorage(SETTINGS_KEY, defaultSettings);
-
-  // const parsed: Settings = value ?? defaultSettings;
-  // function updateField<T extends keyof Settings>(k: T, v: Settings[T]) {
-  //   const next = { ...parsed, [k]: v }
-  //   update(next);
-  // }
-  return [value, update];
-}
-
-export function dateFormatForSettings(s: Settings): string {
-  switch (s.dateFormat) {
-    case "ymd": return "yyyy/MM/dd"
-    case "dmy": return "dd/MM/yyyy"
-    case "mdy": return "MM/dd/yyyy"
-  }
-}
-
-export function datetimeFormatForSettings(s: Settings): string {
-  return dateFormatForSettings(s) + " HH:mm:ss"
-}
\ No newline at end of file
diff --git a/packages/auditor-backoffice-ui/src/hooks/old/webhooks.ts b/packages/auditor-backoffice-ui/src/hooks/old/webhooks.ts
deleted file mode 100644
index ad6bf96e2..000000000
--- a/packages/auditor-backoffice-ui/src/hooks/old/webhooks.ts
+++ /dev/null
@@ -1,178 +0,0 @@
-/*
- 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/>
- */
-import {
-  HttpResponse,
-  HttpResponseOk,
-  HttpResponsePaginated,
-  RequestError,
-} from "@gnu-taler/web-util/browser";
-import { useEffect, useState } from "preact/hooks";
-import { MerchantBackend } from "../declaration.js";
-import { MAX_RESULT_SIZE, PAGE_SIZE } from "../utils/constants.js";
-import { useBackendInstanceRequest, useMatchMutate } from "./backend.js";
-
-// FIX default import https://github.com/microsoft/TypeScript/issues/49189
-import _useSWR, { SWRHook } from "swr";
-const useSWR = _useSWR as unknown as SWRHook;
-
-export function useWebhookAPI(): WebhookAPI {
-  const mutateAll = useMatchMutate();
-  const { request } = useBackendInstanceRequest();
-
-  const createWebhook = async (
-    data: MerchantBackend.Webhooks.WebhookAddDetails,
-  ): Promise<HttpResponseOk<void>> => {
-    const res = await request<void>(`/private/webhooks`, {
-      method: "POST",
-      data,
-    });
-    await mutateAll(/.*private\/webhooks.*/);
-    return res;
-  };
-
-  const updateWebhook = async (
-    webhookId: string,
-    data: MerchantBackend.Webhooks.WebhookPatchDetails,
-  ): Promise<HttpResponseOk<void>> => {
-    const res = await request<void>(`/private/webhooks/${webhookId}`, {
-      method: "PATCH",
-      data,
-    });
-    await mutateAll(/.*private\/webhooks.*/);
-    return res;
-  };
-
-  const deleteWebhook = async (
-    webhookId: string,
-  ): Promise<HttpResponseOk<void>> => {
-    const res = await request<void>(`/private/webhooks/${webhookId}`, {
-      method: "DELETE",
-    });
-    await mutateAll(/.*private\/webhooks.*/);
-    return res;
-  };
-
-  return { createWebhook, updateWebhook, deleteWebhook };
-}
-
-export interface WebhookAPI {
-  createWebhook: (
-    data: MerchantBackend.Webhooks.WebhookAddDetails,
-  ) => Promise<HttpResponseOk<void>>;
-  updateWebhook: (
-    id: string,
-    data: MerchantBackend.Webhooks.WebhookPatchDetails,
-  ) => Promise<HttpResponseOk<void>>;
-  deleteWebhook: (id: string) => Promise<HttpResponseOk<void>>;
-}
-
-export interface InstanceWebhookFilter {
-  //FIXME: add filter to the webhook list
-  position?: string;
-}
-
-export function useInstanceWebhooks(
-  args?: InstanceWebhookFilter,
-  updatePosition?: (id: string) => void,
-): HttpResponsePaginated<
-  MerchantBackend.Webhooks.WebhookSummaryResponse,
-  MerchantBackend.ErrorDetail
-> {
-  const { webhookFetcher } = useBackendInstanceRequest();
-
-  const [pageBefore, setPageBefore] = useState(1);
-  const [pageAfter, setPageAfter] = useState(1);
-
-  const totalAfter = pageAfter * PAGE_SIZE;
-  const totalBefore = args?.position ? pageBefore * PAGE_SIZE : 0;
-
-  const {
-    data: afterData,
-    error: afterError,
-    isValidating: loadingAfter,
-  } = useSWR<
-    HttpResponseOk<MerchantBackend.Webhooks.WebhookSummaryResponse>,
-    RequestError<MerchantBackend.ErrorDetail>
-  >([`/private/webhooks`, args?.position, -totalAfter], webhookFetcher);
-
-  const [lastAfter, setLastAfter] = useState<
-    HttpResponse<
-      MerchantBackend.Webhooks.WebhookSummaryResponse,
-      MerchantBackend.ErrorDetail
-    >
-  >({ loading: true });
-  useEffect(() => {
-    if (afterData) setLastAfter(afterData);
-  }, [afterData]);
-
-  if (afterError) return afterError.cause;
-
-  const isReachingEnd =
-    afterData && afterData.data.webhooks.length < totalAfter;
-  const isReachingStart = true;
-
-  const pagination = {
-    isReachingEnd,
-    isReachingStart,
-    loadMore: () => {
-      if (!afterData || isReachingEnd) return;
-      if (afterData.data.webhooks.length < MAX_RESULT_SIZE) {
-        setPageAfter(pageAfter + 1);
-      } else {
-        const from = `${
-          afterData.data.webhooks[afterData.data.webhooks.length - 1].webhook_id
-        }`;
-        if (from && updatePosition) updatePosition(from);
-      }
-    },
-    loadMorePrev: () => {
-      return;
-    },
-  };
-
-  const webhooks = !afterData ? [] : (afterData || lastAfter).data.webhooks;
-
-  if (loadingAfter) return { loading: true, data: { webhooks } };
-  if (afterData) {
-    return { ok: true, data: { webhooks }, ...pagination };
-  }
-  return { loading: true };
-}
-
-export function useWebhookDetails(
-  webhookId: string,
-): HttpResponse<
-  MerchantBackend.Webhooks.WebhookDetails,
-  MerchantBackend.ErrorDetail
-> {
-  const { webhookFetcher } = useBackendInstanceRequest();
-
-  const { data, error, isValidating } = useSWR<
-    HttpResponseOk<MerchantBackend.Webhooks.WebhookDetails>,
-    RequestError<MerchantBackend.ErrorDetail>
-  >([`/private/webhooks/${webhookId}`], webhookFetcher, {
-    refreshInterval: 0,
-    refreshWhenHidden: false,
-    revalidateOnFocus: false,
-    revalidateOnReconnect: false,
-    refreshWhenOffline: false,
-  });
-
-  if (isValidating) return { loading: true, data: data?.data };
-  if (data) return data;
-  if (error) return error.cause;
-  return { loading: true };
-}
diff --git a/packages/auditor-backoffice-ui/src/index.tsx b/packages/auditor-backoffice-ui/src/index.tsx
index 4df7bf600..4c5d0a89e 100644
--- a/packages/auditor-backoffice-ui/src/index.tsx
+++ b/packages/auditor-backoffice-ui/src/index.tsx
@@ -1,6 +1,56 @@
-import { h, render } from 'https://esm.sh/preact';
+/*
+ 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 Nic Eigel
+ */
+
+//import { tryConfig } from "hooks/backend.ts"
+import type { AuditorBackend } from "./declaration.d.ts";
+import { Fragment, VNode, h, render } from "preact";
+
+
+function tryConfig(): Promise<AuditorBackend.Config> {
+  // const request: RequestInfo = new Request('./Config.json', {
+  //   method: 'GET',
+  //   headers: headers
+  // })
+  console.log("getting here");
+  const request: RequestInfo = new Request('http://localhost:8083/config', {
+    method: 'GET'
+  })
+  return fetch(request)
+    // the JSON body is taken from the response
+    .then(res => res.json())
+    .then(res => {
+      // The response has an `any` type, so we need to cast
+      // it to the `User` type, and return it from the promise
+      console.log(res);
+      return res as AuditorBackend.Config;
+    });
+
+}
+let test2;
+let test = tryConfig().then(config => {
+  test2 = config.name;
+  console.log(config.name);
+});
+
+console.log(test2);
 // Create your app
-const app = h('h1', null, 'Hello World!');
+const app = h("h1", null, test2);
 
 render(app, document.body);
diff --git a/packages/auditor-backoffice-ui/src/old/AdminRoutes.tsx b/packages/auditor-backoffice-ui/src/old/AdminRoutes.tsx
deleted file mode 100644
index 91dec09b0..000000000
--- a/packages/auditor-backoffice-ui/src/old/AdminRoutes.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-/*
- 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/>
- */
-import { h, VNode } from "preact";
-import { Router, route, Route } from "preact-router";
-import InstanceCreatePage from "./paths/admin/create/index.js";
-import InstanceListPage from "./paths/admin/list/index.js";
-
-export enum AdminPaths {
-  list_instances = "/instances",
-  new_instance = "/instance/new",
-}
-
-export function AdminRoutes(): VNode {
-  return (
-    <Router>
-      <Route
-        path={AdminPaths.list_instances}
-        component={InstanceListPage}
-        onCreate={() => {
-          route(AdminPaths.new_instance);
-        }}
-        onUpdate={(id: string): void => {
-          route(`/instance/${id}/update`);
-        }}
-      />
-
-      <Route
-        path={AdminPaths.new_instance}
-        component={InstanceCreatePage}
-        onBack={() => route(AdminPaths.list_instances)}
-        onConfirm={() => {
-          // route(AdminPaths.list_instances);
-        }}
-
-        // onError={(error: any) => {
-        // }}
-      />
-    </Router>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/old/ApplicationReadyRoutes.tsx b/packages/auditor-backoffice-ui/src/old/ApplicationReadyRoutes.tsx
deleted file mode 100644
index 414eee39d..000000000
--- a/packages/auditor-backoffice-ui/src/old/ApplicationReadyRoutes.tsx
+++ /dev/null
@@ -1,175 +0,0 @@
-/*
- This file is part of GNU Taler
- (C) 2021-2024 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 { HttpStatusCode } from "@gnu-taler/taler-util";
-import { ErrorType, useTranslationContext } from "@gnu-taler/web-util/browser";
-import { createHashHistory } from "history";
-import { Fragment, VNode, h } from "preact";
-import { Route, Router, route } from "preact-router";
-import { useState } from "preact/hooks";
-import { InstanceRoutes } from "./InstanceRoutes.js";
-import {
-  NotConnectedAppMenu,
-  NotYetReadyAppMenu,
-  NotificationCard,
-} from "./components/menu/index.js";
-import { useBackendContext } from "./context/backend.js";
-import { LoginToken } from "./declaration.js";
-import { useBackendInstancesTestForAdmin } from "./hooks/backend.js";
-import { LoginPage } from "./paths/login/index.js";
-import { Settings } from "./paths/settings/index.js";
-import { INSTANCE_ID_LOOKUP } from "./utils/constants.js";
-
-/**
- * Check if admin against /management/instances
- * @returns 
- */
-export function ApplicationReadyRoutes(): VNode {
-  const { i18n } = useTranslationContext();
-  const [unauthorized, setUnauthorized] = useState(false)
-  const {
-    url: backendURL,
-    updateToken,
-    alreadyTriedLogin,
-  } = useBackendContext();
-
-  function updateLoginStatus(token: LoginToken | undefined) {
-    updateToken(token)
-    setUnauthorized(false)
-  }
-
-  const result = useBackendInstancesTestForAdmin();
-
-  const clearTokenAndGoToRoot = () => {
-    route("/");
-  };
-  const [showSettings, setShowSettings] = useState(false)
-  const unauthorizedAdmin = !result.loading
-    && !result.ok
-    && result.type === ErrorType.CLIENT
-    && result.status === HttpStatusCode.Unauthorized;
-
-  if (!alreadyTriedLogin && !result.ok) {
-    return (
-      <Fragment>
-        <NotConnectedAppMenu title="Welcome!" />
-        <LoginPage onConfirm={updateToken} />
-      </Fragment>
-    );
-  }
-
-  if (showSettings) {
-    return <Fragment>
-      <NotYetReadyAppMenu onShowSettings={() => setShowSettings(true)} title="UI Settings" onLogout={clearTokenAndGoToRoot} isPasswordOk={false} />
-      <Settings onClose={() => setShowSettings(false)} />
-    </Fragment>
-  }
-
-  if (result.loading) {
-    return <NotYetReadyAppMenu onShowSettings={() => setShowSettings(true)} title="Loading..." isPasswordOk={false} />;
-  }
-
-  let admin = result.ok || unauthorizedAdmin;
-  let instanceNameByBackendURL: string | undefined;
-
-  if (!admin) {
-    // * the testing against admin endpoint failed and it's not 
-    // an authorization problem
-    // * merchant backend will return this SPA under the main
-    // endpoint or /instance/<id> endpoint
-    // => trying to infer the instance id
-    const path = new URL(backendURL).pathname;
-    const match = INSTANCE_ID_LOOKUP.exec(path);
-    if (!match || !match[1]) {
-      // this should be rare because
-      // query to /config is ok but the URL
-      // does not match our pattern
-      return (
-        <Fragment>
-          <NotYetReadyAppMenu onShowSettings={() => setShowSettings(true)} title="Error" onLogout={clearTokenAndGoToRoot} isPasswordOk={false} />
-          <NotificationCard
-            notification={{
-              message: i18n.str`Couldn't access the server.`,
-              description: i18n.str`Could not infer instance id from url ${backendURL}`,
-              type: "ERROR",
-            }}
-          />
-          {/* <ConnectionPage onConfirm={changeBackend} /> */}
-        </Fragment>
-      );
-    }
-
-    instanceNameByBackendURL = match[1];
-  }
-
-  if (unauthorized || unauthorizedAdmin) {
-    return <Fragment>
-      <NotYetReadyAppMenu onShowSettings={() => setShowSettings(true)} title="Login" onLogout={clearTokenAndGoToRoot} isPasswordOk={false} />
-      <NotificationCard
-        notification={{
-          message: i18n.str`Access denied`,
-          description: i18n.str`Check your token is valid`,
-          type: "ERROR",
-        }}
-      />
-      <LoginPage onConfirm={updateLoginStatus} />
-    </Fragment>
-  }
-
-  const history = createHashHistory();
-  return (
-    <Router history={history}>
-      <Route
-        default
-        component={DefaultMainRoute}
-        admin={admin}
-        onUnauthorized={() => setUnauthorized(true)}
-        onLoginPass={() => {
-          setUnauthorized(false)
-        }}
-        instanceNameByBackendURL={instanceNameByBackendURL}
-      />
-    </Router>
-  );
-}
-
-function DefaultMainRoute({
-  instance,
-  admin,
-  onUnauthorized,
-  onLoginPass,
-  instanceNameByBackendURL,
-  url, //from preact-router
-}: any): VNode {
-  const [instanceName, setInstanceName] = useState(
-    instanceNameByBackendURL || instance || "default",
-  );
-
-  return (
-    <InstanceRoutes
-      admin={admin}
-      path={url}
-      onUnauthorized={onUnauthorized}
-      onLoginPass={onLoginPass}
-      id={instanceName}
-      setInstanceName={setInstanceName}
-    />
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/old/InstanceRoutes.tsx b/packages/auditor-backoffice-ui/src/old/InstanceRoutes.tsx
deleted file mode 100644
index 163438654..000000000
--- a/packages/auditor-backoffice-ui/src/old/InstanceRoutes.tsx
+++ /dev/null
@@ -1,485 +0,0 @@
-/*
- 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)
- * @author Nic Eigel
- */
-
-import {
-  useTranslationContext,
-  HttpError,
-  ErrorType,
-} from "@gnu-taler/web-util/browser";
-import { format } from "date-fns";
-import { Fragment, FunctionComponent, h, VNode } from "preact";
-import { Route, route, Router } from "preact-router";
-import { useCallback, useEffect, useMemo, useState } from "preact/hooks";
-import { Loading } from "./components/exception/loading.js";
-import { Menu, NotificationCard } from "./components/menu/index.js";
-import { useBackendContext } from "./context/backend.js";
-import { InstanceContextProvider } from "./context/instance.js";
-import {
-  useBackendDefaultToken,
-  useBackendInstanceToken,
-  useSimpleLocalStorage,
-} from "./hooks/index.js";
-import { useInstanceKYCDetails } from "./hooks/instance.js";
-import InstanceCreatePage from "./paths/admin/create/index.js";
-import InstanceListPage from "./paths/admin/list/index.js";
-import TokenPage from "./paths/instance/token/index.js";
-import ListKYCPage from "./paths/instance/kyc/list/index.js";
-import OrderCreatePage from "./paths/instance/orders/create/index.js";
-import OrderDetailsPage from "./paths/instance/orders/details/index.js";
-import OrderListPage from "./paths/instance/orders/list/index.js";
-import DepositConfirmationCreatePage from "./paths/instance/deposit_confirmations/create/index.js";
-import DepositConfirmationListPage from "./paths/instance/deposit_confirmations/list/index.js";
-import DepositConfirmationUpdatePage from "./paths/instance/deposit_confirmations/update/index.js";
-import ProductCreatePage from "./paths/instance/products/create/index.js";
-import ProductListPage from "./paths/instance/products/list/index.js";
-import ProductUpdatePage from "./paths/instance/products/update/index.js";
-import BankAccountCreatePage from "./paths/instance/accounts/create/index.js";
-import BankAccountListPage from "./paths/instance/accounts/list/index.js";
-import BankAccountUpdatePage from "./paths/instance/accounts/update/index.js";
-import ReservesCreatePage from "./paths/instance/reserves/create/index.js";
-import ReservesDetailsPage from "./paths/instance/reserves/details/index.js";
-import ReservesListPage from "./paths/instance/reserves/list/index.js";
-import TemplateCreatePage from "./paths/instance/templates/create/index.js";
-import TemplateUsePage from "./paths/instance/templates/use/index.js";
-import TemplateQrPage from "./paths/instance/templates/qr/index.js";
-import TemplateListPage from "./paths/instance/templates/list/index.js";
-import TemplateUpdatePage from "./paths/instance/templates/update/index.js";
-import WebhookCreatePage from "./paths/instance/webhooks/create/index.js";
-import WebhookListPage from "./paths/instance/webhooks/list/index.js";
-import WebhookUpdatePage from "./paths/instance/webhooks/update/index.js";
-import ValidatorCreatePage from "./paths/instance/otp_devices/create/index.js";
-import ValidatorListPage from "./paths/instance/otp_devices/list/index.js";
-import ValidatorUpdatePage from "./paths/instance/otp_devices/update/index.js";
-import TransferCreatePage from "./paths/instance/transfers/create/index.js";
-import TransferListPage from "./paths/instance/transfers/list/index.js";
-import InstanceUpdatePage, {
-  AdminUpdate as InstanceAdminUpdatePage,
-  Props as InstanceUpdatePageProps,
-} from "./paths/instance/update/index.js";
-import { LoginPage } from "./paths/login/index.js";
-import NotFoundPage from "./paths/notfound/index.js";
-import { Notification } from "./utils/types.js";
-import { LoginToken, MerchantBackend } from "./declaration.js";
-import { Settings } from "./paths/settings/index.js";
-import { dateFormatForSettings, useSettings } from "./hooks/useSettings.js";
-
-export enum InstancePaths {
-  error = "/error",
-  settings = "/settings",
-  token = "/token",
-
-  inventory_list = "/inventory",
-  inventory_update = "/inventory/:pid/update",
-  inventory_new = "/inventory/new",
-
-  deposit_confirmation_list = "/deposit-confirmation",
-  deposit_confirmation_update = "/deposit-confirmation/:pid/update",
-  deposit_confirmation_new = "/deposit-confirmation/new",
-
-  interface = "/interface",
-}
-
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-const noop = () => { };
-
-export enum AdminPaths {
-  list_instances = "/instances",
-  new_instance = "/instance/new",
-  update_instance = "/instance/:id/update",
-}
-
-export interface Props {
-  id: string;
-  admin?: boolean;
-  path: string;
-  onUnauthorized: () => void;
-  onLoginPass: () => void;
-  setInstanceName: (s: string) => void;
-}
-
-export function InstanceRoutes({
-  id,
-  admin,
-  path,
-  // onUnauthorized,
-  onLoginPass,
-  setInstanceName,
-}: Props): VNode {
-  const [defaultToken, updateDefaultToken] = useBackendDefaultToken();
-  const [token, updateToken] = useBackendInstanceToken(id);
-  const { i18n } = useTranslationContext();
-
-  type GlobalNotifState = (Notification & { to: string }) | undefined;
-  const [globalNotification, setGlobalNotification] =
-    useState<GlobalNotifState>(undefined);
-
-  const changeToken = (token?: LoginToken) => {
-    if (admin) {
-      updateToken(token);
-    } else {
-      updateDefaultToken(token);
-    }
-    onLoginPass()
-  };
-  // const updateLoginStatus = (url: string, token?: string) => {
-  //   changeToken(token);
-  // };
-
-  const value = useMemo(
-    () => ({ id, token, admin, changeToken }),
-    [id, token, admin],
-  );
-
-  function ServerErrorRedirectTo(to: InstancePaths | AdminPaths) {
-    return function ServerErrorRedirectToImpl(
-      error: HttpError<MerchantBackend.ErrorDetail>,
-    ) {
-      if (error.type === ErrorType.TIMEOUT) {
-        setGlobalNotification({
-          message: i18n.str`The request to the backend take too long and was cancelled`,
-          description: i18n.str`Diagnostic from ${error.info.url} is "${error.message}"`,
-          type: "ERROR",
-          to,
-        });
-      } else {
-        setGlobalNotification({
-          message: i18n.str`The backend reported a problem: HTTP status #${error.status}`,
-          description: i18n.str`Diagnostic from ${error.info.url} is '${error.message}'`,
-          details:
-            error.type === ErrorType.CLIENT || error.type === ErrorType.SERVER
-              ? error.payload.detail
-              : undefined,
-          type: "ERROR",
-          to,
-        });
-      }
-      return <Redirect to={to} />;
-    };
-  }
-
-  // const LoginPageAccessDeniend = onUnauthorized
-  const LoginPageAccessDenied = () => {
-    return <Fragment>
-      <NotificationCard
-        notification={{
-          message: i18n.str`Access denied`,
-          description: i18n.str`Session expired or password changed.`,
-          type: "ERROR",
-        }}
-      />
-      <LoginPage onConfirm={changeToken} />
-    </Fragment>
-
-  }
-
-  function IfAdminCreateDefaultOr<T>(Next: FunctionComponent<any>) {
-    return function IfAdminCreateDefaultOrImpl(props?: T) {
-      if (admin && id === "default") {
-        return (
-          <Fragment>
-            <NotificationCard
-              notification={{
-                message: i18n.str`No 'default' instance configured yet.`,
-                description: i18n.str`Create a 'default' instance to begin using the merchant backoffice.`,
-                type: "INFO",
-              }}
-            />
-          </Fragment>
-        );
-      }
-      if (props) {
-        return <Next {...props} />;
-      }
-      return <Next />;
-    };
-  }
-
-  const clearTokenAndGoToRoot = () => {
-    route("/");
-    // clear all tokens
-    updateToken(undefined)
-    updateDefaultToken(undefined)
-  };
-
-  return (
-    <InstanceContextProvider value={value}>
-      <Menu
-        instance={id}
-        admin={admin}
-        onShowSettings={() => {
-          route(InstancePaths.interface)
-        }}
-        path={path}
-        onLogout={clearTokenAndGoToRoot}
-        setInstanceName={setInstanceName}
-        isPasswordOk={defaultToken !== undefined}
-      />
-      <KycBanner />
-      <NotificationCard notification={globalNotification} />
-
-      <Router
-        onChange={(e) => {
-          const movingOutFromNotification =
-            globalNotification && e.url !== globalNotification.to;
-          if (movingOutFromNotification) {
-            setGlobalNotification(undefined);
-          }
-        }}
-      >
-        {/**
-         * Admin pages
-         */}
-        {admin && (
-          <Route
-            path={AdminPaths.list_instances}
-            component={InstanceListPage}
-            onCreate={() => {
-              route(AdminPaths.new_instance);
-            }}
-            onUpdate={(id: string): void => {
-              route(`/instance/${id}/update`);
-            }}
-            setInstanceName={setInstanceName}
-            onUnauthorized={LoginPageAccessDenied}
-            onLoadError={ServerErrorRedirectTo(InstancePaths.error)}
-          />
-        )}
-        {admin && (
-          <Route
-            path={AdminPaths.update_instance}
-            component={AdminInstanceUpdatePage}
-            onBack={() => route(AdminPaths.list_instances)}
-            onConfirm={() => {
-              route(AdminPaths.list_instances);
-            }}
-            onUpdateError={ServerErrorRedirectTo(AdminPaths.list_instances)}
-            onLoadError={ServerErrorRedirectTo(AdminPaths.list_instances)}
-            onNotFound={NotFoundPage}
-          />
-        )}
-        {/**
-         * Update instance page
-         */}
-        <Route
-          path={InstancePaths.settings}
-          component={InstanceUpdatePage}
-          onBack={() => {
-            route(`/`);
-          }}
-          onConfirm={() => {
-            route(`/`);
-          }}
-          onUpdateError={noop}
-          onNotFound={IfAdminCreateDefaultOr(NotFoundPage)}
-          onUnauthorized={LoginPageAccessDenied}
-          onLoadError={ServerErrorRedirectTo(InstancePaths.error)}
-        />
-        {/**
-         * Inventory pages
-         */}
-        <Route
-          path={InstancePaths.inventory_list}
-          component={ProductListPage}
-          onUnauthorized={LoginPageAccessDenied}
-          onLoadError={ServerErrorRedirectTo(InstancePaths.settings)}
-          onCreate={() => {
-            route(InstancePaths.inventory_new);
-          }}
-          onSelect={(id: string) => {
-            route(InstancePaths.inventory_update.replace(":pid", id));
-          }}
-          onNotFound={IfAdminCreateDefaultOr(NotFoundPage)}
-        />
-        <Route
-          path={InstancePaths.inventory_update}
-          component={ProductUpdatePage}
-          onUnauthorized={LoginPageAccessDenied}
-          onLoadError={ServerErrorRedirectTo(InstancePaths.inventory_list)}
-          onConfirm={() => {
-            route(InstancePaths.inventory_list);
-          }}
-          onBack={() => {
-            route(InstancePaths.inventory_list);
-          }}
-          onNotFound={IfAdminCreateDefaultOr(NotFoundPage)}
-        />
-        <Route
-          path={InstancePaths.inventory_new}
-          component={ProductCreatePage}
-          onConfirm={() => {
-            route(InstancePaths.inventory_list);
-          }}
-          onBack={() => {
-            route(InstancePaths.inventory_list);
-          }}
-        />
-        {/**
-         * Deposit confirmation pages
-         */}
-        <Route
-          path={InstancePaths.deposit_confirmation_list}
-          component={DepositConfirmationListPage}
-          onUnauthorized={LoginPageAccessDenied}
-          onLoadError={ServerErrorRedirectTo(InstancePaths.settings)}
-          onCreate={() => {
-            route(InstancePaths.deposit_confirmation_new);
-          }}
-          onSelect={(id: string) => {
-            route(InstancePaths.deposit_confirmation_update.replace(":pid", id));
-          }}
-          onNotFound={IfAdminCreateDefaultOr(NotFoundPage)}
-        />
-        <Route
-          path={InstancePaths.deposit_confirmation_update}
-          component={DepositConfirmationUpdatePage}
-          onUnauthorized={LoginPageAccessDenied}
-          onLoadError={ServerErrorRedirectTo(InstancePaths.deposit_confirmation_list)}
-          onConfirm={() => {
-            route(InstancePaths.deposit_confirmation_list);
-          }}
-          onBack={() => {
-            route(InstancePaths.deposit_confirmation_list);
-          }}
-          onNotFound={IfAdminCreateDefaultOr(NotFoundPage)}
-        />
-        <Route
-          path={InstancePaths.deposit_confirmation_new}
-          component={DepositConfirmationCreatePage}
-          onConfirm={() => {
-            route(InstancePaths.deposit_confirmation_list);
-          }}
-          onBack={() => {
-            route(InstancePaths.deposit_confirmation_list);
-          }}
-        />
-        <Route path={InstancePaths.interface} component={Settings} />
-        {/**
-         * Example pages
-         */}
-        <Route path="/loading" component={Loading} />
-        <Route default component={NotFoundPage} />
-      </Router>
-    </InstanceContextProvider>
-  );
-}
-
-export function Redirect({ to }: { to: string }): null {
-  useEffect(() => {
-    route(to, true);
-  });
-  return null;
-}
-
-function AdminInstanceUpdatePage({
-  id,
-  ...rest
-}: { id: string } & InstanceUpdatePageProps): VNode {
-  const [token, changeToken] = useBackendInstanceToken(id);
-  const updateLoginStatus = (token?: LoginToken): void => {
-    changeToken(token);
-  };
-  const value = useMemo(
-    () => ({ id, token, admin: true, changeToken }),
-    [id, token],
-  );
-  const { i18n } = useTranslationContext();
-
-  return (
-    <InstanceContextProvider value={value}>
-      <InstanceAdminUpdatePage
-        {...rest}
-        instanceId={id}
-        onLoadError={(error: HttpError<MerchantBackend.ErrorDetail>) => {
-          const notif =
-            error.type === ErrorType.TIMEOUT
-              ? {
-                message: i18n.str`The request to the backend take too long and was cancelled`,
-                description: i18n.str`Diagnostic from ${error.info.url} is '${error.message}'`,
-                type: "ERROR" as const,
-              }
-              : {
-                message: i18n.str`The backend reported a problem: HTTP status #${error.status}`,
-                description: i18n.str`Diagnostic from ${error.info.url} is '${error.message}'`,
-                details:
-                  error.type === ErrorType.CLIENT ||
-                    error.type === ErrorType.SERVER
-                    ? error.payload.detail
-                    : undefined,
-                type: "ERROR" as const,
-              };
-          return (
-            <Fragment>
-              <NotificationCard notification={notif} />
-              <LoginPage onConfirm={updateLoginStatus} />
-            </Fragment>
-          );
-        }}
-        onUnauthorized={() => {
-          return (
-            <Fragment>
-              <NotificationCard
-                notification={{
-                  message: i18n.str`Access denied`,
-                  description: i18n.str`The access token provided is invalid`,
-                  type: "ERROR",
-                }}
-              />
-              <LoginPage onConfirm={updateLoginStatus} />
-            </Fragment>
-          );
-        }}
-      />
-    </InstanceContextProvider>
-  );
-}
-
-function KycBanner(): VNode {
-  const kycStatus = useInstanceKYCDetails();
-  const { i18n } = useTranslationContext();
-  const [settings] = useSettings();
-  const today = format(new Date(), dateFormatForSettings(settings));
-  const [lastHide, setLastHide] = useSimpleLocalStorage("kyc-last-hide");
-  const hasBeenHidden = today === lastHide;
-  const needsToBeShown = kycStatus.ok && kycStatus.data.type === "redirect";
-  if (hasBeenHidden || !needsToBeShown) return <Fragment />;
-  return (
-    <NotificationCard
-      notification={{
-        type: "WARN",
-        message: "KYC verification needed",
-        description: (
-          <div>
-            <p>
-              Some transfer are on hold until a KYC process is completed. Go to
-              the KYC section in the left panel for more information
-            </p>
-            <div class="buttons is-right">
-              <button class="button" onClick={() => setLastHide(today)}>
-                <i18n.Translate>Hide for today</i18n.Translate>
-              </button>
-            </div>
-          </div>
-        ),
-      }}
-    />
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/old/custom.d.ts b/packages/auditor-backoffice-ui/src/old/custom.d.ts
deleted file mode 100644
index 34522a2dd..000000000
--- a/packages/auditor-backoffice-ui/src/old/custom.d.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-/*
- This file is part of GNU Taler
- (C) 2021-2024 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/>
- */
-declare module "*.po" {
-  const content: any;
-  export default content;
-}
-declare module "jed" {
-  const x: any;
-  export = x;
-}
-declare module "*.jpeg" {
-  const content: any;
-  export default content;
-}
-declare module "*.png" {
-  const content: any;
-  export default content;
-}
-declare module "*.svg" {
-  const content: any;
-  export default content;
-}
-
-declare module "*.scss" {
-  const content: Record<string, string>;
-  export default content;
-}
-declare const __VERSION__: string;
-declare const __GIT_HASH__: string;
diff --git a/packages/auditor-backoffice-ui/src/old/declaration.d.ts b/packages/auditor-backoffice-ui/src/old/declaration.d.ts
deleted file mode 100644
index 0c6f599f7..000000000
--- a/packages/auditor-backoffice-ui/src/old/declaration.d.ts
+++ /dev/null
@@ -1,1793 +0,0 @@
-/*
- This file is part of GNU Taler
- (C) 2021-2024 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)
- */
-
-type HashCode = string;
-type EddsaPublicKey = string;
-type EddsaSignature = string;
-type WireTransferIdentifierRawP = string;
-type RelativeTime = TalerProtocolDuration;
-type ImageDataUrl = string;
-type MerchantUserType = "business" | "individual";
-
-
-export interface WithId {
-  id: string;
-}
-
-interface Timestamp {
-  // Milliseconds since epoch, or the special
-  // value "forever" to represent an event that will
-  // never happen.
-  t_s: number | "never";
-}
-interface TalerProtocolDuration {
-  d_us: number | "forever";
-}
-interface Duration {
-  d_ms: number | "forever";
-}
-
-interface WithId {
-  id: string;
-}
-
-type Amount = string;
-type UUID = string;
-type Integer = number;
-
-interface WireAccount {
-  // payto:// URI identifying the account and wire method
-  payto_uri: string;
-
-  // URI to convert amounts from or to the currency used by
-  // this wire account of the exchange. Missing if no
-  // conversion is applicable.
-  conversion_url?: string;
-
-  // Restrictions that apply to bank accounts that would send
-  // funds to the exchange (crediting this exchange bank account).
-  // Optional, empty array for unrestricted.
-  credit_restrictions: AccountRestriction[];
-
-  // Restrictions that apply to bank accounts that would receive
-  // funds from the exchange (debiting this exchange bank account).
-  // Optional, empty array for unrestricted.
-  debit_restrictions: AccountRestriction[];
-
-  // Signature using the exchange's offline key over
-  // a TALER_MasterWireDetailsPS
-  // with purpose TALER_SIGNATURE_MASTER_WIRE_DETAILS.
-  master_sig: EddsaSignature;
-}
-
-type AccountRestriction = RegexAccountRestriction | DenyAllAccountRestriction;
-
-// Account restriction that disables this type of
-// account for the indicated operation categorically.
-interface DenyAllAccountRestriction {
-  type: "deny";
-}
-
-// Accounts interacting with this type of account
-// restriction must have a payto://-URI matching
-// the given regex.
-interface RegexAccountRestriction {
-  type: "regex";
-
-  // Regular expression that the payto://-URI of the
-  // partner account must follow.  The regular expression
-  // should follow posix-egrep, but without support for character
-  // classes, GNU extensions, back-references or intervals. See
-  // https://www.gnu.org/software/findutils/manual/html_node/find_html/posix_002degrep-regular-expression-syntax.html
-  // for a description of the posix-egrep syntax. Applications
-  // may support regexes with additional features, but exchanges
-  // must not use such regexes.
-  payto_regex: string;
-
-  // Hint for a human to understand the restriction
-  // (that is hopefully easier to comprehend than the regex itself).
-  human_hint: string;
-
-  // Map from IETF BCP 47 language tags to localized
-  // human hints.
-  human_hint_i18n?: { [lang_tag: string]: string };
-}
-interface LoginToken {
-  token: string,
-  expiration: Timestamp,
-}
-// token used to get loginToken
-// must forget after used
-declare const __ac_token: unique symbol;
-type AccessToken = string & {
-  [__ac_token]: true;
-};
-
-export namespace ExchangeBackend {
-  interface WireResponse {
-    // Master public key of the exchange, must match the key returned in /keys.
-    master_public_key: EddsaPublicKey;
-
-    // Array of wire accounts operated by the exchange for
-    // incoming wire transfers.
-    accounts: WireAccount[];
-
-    // Object mapping names of wire methods (i.e. "sepa" or "x-taler-bank")
-    // to wire fees.
-    fees: { method: AggregateTransferFee };
-  }
-  interface AggregateTransferFee {
-    // Per transfer wire transfer fee.
-    wire_fee: Amount;
-
-    // Per transfer closing fee.
-    closing_fee: Amount;
-
-    // What date (inclusive) does this fee go into effect?
-    // The different fees must cover the full time period in which
-    // any of the denomination keys are valid without overlap.
-    start_date: Timestamp;
-
-    // What date (exclusive) does this fee stop going into effect?
-    // The different fees must cover the full time period in which
-    // any of the denomination keys are valid without overlap.
-    end_date: Timestamp;
-
-    // Signature of TALER_MasterWireFeePS with
-    // purpose TALER_SIGNATURE_MASTER_WIRE_FEES.
-    sig: EddsaSignature;
-  }
-}
-export namespace AuditorBackend {
-  interface ErrorDetail {
-    // Numeric error code unique to the condition.
-    // The other arguments are specific to the error value reported here.
-    code: number;
-
-    // Human-readable description of the error, i.e. "missing parameter", "commitment violation", ...
-    // Should give a human-readable hint about the error's nature. Optional, may change without notice!
-    hint?: string;
-
-    // Optional detail about the specific input value that failed. May change without notice!
-    detail?: string;
-
-    // Name of the parameter that was bogus (if applicable).
-    parameter?: string;
-
-    // Path to the argument that was bogus (if applicable).
-    path?: string;
-
-    // Offset of the argument that was bogus (if applicable).
-    offset?: string;
-
-    // Index of the argument that was bogus (if applicable).
-    index?: string;
-
-    // Name of the object that was bogus (if applicable).
-    object?: string;
-
-    // Name of the currency than was problematic (if applicable).
-    currency?: string;
-
-    // Expected type (if applicable).
-    type_expected?: string;
-
-    // Type that was provided instead (if applicable).
-    type_actual?: string;
-  }
-  interface Exchange {
-    // the exchange's base URL
-    url: string;
-
-    // master public key of the exchange
-    master_pub: EddsaPublicKey;
-  }
-  namespace DepositConfirmation {
-    // POST /deposit-confirmation
-    interface ProductAddDetail {
-      // product ID to use.
-      product_id: string;
-
-      // Human-readable product description.
-      description: string;
-
-      // Map from IETF BCP 47 language tags to localized descriptions
-      description_i18n: { [lang_tag: string]: string };
-
-      // unit in which the product is measured (liters, kilograms, packages, etc.)
-      unit: string;
-
-      // The price for one unit of the product. Zero is used
-      // to imply that this product is not sold separately, or
-      // that the price is not fixed, and must be supplied by the
-      // front-end.  If non-zero, this price MUST include applicable
-      // taxes.
-      price: Amount;
-
-      // An optional base64-encoded product image
-      image: ImageDataUrl;
-
-      // a list of taxes paid by the merchant for one unit of this product
-      taxes: Tax[];
-
-      // Number of units of the product in stock in sum in total,
-      // including all existing sales ever. Given in product-specific
-      // units.
-      // A value of -1 indicates "infinite" (i.e. for "electronic" books).
-      total_stock: Integer;
-
-      // Identifies where the product is in stock.
-      address: Location;
-
-      // Identifies when we expect the next restocking to happen.
-      next_restock?: Timestamp;
-
-      // Minimum age buyer must have (in years). Default is 0.
-      minimum_age?: Integer;
-    }
-    //   PATCH /private/products/$PRODUCT_ID
-    interface ProductPatchDetail {
-      // Human-readable product description.
-      description: string;
-
-      // Map from IETF BCP 47 language tags to localized descriptions
-      description_i18n: { [lang_tag: string]: string };
-
-      // unit in which the product is measured (liters, kilograms, packages, etc.)
-      unit: string;
-
-      // The price for one unit of the product. Zero is used
-      // to imply that this product is not sold separately, or
-      // that the price is not fixed, and must be supplied by the
-      // front-end.  If non-zero, this price MUST include applicable
-      // taxes.
-      price: Amount;
-
-      // An optional base64-encoded product image
-      image: ImageDataUrl;
-
-      // a list of taxes paid by the merchant for one unit of this product
-      taxes: Tax[];
-
-      // Number of units of the product in stock in sum in total,
-      // including all existing sales ever. Given in product-specific
-      // units.
-      // A value of -1 indicates "infinite" (i.e. for "electronic" books).
-      total_stock: Integer;
-
-      // Number of units of the product that were lost (spoiled, stolen, etc.)
-      total_lost: Integer;
-
-      // Identifies where the product is in stock.
-      address: Location;
-
-      // Identifies when we expect the next restocking to happen.
-      next_restock?: Timestamp;
-
-      // Minimum age buyer must have (in years). Default is 0.
-      minimum_age?: Integer;
-    }
-
-    // GET /deposit-confirmation
-    interface DepositConfirmationList  {
-      depositConfirmations: DepositConfirmation [];
-    }
-    interface DepositConfirmation  {
-      serial_id: string;
-      timestamp: string;
-      refund_deadline: string;
-      wire_deadline: string;
-      amount_without_fee: string;
-    }
-
-    // GET /deposit-confirmation/$SERIAL_ID
-    interface DepositConfirmationDetail {
-      serial_id: string;
-      timestamp: string;
-      refund_deadline: string;
-      wire_deadline: string;
-      amount_without_fee: string;
-    }
-  }
-
-}
-export namespace MerchantBackend {
-  interface ErrorDetail {
-    // Numeric error code unique to the condition.
-    // The other arguments are specific to the error value reported here.
-    code: number;
-
-    // Human-readable description of the error, i.e. "missing parameter", "commitment violation", ...
-    // Should give a human-readable hint about the error's nature. Optional, may change without notice!
-    hint?: string;
-
-    // Optional detail about the specific input value that failed. May change without notice!
-    detail?: string;
-
-    // Name of the parameter that was bogus (if applicable).
-    parameter?: string;
-
-    // Path to the argument that was bogus (if applicable).
-    path?: string;
-
-    // Offset of the argument that was bogus (if applicable).
-    offset?: string;
-
-    // Index of the argument that was bogus (if applicable).
-    index?: string;
-
-    // Name of the object that was bogus (if applicable).
-    object?: string;
-
-    // Name of the currency than was problematic (if applicable).
-    currency?: string;
-
-    // Expected type (if applicable).
-    type_expected?: string;
-
-    // Type that was provided instead (if applicable).
-    type_actual?: string;
-  }
-
-  // Delivery location, loosely modeled as a subset of
-  // ISO20022's PostalAddress25.
-  interface Tax {
-    // the name of the tax
-    name: string;
-
-    // amount paid in tax
-    tax: Amount;
-  }
-
-  interface Auditor {
-    // official name
-    name: string;
-
-    // Auditor's public key
-    auditor_pub: EddsaPublicKey;
-
-    // Base URL of the auditor
-    url: string;
-  }
-  interface Exchange {
-    // the exchange's base URL
-    url: string;
-
-    // master public key of the exchange
-    master_pub: EddsaPublicKey;
-  }
-
-  interface Product {
-    // merchant-internal identifier for the product.
-    product_id?: string;
-
-    // Human-readable product description.
-    description: string;
-
-    // Map from IETF BCP 47 language tags to localized descriptions
-    description_i18n?: { [lang_tag: string]: string };
-
-    // The number of units of the product to deliver to the customer.
-    quantity: Integer;
-
-    // The unit in which the product is measured (liters, kilograms, packages, etc.)
-    unit: string;
-
-    // The price of the product; this is the total price for quantity times unit of this product.
-    price?: Amount;
-
-    // An optional base64-encoded product image
-    image: ImageDataUrl;
-
-    // a list of taxes paid by the merchant for this product. Can be empty.
-    taxes: Tax[];
-
-    // time indicating when this product should be delivered
-    delivery_date?: TalerProtocolTimestamp;
-
-    // Minimum age buyer must have (in years). Default is 0.
-    minimum_age?: Integer;
-  }
-  interface Merchant {
-    // label for a location with the business address of the merchant
-    address: Location;
-
-    // the merchant's legal name of business
-    name: string;
-
-    // label for a location that denotes the jurisdiction for disputes.
-    // Some of the typical fields for a location (such as a street address) may be absent.
-    jurisdiction: Location;
-  }
-
-  interface VersionResponse {
-    // libtool-style representation of the Merchant protocol version, see
-    // https://www.gnu.org/software/libtool/manual/html_node/Versioning.html#Versioning
-    // The format is "current:revision:age".
-    version: string;
-
-    // Name of the protocol.
-    name: "taler-merchant";
-
-    // Currency supported by this backend.
-    currency: string;
-  }
-  interface Location {
-    // Nation with its own government.
-    country?: string;
-
-    // Identifies a subdivision of a country such as state, region, county.
-    country_subdivision?: string;
-
-    // Identifies a subdivision within a country sub-division.
-    district?: string;
-
-    // Name of a built-up area, with defined boundaries, and a local government.
-    town?: string;
-
-    // Specific location name within the town.
-    town_location?: string;
-
-    // Identifier consisting of a group of letters and/or numbers that
-    // is added to a postal address to assist the sorting of mail.
-    post_code?: string;
-
-    // Name of a street or thoroughfare.
-    street?: string;
-
-    // Name of the building or house.
-    building_name?: string;
-
-    // Number that identifies the position of a building on a street.
-    building_number?: string;
-
-    // Free-form address lines, should not exceed 7 elements.
-    address_lines?: string[];
-  }
-  namespace Instances {
-    //POST /private/instances/$INSTANCE/auth
-    interface InstanceAuthConfigurationMessage {
-      // Type of authentication.
-      // "external":  The mechant backend does not do
-      //   any authentication checks.  Instead an API
-      //   gateway must do the authentication.
-      // "token": The merchant checks an auth token.
-      //   See "token" for details.
-      method: "external" | "token";
-
-      // For method "external", this field is mandatory.
-      // The token MUST begin with the string "secret-token:".
-      // After the auth token has been set (with method "token"),
-      // the value must be provided in a "Authorization: Bearer $token"
-      // header.
-      token?: string;
-    }
-    //POST /private/instances
-    interface InstanceConfigurationMessage {
-      // Name of the merchant instance to create (will become $INSTANCE).
-      id: string;
-
-      // Merchant name corresponding to this instance.
-      name: string;
-
-      // Type of the user (business or individual).
-      // Defaults to 'business'. Should become mandatory field
-      // in the future, left as optional for API compatibility for now.
-      user_type?: MerchantUserType;
-
-      // Merchant email for customer contact.
-      email?: string;
-
-      // Merchant public website.
-      website?: string;
-
-      // Merchant logo.
-      logo?: ImageDataUrl;
-
-      // "Authentication" header required to authorize management access the instance.
-      // Optional, if not given authentication will be disabled for
-      // this instance (hopefully authentication checks are still
-      // done by some reverse proxy).
-      auth: InstanceAuthConfigurationMessage;
-
-      // The merchant's physical address (to be put into contracts).
-      address: Location;
-
-      // The jurisdiction under which the merchant conducts its business
-      // (to be put into contracts).
-      jurisdiction: Location;
-
-      // Use STEFAN curves to determine default fees?
-      // If false, no fees are allowed by default.
-      // Can always be overridden by the frontend on a per-order basis.
-      use_stefan: boolean;
-
-      //  If the frontend does NOT specify an execution date, how long should
-      // we tell the exchange to wait to aggregate transactions before
-      // executing the wire transfer?  This delay is added to the current
-      // time when we generate the advisory execution time for the exchange.
-      default_wire_transfer_delay: RelativeTime;
-
-      // If the frontend does NOT specify a payment deadline, how long should
-      // offers we make be valid by default?
-      default_pay_delay: RelativeTime;
-    }
-
-    // PATCH /private/instances/$INSTANCE
-    interface InstanceReconfigurationMessage {
-
-      // Merchant name corresponding to this instance.
-      name: string;
-
-      // Type of the user (business or individual).
-      // Defaults to 'business'. Should become mandatory field
-      // in the future, left as optional for API compatibility for now.
-      user_type?: MerchantUserType;
-
-      // Merchant email for customer contact.
-      email?: string;
-
-      // Merchant public website.
-      website?: string;
-
-      // Merchant logo.
-      logo?: ImageDataUrl;
-
-      // The merchant's physical address (to be put into contracts).
-      address: Location;
-
-      // The jurisdiction under which the merchant conducts its business
-      // (to be put into contracts).
-      jurisdiction: Location;
-
-      // Use STEFAN curves to determine default fees?
-      // If false, no fees are allowed by default.
-      // Can always be overridden by the frontend on a per-order basis.
-      use_stefan: boolean;
-
-      //  If the frontend does NOT specify an execution date, how long should
-      // we tell the exchange to wait to aggregate transactions before
-      // executing the wire transfer?  This delay is added to the current
-      // time when we generate the advisory execution time for the exchange.
-      default_wire_transfer_delay: RelativeTime;
-
-      // If the frontend does NOT specify a payment deadline, how long should
-      // offers we make be valid by default?
-      default_pay_delay: RelativeTime;
-    }
-
-    //   GET /private/instances
-    interface InstancesResponse {
-      // List of instances that are present in the backend (see Instance)
-      instances: Instance[];
-    }
-
-    interface Instance {
-      // Merchant name corresponding to this instance.
-      name: string;
-
-      // Type of the user ("business" or "individual").
-      user_type: MerchantUserType;
-
-      // Merchant public website.
-      website?: string;
-
-      // Merchant logo.
-      logo?: ImageDataUrl;
-
-      // Merchant instance this response is about ($INSTANCE)
-      id: string;
-
-      // Public key of the merchant/instance, in Crockford Base32 encoding.
-      merchant_pub: EddsaPublicKey;
-
-      // List of the payment targets supported by this instance. Clients can
-      // specify the desired payment target in /order requests.  Note that
-      // front-ends do not have to support wallets selecting payment targets.
-      payment_targets: string[];
-
-      // Has this instance been deleted (but not purged)?
-      deleted: boolean;
-    }
-
-    //GET /private/instances/$INSTANCE
-    interface QueryInstancesResponse {
-
-      // Merchant name corresponding to this instance.
-      name: string;
-      // Type of the user ("business" or "individual").
-      user_type: MerchantUserType;
-
-      // Merchant email for customer contact.
-      email?: string;
-
-      // Merchant public website.
-      website?: string;
-
-      // Merchant logo.
-      logo?: ImageDataUrl;
-
-      // Public key of the merchant/instance, in Crockford Base32 encoding.
-      merchant_pub: EddsaPublicKey;
-
-      // The merchant's physical address (to be put into contracts).
-      address: Location;
-
-      // The jurisdiction under which the merchant conducts its business
-      // (to be put into contracts).
-      jurisdiction: Location;
-
-      // Use STEFAN curves to determine default fees?
-      // If false, no fees are allowed by default.
-      // Can always be overridden by the frontend on a per-order basis.
-      use_stefan: boolean;
-
-      //  If the frontend does NOT specify an execution date, how long should
-      // we tell the exchange to wait to aggregate transactions before
-      // executing the wire transfer?  This delay is added to the current
-      // time when we generate the advisory execution time for the exchange.
-      default_wire_transfer_delay: RelativeTime;
-
-      // If the frontend does NOT specify a payment deadline, how long should
-      // offers we make be valid by default?
-      default_pay_delay: RelativeTime;
-
-      // Authentication configuration.
-      // Does not contain the token when token auth is configured.
-      auth: {
-        method: "external" | "token";
-      };
-    }
-    //   DELETE /private/instances/$INSTANCE
-    interface LoginTokenRequest {
-      // Scope of the token (which kinds of operations it will allow)
-      scope: "readonly" | "write";
-
-      // Server may impose its own upper bound
-      // on the token validity duration
-      duration?: RelativeTime;
-
-      // Can this token be refreshed?
-      // Defaults to false.
-      refreshable?: boolean;
-    }
-    interface LoginTokenSuccessResponse {
-      // The login token that can be used to access resources
-      // that are in scope for some time. Must be prefixed
-      // with "Bearer " when used in the "Authorization" HTTP header.
-      // Will already begin with the RFC 8959 prefix.
-      token: string;
-
-      // Scope of the token (which kinds of operations it will allow)
-      scope: "readonly" | "write";
-
-      // Server may impose its own upper bound
-      // on the token validity duration
-      expiration: Timestamp;
-
-      // Can this token be refreshed?
-      refreshable: boolean;
-    }
-  }
-
-  namespace KYC {
-    //GET /private/instances/$INSTANCE/kyc
-    interface AccountKycRedirects {
-      // Array of pending KYCs.
-      pending_kycs: MerchantAccountKycRedirect[];
-
-      // Array of exchanges with no reply.
-      timeout_kycs: ExchangeKycTimeout[];
-    }
-    interface MerchantAccountKycRedirect {
-      // URL that the user should open in a browser to
-      // proceed with the KYC process (as returned
-      // by the exchange's /kyc-check/ endpoint).
-      // Optional, missing if the account is blocked
-      // due to AML and not due to KYC.
-      kyc_url?: string;
-
-      // Base URL of the exchange this is about.
-      exchange_url: string;
-
-      // AML status of the account.
-      aml_status: number;
-
-      // Our bank wire account this is about.
-      payto_uri: string;
-    }
-    interface ExchangeKycTimeout {
-      // Base URL of the exchange this is about.
-      exchange_url: string;
-
-      // Numeric error code indicating errors the exchange
-      // returned, or TALER_EC_INVALID for none.
-      exchange_code: number;
-
-      // HTTP status code returned by the exchange when we asked for
-      // information about the KYC status.
-      // 0 if there was no response at all.
-      exchange_http_status: number;
-    }
-
-  }
-
-  namespace BankAccounts {
-
-    interface AccountAddDetails {
-
-      // payto:// URI of the account.
-      payto_uri: string;
-
-      // URL from where the merchant can download information
-      // about incoming wire transfers to this account.
-      credit_facade_url?: string;
-
-      // Credentials to use when accessing the credit facade.
-      // Never returned on a GET (as this may be somewhat
-      // sensitive data). Can be set in POST
-      // or PATCH requests to update (or delete) credentials.
-      // To really delete credentials, set them to the type: "none".
-      credit_facade_credentials?: FacadeCredentials;
-
-    }
-
-    type FacadeCredentials =
-      | NoFacadeCredentials
-      | BasicAuthFacadeCredentials;
-
-    interface NoFacadeCredentials {
-      type: "none";
-    }
-
-    interface BasicAuthFacadeCredentials {
-      type: "basic";
-
-      // Username to use to authenticate
-      username: string;
-
-      // Password to use to authenticate
-      password: string;
-    }
-
-    interface AccountAddResponse {
-      // Hash over the wire details (including over the salt).
-      h_wire: HashCode;
-
-      // Salt used to compute h_wire.
-      salt: HashCode;
-    }
-
-    interface AccountPatchDetails {
-
-      // URL from where the merchant can download information
-      // about incoming wire transfers to this account.
-      credit_facade_url?: string;
-
-      // Credentials to use when accessing the credit facade.
-      // Never returned on a GET (as this may be somewhat
-      // sensitive data). Can be set in POST
-      // or PATCH requests to update (or delete) credentials.
-      // To really delete credentials, set them to the type: "none".
-      credit_facade_credentials?: FacadeCredentials;
-    }
-
-
-    interface AccountsSummaryResponse {
-
-      // List of accounts that are known for the instance.
-      accounts: BankAccountEntry[];
-    }
-
-    interface BankAccountEntry {
-      // payto:// URI of the account.
-      payto_uri: string;
-
-      // Hash over the wire details (including over the salt)
-      h_wire: HashCode;
-
-      // salt used to compute h_wire
-      salt: HashCode;
-
-      // URL from where the merchant can download information
-      // about incoming wire transfers to this account.
-      credit_facade_url?: string;
-
-      // Credentials to use when accessing the credit facade.
-      // Never returned on a GET (as this may be somewhat
-      // sensitive data). Can be set in POST
-      // or PATCH requests to update (or delete) credentials.
-      credit_facade_credentials?: FacadeCredentials;
-
-      // true if this account is active,
-      // false if it is historic.
-      active: boolean;
-    }
-
-  }
-
-  namespace Products {
-    // POST /private/products
-    interface ProductAddDetail {
-      // product ID to use.
-      product_id: string;
-
-      // Human-readable product description.
-      description: string;
-
-      // Map from IETF BCP 47 language tags to localized descriptions
-      description_i18n: { [lang_tag: string]: string };
-
-      // unit in which the product is measured (liters, kilograms, packages, etc.)
-      unit: string;
-
-      // The price for one unit of the product. Zero is used
-      // to imply that this product is not sold separately, or
-      // that the price is not fixed, and must be supplied by the
-      // front-end.  If non-zero, this price MUST include applicable
-      // taxes.
-      price: Amount;
-
-      // An optional base64-encoded product image
-      image: ImageDataUrl;
-
-      // a list of taxes paid by the merchant for one unit of this product
-      taxes: Tax[];
-
-      // Number of units of the product in stock in sum in total,
-      // including all existing sales ever. Given in product-specific
-      // units.
-      // A value of -1 indicates "infinite" (i.e. for "electronic" books).
-      total_stock: Integer;
-
-      // Identifies where the product is in stock.
-      address: Location;
-
-      // Identifies when we expect the next restocking to happen.
-      next_restock?: Timestamp;
-
-      // Minimum age buyer must have (in years). Default is 0.
-      minimum_age?: Integer;
-    }
-    //   PATCH /private/products/$PRODUCT_ID
-    interface ProductPatchDetail {
-      // Human-readable product description.
-      description: string;
-
-      // Map from IETF BCP 47 language tags to localized descriptions
-      description_i18n: { [lang_tag: string]: string };
-
-      // unit in which the product is measured (liters, kilograms, packages, etc.)
-      unit: string;
-
-      // The price for one unit of the product. Zero is used
-      // to imply that this product is not sold separately, or
-      // that the price is not fixed, and must be supplied by the
-      // front-end.  If non-zero, this price MUST include applicable
-      // taxes.
-      price: Amount;
-
-      // An optional base64-encoded product image
-      image: ImageDataUrl;
-
-      // a list of taxes paid by the merchant for one unit of this product
-      taxes: Tax[];
-
-      // Number of units of the product in stock in sum in total,
-      // including all existing sales ever. Given in product-specific
-      // units.
-      // A value of -1 indicates "infinite" (i.e. for "electronic" books).
-      total_stock: Integer;
-
-      // Number of units of the product that were lost (spoiled, stolen, etc.)
-      total_lost: Integer;
-
-      // Identifies where the product is in stock.
-      address: Location;
-
-      // Identifies when we expect the next restocking to happen.
-      next_restock?: Timestamp;
-
-      // Minimum age buyer must have (in years). Default is 0.
-      minimum_age?: Integer;
-    }
-
-    // GET /private/products
-    interface InventorySummaryResponse {
-      // List of products that are present in the inventory
-      products: InventoryEntry[];
-    }
-    interface InventoryEntry {
-      // Product identifier, as found in the product.
-      product_id: string;
-    }
-
-    // GET /private/products/$PRODUCT_ID
-    interface ProductDetail {
-      // Human-readable product description.
-      description: string;
-
-      // Map from IETF BCP 47 language tags to localized descriptions
-      description_i18n: { [lang_tag: string]: string };
-
-      // unit in which the product is measured (liters, kilograms, packages, etc.)
-      unit: string;
-
-      // The price for one unit of the product. Zero is used
-      // to imply that this product is not sold separately, or
-      // that the price is not fixed, and must be supplied by the
-      // front-end.  If non-zero, this price MUST include applicable
-      // taxes.
-      price: Amount;
-
-      // An optional base64-encoded product image
-      image: ImageDataUrl;
-
-      // a list of taxes paid by the merchant for one unit of this product
-      taxes: Tax[];
-
-      // Number of units of the product in stock in sum in total,
-      // including all existing sales ever. Given in product-specific
-      // units.
-      // A value of -1 indicates "infinite" (i.e. for "electronic" books).
-      total_stock: Integer;
-
-      // Number of units of the product that have already been sold.
-      total_sold: Integer;
-
-      // Number of units of the product that were lost (spoiled, stolen, etc.)
-      total_lost: Integer;
-
-      // Identifies where the product is in stock.
-      address: Location;
-
-      // Identifies when we expect the next restocking to happen.
-      next_restock?: Timestamp;
-
-      // Minimum age buyer must have (in years). Default is 0.
-      minimum_age?: Integer;
-    }
-
-    // POST /private/products/$PRODUCT_ID/lock
-    interface LockRequest {
-      // UUID that identifies the frontend performing the lock
-      // It is suggested that clients use a timeflake for this,
-      // see https://github.com/anthonynsimon/timeflake
-      lock_uuid: UUID;
-
-      // How long does the frontend intend to hold the lock
-      duration: RelativeTime;
-
-      // How many units should be locked?
-      quantity: Integer;
-    }
-
-    //   DELETE /private/products/$PRODUCT_ID
-  }
-
-  namespace Orders {
-    type MerchantOrderStatusResponse =
-      | CheckPaymentPaidResponse
-      | CheckPaymentClaimedResponse
-      | CheckPaymentUnpaidResponse;
-    interface CheckPaymentPaidResponse {
-      // The customer paid for this contract.
-      order_status: "paid";
-
-      // Was the payment refunded (even partially)?
-      refunded: boolean;
-
-      // True if there are any approved refunds that the wallet has
-      // not yet obtained.
-      refund_pending: boolean;
-
-      // Did the exchange wire us the funds?
-      wired: boolean;
-
-      // Total amount the exchange deposited into our bank account
-      // for this contract, excluding fees.
-      deposit_total: Amount;
-
-      // Numeric error code indicating errors the exchange
-      // encountered tracking the wire transfer for this purchase (before
-      // we even got to specific coin issues).
-      // 0 if there were no issues.
-      exchange_ec: number;
-
-      // HTTP status code returned by the exchange when we asked for
-      // information to track the wire transfer for this purchase.
-      // 0 if there were no issues.
-      exchange_hc: number;
-
-      // Total amount that was refunded, 0 if refunded is false.
-      refund_amount: Amount;
-
-      // Contract terms.
-      contract_terms: ContractTerms;
-
-      // The wire transfer status from the exchange for this order if
-      // available, otherwise empty array.
-      wire_details: TransactionWireTransfer[];
-
-      // Reports about trouble obtaining wire transfer details,
-      // empty array if no trouble were encountered.
-      wire_reports: TransactionWireReport[];
-
-      // The refund details for this order.  One entry per
-      // refunded coin; empty array if there are no refunds.
-      refund_details: RefundDetails[];
-
-      // Status URL, can be used as a redirect target for the browser
-      // to show the order QR code / trigger the wallet.
-      order_status_url: string;
-    }
-    interface CheckPaymentClaimedResponse {
-      // A wallet claimed the order, but did not yet pay for the contract.
-      order_status: "claimed";
-
-      // Contract terms.
-      contract_terms: ContractTerms;
-    }
-    interface CheckPaymentUnpaidResponse {
-      // The order was neither claimed nor paid.
-      order_status: "unpaid";
-
-      // when was the order created
-      creation_time: Timestamp;
-
-      // Order summary text.
-      summary: string;
-
-      // Total amount of the order (to be paid by the customer).
-      total_amount: Amount;
-
-      // URI that the wallet must process to complete the payment.
-      taler_pay_uri: string;
-
-      // Alternative order ID which was paid for already in the same session.
-      // Only given if the same product was purchased before in the same session.
-      already_paid_order_id?: string;
-
-      // Fulfillment URL of an already paid order. Only given if under this
-      // session an already paid order with a fulfillment URL exists.
-      already_paid_fulfillment_url?: string;
-
-      // Status URL, can be used as a redirect target for the browser
-      // to show the order QR code / trigger the wallet.
-      order_status_url: string;
-
-      // We do we NOT return the contract terms here because they may not
-      // exist in case the wallet did not yet claim them.
-    }
-    interface RefundDetails {
-      // Reason given for the refund.
-      reason: string;
-
-      // When was the refund approved.
-      timestamp: Timestamp;
-
-      // Set to true if a refund is still available for the wallet for this payment.
-      pending: boolean;
-
-      // Total amount that was refunded (minus a refund fee).
-      amount: Amount;
-    }
-    interface TransactionWireTransfer {
-      // Responsible exchange.
-      exchange_url: string;
-
-      // 32-byte wire transfer identifier.
-      wtid: Base32;
-
-      // Execution time of the wire transfer.
-      execution_time: Timestamp;
-
-      // Total amount that has been wire transferred
-      // to the merchant.
-      amount: Amount;
-
-      // Was this transfer confirmed by the merchant via the
-      // POST /transfers API, or is it merely claimed by the exchange?
-      confirmed: boolean;
-    }
-    interface TransactionWireReport {
-      // Numerical error code.
-      code: number;
-
-      // Human-readable error description.
-      hint: string;
-
-      // Numerical error code from the exchange.
-      exchange_ec: number;
-
-      // HTTP status code received from the exchange.
-      exchange_hc: number;
-
-      // Public key of the coin for which we got the exchange error.
-      coin_pub: CoinPublicKey;
-    }
-
-    interface OrderHistory {
-      // timestamp-sorted array of all orders matching the query.
-      // The order of the sorting depends on the sign of delta.
-      orders: OrderHistoryEntry[];
-    }
-    interface OrderHistoryEntry {
-      // order ID of the transaction related to this entry.
-      order_id: string;
-
-      // row ID of the order in the database
-      row_id: number;
-
-      // when the order was created
-      timestamp: Timestamp;
-
-      // the amount of money the order is for
-      amount: Amount;
-
-      // the summary of the order
-      summary: string;
-
-      // whether some part of the order is refundable,
-      // that is the refund deadline has not yet expired
-      // and the total amount refunded so far is below
-      // the value of the original transaction.
-      refundable: boolean;
-
-      // whether the order has been paid or not
-      paid: boolean;
-    }
-
-    interface PostOrderRequest {
-      // The order must at least contain the minimal
-      // order detail, but can override all
-      order: Order;
-
-      // if set, the backend will then set the refund deadline to the current
-      // time plus the specified delay.  If it's not set, refunds will not be
-      // possible.
-      refund_delay?: RelativeTime;
-
-      // specifies the payment target preferred by the client. Can be used
-      // to select among the various (active) wire methods supported by the instance.
-      payment_target?: string;
-
-      // specifies that some products are to be included in the
-      // order from the inventory.  For these inventory management
-      // is performed (so the products must be in stock) and
-      // details are completed from the product data of the backend.
-      inventory_products?: MinimalInventoryProduct[];
-
-      // Specifies a lock identifier that was used to
-      // lock a product in the inventory.  Only useful if
-      // manage_inventory is set.  Used in case a frontend
-      // reserved quantities of the individual products while
-      // the shopping card was being built.  Multiple UUIDs can
-      // be used in case different UUIDs were used for different
-      // products (i.e. in case the user started with multiple
-      // shopping sessions that were combined during checkout).
-      lock_uuids?: UUID[];
-
-      // Should a token for claiming the order be generated?
-      // False can make sense if the ORDER_ID is sufficiently
-      // high entropy to prevent adversarial claims (like it is
-      // if the backend auto-generates one). Default is 'true'.
-      create_token?: boolean;
-
-      // OTP device ID to associate with the order.
-      // This parameter is optional.
-      otp_id?: string;
-    }
-    type Order = MinimalOrderDetail | ContractTerms;
-
-    interface MinimalOrderDetail {
-      // Amount to be paid by the customer
-      amount: Amount;
-
-      // Short summary of the order
-      summary: string;
-
-      // URL that will show that the order was successful after
-      // it has been paid for.  Optional. When POSTing to the
-      // merchant, the placeholder "${ORDER_ID}" will be
-      // replaced with the actual order ID (useful if the
-      // order ID is generated server-side and needs to be
-      // in the URL).
-      fulfillment_url?: string;
-    }
-
-    interface MinimalInventoryProduct {
-      // Which product is requested (here mandatory!)
-      product_id: string;
-
-      // How many units of the product are requested
-      quantity: Integer;
-    }
-    interface PostOrderResponse {
-      // Order ID of the response that was just created
-      order_id: string;
-
-      // Token that authorizes the wallet to claim the order.
-      // Provided only if "create_token" was set to 'true'
-      // in the request.
-      token?: ClaimToken;
-    }
-    interface OutOfStockResponse {
-      // Product ID of an out-of-stock item
-      product_id: string;
-
-      // Requested quantity
-      requested_quantity: Integer;
-
-      // Available quantity (must be below requested_quanitity)
-      available_quantity: Integer;
-
-      // When do we expect the product to be again in stock?
-      // Optional, not given if unknown.
-      restock_expected?: Timestamp;
-    }
-
-    interface ForgetRequest {
-      // Array of valid JSON paths to forgettable fields in the order's
-      // contract terms.
-      fields: string[];
-    }
-    interface RefundRequest {
-      // Amount to be refunded
-      refund: Amount;
-
-      // Human-readable refund justification
-      reason: string;
-    }
-    interface MerchantRefundResponse {
-      // URL (handled by the backend) that the wallet should access to
-      // trigger refund processing.
-      // taler://refund/...
-      taler_refund_uri: string;
-
-      // Contract hash that a client may need to authenticate an
-      // HTTP request to obtain the above URI in a wallet-friendly way.
-      h_contract: HashCode;
-    }
-  }
-
-  namespace Rewards {
-    // GET /private/reserves
-    interface RewardReserveStatus {
-      // Array of all known reserves (possibly empty!)
-      reserves: ReserveStatusEntry[];
-    }
-    interface ReserveStatusEntry {
-      // Public key of the reserve
-      reserve_pub: EddsaPublicKey;
-
-      // Timestamp when it was established
-      creation_time: Timestamp;
-
-      // Timestamp when it expires
-      expiration_time: Timestamp;
-
-      // Initial amount as per reserve creation call
-      merchant_initial_amount: Amount;
-
-      // Initial amount as per exchange, 0 if exchange did
-      // not confirm reserve creation yet.
-      exchange_initial_amount: Amount;
-
-      // Amount picked up so far.
-      pickup_amount: Amount;
-
-      // Amount approved for rewards that exceeds the pickup_amount.
-      committed_amount: Amount;
-
-      // Is this reserve active (false if it was deleted but not purged)
-      active: boolean;
-    }
-
-    interface ReserveCreateRequest {
-      // Amount that the merchant promises to put into the reserve
-      initial_balance: Amount;
-
-      // Exchange the merchant intends to use for reward
-      exchange_url: string;
-
-      // Desired wire method, for example "iban" or "x-taler-bank"
-      wire_method: string;
-    }
-    interface ReserveCreateConfirmation {
-      // Public key identifying the reserve
-      reserve_pub: EddsaPublicKey;
-
-      // Wire accounts of the exchange where to transfer the funds.
-      accounts: WireAccount[];
-    }
-    interface RewardCreateRequest {
-      // Amount that the customer should be reward
-      amount: Amount;
-
-      // Justification for giving the reward
-      justification: string;
-
-      // URL that the user should be directed to after rewarding,
-      // will be included in the reward_token.
-      next_url: string;
-    }
-    interface RewardCreateConfirmation {
-      // Unique reward identifier for the reward that was created.
-      reward_id: HashCode;
-
-      // taler://reward URI for the reward
-      taler_reward_uri: string;
-
-      // URL that will directly trigger processing
-      // the reward when the browser is redirected to it
-      reward_status_url: string;
-
-      // when does the reward expire
-      reward_expiration: Timestamp;
-    }
-
-    interface ReserveDetail {
-      // Timestamp when it was established.
-      creation_time: Timestamp;
-
-      // Timestamp when it expires.
-      expiration_time: Timestamp;
-
-      // Initial amount as per reserve creation call.
-      merchant_initial_amount: Amount;
-
-      // Initial amount as per exchange, 0 if exchange did
-      // not confirm reserve creation yet.
-      exchange_initial_amount: Amount;
-
-      // Amount picked up so far.
-      pickup_amount: Amount;
-
-      // Amount approved for rewards that exceeds the pickup_amount.
-      committed_amount: Amount;
-
-      // Array of all rewards created by this reserves (possibly empty!).
-      // Only present if asked for explicitly.
-      rewards?: RewardStatusEntry[];
-
-      // Is this reserve active (false if it was deleted but not purged)?
-      active: boolean;
-
-      // Array of wire accounts of the exchange that could
-      // be used to fill the reserve, can be NULL
-      // if the reserve is inactive or was already filled
-      accounts?: WireAccount[];
-
-      // URL of the exchange hosting the reserve,
-      // NULL if the reserve is inactive
-      exchange_url: string;
-    }
-
-    interface RewardStatusEntry {
-      // Unique identifier for the reward.
-      reward_id: HashCode;
-
-      // Total amount of the reward that can be withdrawn.
-      total_amount: Amount;
-
-      // Human-readable reason for why the reward was granted.
-      reason: string;
-    }
-
-    interface RewardDetails {
-      // Amount that we authorized for this reward.
-      total_authorized: Amount;
-
-      // Amount that was picked up by the user already.
-      total_picked_up: Amount;
-
-      // Human-readable reason given when authorizing the reward.
-      reason: string;
-
-      // Timestamp indicating when the reward is set to expire (may be in the past).
-      expiration: Timestamp;
-
-      // Reserve public key from which the reward is funded.
-      reserve_pub: EddsaPublicKey;
-
-      // Array showing the pickup operations of the wallet (possibly empty!).
-      // Only present if asked for explicitly.
-      pickups?: PickupDetail[];
-    }
-    interface PickupDetail {
-      // Unique identifier for the pickup operation.
-      pickup_id: HashCode;
-
-      // Number of planchets involved.
-      num_planchets: Integer;
-
-      // Total amount requested for this pickup_id.
-      requested_amount: Amount;
-    }
-  }
-
-  namespace Transfers {
-    interface TransferList {
-      // list of all the transfers that fit the filter that we know
-      transfers: TransferDetails[];
-    }
-    interface TransferDetails {
-      // how much was wired to the merchant (minus fees)
-      credit_amount: Amount;
-
-      // raw wire transfer identifier identifying the wire transfer (a base32-encoded value)
-      wtid: string;
-
-      // target account that received the wire transfer
-      payto_uri: string;
-
-      // base URL of the exchange that made the wire transfer
-      exchange_url: string;
-
-      // Serial number identifying the transfer in the merchant backend.
-      // Used for filgering via offset.
-      transfer_serial_id: number;
-
-      // Time of the execution of the wire transfer by the exchange, according to the exchange
-      // Only provided if we did get an answer from the exchange.
-      execution_time?: Timestamp;
-
-      // True if we checked the exchange's answer and are happy with it.
-      // False if we have an answer and are unhappy, missing if we
-      // do not have an answer from the exchange.
-      verified?: boolean;
-
-      // True if the merchant uses the POST /transfers API to confirm
-      // that this wire transfer took place (and it is thus not
-      // something merely claimed by the exchange).
-      confirmed?: boolean;
-    }
-
-    interface TransferInformation {
-      // how much was wired to the merchant (minus fees)
-      credit_amount: Amount;
-
-      // raw wire transfer identifier identifying the wire transfer (a base32-encoded value)
-      wtid: WireTransferIdentifierRawP;
-
-      // target account that received the wire transfer
-      payto_uri: string;
-
-      // base URL of the exchange that made the wire transfer
-      exchange_url: string;
-    }
-  }
-
-  namespace OTP {
-    interface OtpDeviceAddDetails {
-      // Device ID to use.
-      otp_device_id: string;
-
-      // Human-readable description for the device.
-      otp_device_description: string;
-
-      // A base64-encoded key
-      otp_key: string;
-
-      // Algorithm for computing the POS confirmation.
-      otp_algorithm: Integer;
-
-      // Counter for counter-based OTP devices.
-      otp_ctr?: Integer;
-    }
-
-    interface OtpDevicePatchDetails {
-      // Human-readable description for the device.
-      otp_device_description: string;
-
-      // A base64-encoded key
-      otp_key: string | undefined;
-
-      // Algorithm for computing the POS confirmation.
-      otp_algorithm: Integer;
-
-      // Counter for counter-based OTP devices.
-      otp_ctr?: Integer;
-    }
-
-    interface OtpDeviceSummaryResponse {
-      // Array of devices that are present in our backend.
-      otp_devices: OtpDeviceEntry[];
-    }
-    interface OtpDeviceEntry {
-      // Device identifier.
-      otp_device_id: string;
-
-      // Human-readable description for the device.
-      device_description: string;
-    }
-
-    interface OtpDeviceDetails {
-      // Human-readable description for the device.
-      device_description: string;
-
-      // Algorithm for computing the POS confirmation.
-      otp_algorithm: Integer;
-
-      // Counter for counter-based OTP devices.
-      otp_ctr?: Integer;
-    }
-
-
-  }
-  namespace Template {
-    interface TemplateAddDetails {
-      // Template ID to use.
-      template_id: string;
-
-      // Human-readable description for the template.
-      template_description: string;
-
-      // OTP device ID.
-      // This parameter is optional.
-      otp_id?: string;
-
-      // Additional information in a separate template.
-      template_contract: TemplateContractDetails;
-    }
-    interface TemplateContractDetails {
-      // Human-readable summary for the template.
-      summary?: string;
-
-      // The price is imposed by the merchant and cannot be changed by the customer.
-      // This parameter is optional.
-      amount?: Amount;
-
-      // Minimum age buyer must have (in years). Default is 0.
-      minimum_age: Integer;
-
-      // The time the customer need to pay before his order will be deleted.
-      // It is deleted if the customer did not pay and if the duration is over.
-      pay_duration: RelativeTime;
-    }
-    interface TemplatePatchDetails {
-      // Human-readable description for the template.
-      template_description: string;
-
-      // OTP device ID.
-      // This parameter is optional.
-      otp_id?: string;
-
-      // Additional information in a separate template.
-      template_contract: TemplateContractDetails;
-    }
-
-    interface TemplateSummaryResponse {
-      // List of templates that are present in our backend.
-      templates: TemplateEntry[];
-    }
-
-    interface TemplateEntry {
-      // Template identifier, as found in the template.
-      template_id: string;
-
-      // Human-readable description for the template.
-      template_description: string;
-    }
-
-    interface TemplateDetails {
-      // Human-readable description for the template.
-      template_description: string;
-
-      // OTP device ID.
-      // This parameter is optional.
-      otp_id?: string;
-
-      // Additional information in a separate template.
-      template_contract: TemplateContractDetails;
-    }
-
-    interface UsingTemplateDetails {
-      // Subject of the template
-      summary?: string;
-
-      // The amount entered by the customer.
-      amount?: Amount;
-    }
-
-    interface UsingTemplateResponse {
-      // After enter the request. The user will be pay with a taler URL.
-      order_id: string;
-      token: string;
-    }
-  }
-
-  namespace Webhooks {
-    type MerchantWebhookType = "pay" | "refund";
-    interface WebhookAddDetails {
-      // Webhook ID to use.
-      webhook_id: string;
-
-      // The event of the webhook: why the webhook is used.
-      event_type: MerchantWebhookType;
-
-      // URL of the webhook where the customer will be redirected.
-      url: string;
-
-      // Method used by the webhook
-      http_method: string;
-
-      // Header template of the webhook
-      header_template?: string;
-
-      // Body template by the webhook
-      body_template?: string;
-    }
-    interface WebhookPatchDetails {
-      // The event of the webhook: why the webhook is used.
-      event_type: string;
-
-      // URL of the webhook where the customer will be redirected.
-      url: string;
-
-      // Method used by the webhook
-      http_method: string;
-
-      // Header template of the webhook
-      header_template?: string;
-
-      // Body template by the webhook
-      body_template?: string;
-    }
-    interface WebhookSummaryResponse {
-      // List of webhooks that are present in our backend.
-      webhooks: WebhookEntry[];
-    }
-    interface WebhookEntry {
-      // Webhook identifier, as found in the webhook.
-      webhook_id: string;
-
-      // The event of the webhook: why the webhook is used.
-      event_type: string;
-    }
-    interface WebhookDetails {
-      // The event of the webhook: why the webhook is used.
-      event_type: string;
-
-      // URL of the webhook where the customer will be redirected.
-      url: string;
-
-      // Method used by the webhook
-      http_method: string;
-
-      // Header template of the webhook
-      header_template?: string;
-
-      // Body template by the webhook
-      body_template?: string;
-    }
-  }
-
-  interface ContractTerms {
-    // Human-readable description of the whole purchase
-    summary: string;
-
-    // Map from IETF BCP 47 language tags to localized summaries
-    summary_i18n?: { [lang_tag: string]: string };
-
-    // Unique, free-form identifier for the proposal.
-    // Must be unique within a merchant instance.
-    // For merchants that do not store proposals in their DB
-    // before the customer paid for them, the order_id can be used
-    // by the frontend to restore a proposal from the information
-    // encoded in it (such as a short product identifier and timestamp).
-    order_id: string;
-
-    // Total price for the transaction.
-    // The exchange will subtract deposit fees from that amount
-    // before transferring it to the merchant.
-    amount: Amount;
-
-    // The URL for this purchase.  Every time is is visited, the merchant
-    // will send back to the customer the same proposal.  Clearly, this URL
-    // can be bookmarked and shared by users.
-    fulfillment_url?: string;
-
-    // Maximum total deposit fee accepted by the merchant for this contract
-    max_fee: Amount;
-
-    // List of products that are part of the purchase (see Product).
-    products: Product[];
-
-    // Time when this contract was generated
-    timestamp: TalerProtocolTimestamp;
-
-    // After this deadline has passed, no refunds will be accepted.
-    refund_deadline: TalerProtocolTimestamp;
-
-    // After this deadline, the merchant won't accept payments for the contact
-    pay_deadline: TalerProtocolTimestamp;
-
-    // Transfer deadline for the exchange.  Must be in the
-    // deposit permissions of coins used to pay for this order.
-    wire_transfer_deadline: TalerProtocolTimestamp;
-
-    // Merchant's public key used to sign this proposal; this information
-    // is typically added by the backend Note that this can be an ephemeral key.
-    merchant_pub: EddsaPublicKey;
-
-    // Base URL of the (public!) merchant backend API.
-    // Must be an absolute URL that ends with a slash.
-    merchant_base_url: string;
-
-    // More info about the merchant, see below
-    merchant: Merchant;
-
-    // The hash of the merchant instance's wire details.
-    h_wire: HashCode;
-
-    // Wire transfer method identifier for the wire method associated with h_wire.
-    // The wallet may only select exchanges via a matching auditor if the
-    // exchange also supports this wire method.
-    // The wire transfer fees must be added based on this wire transfer method.
-    wire_method: string;
-
-    // Any exchanges audited by these auditors are accepted by the merchant.
-    auditors: Auditor[];
-
-    // Exchanges that the merchant accepts even if it does not accept any auditors that audit them.
-    exchanges: Exchange[];
-
-    // Delivery location for (all!) products.
-    delivery_location?: Location;
-
-    // Time indicating when the order should be delivered.
-    // May be overwritten by individual products.
-    delivery_date?: TalerProtocolTimestamp;
-
-    // Nonce generated by the wallet and echoed by the merchant
-    // in this field when the proposal is generated.
-    nonce: string;
-
-    // Specifies for how long the wallet should try to get an
-    // automatic refund for the purchase. If this field is
-    // present, the wallet should wait for a few seconds after
-    // the purchase and then automatically attempt to obtain
-    // a refund.  The wallet should probe until "delay"
-    // after the payment was successful (i.e. via long polling
-    // or via explicit requests with exponential back-off).
-    //
-    // In particular, if the wallet is offline
-    // at that time, it MUST repeat the request until it gets
-    // one response from the merchant after the delay has expired.
-    // If the refund is granted, the wallet MUST automatically
-    // recover the payment.  This is used in case a merchant
-    // knows that it might be unable to satisfy the contract and
-    // desires for the wallet to attempt to get the refund without any
-    // customer interaction.  Note that it is NOT an error if the
-    // merchant does not grant a refund.
-    auto_refund?: RelativeTime;
-
-    // Extra data that is only interpreted by the merchant frontend.
-    // Useful when the merchant needs to store extra information on a
-    // contract without storing it separately in their database.
-    extra?: any;
-
-    // Minimum age buyer must have (in years). Default is 0.
-    minimum_age?: Integer;
-  }
-}
diff --git a/packages/auditor-backoffice-ui/src/old/stories.test.ts b/packages/auditor-backoffice-ui/src/old/stories.test.ts
deleted file mode 100644
index abd993550..000000000
--- a/packages/auditor-backoffice-ui/src/old/stories.test.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-/*
- 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 { setupI18n } from "@gnu-taler/taler-util";
-import * as tests from "@gnu-taler/web-util/testing";
-import { parseGroupImport } from "@gnu-taler/web-util/browser";
-import * as admin from "./paths/admin/index.stories.js";
-import * as instance from "./paths/instance/index.stories.js";
-
-setupI18n("en", { en: {} });
-
-describe("All the examples:", () => {
-  const cms = parseGroupImport({ admin, instance });
-  cms.forEach((group) => {
-    describe(`Example for group: ${group.title}`, () => {
-      group.list.forEach((component) => {
-        describe(`Component: ${component.name}`, () => {
-          component.examples.forEach((example) => {
-            it(`should render example: ${example.name}`, () => {
-              tests.renderUI(example.render);
-            });
-          });
-        });
-      });
-    });
-  });
-});
diff --git a/packages/auditor-backoffice-ui/src/old/stories.tsx b/packages/auditor-backoffice-ui/src/old/stories.tsx
deleted file mode 100644
index 8bb06b8cb..000000000
--- a/packages/auditor-backoffice-ui/src/old/stories.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-/*
- This file is part of GNU Taler
- (C) 2021-2024 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 { strings } from "./i18n/strings.js";
-
-import * as admin from "./paths/admin/index.stories.js";
-import * as instance from "./paths/instance/index.stories.js";
-import * as components from "./components/index.stories.js";
-
-import { renderStories } from "@gnu-taler/web-util/browser";
-
-import "./scss/main.scss";
-
-function SortStories(a: any, b: any): number {
-  return (a?.order ?? 0) - (b?.order ?? 0);
-}
-
-function main(): void {
-  renderStories(
-    { admin, instance, components },
-    {
-      strings,
-    },
-  );
-}
-
-if (document.readyState === "loading") {
-  document.addEventListener("DOMContentLoaded", main);
-} else {
-  main();
-}
diff --git a/packages/auditor-backoffice-ui/src/old/sw.js b/packages/auditor-backoffice-ui/src/old/sw.js
deleted file mode 100644
index bf52db6fa..000000000
--- a/packages/auditor-backoffice-ui/src/old/sw.js
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
- This file is part of GNU Taler
- (C) 2021-2024 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 { getFiles, setupPrecaching, setupRouting } from 'preact-cli/sw/';
-
-// setupRouting();
-// setupPrecaching(getFiles());
diff --git a/packages/auditor-backoffice-ui/src/paths/old/admin/create/Create.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/admin/create/Create.stories.tsx
deleted file mode 100644
index 91b6b4b56..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/admin/create/Create.stories.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-/*
- 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 { ConfigContextProvider } from "../../../context/config.js";
-import { CreatePage as TestedComponent } from "./CreatePage.js";
-
-export default {
-  title: "Pages/Instance/Create",
-  component: TestedComponent,
-  argTypes: {
-    onCreate: { action: "onCreate" },
-    goBack: { action: "goBack" },
-  },
-};
-
-function createExample<Props>(
-  Component: FunctionalComponent<Props>,
-  props: Partial<Props>,
-) {
-  const r = (args: any) => (
-    <ConfigContextProvider
-      value={{
-        currency: "ARS",
-        version: "1",
-      }}
-    >
-      <Component {...args} />
-    </ConfigContextProvider>
-  );
-  r.args = props;
-  return r;
-}
-
-export const Example = createExample(TestedComponent, {});
-// export const Example = (a: any): VNode => <CreatePage {...a} />;
-// Example.args = {
-//   isLoading: false
-// }
diff --git a/packages/auditor-backoffice-ui/src/paths/old/admin/create/CreatePage.tsx b/packages/auditor-backoffice-ui/src/paths/old/admin/create/CreatePage.tsx
deleted file mode 100644
index d13b7e929..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/admin/create/CreatePage.tsx
+++ /dev/null
@@ -1,257 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { AsyncButton } from "../../../components/exception/AsyncButton.js";
-import {
-  FormErrors,
-  FormProvider,
-} from "../../../components/form/FormProvider.js";
-import { DefaultInstanceFormFields } from "../../../components/instance/DefaultInstanceFormFields.js";
-import { MerchantBackend } from "../../../declaration.js";
-import { INSTANCE_ID_REGEX } from "../../../utils/constants.js";
-import { undefinedIfEmpty } from "../../../utils/table.js";
-import { SetTokenNewInstanceModal } from "../../../components/modal/index.js";
-import { Duration } from "@gnu-taler/taler-util";
-
-export type Entity = Omit<Omit<MerchantBackend.Instances.InstanceConfigurationMessage, "default_pay_delay">, "default_wire_transfer_delay"> & {
-  auth_token?: string;
-  default_pay_delay: Duration,
-  default_wire_transfer_delay: Duration,
-};
-
-interface Props {
-  onCreate: (d: MerchantBackend.Instances.InstanceConfigurationMessage) => Promise<void>;
-  onBack?: () => void;
-  forceId?: string;
-}
-
-function with_defaults(id?: string): Partial<Entity> {
-  return {
-    id,
-    // accounts: [],
-    user_type: "business",
-    use_stefan: true,
-    default_pay_delay: { d_ms: 2 * 60 * 60 * 1000 }, // two hours
-    default_wire_transfer_delay: { d_ms: 2 * 60 * 60 * 24 * 1000 }, // two days
-  };
-}
-
-export function CreatePage({ onCreate, onBack, forceId }: Props): VNode {
-  const [value, valueHandler] = useState(with_defaults(forceId));
-  const [isTokenSet, updateIsTokenSet] = useState<boolean>(false);
-  const [isTokenDialogActive, updateIsTokenDialogActive] =
-    useState<boolean>(false);
-
-  const { i18n } = useTranslationContext();
-
-  const errors: FormErrors<Entity> = {
-    id: !value.id
-      ? i18n.str`required`
-      : !INSTANCE_ID_REGEX.test(value.id)
-        ? i18n.str`is not valid`
-        : undefined,
-    name: !value.name ? i18n.str`required` : undefined,
-
-    user_type: !value.user_type
-      ? i18n.str`required`
-      : value.user_type !== "business" && value.user_type !== "individual"
-        ? i18n.str`should be business or individual`
-        : undefined,
-    // accounts:
-    //   !value.accounts || !value.accounts.length
-    //     ? i18n.str`required`
-    //     : undefinedIfEmpty(
-    //       value.accounts.map((p) => {
-    //         return !PAYTO_REGEX.test(p.payto_uri)
-    //           ? i18n.str`is not valid`
-    //           : undefined;
-    //       }),
-    //     ),
-    default_pay_delay: !value.default_pay_delay
-      ? i18n.str`required`
-      : !!value.default_wire_transfer_delay &&
-        value.default_wire_transfer_delay.d_ms !== "forever" &&
-        value.default_pay_delay.d_ms !== "forever" &&
-        value.default_pay_delay.d_ms > value.default_wire_transfer_delay.d_ms ?
-        i18n.str`pay delay can't be greater than wire transfer delay` : undefined,
-    default_wire_transfer_delay: !value.default_wire_transfer_delay
-      ? i18n.str`required`
-      : undefined,
-    address: undefinedIfEmpty({
-      address_lines:
-        value.address?.address_lines && value.address?.address_lines.length > 7
-          ? i18n.str`max 7 lines`
-          : undefined,
-    }),
-    jurisdiction: undefinedIfEmpty({
-      address_lines:
-        value.address?.address_lines && value.address?.address_lines.length > 7
-          ? i18n.str`max 7 lines`
-          : undefined,
-    }),
-  };
-
-  const hasErrors = Object.keys(errors).some(
-    (k) => (errors as any)[k] !== undefined,
-  );
-
-  const submit = (): Promise<void> => {
-    // use conversion instead of this
-    const newToken = value.auth_token;
-    value.auth_token = undefined;
-    value.auth = newToken === null || newToken === undefined
-      ? { method: "external" }
-      : { method: "token", token: `secret-token:${newToken}` };
-    if (!value.address) value.address = {};
-    if (!value.jurisdiction) value.jurisdiction = {};
-    // remove above use conversion
-    // schema.validateSync(value, { abortEarly: false })
-    value.default_pay_delay = Duration.toTalerProtocolDuration(value.default_pay_delay!) as any
-    value.default_wire_transfer_delay = Duration.toTalerProtocolDuration(value.default_wire_transfer_delay!) as any
-    // delete value.default_pay_delay;
-    // delete value.default_wire_transfer_delay;
-
-    return onCreate(value as any as MerchantBackend.Instances.InstanceConfigurationMessage);
-  };
-
-  function updateToken(token: string | null) {
-    valueHandler((old) => ({
-      ...old,
-      auth_token: token === null ? undefined : token,
-    }));
-  }
-
-  return (
-    <div>
-      <div class="columns">
-        <div class="column" />
-        <div class="column is-four-fifths">
-          {isTokenDialogActive && (
-            <SetTokenNewInstanceModal
-              onCancel={() => {
-                updateIsTokenDialogActive(false);
-                updateIsTokenSet(false);
-              }}
-              onClear={() => {
-                updateToken(null);
-                updateIsTokenDialogActive(false);
-                updateIsTokenSet(true);
-              }}
-              onConfirm={(newToken) => {
-                updateToken(newToken);
-                updateIsTokenDialogActive(false);
-                updateIsTokenSet(true);
-              }}
-            />
-          )}
-        </div>
-        <div class="column" />
-      </div>
-
-      <section class="section is-main-section">
-        <div class="columns">
-          <div class="column" />
-          <div class="column is-four-fifths">
-            <FormProvider<Entity>
-              errors={errors}
-              object={value}
-              valueHandler={valueHandler}
-            >
-              <DefaultInstanceFormFields readonlyId={!!forceId} showId={true} />
-            </FormProvider>
-
-            <div class="level">
-              <div class="level-item has-text-centered">
-                <h1 class="title">
-                  <button
-                    class={
-                      !isTokenSet
-                        ? "button is-danger has-tooltip-bottom"
-                        : !value.auth_token
-                          ? "button has-tooltip-bottom"
-                          : "button is-info has-tooltip-bottom"
-                    }
-                    data-tooltip={i18n.str`change authorization configuration`}
-                    onClick={() => updateIsTokenDialogActive(true)}
-                  >
-                    <div class="icon is-centered">
-                      <i class="mdi mdi-lock-reset" />
-                    </div>
-                    <span>
-                      <i18n.Translate>Set access token</i18n.Translate>
-                    </span>
-                  </button>
-                </h1>
-              </div>
-            </div>
-            <div class="level">
-              <div class="level-item has-text-centered">
-                {!isTokenSet ? (
-                  <p class="is-size-6">
-                    <i18n.Translate>
-                      Access token is not yet configured. This instance can't be
-                      created.
-                    </i18n.Translate>
-                  </p>
-                ) : value.auth_token === undefined ? (
-                  <p class="is-size-6">
-                    <i18n.Translate>
-                      No access token. Authorization must be handled externally.
-                    </i18n.Translate>
-                  </p>
-                ) : (
-                  <p class="is-size-6">
-                    <i18n.Translate>
-                      Access token is set. Authorization is handled by the
-                      merchant backend.
-                    </i18n.Translate>
-                  </p>
-                )}
-              </div>
-            </div>
-            <div class="buttons is-right mt-5">
-              {onBack && (
-                <button class="button" onClick={onBack}>
-                  <i18n.Translate>Cancel</i18n.Translate>
-                </button>
-              )}
-              <AsyncButton
-                onClick={submit}
-                disabled={hasErrors || !isTokenSet}
-                data-tooltip={
-                  hasErrors
-                    ? i18n.str`Need to complete marked fields and choose authorization method`
-                    : "confirm operation"
-                }
-              >
-                <i18n.Translate>Confirm</i18n.Translate>
-              </AsyncButton>
-            </div>
-          </div>
-          <div class="column" />
-        </div>
-      </section>
-    </div>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/admin/create/InstanceCreatedSuccessfully.tsx b/packages/auditor-backoffice-ui/src/paths/old/admin/create/InstanceCreatedSuccessfully.tsx
deleted file mode 100644
index c620c6482..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/admin/create/InstanceCreatedSuccessfully.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-/*
- 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 } from "preact";
-import { CreatedSuccessfully } from "../../../components/notifications/CreatedSuccessfully.js";
-import { Entity } from "./index.js";
-
-export function InstanceCreatedSuccessfully({
-  entity,
-  onConfirm,
-}: {
-  entity: Entity;
-  onConfirm: () => void;
-}): VNode {
-  return (
-    <CreatedSuccessfully onConfirm={onConfirm}>
-      <div class="field is-horizontal">
-        <div class="field-label is-normal">
-          <label class="label">ID</label>
-        </div>
-        <div class="field-body is-flex-grow-3">
-          <div class="field">
-            <p class="control">
-              <input class="input" readonly value={entity.id} />
-            </p>
-          </div>
-        </div>
-      </div>
-      <div class="field is-horizontal">
-        <div class="field-label is-normal">
-          <label class="label">Business Name</label>
-        </div>
-        <div class="field-body is-flex-grow-3">
-          <div class="field">
-            <p class="control">
-              <input class="input" readonly value={entity.name} />
-            </p>
-          </div>
-        </div>
-      </div>
-      <div class="field is-horizontal">
-        <div class="field-label is-normal">
-          <label class="label">Access token</label>
-        </div>
-        <div class="field-body is-flex-grow-3">
-          <div class="field">
-            <p class="control">
-              {entity.auth.method === "external" && "external"}
-              {entity.auth.method === "token" && (
-                <input class="input" readonly value={entity.auth.token} />
-              )}
-            </p>
-          </div>
-        </div>
-      </div>
-    </CreatedSuccessfully>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/admin/create/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/admin/create/index.tsx
deleted file mode 100644
index 23f41ecff..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/admin/create/index.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { NotificationCard } from "../../../components/menu/index.js";
-import { AccessToken, MerchantBackend } from "../../../declaration.js";
-import { useAdminAPI, useInstanceAPI } from "../../../hooks/instance.js";
-import { Notification } from "../../../utils/types.js";
-import { CreatePage } from "./CreatePage.js";
-import { useCredentialsChecker } from "../../../hooks/backend.js";
-import { useBackendContext } from "../../../context/backend.js";
-
-interface Props {
-  onBack?: () => void;
-  onConfirm: () => void;
-  forceId?: string;
-}
-export type Entity = MerchantBackend.Instances.InstanceConfigurationMessage;
-
-export default function Create({ onBack, onConfirm, forceId }: Props): VNode {
-  const { createInstance } = useAdminAPI();
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-  const { i18n } = useTranslationContext();
-  const { requestNewLoginToken } = useCredentialsChecker()
-  const { url: backendURL, updateToken } = useBackendContext()
-
-  return (
-    <Fragment>
-      <NotificationCard notification={notif} />
-
-      <CreatePage
-        onBack={onBack}
-        forceId={forceId}
-        onCreate={async (
-          d: MerchantBackend.Instances.InstanceConfigurationMessage,
-        ) => {
-          try {
-            await createInstance(d)
-            if (d.auth.token) {
-              const resp = await requestNewLoginToken(backendURL, d.auth.token as AccessToken)
-              if (resp.valid) {
-                const { token, expiration } = resp
-                updateToken({ token, expiration });
-              } else {
-                updateToken(undefined)
-              }
-                      }
-            onConfirm();
-          } catch (ex) {
-            if (ex instanceof Error) {
-              setNotif({
-                message: i18n.str`Failed to create instance`,
-                type: "ERROR",
-                description: ex.message,
-              });
-            } else {
-              console.error(ex)
-            }
-          }
-        }}
-      />
-    </Fragment>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/admin/create/stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/admin/create/stories.tsx
deleted file mode 100644
index 0012f9b9b..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/admin/create/stories.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-/*
- 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 { ConfigContextProvider } from "../../../context/config.js";
-import { CreatePage as TestedComponent } from "./CreatePage.js";
-
-export default {
-  title: "Pages/Instance/Create",
-  component: TestedComponent,
-  argTypes: {
-    onCreate: { action: "onCreate" },
-    goBack: { action: "goBack" },
-  },
-};
-
-function createExample<Props>(
-  Internal: FunctionalComponent<Props>,
-  props: Partial<Props>,
-) {
-  const component = (args: any) => (
-    <ConfigContextProvider
-      value={{
-        currency: "TESTKUDOS",
-        version: "1",
-      }}
-    >
-      <Internal {...(props as any)} />
-    </ConfigContextProvider>
-  );
-  return { component, props };
-}
-
-export const Example = createExample(TestedComponent, {});
diff --git a/packages/auditor-backoffice-ui/src/paths/old/admin/index.stories.ts b/packages/auditor-backoffice-ui/src/paths/old/admin/index.stories.ts
deleted file mode 100644
index fdae1a24d..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/admin/index.stories.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-/*
- 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/>
- */
-
-// export * as list from "./list/stories.js";
-export * as create from "./create/stories.js";
diff --git a/packages/auditor-backoffice-ui/src/paths/old/admin/list/TableActive.tsx b/packages/auditor-backoffice-ui/src/paths/old/admin/list/TableActive.tsx
deleted file mode 100644
index 885a351d2..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/admin/list/TableActive.tsx
+++ /dev/null
@@ -1,287 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { h, VNode } from "preact";
-import { StateUpdater, useEffect, useState } from "preact/hooks";
-import { MerchantBackend } from "../../../declaration.js";
-
-interface Props {
-  instances: MerchantBackend.Instances.Instance[];
-  onUpdate: (id: string) => void;
-  onDelete: (id: MerchantBackend.Instances.Instance) => void;
-  onPurge: (id: MerchantBackend.Instances.Instance) => void;
-  onCreate: () => void;
-  selected?: boolean;
-  setInstanceName: (s: string) => void;
-}
-
-export function CardTable({
-  instances,
-  onCreate,
-  onUpdate,
-  onPurge,
-  setInstanceName,
-  onDelete,
-  selected,
-}: Props): VNode {
-  const [actionQueue, actionQueueHandler] = useState<Actions[]>([]);
-  const [rowSelection, rowSelectionHandler] = useState<string[]>([]);
-
-  useEffect(() => {
-    if (
-      actionQueue.length > 0 &&
-      !selected &&
-      actionQueue[0].type == "DELETE"
-    ) {
-      onDelete(actionQueue[0].element);
-      actionQueueHandler(actionQueue.slice(1));
-    }
-  }, [actionQueue, selected, onDelete]);
-
-  useEffect(() => {
-    if (
-      actionQueue.length > 0 &&
-      !selected &&
-      actionQueue[0].type == "UPDATE"
-    ) {
-      onUpdate(actionQueue[0].element.id);
-      actionQueueHandler(actionQueue.slice(1));
-    }
-  }, [actionQueue, selected, onUpdate]);
-
-  const { i18n } = useTranslationContext();
-
-  return (
-    <div class="card has-table">
-      <header class="card-header">
-        <p class="card-header-title">
-          <span class="icon">
-            <i class="mdi mdi-desktop-mac" />
-          </span>
-          <i18n.Translate>Instances</i18n.Translate>
-        </p>
-
-        <div class="card-header-icon" aria-label="more options">
-          <button
-            class={rowSelection.length > 0 ? "button is-danger" : "is-hidden"}
-            type="button"
-            onClick={(): void =>
-              actionQueueHandler(
-                buildActions(instances, rowSelection, "DELETE"),
-              )
-            }
-          >
-            <i18n.Translate>Delete</i18n.Translate>
-          </button>
-        </div>
-        <div class="card-header-icon" aria-label="more options">
-          <span
-            class="has-tooltip-left"
-            data-tooltip={i18n.str`add new instance`}
-          >
-            <button class="button is-info" type="button" onClick={onCreate}>
-              <span class="icon is-small">
-                <i class="mdi mdi-plus mdi-36px" />
-              </span>
-            </button>
-          </span>
-        </div>
-      </header>
-      <div class="card-content">
-        <div class="b-table has-pagination">
-          <div class="table-wrapper has-mobile-cards">
-            {instances.length > 0 ? (
-              <Table
-                instances={instances}
-                onPurge={onPurge}
-                onUpdate={onUpdate}
-                setInstanceName={setInstanceName}
-                onDelete={onDelete}
-                rowSelection={rowSelection}
-                rowSelectionHandler={rowSelectionHandler}
-              />
-            ) : (
-              <EmptyTable />
-            )}
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
-interface TableProps {
-  rowSelection: string[];
-  instances: MerchantBackend.Instances.Instance[];
-  onUpdate: (id: string) => void;
-  onDelete: (id: MerchantBackend.Instances.Instance) => void;
-  onPurge: (id: MerchantBackend.Instances.Instance) => void;
-  rowSelectionHandler: StateUpdater<string[]>;
-  setInstanceName: (s: string) => void;
-}
-
-function toggleSelected<T>(id: T): (prev: T[]) => T[] {
-  return (prev: T[]): T[] =>
-    prev.indexOf(id) == -1 ? [...prev, id] : prev.filter((e) => e != id);
-}
-
-function Table({
-  rowSelection,
-  rowSelectionHandler,
-  setInstanceName,
-  instances,
-  onUpdate,
-  onDelete,
-  onPurge,
-}: TableProps): VNode {
-  const { i18n } = useTranslationContext();
-  return (
-    <div class="table-container">
-      <table class="table is-fullwidth is-striped is-hoverable is-fullwidth">
-        <thead>
-          <tr>
-            <th class="is-checkbox-cell">
-              <label class="b-checkbox checkbox">
-                <input
-                  type="checkbox"
-                  checked={rowSelection.length === instances.length}
-                  onClick={(): void =>
-                    rowSelectionHandler(
-                      rowSelection.length === instances.length
-                        ? []
-                        : instances.map((i) => i.id),
-                    )
-                  }
-                />
-                <span class="check" />
-              </label>
-            </th>
-            <th>
-              <i18n.Translate>ID</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Name</i18n.Translate>
-            </th>
-            <th />
-          </tr>
-        </thead>
-        <tbody>
-          {instances.map((i) => {
-            return (
-              <tr key={i.id}>
-                <td class="is-checkbox-cell">
-                  <label class="b-checkbox checkbox">
-                    <input
-                      type="checkbox"
-                      checked={rowSelection.indexOf(i.id) != -1}
-                      onClick={(): void =>
-                        rowSelectionHandler(toggleSelected(i.id))
-                      }
-                    />
-                    <span class="check" />
-                  </label>
-                </td>
-                <td>
-                  <a
-                    href={`#/orders?instance=${i.id}`}
-                    onClick={(e) => {
-                      setInstanceName(i.id);
-                    }}
-                  >
-                    {i.id}
-                  </a>
-                </td>
-                <td>{i.name}</td>
-                <td class="is-actions-cell right-sticky">
-                  <div class="buttons is-right">
-                    <button
-                      class="button is-small is-success jb-modal"
-                      type="button"
-                      onClick={(): void => onUpdate(i.id)}
-                    >
-                      <i18n.Translate>Edit</i18n.Translate>
-                    </button>
-                    {!i.deleted && (
-                      <button
-                        class="button is-small is-danger jb-modal is-outlined"
-                        type="button"
-                        onClick={(): void => onDelete(i)}
-                      >
-                        <i18n.Translate>Delete</i18n.Translate>
-                      </button>
-                    )}
-                    {i.deleted && (
-                      <button
-                        class="button is-small is-danger jb-modal"
-                        type="button"
-                        onClick={(): void => onPurge(i)}
-                      >
-                        <i18n.Translate>Purge</i18n.Translate>
-                      </button>
-                    )}
-                  </div>
-                </td>
-              </tr>
-            );
-          })}
-        </tbody>
-      </table>
-    </div>
-  );
-}
-
-function EmptyTable(): VNode {
-  const { i18n } = useTranslationContext();
-  return (
-    <div class="content has-text-grey has-text-centered">
-      <p>
-        <span class="icon is-large">
-          <i class="mdi mdi-emoticon-sad mdi-48px" />
-        </span>
-      </p>
-      <p>
-        <i18n.Translate>
-          There is no instances yet, add more pressing the + sign
-        </i18n.Translate>
-      </p>
-    </div>
-  );
-}
-
-interface Actions {
-  element: MerchantBackend.Instances.Instance;
-  type: "DELETE" | "UPDATE";
-}
-
-function notEmpty<TValue>(value: TValue | null | undefined): value is TValue {
-  return value !== null && value !== undefined;
-}
-
-function buildActions(
-  instances: MerchantBackend.Instances.Instance[],
-  selected: string[],
-  action: "DELETE",
-): Actions[] {
-  return selected
-    .map((id) => instances.find((i) => i.id === id))
-    .filter(notEmpty)
-    .map((id) => ({ element: id, type: action }));
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/admin/list/View.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/admin/list/View.stories.tsx
deleted file mode 100644
index e0f5d5430..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/admin/list/View.stories.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-/*
- 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 } from "preact";
-import { View } from "./View.js";
-
-export default {
-  title: "Pages/Instance/List",
-  component: View,
-  argTypes: {
-    onSelect: { action: "onSelect" },
-  },
-};
-
-export const Empty = (a: any) => <View {...a} />;
-Empty.args = {
-  instances: [],
-};
-
-export const WithDefaultInstance = (a: any) => <View {...a} />;
-WithDefaultInstance.args = {
-  instances: [
-    {
-      id: "default",
-      name: "the default instance",
-      merchant_pub: "abcdef",
-      payment_targets: [],
-    },
-  ],
-};
-
-export const WithFiveInstance = (a: any) => <View {...a} />;
-WithFiveInstance.args = {
-  instances: [
-    {
-      id: "first",
-      name: "the first instance",
-      merchant_pub: "abcdefgh",
-      payment_targets: ["asd"],
-    },
-    {
-      id: "second",
-      name: "the second instance",
-      merchant_pub: "zxczxcz",
-      payment_targets: ["asd"],
-    },
-    {
-      id: "third",
-      name: "the third instance",
-      merchant_pub: "QWEQWEWQE",
-      payment_targets: ["asd"],
-    },
-    {
-      id: "other",
-      name: "the other instance",
-      merchant_pub: "FHJHGJGHJ",
-      payment_targets: ["asd"],
-    },
-    {
-      id: "another",
-      name: "the another instance",
-      merchant_pub: "abcd3423423efgh",
-      payment_targets: ["asd"],
-    },
-    {
-      id: "last",
-      name: "last instance",
-      merchant_pub: "zxcvvbnm",
-      payment_targets: ["pay-to", "asd"],
-    },
-  ],
-};
diff --git a/packages/auditor-backoffice-ui/src/paths/old/admin/list/View.tsx b/packages/auditor-backoffice-ui/src/paths/old/admin/list/View.tsx
deleted file mode 100644
index b59112338..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/admin/list/View.tsx
+++ /dev/null
@@ -1,110 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { MerchantBackend } from "../../../declaration.js";
-import { CardTable as CardTableActive } from "./TableActive.js";
-
-interface Props {
-  instances: MerchantBackend.Instances.Instance[];
-  onCreate: () => void;
-  onUpdate: (id: string) => void;
-  onDelete: (id: MerchantBackend.Instances.Instance) => void;
-  onPurge: (id: MerchantBackend.Instances.Instance) => void;
-  selected?: boolean;
-  setInstanceName: (s: string) => void;
-}
-
-export function View({
-  instances,
-  onCreate,
-  onDelete,
-  onPurge,
-  onUpdate,
-  setInstanceName,
-  selected,
-}: Props): VNode {
-  const [show, setShow] = useState<"active" | "deleted" | null>("active");
-  const showIsActive = show === "active" ? "is-active" : "";
-  const showIsDeleted = show === "deleted" ? "is-active" : "";
-  const showAll = show === null ? "is-active" : "";
-  const { i18n } = useTranslationContext();
-
-  const showingInstances = showIsDeleted
-    ? instances.filter((i) => i.deleted)
-    : showIsActive
-    ? instances.filter((i) => !i.deleted)
-    : instances;
-
-  return (
-    <section class="section is-main-section">
-      <div class="columns">
-        <div class="column is-two-thirds">
-          <div class="tabs" style={{ overflow: "inherit" }}>
-            <ul>
-              <li class={showIsActive}>
-                <div
-                  class="has-tooltip-right"
-                  data-tooltip={i18n.str`Only show active instances`}
-                >
-                  <a onClick={() => setShow("active")}>
-                    <i18n.Translate>Active</i18n.Translate>
-                  </a>
-                </div>
-              </li>
-              <li class={showIsDeleted}>
-                <div
-                  class="has-tooltip-right"
-                  data-tooltip={i18n.str`Only show deleted instances`}
-                >
-                  <a onClick={() => setShow("deleted")}>
-                    <i18n.Translate>Deleted</i18n.Translate>
-                  </a>
-                </div>
-              </li>
-              <li class={showAll}>
-                <div
-                  class="has-tooltip-right"
-                  data-tooltip={i18n.str`Show all instances`}
-                >
-                  <a onClick={() => setShow(null)}>
-                    <i18n.Translate>All</i18n.Translate>
-                  </a>
-                </div>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
-      <CardTableActive
-        instances={showingInstances}
-        onDelete={onDelete}
-        onPurge={onPurge}
-        setInstanceName={setInstanceName}
-        onUpdate={onUpdate}
-        selected={selected}
-        onCreate={onCreate}
-      />
-    </section>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/admin/list/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/admin/list/index.tsx
deleted file mode 100644
index 2f839291b..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/admin/list/index.tsx
+++ /dev/null
@@ -1,140 +0,0 @@
-/*
- 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 {
-  ErrorType,
-  HttpError,
-  useTranslationContext,
-} from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { Loading } from "../../../components/exception/loading.js";
-import { NotificationCard } from "../../../components/menu/index.js";
-import { DeleteModal, PurgeModal } from "../../../components/modal/index.js";
-import { MerchantBackend } from "../../../declaration.js";
-import { useAdminAPI, useBackendInstances } from "../../../hooks/instance.js";
-import { Notification } from "../../../utils/types.js";
-import { View } from "./View.js";
-import { HttpStatusCode } from "@gnu-taler/taler-util";
-
-interface Props {
-  onCreate: () => void;
-  onUpdate: (id: string) => void;
-  instances: MerchantBackend.Instances.Instance[];
-  onUnauthorized: () => VNode;
-  onNotFound: () => VNode;
-  onLoadError: (error: HttpError<MerchantBackend.ErrorDetail>) => VNode;
-  setInstanceName: (s: string) => void;
-}
-
-export default function Instances({
-  onUnauthorized,
-  onLoadError,
-  onNotFound,
-  onCreate,
-  onUpdate,
-  setInstanceName,
-}: Props): VNode {
-  const result = useBackendInstances();
-  const [deleting, setDeleting] =
-    useState<MerchantBackend.Instances.Instance | null>(null);
-  const [purging, setPurging] =
-    useState<MerchantBackend.Instances.Instance | null>(null);
-  const { deleteInstance, purgeInstance } = useAdminAPI();
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-  const { i18n } = useTranslationContext();
-
-  if (result.loading) return <Loading />;
-  if (!result.ok) {
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.Unauthorized
-    )
-      return onUnauthorized();
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.NotFound
-    )
-      return onNotFound();
-    return onLoadError(result);
-  }
-
-  return (
-    <Fragment>
-      <NotificationCard notification={notif} />
-      <View
-        instances={result.data.instances}
-        onDelete={setDeleting}
-        onCreate={onCreate}
-        onPurge={setPurging}
-        onUpdate={onUpdate}
-        setInstanceName={setInstanceName}
-        selected={!!deleting}
-      />
-      {deleting && (
-        <DeleteModal
-          element={deleting}
-          onCancel={() => setDeleting(null)}
-          onConfirm={async (): Promise<void> => {
-            try {
-              await deleteInstance(deleting.id);
-              // pushNotification({ message: 'delete_success', type: 'SUCCESS' })
-              setNotif({
-                message: i18n.str`Instance "${deleting.name}" (ID: ${deleting.id}) has been deleted`,
-                type: "SUCCESS",
-              });
-            } catch (error) {
-              setNotif({
-                message: i18n.str`Failed to delete instance`,
-                type: "ERROR",
-                description: error instanceof Error ? error.message : undefined,
-              });
-              // pushNotification({ message: 'delete_error', type: 'ERROR' })
-            }
-            setDeleting(null);
-          }}
-        />
-      )}
-      {purging && (
-        <PurgeModal
-          element={purging}
-          onCancel={() => setPurging(null)}
-          onConfirm={async (): Promise<void> => {
-            try {
-              await purgeInstance(purging.id);
-              setNotif({
-                message: i18n.str`Instance '${purging.name}' (ID: ${purging.id}) has been disabled`,
-                type: "SUCCESS",
-              });
-            } catch (error) {
-              setNotif({
-                message: i18n.str`Failed to purge instance`,
-                type: "ERROR",
-                description: error instanceof Error ? error.message : undefined,
-              });
-            }
-            setPurging(null);
-          }}
-        />
-      )}
-    </Fragment>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/create/Create.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/create/Create.stories.tsx
deleted file mode 100644
index 3336c53a4..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/create/Create.stories.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
- 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 { CreatePage as TestedComponent } from "./CreatePage.js";
-
-export default {
-  title: "Pages/Accounts/Create",
-  component: TestedComponent,
-};
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/create/CreatePage.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/create/CreatePage.tsx
deleted file mode 100644
index 6e4786a47..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/create/CreatePage.tsx
+++ /dev/null
@@ -1,173 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { AsyncButton } from "../../../../components/exception/AsyncButton.js";
-import {
-  FormErrors,
-  FormProvider,
-} from "../../../../components/form/FormProvider.js";
-import { Input } from "../../../../components/form/Input.js";
-import { InputPaytoForm } from "../../../../components/form/InputPaytoForm.js";
-import { InputSelector } from "../../../../components/form/InputSelector.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import { undefinedIfEmpty } from "../../../../utils/table.js";
-
-type Entity = MerchantBackend.BankAccounts.AccountAddDetails & { repeatPassword: string };
-
-interface Props {
-  onCreate: (d: Entity) => Promise<void>;
-  onBack?: () => void;
-}
-
-const accountAuthType = ["none", "basic"];
-
-function isValidURL(s: string): boolean {
-  try {
-    const u = new URL(s)
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-
-export function CreatePage({ onCreate, onBack }: Props): VNode {
-  const { i18n } = useTranslationContext();
-
-  const [state, setState] = useState<Partial<Entity>>({});
-  const errors: FormErrors<Entity> = {
-    payto_uri: !state.payto_uri ? i18n.str`required` : undefined,
-
-    credit_facade_credentials: !state.credit_facade_credentials
-      ? undefined
-      : undefinedIfEmpty({
-        username:
-          state.credit_facade_credentials.type === "basic" && !state.credit_facade_credentials.username
-            ? i18n.str`required`
-            : undefined,
-        password:
-          state.credit_facade_credentials.type === "basic" && !state.credit_facade_credentials.password
-            ? i18n.str`required`
-            : undefined,
-      }),
-    credit_facade_url: !state.credit_facade_url
-      ? undefined
-      : !isValidURL(state.credit_facade_url) ? i18n.str`not valid url`
-        : undefined,
-    repeatPassword:
-      !state.credit_facade_credentials
-        ? undefined
-        : state.credit_facade_credentials.type === "basic" && (!state.credit_facade_credentials.password || state.credit_facade_credentials.password !== state.repeatPassword)
-          ? i18n.str`is not the same`
-          : undefined,
-  };
-
-  const hasErrors = Object.keys(errors).some(
-    (k) => (errors as any)[k] !== undefined,
-  );
-
-  const submitForm = () => {
-    if (hasErrors) return Promise.reject();
-    delete state.repeatPassword
-    return onCreate(state as any);
-  };
-
-  return (
-    <div>
-      <section class="section is-main-section">
-        <div class="columns">
-          <div class="column" />
-          <div class="column is-four-fifths">
-            <FormProvider
-              object={state}
-              valueHandler={setState}
-              errors={errors}
-            >
-              <InputPaytoForm<Entity>
-                name="payto_uri"
-                label={i18n.str`Account`}
-              />
-              <Input<Entity>
-                name="credit_facade_url"
-                label={i18n.str`Account info URL`}
-                help="https://bank.com"
-                expand
-                tooltip={i18n.str`From where the merchant can download information about incoming wire transfers to this account`}
-              />
-              <InputSelector
-                name="credit_facade_credentials.type"
-                label={i18n.str`Auth type`}
-                tooltip={i18n.str`Choose the authentication type for the account info URL`}
-                values={accountAuthType}
-                toStr={(str) => {
-                  if (str === "none") return "Without authentication";
-                  return "Username and password";
-                }}
-              />
-              {state.credit_facade_credentials?.type === "basic" ? (
-                <Fragment>
-                  <Input
-                    name="credit_facade_credentials.username"
-                    label={i18n.str`Username`}
-                    tooltip={i18n.str`Username to access the account information.`}
-                  />
-                  <Input
-                    name="credit_facade_credentials.password"
-                    inputType="password"
-                    label={i18n.str`Password`}
-                    tooltip={i18n.str`Password to access the account information.`}
-                  />
-                  <Input
-                    name="repeatPassword"
-                    inputType="password"
-                    label={i18n.str`Repeat password`}
-                  />
-                </Fragment>
-              ) : undefined}
-            </FormProvider>
-
-            <div class="buttons is-right mt-5">
-              {onBack && (
-                <button class="button" onClick={onBack}>
-                  <i18n.Translate>Cancel</i18n.Translate>
-                </button>
-              )}
-              <AsyncButton
-                disabled={hasErrors}
-                data-tooltip={
-                  hasErrors
-                    ? i18n.str`Need to complete marked fields`
-                    : "confirm operation"
-                }
-                onClick={submitForm}
-              >
-                <i18n.Translate>Confirm</i18n.Translate>
-              </AsyncButton>
-            </div>
-          </div>
-          <div class="column" />
-        </div>
-      </section>
-    </div>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/create/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/create/index.tsx
deleted file mode 100644
index 7d33d25ce..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/create/index.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { NotificationCard } from "../../../../components/menu/index.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import { useWebhookAPI } from "../../../../hooks/webhooks.js";
-import { Notification } from "../../../../utils/types.js";
-import { CreatePage } from "./CreatePage.js";
-import { useOtpDeviceAPI } from "../../../../hooks/otp.js";
-import { useBankAccountAPI } from "../../../../hooks/bank.js";
-
-export type Entity = MerchantBackend.BankAccounts.AccountAddDetails;
-interface Props {
-  onBack?: () => void;
-  onConfirm: () => void;
-}
-
-export default function CreateValidator({ onConfirm, onBack }: Props): VNode {
-  const { createBankAccount } = useBankAccountAPI();
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-  const { i18n } = useTranslationContext();
-
-  return (
-    <>
-      <NotificationCard notification={notif} />
-      <CreatePage
-        onBack={onBack}
-        onCreate={(request: Entity) => {
-          return createBankAccount(request)
-            .then((d) => {
-              onConfirm()
-            })
-            .catch((error) => {
-              setNotif({
-                message: i18n.str`could not create device`,
-                type: "ERROR",
-                description: error.message,
-              });
-            });
-        }}
-      />
-    </>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/list/List.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/list/List.stories.tsx
deleted file mode 100644
index 6b4b63735..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/list/List.stories.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
- 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 { FunctionalComponent, h } from "preact";
-import { ListPage as TestedComponent } from "./ListPage.js";
-
-export default {
-  title: "Pages/Accounts/List",
-  component: TestedComponent,
-};
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/list/ListPage.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/list/ListPage.tsx
deleted file mode 100644
index 24da755b9..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/list/ListPage.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-/*
- 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 } from "preact";
-import { MerchantBackend } from "../../../../declaration.js";
-import { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { CardTable } from "./Table.js";
-
-export interface Props {
-  devices: MerchantBackend.BankAccounts.BankAccountEntry[];
-  onLoadMoreBefore?: () => void;
-  onLoadMoreAfter?: () => void;
-  onCreate: () => void;
-  onDelete: (e: MerchantBackend.BankAccounts.BankAccountEntry) => void;
-  onSelect: (e: MerchantBackend.BankAccounts.BankAccountEntry) => void;
-}
-
-export function ListPage({
-  devices,
-  onCreate,
-  onDelete,
-  onSelect,
-  onLoadMoreBefore,
-  onLoadMoreAfter,
-}: Props): VNode {
-  const form = { payto_uri: "" };
-
-  const { i18n } = useTranslationContext();
-  return (
-    <section class="section is-main-section">
-      <CardTable
-        accounts={devices.map((o) => ({
-          ...o,
-          id: String(o.h_wire),
-        }))}
-        onCreate={onCreate}
-        onDelete={onDelete}
-        onSelect={onSelect}
-        onLoadMoreBefore={onLoadMoreBefore}
-        hasMoreBefore={!onLoadMoreBefore}
-        onLoadMoreAfter={onLoadMoreAfter}
-        hasMoreAfter={!onLoadMoreAfter}
-      />
-    </section>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/list/Table.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/list/Table.tsx
deleted file mode 100644
index 7d6db0782..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/list/Table.tsx
+++ /dev/null
@@ -1,385 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { StateUpdater, useState } from "preact/hooks";
-import { MerchantBackend } from "../../../../declaration.js";
-import { parsePaytoUri, PaytoType, PaytoUri, PaytoUriBitcoin, PaytoUriIBAN, PaytoUriTalerBank, PaytoUriUnknown } from "@gnu-taler/taler-util";
-
-type Entity = MerchantBackend.BankAccounts.BankAccountEntry;
-
-interface Props {
-  accounts: Entity[];
-  onDelete: (e: Entity) => void;
-  onSelect: (e: Entity) => void;
-  onCreate: () => void;
-  onLoadMoreBefore?: () => void;
-  hasMoreBefore?: boolean;
-  hasMoreAfter?: boolean;
-  onLoadMoreAfter?: () => void;
-}
-
-export function CardTable({
-  accounts,
-  onCreate,
-  onDelete,
-  onSelect,
-  onLoadMoreAfter,
-  onLoadMoreBefore,
-  hasMoreAfter,
-  hasMoreBefore,
-}: Props): VNode {
-  const [rowSelection, rowSelectionHandler] = useState<string[]>([]);
-
-  const { i18n } = useTranslationContext();
-
-  return (
-    <div class="card has-table">
-      <header class="card-header">
-        <p class="card-header-title">
-          <span class="icon">
-            <i class="mdi mdi-newspaper" />
-          </span>
-          <i18n.Translate>Bank accounts</i18n.Translate>
-        </p>
-        <div class="card-header-icon" aria-label="more options">
-          <span
-            class="has-tooltip-left"
-            data-tooltip={i18n.str`add new accounts`}
-          >
-            <button class="button is-info" type="button" onClick={onCreate}>
-              <span class="icon is-small">
-                <i class="mdi mdi-plus mdi-36px" />
-              </span>
-            </button>
-          </span>
-        </div>
-      </header>
-      <div class="card-content">
-        <div class="b-table has-pagination">
-          <div class="table-wrapper has-mobile-cards">
-            {accounts.length > 0 ? (
-              <Table
-                accounts={accounts}
-                onDelete={onDelete}
-                onSelect={onSelect}
-                rowSelection={rowSelection}
-                rowSelectionHandler={rowSelectionHandler}
-                onLoadMoreAfter={onLoadMoreAfter}
-                onLoadMoreBefore={onLoadMoreBefore}
-                hasMoreAfter={hasMoreAfter}
-                hasMoreBefore={hasMoreBefore}
-              />
-            ) : (
-              <EmptyTable />
-            )}
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
-interface TableProps {
-  rowSelection: string[];
-  accounts: Entity[];
-  onDelete: (e: Entity) => void;
-  onSelect: (e: Entity) => void;
-  rowSelectionHandler: StateUpdater<string[]>;
-  onLoadMoreBefore?: () => void;
-  hasMoreBefore?: boolean;
-  hasMoreAfter?: boolean;
-  onLoadMoreAfter?: () => void;
-}
-
-function toggleSelected<T>(id: T): (prev: T[]) => T[] {
-  return (prev: T[]): T[] =>
-    prev.indexOf(id) == -1 ? [...prev, id] : prev.filter((e) => e != id);
-}
-
-function Table({
-  accounts,
-  onLoadMoreAfter,
-  onDelete,
-  onSelect,
-  onLoadMoreBefore,
-  hasMoreAfter,
-  hasMoreBefore,
-}: TableProps): VNode {
-  const { i18n } = useTranslationContext();
-  const emptyList: Record<PaytoType | "unknown", { parsed: PaytoUri, acc: Entity }[]> = { "bitcoin": [], "x-taler-bank": [], "iban": [], "unknown": [], }
-  const accountsByType = accounts.reduce((prev, acc) => {
-    const parsed = parsePaytoUri(acc.payto_uri)
-    if (!parsed) return prev //skip
-    if (parsed.targetType !== "bitcoin" && parsed.targetType !== "x-taler-bank" && parsed.targetType !== "iban") {
-      prev["unknown"].push({ parsed, acc })
-    } else {
-      prev[parsed.targetType].push({ parsed, acc })
-    }
-    return prev
-  }, emptyList)
-
-  const bitcoinAccounts = accountsByType["bitcoin"]
-  const talerbankAccounts = accountsByType["x-taler-bank"]
-  const ibanAccounts = accountsByType["iban"]
-  const unkownAccounts = accountsByType["unknown"]
-
-
-  return (
-    <Fragment>
-
-      {bitcoinAccounts.length > 0 && <div class="table-container">
-        <p class="card-header-title"><i18n.Translate>Bitcoin type accounts</i18n.Translate></p>
-        <table class="table is-fullwidth is-striped is-hoverable is-fullwidth">
-          <thead>
-            <tr>
-              <th>
-                <i18n.Translate>Address</i18n.Translate>
-              </th>
-              <th>
-                <i18n.Translate>Sewgit 1</i18n.Translate>
-              </th>
-              <th>
-                <i18n.Translate>Sewgit 2</i18n.Translate>
-              </th>
-              <th />
-            </tr>
-          </thead>
-          <tbody>
-            {bitcoinAccounts.map(({ parsed, acc }, idx) => {
-              const ac = parsed as PaytoUriBitcoin
-              return (
-                <tr key={idx}>
-                  <td
-                    onClick={(): void => onSelect(acc)}
-                    style={{ cursor: "pointer" }}
-                  >
-                    {ac.targetPath}
-                  </td>
-                  <td
-                    onClick={(): void => onSelect(acc)}
-                    style={{ cursor: "pointer" }}
-                  >
-                    {ac.segwitAddrs[0]}
-                  </td>
-                  <td
-                    onClick={(): void => onSelect(acc)}
-                    style={{ cursor: "pointer" }}
-                  >
-                    {ac.segwitAddrs[1]}
-                  </td>
-                  <td class="is-actions-cell right-sticky">
-                    <div class="buttons is-right">
-                      <button
-                        class="button is-danger is-small has-tooltip-left"
-                        data-tooltip={i18n.str`delete selected accounts from the database`}
-                        onClick={() => onDelete(acc)}
-                      >
-                        Delete
-                      </button>
-                    </div>
-                  </td>
-                </tr>
-              );
-            })}
-          </tbody>
-        </table>
-      </div>}
-
-
-
-      {talerbankAccounts.length > 0 && <div class="table-container">
-        <p class="card-header-title"><i18n.Translate>Taler type accounts</i18n.Translate></p>
-        <table class="table is-fullwidth is-striped is-hoverable is-fullwidth">
-          <thead>
-            <tr>
-              <th>
-                <i18n.Translate>Host</i18n.Translate>
-              </th>
-              <th>
-                <i18n.Translate>Account name</i18n.Translate>
-              </th>
-              <th />
-            </tr>
-          </thead>
-          <tbody>
-            {talerbankAccounts.map(({ parsed, acc }, idx) => {
-              const ac = parsed as PaytoUriTalerBank
-              return (
-                <tr key={idx}>
-                  <td
-                    onClick={(): void => onSelect(acc)}
-                    style={{ cursor: "pointer" }}
-                  >
-                    {ac.host}
-                  </td>
-                  <td
-                    onClick={(): void => onSelect(acc)}
-                    style={{ cursor: "pointer" }}
-                  >
-                    {ac.account}
-                  </td>
-                  <td class="is-actions-cell right-sticky">
-                    <div class="buttons is-right">
-                      <button
-                        class="button is-danger is-small has-tooltip-left"
-                        data-tooltip={i18n.str`delete selected accounts from the database`}
-                        onClick={() => onDelete(acc)}
-                      >
-                        Delete
-                      </button>
-                    </div>
-                  </td>
-                </tr>
-              );
-            })}
-          </tbody>
-        </table>
-      </div>}
-
-      {ibanAccounts.length > 0 && <div class="table-container">
-        <p class="card-header-title"><i18n.Translate>IBAN type accounts</i18n.Translate></p>
-        <table class="table is-fullwidth is-striped is-hoverable is-fullwidth">
-          <thead>
-            <tr>
-              <th>
-                <i18n.Translate>Account name</i18n.Translate>
-              </th>
-              <th>
-                <i18n.Translate>IBAN</i18n.Translate>
-              </th>
-              <th>
-                <i18n.Translate>BIC</i18n.Translate>
-              </th>
-              <th />
-            </tr>
-          </thead>
-          <tbody>
-            {ibanAccounts.map(({ parsed, acc }, idx) => {
-              const ac = parsed as PaytoUriIBAN
-              return (
-                <tr key={idx}>
-                  <td
-                    onClick={(): void => onSelect(acc)}
-                    style={{ cursor: "pointer" }}
-                  >
-                    {ac.params["receiver-name"]}
-                  </td>
-                  <td
-                    onClick={(): void => onSelect(acc)}
-                    style={{ cursor: "pointer" }}
-                  >
-                    {ac.iban}
-                  </td>
-                  <td
-                    onClick={(): void => onSelect(acc)}
-                    style={{ cursor: "pointer" }}
-                  >
-                    {ac.bic ?? ""}
-                  </td>
-                  <td class="is-actions-cell right-sticky">
-                    <div class="buttons is-right">
-                      <button
-                        class="button is-danger is-small has-tooltip-left"
-                        data-tooltip={i18n.str`delete selected accounts from the database`}
-                        onClick={() => onDelete(acc)}
-                      >
-                        Delete
-                      </button>
-                    </div>
-                  </td>
-                </tr>
-              );
-            })}
-          </tbody>
-        </table>
-      </div>}
-
-      {unkownAccounts.length > 0 && <div class="table-container">
-        <p class="card-header-title"><i18n.Translate>Other type accounts</i18n.Translate></p>
-        <table class="table is-fullwidth is-striped is-hoverable is-fullwidth">
-          <thead>
-            <tr>
-              <th>
-                <i18n.Translate>Type</i18n.Translate>
-              </th>
-              <th>
-                <i18n.Translate>Path</i18n.Translate>
-              </th>
-              <th />
-            </tr>
-          </thead>
-          <tbody>
-            {unkownAccounts.map(({ parsed, acc }, idx) => {
-              const ac = parsed as PaytoUriUnknown
-              return (
-                <tr key={idx}>
-                  <td
-                    onClick={(): void => onSelect(acc)}
-                    style={{ cursor: "pointer" }}
-                  >
-                    {ac.targetType}
-                  </td>
-                  <td
-                    onClick={(): void => onSelect(acc)}
-                    style={{ cursor: "pointer" }}
-                  >
-                    {ac.targetPath}
-                  </td>
-                  <td class="is-actions-cell right-sticky">
-                    <div class="buttons is-right">
-                      <button
-                        class="button is-danger is-small has-tooltip-left"
-                        data-tooltip={i18n.str`delete selected accounts from the database`}
-                        onClick={() => onDelete(acc)}
-                      >
-                        Delete
-                      </button>
-                    </div>
-                  </td>
-                </tr>
-              );
-            })}
-          </tbody>
-        </table>
-      </div>}
-    </Fragment>
-
-  );
-}
-
-function EmptyTable(): VNode {
-  const { i18n } = useTranslationContext();
-  return (
-    <div class="content has-text-grey has-text-centered">
-      <p>
-        <span class="icon is-large">
-          <i class="mdi mdi-emoticon-sad mdi-48px" />
-        </span>
-      </p>
-      <p>
-        <i18n.Translate>
-          There is no accounts yet, add more pressing the + sign
-        </i18n.Translate>
-      </p>
-    </div>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/list/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/list/index.tsx
deleted file mode 100644
index 100241e22..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/list/index.tsx
+++ /dev/null
@@ -1,107 +0,0 @@
-/*
- 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 { HttpStatusCode } from "@gnu-taler/taler-util";
-import {
-  ErrorType,
-  HttpError,
-  useTranslationContext,
-} from "@gnu-taler/web-util/browser";
-import { Fragment, VNode, h } from "preact";
-import { useState } from "preact/hooks";
-import { Loading } from "../../../../components/exception/loading.js";
-import { NotificationCard } from "../../../../components/menu/index.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import { useInstanceOtpDevices, useOtpDeviceAPI } from "../../../../hooks/otp.js";
-import { Notification } from "../../../../utils/types.js";
-import { ListPage } from "./ListPage.js";
-import { useBankAccountAPI, useInstanceBankAccounts } from "../../../../hooks/bank.js";
-
-interface Props {
-  onUnauthorized: () => VNode;
-  onLoadError: (error: HttpError<MerchantBackend.ErrorDetail>) => VNode;
-  onNotFound: () => VNode;
-  onCreate: () => void;
-  onSelect: (id: string) => void;
-}
-
-export default function ListOtpDevices({
-  onUnauthorized,
-  onLoadError,
-  onCreate,
-  onSelect,
-  onNotFound,
-}: Props): VNode {
-  const [position, setPosition] = useState<string | undefined>(undefined);
-  const { i18n } = useTranslationContext();
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-  const { deleteBankAccount } = useBankAccountAPI();
-  const result = useInstanceBankAccounts({ position }, (id) => setPosition(id));
-
-  if (result.loading) return <Loading />;
-  if (!result.ok) {
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.Unauthorized
-    )
-      return onUnauthorized();
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.NotFound
-    )
-      return onNotFound();
-    return onLoadError(result);
-  }
-
-  return (
-    <Fragment>
-      <NotificationCard notification={notif} />
-
-      <ListPage
-        devices={result.data.accounts}
-        onLoadMoreBefore={
-          result.isReachingStart ? result.loadMorePrev : undefined
-        }
-        onLoadMoreAfter={result.isReachingEnd ? result.loadMore : undefined}
-        onCreate={onCreate}
-        onSelect={(e) => {
-          onSelect(e.h_wire);
-        }}
-        onDelete={(e: MerchantBackend.BankAccounts.BankAccountEntry) =>
-          deleteBankAccount(e.h_wire)
-            .then(() =>
-              setNotif({
-                message: i18n.str`bank account delete successfully`,
-                type: "SUCCESS",
-              }),
-            )
-            .catch((error) =>
-              setNotif({
-                message: i18n.str`could not delete the bank account`,
-                type: "ERROR",
-                description: error.message,
-              }),
-            )
-        }
-      />
-    </Fragment>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/update/Update.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/update/Update.stories.tsx
deleted file mode 100644
index d6b1d65e0..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/update/Update.stories.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-/*
- 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 { UpdatePage as TestedComponent } from "./UpdatePage.js";
-
-export default {
-  title: "Pages/OtpDevices/Update",
-  component: TestedComponent,
-  argTypes: {
-    onUpdate: { action: "onUpdate" },
-    onBack: { action: "onBack" },
-  },
-};
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/update/UpdatePage.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/update/UpdatePage.tsx
deleted file mode 100644
index 0d20879e8..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/update/UpdatePage.tsx
+++ /dev/null
@@ -1,195 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { AsyncButton } from "../../../../components/exception/AsyncButton.js";
-import {
-  FormErrors,
-  FormProvider,
-} from "../../../../components/form/FormProvider.js";
-import { Input } from "../../../../components/form/Input.js";
-import { MerchantBackend, WithId } from "../../../../declaration.js";
-import { InputSelector } from "../../../../components/form/InputSelector.js";
-import { InputPaytoForm } from "../../../../components/form/InputPaytoForm.js";
-import { undefinedIfEmpty } from "../../../../utils/table.js";
-
-type Entity = MerchantBackend.BankAccounts.BankAccountEntry
-  & WithId;
-
-const accountAuthType = ["unedit", "none", "basic"];
-interface Props {
-  onUpdate: (d: MerchantBackend.BankAccounts.AccountPatchDetails) => Promise<void>;
-  onBack?: () => void;
-  account: Entity;
-}
-
-
-export function UpdatePage({ account, onUpdate, onBack }: Props): VNode {
-  const { i18n } = useTranslationContext();
-
-  const [state, setState] = useState<Partial<MerchantBackend.BankAccounts.AccountPatchDetails>>(account);
-
-  const errors: FormErrors<MerchantBackend.BankAccounts.AccountPatchDetails> = {
-    credit_facade_url: !state.credit_facade_url ? i18n.str`required` : !isValidURL(state.credit_facade_url) ? i18n.str`invalid url` : undefined,
-    credit_facade_credentials: undefinedIfEmpty({
-
-      username: state.credit_facade_credentials?.type !== "basic" ? undefined
-        : !state.credit_facade_credentials.username ? i18n.str`required` : undefined,
-
-      password: state.credit_facade_credentials?.type !== "basic" ? undefined
-        : !state.credit_facade_credentials.password ? i18n.str`required` : undefined,
-
-      repeatPassword: state.credit_facade_credentials?.type !== "basic" ? undefined
-        : !(state.credit_facade_credentials as any).repeatPassword ? i18n.str`required` :
-          (state.credit_facade_credentials as any).repeatPassword !== state.credit_facade_credentials.password ? i18n.str`doesn't match`
-            : undefined,
-    }),
-  };
-
-  const hasErrors = Object.keys(errors).some(
-    (k) => (errors as any)[k] !== undefined,
-  );
-
-  const submitForm = () => {
-    if (hasErrors) return Promise.reject();
-
-    const creds: typeof state.credit_facade_credentials =
-      state.credit_facade_credentials?.type === "basic" ? {
-        type: "basic",
-        password: state.credit_facade_credentials.password,
-        username: state.credit_facade_credentials.username,
-      } : state.credit_facade_credentials?.type === "none" ? {
-        type: "none"
-      } : undefined;
-
-    return onUpdate({
-      credit_facade_credentials: creds,
-      credit_facade_url: state.credit_facade_url,
-    });
-  };
-
-  return (
-    <div>
-      <section class="section">
-        <section class="hero is-hero-bar">
-          <div class="hero-body">
-            <div class="level">
-              <div class="level-left">
-                <div class="level-item">
-                  <span class="is-size-4">
-                    Account: <b>{account.id.substring(0, 8)}...</b>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </section>
-        <hr />
-
-        <section class="section is-main-section">
-          <div class="columns">
-            <div class="column is-four-fifths">
-              <FormProvider
-                object={state}
-                valueHandler={setState}
-                errors={errors}
-              >
-                <InputPaytoForm<Entity>
-                  name="payto_uri"
-                  label={i18n.str`Account`}
-                  readonly
-                />
-                <Input<Entity>
-                  name="credit_facade_url"
-                  label={i18n.str`Account info URL`}
-                  help="https://bank.com"
-                  expand
-                  tooltip={i18n.str`From where the merchant can download information about incoming wire transfers to this account`}
-                />
-                <InputSelector
-                  name="credit_facade_credentials.type"
-                  label={i18n.str`Auth type`}
-                  tooltip={i18n.str`Choose the authentication type for the account info URL`}
-                  values={accountAuthType}
-                  toStr={(str) => {
-                    if (str === "none") return "Without authentication";
-                    if (str === "basic") return "With authentication";
-                    return "Do not change"
-                  }}
-                />
-                {state.credit_facade_credentials?.type === "basic" ? (
-                  <Fragment>
-                    <Input
-                      name="credit_facade_credentials.username"
-                      label={i18n.str`Username`}
-                      tooltip={i18n.str`Username to access the account information.`}
-                    />
-                    <Input
-                      name="credit_facade_credentials.password"
-                      inputType="password"
-                      label={i18n.str`Password`}
-                      tooltip={i18n.str`Password to access the account information.`}
-                    />
-                    <Input
-                      name="credit_facade_credentials.repeatPassword"
-                      inputType="password"
-                      label={i18n.str`Repeat password`}
-                    />
-                  </Fragment>
-                ) : undefined}
-              </FormProvider>
-
-              <div class="buttons is-right mt-5">
-                {onBack && (
-                  <button class="button" onClick={onBack}>
-                    <i18n.Translate>Cancel</i18n.Translate>
-                  </button>
-                )}
-                <AsyncButton
-                  disabled={hasErrors}
-                  data-tooltip={
-                    hasErrors
-                      ? i18n.str`Need to complete marked fields`
-                      : "confirm operation"
-                  }
-                  onClick={submitForm}
-                >
-                  <i18n.Translate>Confirm</i18n.Translate>
-                </AsyncButton>
-              </div>
-            </div>
-          </div>
-        </section>
-      </section>
-    </div>
-  );
-}
-
-function isValidURL(s: string): boolean {
-  try {
-    const u = new URL(s)
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/update/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/update/index.tsx
deleted file mode 100644
index 44dee7651..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/accounts/update/index.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-/*
- 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 { HttpStatusCode } from "@gnu-taler/taler-util";
-import {
-  ErrorType,
-  HttpError,
-  useTranslationContext,
-} from "@gnu-taler/web-util/browser";
-import { Fragment, VNode, h } from "preact";
-import { useState } from "preact/hooks";
-import { Loading } from "../../../../components/exception/loading.js";
-import { NotificationCard } from "../../../../components/menu/index.js";
-import { MerchantBackend, WithId } from "../../../../declaration.js";
-import { useBankAccountAPI, useBankAccountDetails } from "../../../../hooks/bank.js";
-import { Notification } from "../../../../utils/types.js";
-import { UpdatePage } from "./UpdatePage.js";
-
-export type Entity = MerchantBackend.BankAccounts.AccountPatchDetails & WithId;
-
-interface Props {
-  onBack?: () => void;
-  onConfirm: () => void;
-  onUnauthorized: () => VNode;
-  onNotFound: () => VNode;
-  onLoadError: (e: HttpError<MerchantBackend.ErrorDetail>) => VNode;
-  bid: string;
-}
-export default function UpdateValidator({
-  bid,
-  onConfirm,
-  onBack,
-  onUnauthorized,
-  onNotFound,
-  onLoadError,
-}: Props): VNode {
-  const { updateBankAccount } = useBankAccountAPI();
-  const result = useBankAccountDetails(bid);
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-
-  const { i18n } = useTranslationContext();
-
-  if (result.loading) return <Loading />;
-  if (!result.ok) {
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.Unauthorized
-    )
-      return onUnauthorized();
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.NotFound
-    )
-      return onNotFound();
-    return onLoadError(result);
-  }
-
-  return (
-    <Fragment>
-      <NotificationCard notification={notif} />
-      <UpdatePage
-        account={{ ...result.data, id: bid }}
-        onBack={onBack}
-        onUpdate={(data) => {
-          return updateBankAccount(bid, data)
-            .then(onConfirm)
-            .catch((error) => {
-              setNotif({
-                message: i18n.str`could not update account`,
-                type: "ERROR",
-                description: error.message,
-              });
-            });
-        }}
-      />
-    </Fragment>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/create/Create.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/create/Create.stories.tsx
deleted file mode 100644
index 2fc0819bb..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/create/Create.stories.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-/*
- 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 { CreatePage as TestedComponent } from "./CreatePage.js";
-
-export default {
-  title: "Pages/Product/Create",
-  component: TestedComponent,
-  argTypes: {
-    onCreate: { action: "onCreate" },
-    onBack: { action: "onBack" },
-  },
-};
-
-function createExample<Props>(
-  Component: FunctionalComponent<Props>,
-  props: Partial<Props>,
-) {
-  const r = (args: any) => <Component {...args} />;
-  r.args = props;
-  return r;
-}
-
-export const Example = createExample(TestedComponent, {});
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/create/CreatePage.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/create/CreatePage.tsx
deleted file mode 100644
index becaf8f3a..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/create/CreatePage.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { h, VNode } from "preact";
-import { AsyncButton } from "../../../../components/exception/AsyncButton.js";
-import { ProductForm } from "../../../../components/product/ProductForm.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import { useListener } from "../../../../hooks/listener.js";
-
-type Entity = MerchantBackend.Products.ProductAddDetail & {
-  product_id: string;
-};
-
-interface Props {
-  onCreate: (d: Entity) => Promise<void>;
-  onBack?: () => void;
-}
-
-export function CreatePage({ onCreate, onBack }: Props): VNode {
-  const [submitForm, addFormSubmitter] = useListener<Entity | undefined>(
-    (result) => {
-      if (result) return onCreate(result);
-      return Promise.reject();
-    },
-  );
-
-  const { i18n } = useTranslationContext();
-
-  return (
-    <div>
-      <section class="section is-main-section">
-        <div class="columns">
-          <div class="column" />
-          <div class="column is-four-fifths">
-            <ProductForm onSubscribe={addFormSubmitter} />
-
-            <div class="buttons is-right mt-5">
-              {onBack && (
-                <button class="button" onClick={onBack}>
-                  <i18n.Translate>Cancel</i18n.Translate>
-                </button>
-              )}
-              <AsyncButton
-                onClick={submitForm}
-                data-tooltip={
-                  !submitForm
-                    ? i18n.str`Need to complete marked fields`
-                    : "confirm operation"
-                }
-                disabled={!submitForm}
-              >
-                <i18n.Translate>Confirm</i18n.Translate>
-              </AsyncButton>
-            </div>
-          </div>
-          <div class="column" />
-        </div>
-      </section>
-    </div>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/create/CreatedSuccessfully.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/create/CreatedSuccessfully.tsx
deleted file mode 100644
index 573064aea..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/create/CreatedSuccessfully.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-/*
- 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/>
- */
-import { h, VNode } from "preact";
-import { CreatedSuccessfully as Template } from "../../../../components/notifications/CreatedSuccessfully.js";
-import { Entity } from "./index.js";
-import emptyImage from "../../assets/empty.png";
-
-interface Props {
-  entity: Entity;
-  onConfirm: () => void;
-  onCreateAnother?: () => void;
-}
-
-export function CreatedSuccessfully({
-  entity,
-  onConfirm,
-  onCreateAnother,
-}: Props): VNode {
-  return (
-    <Template onConfirm={onConfirm} onCreateAnother={onCreateAnother}>
-      <div class="field is-horizontal">
-        <div class="field-label is-normal">
-          <label class="label">Image</label>
-        </div>
-        <div class="field-body is-flex-grow-3">
-          <div class="field">
-            <p class="control">
-            </p>
-          </div>
-        </div>
-      </div>
-      <div class="field is-horizontal">
-        <div class="field-label is-normal">
-          <label class="label">Description</label>
-        </div>
-        <div class="field-body is-flex-grow-3">
-          <div class="field">
-            <p class="control">
-            </p>
-          </div>
-        </div>
-      </div>
-      <div class="field is-horizontal">
-        <div class="field-label is-normal">
-          <label class="label">Price</label>
-        </div>
-        <div class="field-body is-flex-grow-3">
-          <div class="field">
-            <p class="control">
-            </p>
-          </div>
-        </div>
-      </div>
-    </Template>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/create/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/create/index.tsx
deleted file mode 100644
index 99599cfab..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/create/index.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { NotificationCard } from "../../../../components/menu/index.js";
-import { AuditorBackend } from "../../../../declaration.js";
-import { useDepositConfirmationAPI } from "../../../../hooks/deposit_confirmations.js";
-import { Notification } from "../../../../utils/types.js";
-import { CreatePage } from "./CreatePage.js";
-
-export type Entity = AuditorBackend.DepositConfirmation.DepositConfirmationDetail;
-interface Props {
-  onBack?: () => void;
-  onConfirm: () => void;
-}
-export default function CreateProduct({ onConfirm, onBack }: Props): VNode {
-  const { createDepositConfirmation } = useDepositConfirmationAPI();
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-  const { i18n } = useTranslationContext();
-
-  return (
-    <Fragment>
-      <NotificationCard notification={notif} />
-    </Fragment>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/list/List.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/list/List.stories.tsx
deleted file mode 100644
index 41c297d5b..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/list/List.stories.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-/*
- 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 { CardTable as TestedComponent } from "./Table.js";
-
-export default {
-  title: "Pages/Product/List",
-  component: TestedComponent,
-  argTypes: {
-    onCreate: { action: "onCreate" },
-    onSelect: { action: "onSelect" },
-    onDelete: { action: "onDelete" },
-    onUpdate: { action: "onUpdate" },
-  },
-};
-
-function createExample<Props>(
-  Component: FunctionalComponent<Props>,
-  props: Partial<Props>,
-) {
-  const r = (args: any) => <Component {...args} />;
-  r.args = props;
-  return r;
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/list/Table.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/list/Table.tsx
deleted file mode 100644
index 2c97b59e8..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/list/Table.tsx
+++ /dev/null
@@ -1,249 +0,0 @@
-/*
- 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 { Amounts } from "@gnu-taler/taler-util";
-import { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { format } from "date-fns";
-import { ComponentChildren, Fragment, h, VNode } from "preact";
-import { StateUpdater, useState } from "preact/hooks";
-import emptyImage from "../../../../assets/empty.png";
-import {
-  FormErrors,
-  FormProvider,
-} from "../../../../components/form/FormProvider.js";
-import { InputCurrency } from "../../../../components/form/InputCurrency.js";
-import { InputNumber } from "../../../../components/form/InputNumber.js";
-import { AuditorBackend, WithId } from "../../../../declaration.js";
-import { dateFormatForSettings, useSettings } from "../../../../hooks/useSettings.js";
-
-type Entity = AuditorBackend.DepositConfirmation.DepositConfirmationDetail & WithId;
-
-interface Props {
-  instances: Entity[];
-  onDelete: (id: Entity) => void;
-  onSelect: (depositConfirmation: Entity) => void;
-  onUpdate: (
-    id: string,
-    data: AuditorBackend.DepositConfirmation.DepositConfirmationDetail,
-  ) => Promise<void>;
-  onCreate: () => void;
-  selected?: boolean;
-}
-
-export function CardTable({
-  instances,
-  onCreate,
-  onSelect,
-  onUpdate,
-  onDelete,
-}: Props): VNode {
-  const [rowSelection, rowSelectionHandler] = useState<string | undefined>(
-    undefined,
-  );
-  const { i18n } = useTranslationContext();
-  return (
-    <div class="card has-table">
-      <header class="card-header">
-        <p class="card-header-title">
-          <span class="icon">
-            <i class="mdi mdi-shopping" />
-          </span>
-          <i18n.Translate>Deposit Confirmations</i18n.Translate>
-        </p>
-        <div class="card-header-icon" aria-label="more options">
-          <span
-            class="has-tooltip-left"
-            data-tooltip={i18n.str`add deposit-confirmation`}
-          >
-            <button class="button is-info" type="button" onClick={onCreate}>
-              <span class="icon is-small">
-                <i class="mdi mdi-plus mdi-36px" />
-              </span>
-            </button>
-          </span>
-        </div>
-      </header>
-      <div class="card-content">
-        <div class="b-table has-pagination">
-          <div class="table-wrapper has-mobile-cards">
-            {instances.length > 0 ? (
-              <Table
-                instances={instances}
-                onSelect={onSelect}
-                onDelete={onDelete}
-                onUpdate={onUpdate}
-                rowSelection={rowSelection}
-                rowSelectionHandler={rowSelectionHandler}
-              />
-            ) : (
-              <EmptyTable />
-            )}
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
-interface TableProps {
-  rowSelection: string | undefined;
-  instances: Entity[];
-  onSelect: (id: Entity) => void;
-  onUpdate: (
-    id: string,
-    data: AuditorBackend.DepositConfirmation.DepositConfirmationDetail,
-  ) => Promise<void>;
-  onDelete: (serial_id: Entity) => void;
-  rowSelectionHandler: StateUpdater<string | undefined>;
-}
-
-function Table({
-  rowSelection,
-  rowSelectionHandler,
-  instances,
-  onSelect,
-  onUpdate,
-  onDelete,
-}: TableProps): VNode {
-  const { i18n } = useTranslationContext();
-  const [settings] = useSettings();
-  return (
-    <div class="table-container">
-      <table class="table is-fullwidth is-striped is-hoverable is-fullwidth">
-        <thead>
-          <tr>
-            <th>
-              <i18n.Translate>Image</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Description</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Price per unit</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Taxes</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Sales</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Stock</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Sold</i18n.Translate>
-            </th>
-            <th />
-          </tr>
-        </thead>
-        <tbody>
-          {instances.map((i) => {
-
-            return (
-              <Fragment key={i.id}>
-                <tr key="info">
-                  <td
-                    onClick={() =>
-                      rowSelection !== i.id && rowSelectionHandler(i.id)
-                    }
-                    style={{ cursor: "pointer" }}
-                  >
-                  </td>
-
-                  <td class="is-actions-cell right-sticky">
-                    <div class="buttons is-right">
-                      <span
-                        class="has-tooltip-bottom"
-                        data-tooltip={i18n.str`go to product update page`}
-                      >
-                        <button
-                          class="button is-small is-success "
-                          type="button"
-                          onClick={(): void => onSelect(i)}
-                        >
-                          <i18n.Translate>Update</i18n.Translate>
-                        </button>
-                      </span>
-                      <span
-                        class="has-tooltip-left"
-                        data-tooltip={i18n.str`remove this product from the database`}
-                      >
-                        <button
-                          class="button is-small is-danger"
-                          type="button"
-                          onClick={(): void => onDelete(i)}
-                        >
-                          <i18n.Translate>Delete</i18n.Translate>
-                        </button>
-                      </span>
-                    </div>
-                  </td>
-                </tr>
-                {rowSelection === i.id && (
-                  <tr key="form">
-                    <td colSpan={10}>
-                    </td>
-                  </tr>
-                )}
-              </Fragment>
-            );
-          })}
-        </tbody>
-      </table>
-    </div>
-  );
-}
-
-interface FastProductUpdate {
-  incoming: number;
-  lost: number;
-  price: string;
-}
-interface UpdatePrice {
-  price: string;
-}
-
-
-
-function EmptyTable(): VNode {
-  const { i18n } = useTranslationContext();
-  return (
-    <div class="content has-text-grey has-text-centered">
-      <p>
-        <span class="icon is-large">
-          <i class="mdi mdi-emoticon-sad mdi-48px" />
-        </span>
-      </p>
-      <p>
-        <i18n.Translate>
-          There is no products yet, add more pressing the + sign
-        </i18n.Translate>
-      </p>
-    </div>
-  );
-}
-
-function difference(price: string, tax: number) {
-  if (!tax) return price;
-  const ps = price.split(":");
-  const p = parseInt(ps[1], 10);
-  ps[1] = `${p - tax}`;
-  return ps.join(":");
-}
\ No newline at end of file
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/list/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/list/index.tsx
deleted file mode 100644
index a99cfd2ef..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/list/index.tsx
+++ /dev/null
@@ -1,126 +0,0 @@
-/*
- This file is part of GNU Taler
- (C) 2021-2024 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)
- * @author Nic Eigel
- */
-
-import {
-  ErrorType,
-  HttpError,
-  useTranslationContext,
-} from "@gnu-taler/web-util/browser";
-import { h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { Loading } from "../../../../components/exception/loading.js";
-import { NotificationCard } from "../../../../components/menu/index.js";
-import { AuditorBackend, WithId } from "../../../../declaration.js";
-import {
-  useDepositConfirmation,
-  useDepositConfirmationAPI,
-} from "../../../../hooks/deposit_confirmations.js";
-import { Notification } from "../../../../utils/types.js";
-import { CardTable } from "./Table.js";
-import { HttpStatusCode } from "@gnu-taler/taler-util";
-import { ConfirmModal, DeleteModal } from "../../../../components/modal/index.js";
-import { JumpToElementById } from "../../../../components/form/JumpToElementById.js";
-
-interface Props {
-  onUnauthorized: () => VNode;
-  onNotFound: () => VNode;
-  onCreate: () => void;
-  onSelect: (id: string) => void;
-  onLoadError: (e: HttpError<AuditorBackend.ErrorDetail>) => VNode;
-}
-export default function DepositConfirmationList({
-  onUnauthorized,
-  onLoadError,
-  onCreate,
-  onSelect,
-  onNotFound,
-}: Props): VNode {
-  const result = useDepositConfirmation();
-  const { deleteDepositConfirmation, updateDepositConfirmation, getDepositConfirmation } = useDepositConfirmationAPI();
-  const [deleting, setDeleting] =
-    useState<AuditorBackend.DepositConfirmation.DepositConfirmationDetail & WithId | null>(null);
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-
-  const { i18n } = useTranslationContext();
-
-  if (result.loading) return <Loading />;
-  if (!result.ok) {
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.Unauthorized
-    )
-      return onUnauthorized();
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.NotFound
-    )
-      return onNotFound();
-    return onLoadError(result);
-  }
-
-  return (
-    <section class="section is-main-section">
-      <NotificationCard notification={notif} />
-
-      <JumpToElementById
-        testIfExist={getDepositConfirmation}
-        onSelect={onSelect}
-        description={i18n.str`jump to deposit_confirmation with the given serial ID`}
-        placeholder={i18n.str`serial id`}
-      />
-
-      {deleting && (
-        <ConfirmModal
-          label={`Delete deposit-confirmation`}
-          description={`Delete the deposit-cofirmation "${deleting.serial_id}"`}
-          danger
-          active
-          onCancel={() => setDeleting(null)}
-          onConfirm={async (): Promise<void> => {
-            try {
-              await deleteDepositConfirmation(deleting.serial_id);
-              setNotif({
-                message: i18n.str`Deposit-confirmation "${deleting.serial_id}" (ID: ${deleting.serial_id}) has been deleted`,
-                type: "SUCCESS",
-              });
-            } catch (error) {
-              setNotif({
-                message: i18n.str`Failed to delete deposit-confirmation`,
-                type: "ERROR",
-                description: error instanceof Error ? error.message : undefined,
-              });
-            }
-            setDeleting(null);
-          }}
-        >
-          <p>
-            If you delete the deposit-confirmation (ID:{" "}
-            <b>{deleting.serial_id}</b>), the stock and related information will be lost
-          </p>
-          <p class="warning">
-            Deleting a deposit-confirmation <b>cannot be undone</b>.
-          </p>
-        </ConfirmModal>
-      )}
-    </section>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/update/Update.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/update/Update.stories.tsx
deleted file mode 100644
index a85b13b8b..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/update/Update.stories.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-/*
- 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 { UpdatePage as TestedComponent } from "./UpdatePage.js";
-
-export default {
-  title: "Pages/Product/Update",
-  component: TestedComponent,
-  argTypes: {
-    onUpdate: { action: "onUpdate" },
-    onBack: { action: "onBack" },
-  },
-};
-
-function createExample<Props>(
-  Component: FunctionalComponent<Props>,
-  props: Partial<Props>,
-) {
-  const r = (args: any) => <Component {...args} />;
-  r.args = props;
-  return r;
-}
-
-export const WithManagedStock = createExample(TestedComponent, {
-  product: {
-    product_id: "20102-ASDAS-QWE",
-    description: "description1",
-    description_i18n: {} as any,
-    image: "",
-    price: "TESTKUDOS:10",
-    taxes: [],
-    total_lost: 10,
-    total_sold: 5,
-    total_stock: 15,
-    unit: "bar",
-    address: {},
-  },
-});
-
-export const WithInfiniteStock = createExample(TestedComponent, {
-  product: {
-    product_id: "20102-ASDAS-QWE",
-    description: "description1",
-    description_i18n: {} as any,
-    image: "",
-    price: "TESTKUDOS:10",
-    taxes: [],
-    total_lost: 10,
-    total_sold: 5,
-    total_stock: -1,
-    unit: "bar",
-    address: {},
-  },
-});
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/update/UpdatePage.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/update/UpdatePage.tsx
deleted file mode 100644
index 97715171e..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/update/UpdatePage.tsx
+++ /dev/null
@@ -1,99 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { h, VNode } from "preact";
-import { AsyncButton } from "../../../../components/exception/AsyncButton.js";
-import { ProductForm } from "../../../../components/product/ProductForm.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import { useListener } from "../../../../hooks/listener.js";
-
-type Entity = MerchantBackend.Products.ProductDetail & { product_id: string };
-
-interface Props {
-  onUpdate: (d: Entity) => Promise<void>;
-  onBack?: () => void;
-  product: Entity;
-}
-
-export function UpdatePage({ product, onUpdate, onBack }: Props): VNode {
-  const [submitForm, addFormSubmitter] = useListener<Entity | undefined>(
-    (result) => {
-      if (result) return onUpdate(result);
-      return Promise.resolve();
-    },
-  );
-
-  const { i18n } = useTranslationContext();
-
-  return (
-    <div>
-      <section class="section">
-        <section class="hero is-hero-bar">
-          <div class="hero-body">
-            <div class="level">
-              <div class="level-left">
-                <div class="level-item">
-                  <span class="is-size-4">
-                    <i18n.Translate>Product id:</i18n.Translate>
-                    <b>{product.product_id}</b>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </section>
-        <hr />
-
-        <div class="columns">
-          <div class="column" />
-          <div class="column is-four-fifths">
-            <ProductForm
-              initial={product}
-              onSubscribe={addFormSubmitter}
-              alreadyExist
-            />
-
-            <div class="buttons is-right mt-5">
-              {onBack && (
-                <button class="button" onClick={onBack}>
-                  <i18n.Translate>Cancel</i18n.Translate>
-                </button>
-              )}
-              <AsyncButton
-                onClick={submitForm}
-                data-tooltip={
-                  !submitForm
-                    ? i18n.str`Need to complete marked fields`
-                    : "confirm operation"
-                }
-                disabled={!submitForm}
-              >
-                <i18n.Translate>Confirm</i18n.Translate>
-              </AsyncButton>
-            </div>
-          </div>
-          <div class="column" />
-        </div>
-      </section>
-    </div>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/update/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/update/index.tsx
deleted file mode 100644
index 8e0f7647f..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/deposit_confirmations/update/index.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-/*
- 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 {
-  ErrorType,
-  HttpError,
-  useTranslationContext,
-} from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { Loading } from "../../../../components/exception/loading.js";
-import { NotificationCard } from "../../../../components/menu/index.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import { useProductAPI, useProductDetails } from "../../../../hooks/product.js";
-import { Notification } from "../../../../utils/types.js";
-import { UpdatePage } from "./UpdatePage.js";
-import { HttpStatusCode } from "@gnu-taler/taler-util";
-
-export type Entity = MerchantBackend.Products.ProductAddDetail;
-interface Props {
-  onBack?: () => void;
-  onConfirm: () => void;
-  onUnauthorized: () => VNode;
-  onNotFound: () => VNode;
-  onLoadError: (e: HttpError<MerchantBackend.ErrorDetail>) => VNode;
-  pid: string;
-}
-export default function UpdateProduct({
-  pid,
-  onConfirm,
-  onBack,
-  onUnauthorized,
-  onNotFound,
-  onLoadError,
-}: Props): VNode {
-  const { updateProduct } = useProductAPI();
-  const result = useProductDetails(pid);
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-
-  const { i18n } = useTranslationContext();
-
-  if (result.loading) return <Loading />;
-  if (!result.ok) {
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.Unauthorized
-    )
-      return onUnauthorized();
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.NotFound
-    )
-      return onNotFound();
-    return onLoadError(result);
-  }
-
-  return (
-    <Fragment>
-      <NotificationCard notification={notif} />
-      <UpdatePage
-        product={{ ...result.data, product_id: pid }}
-        onBack={onBack}
-        onUpdate={(data) => {
-          return updateProduct(pid, data)
-            .then(onConfirm)
-            .catch((error) => {
-              setNotif({
-                message: i18n.str`could not create product`,
-                type: "ERROR",
-                description: error.message,
-              });
-            });
-        }}
-      />
-    </Fragment>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/details/DetailPage.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/details/DetailPage.tsx
deleted file mode 100644
index 21dadb1e3..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/details/DetailPage.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { FormProvider } from "../../../components/form/FormProvider.js";
-import { Input } from "../../../components/form/Input.js";
-import { MerchantBackend } from "../../../declaration.js";
-
-type Entity = MerchantBackend.Instances.InstanceReconfigurationMessage;
-interface Props {
-  onUpdate: () => void;
-  onDelete: () => void;
-  selected: MerchantBackend.Instances.QueryInstancesResponse;
-}
-
-function convert(
-  from: MerchantBackend.Instances.QueryInstancesResponse,
-): Entity {
-  const defaults = {
-    default_wire_fee_amortization: 1,
-    use_stefan: true,
-    default_pay_delay: { d_us: 1000 * 60 * 60 * 1000 }, //one hour
-    default_wire_transfer_delay: { d_us: 1000 * 60 * 60 * 2 * 1000 }, //two hours
-  };
-  return { ...defaults, ...from };
-}
-
-export function DetailPage({ selected }: Props): VNode {
-  const [value, valueHandler] = useState<Partial<Entity>>(convert(selected));
-
-  const { i18n } = useTranslationContext();
-
-  return (
-    <div>
-      <section class="hero is-hero-bar">
-        <div class="hero-body">
-          <div class="level">
-            <div class="level-left">
-              <div class="level-item">
-                <h1 class="title">Here goes the instance description</h1>
-              </div>
-            </div>
-            <div class="level-right" style="display: none;">
-              <div class="level-item" />
-            </div>
-          </div>
-        </div>
-      </section>
-
-      <section class="section is-main-section">
-        <div class="columns">
-          <div class="column" />
-          <div class="column is-6">
-            <FormProvider<Entity> object={value} valueHandler={valueHandler}>
-              <Input<Entity> name="name" readonly label={i18n.str`Name`} />
-            </FormProvider>
-          </div>
-          <div class="column" />
-        </div>
-      </section>
-    </div>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/details/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/details/index.tsx
deleted file mode 100644
index 9b393b818..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/details/index.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-/*
- 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/>
- */
-import { ErrorType, HttpError } from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { Loading } from "../../../components/exception/loading.js";
-import { DeleteModal } from "../../../components/modal/index.js";
-import { useInstanceContext } from "../../../context/instance.js";
-import { MerchantBackend } from "../../../declaration.js";
-import { useInstanceAPI, useInstanceDetails } from "../../../hooks/instance.js";
-import { DetailPage } from "./DetailPage.js";
-import { HttpStatusCode } from "@gnu-taler/taler-util";
-
-interface Props {
-  onUnauthorized: () => VNode;
-  onLoadError: (error: HttpError<MerchantBackend.ErrorDetail>) => VNode;
-  onUpdate: () => void;
-  onNotFound: () => VNode;
-  onDelete: () => void;
-}
-
-export default function Detail({
-  onUpdate,
-  onLoadError,
-  onUnauthorized,
-  onDelete,
-  onNotFound,
-}: Props): VNode {
-  const { id } = useInstanceContext();
-  const result = useInstanceDetails();
-  const [deleting, setDeleting] = useState<boolean>(false);
-
-  const { deleteInstance } = useInstanceAPI();
-
-  if (result.loading) return <Loading />;
-  if (!result.ok) {
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.Unauthorized
-    )
-      return onUnauthorized();
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.NotFound
-    )
-      return onNotFound();
-    return onLoadError(result);
-  }
-
-  return (
-    <Fragment>
-      <DetailPage
-        selected={result.data}
-        onUpdate={onUpdate}
-        onDelete={() => setDeleting(true)}
-      />
-      {deleting && (
-        <DeleteModal
-          element={{ name: result.data.name, id }}
-          onCancel={() => setDeleting(false)}
-          onConfirm={async (): Promise<void> => {
-            try {
-              await deleteInstance();
-              onDelete();
-            } catch (error) {
-              //FIXME: show message error
-            }
-            setDeleting(false);
-          }}
-        />
-      )}
-    </Fragment>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/details/stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/details/stories.tsx
deleted file mode 100644
index 367fabce2..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/details/stories.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-/*
- 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 { ConfigContextProvider } from "../../../context/config.js";
-import { DetailPage as TestedComponent } from "./DetailPage.js";
-
-export default {
-  title: "Pages/Instance/Detail",
-  component: TestedComponent,
-  argTypes: {
-    onUpdate: { action: "onUpdate" },
-    onBack: { action: "onBack" },
-  },
-};
-
-function createExample<Props>(
-  Internal: FunctionalComponent<Props>,
-  props: Partial<Props>,
-) {
-  const component = (args: any) => (
-    <ConfigContextProvider
-      value={{
-        currency: "TESTKUDOS",
-        version: "1",
-      }}
-    >
-      <Internal {...(props as any)} />
-    </ConfigContextProvider>
-  );
-  return { component, props };
-}
-
-export const Example = createExample(TestedComponent, {
-  selected: {
-    name: "name",
-    auth: { method: "external" },
-    address: {},
-    user_type: "business",
-    jurisdiction: {},
-    use_stefan: true,
-    default_pay_delay: {
-      d_us: 1000 * 1000, //one second
-    },
-    default_wire_transfer_delay: {
-      d_us: 1000 * 1000, //one second
-    },
-    merchant_pub: "ASDWQEKASJDKSADJ",
-  },
-});
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/index.stories.ts b/packages/auditor-backoffice-ui/src/paths/old/instance/index.stories.ts
deleted file mode 100644
index 1d8c76ff9..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/index.stories.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-/*
- 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/>
- */
-
-export * as details from "./details/stories.js";
-export * as kycList from "./kyc/list/ListPage.stories.js";
-export * as reserve from "./reserves/create/CreatedSuccessfully.stories.js";
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/kyc/list/ListPage.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/kyc/list/ListPage.stories.tsx
deleted file mode 100644
index d33f64ada..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/kyc/list/ListPage.stories.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-/*
- 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 * as tests from "@gnu-taler/web-util/testing";
-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.KYC.AccountKycRedirects,
-});
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/kyc/list/ListPage.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/kyc/list/ListPage.tsx
deleted file mode 100644
index 338081886..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/kyc/list/ListPage.tsx
+++ /dev/null
@@ -1,208 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { h, VNode } from "preact";
-import { MerchantBackend } from "../../../../declaration.js";
-
-export interface Props {
-  status: MerchantBackend.KYC.AccountKycRedirects;
-}
-
-export function ListPage({ status }: Props): VNode {
-  const { i18n } = useTranslationContext();
-
-  return (
-    <section class="section is-main-section">
-      <div class="card has-table">
-        <header class="card-header">
-          <p class="card-header-title">
-            <span class="icon">
-              <i class="mdi mdi-clock" />
-            </span>
-            <i18n.Translate>Pending KYC verification</i18n.Translate>
-          </p>
-
-          <div class="card-header-icon" aria-label="more options" />
-        </header>
-        <div class="card-content">
-          <div class="b-table has-pagination">
-            <div class="table-wrapper has-mobile-cards">
-              {status.pending_kycs.length > 0 ? (
-                <PendingTable entries={status.pending_kycs} />
-              ) : (
-                <EmptyTable />
-              )}
-            </div>
-          </div>
-        </div>
-      </div>
-
-      {status.timeout_kycs.length > 0 ? (
-        <div class="card has-table">
-          <header class="card-header">
-            <p class="card-header-title">
-              <span class="icon">
-                <i class="mdi mdi-clock" />
-              </span>
-              <i18n.Translate>Timed out</i18n.Translate>
-            </p>
-
-            <div class="card-header-icon" aria-label="more options" />
-          </header>
-          <div class="card-content">
-            <div class="b-table has-pagination">
-              <div class="table-wrapper has-mobile-cards">
-                {status.timeout_kycs.length > 0 ? (
-                  <TimedOutTable entries={status.timeout_kycs} />
-                ) : (
-                  <EmptyTable />
-                )}
-              </div>
-            </div>
-          </div>
-        </div>
-      ) : undefined}
-    </section>
-  );
-}
-interface PendingTableProps {
-  entries: MerchantBackend.KYC.MerchantAccountKycRedirect[];
-}
-
-interface TimedOutTableProps {
-  entries: MerchantBackend.KYC.ExchangeKycTimeout[];
-}
-
-function PendingTable({ entries }: PendingTableProps): VNode {
-  const { i18n } = useTranslationContext();
-  return (
-    <div class="table-container">
-      <table class="table is-striped is-hoverable is-fullwidth">
-        <thead>
-          <tr>
-            <th>
-              <i18n.Translate>Exchange</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Target account</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Reason</i18n.Translate>
-            </th>
-          </tr>
-        </thead>
-        <tbody>
-          {entries.map((e, i) => {
-            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>
-    </div>
-  );
-}
-
-function TimedOutTable({ entries }: TimedOutTableProps): VNode {
-  const { i18n } = useTranslationContext();
-  return (
-    <div class="table-container">
-      <table class="table is-striped is-hoverable is-fullwidth">
-        <thead>
-          <tr>
-            <th>
-              <i18n.Translate>Exchange</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Code</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Http Status</i18n.Translate>
-            </th>
-          </tr>
-        </thead>
-        <tbody>
-          {entries.map((e, i) => {
-            return (
-              <tr key={i}>
-                <td>{e.exchange_url}</td>
-                <td>{e.exchange_code}</td>
-                <td>{e.exchange_http_status}</td>
-              </tr>
-            );
-          })}
-        </tbody>
-      </table>
-    </div>
-  );
-}
-
-function EmptyTable(): VNode {
-  const { i18n } = useTranslationContext();
-  return (
-    <div class="content has-text-grey has-text-centered">
-      <p>
-        <span class="icon is-large">
-          <i class="mdi mdi-emoticon-happy mdi-48px" />
-        </span>
-      </p>
-      <p>
-        <i18n.Translate>No pending kyc verification!</i18n.Translate>
-      </p>
-    </div>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/kyc/list/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/kyc/list/index.tsx
deleted file mode 100644
index 5b93ac169..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/kyc/list/index.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-/*
- 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 { ErrorType, HttpError } from "@gnu-taler/web-util/browser";
-import { h, VNode } from "preact";
-import { Loading } from "../../../../components/exception/loading.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import { useInstanceKYCDetails } from "../../../../hooks/instance.js";
-import { ListPage } from "./ListPage.js";
-import { HttpStatusCode } from "@gnu-taler/taler-util";
-
-interface Props {
-  onUnauthorized: () => VNode;
-  onLoadError: (error: HttpError<MerchantBackend.ErrorDetail>) => VNode;
-  onNotFound: () => VNode;
-}
-
-export default function ListKYC({
-  onUnauthorized,
-  onLoadError,
-  onNotFound,
-}: Props): VNode {
-  const result = useInstanceKYCDetails();
-  if (result.loading) return <Loading />;
-  if (!result.ok) {
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.Unauthorized
-    )
-      return onUnauthorized();
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.NotFound
-    )
-      return onNotFound();
-    return onLoadError(result);
-  }
-
-  const status = result.data.type === "ok" ? undefined : result.data.status;
-
-  if (!status) {
-    return <div>no kyc required</div>;
-  }
-  return <ListPage status={status} />;
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/orders/create/Create.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/orders/create/Create.stories.tsx
deleted file mode 100644
index bd9f65718..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/orders/create/Create.stories.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-/*
- 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 { CreatePage as TestedComponent } from "./CreatePage.js";
-
-export default {
-  title: "Pages/Order/Create",
-  component: TestedComponent,
-  argTypes: {
-    onCreate: { action: "onCreate" },
-    goBack: { action: "goBack" },
-  },
-};
-
-function createExample<Props>(
-  Component: FunctionalComponent<Props>,
-  props: Partial<Props>,
-) {
-  const r = (args: any) => <Component {...args} />;
-  r.args = props;
-  return r;
-}
-
-export const Example = createExample(TestedComponent, {
-  instanceConfig: {
-    default_pay_delay: {
-      d_us: 1000 * 1000 * 60 * 60, //one hour
-    },
-    default_wire_transfer_delay: {
-      d_us: 1000 * 1000 * 60 * 60, //one hour
-    },
-    use_stefan: true,
-  },
-  instanceInventory: [
-    {
-      id: "t-shirt-1",
-      description: "a m size t-shirt",
-      price: "TESTKUDOS:1",
-      total_stock: -1,
-    },
-    {
-      id: "t-shirt-2",
-      price: "TESTKUDOS:1",
-      description: "a xl size t-shirt",
-    } as any,
-    {
-      id: "t-shirt-3",
-      price: "TESTKUDOS:1",
-      description: "a s size t-shirt",
-    } as any,
-  ],
-});
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/orders/create/CreatePage.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/orders/create/CreatePage.tsx
deleted file mode 100644
index 62ceaa24b..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/orders/create/CreatePage.tsx
+++ /dev/null
@@ -1,705 +0,0 @@
-/*
- 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 { AbsoluteTime, Amounts, Duration, TalerProtocolDuration } from "@gnu-taler/taler-util";
-import { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { format, isFuture } from "date-fns";
-import { ComponentChildren, Fragment, VNode, h } from "preact";
-import { useEffect, useState } from "preact/hooks";
-import {
-  FormErrors,
-  FormProvider,
-} from "../../../../components/form/FormProvider.js";
-import { Input } from "../../../../components/form/Input.js";
-import { InputCurrency } from "../../../../components/form/InputCurrency.js";
-import { InputDate } from "../../../../components/form/InputDate.js";
-import { InputDuration } from "../../../../components/form/InputDuration.js";
-import { InputGroup } from "../../../../components/form/InputGroup.js";
-import { InputLocation } from "../../../../components/form/InputLocation.js";
-import { InputNumber } from "../../../../components/form/InputNumber.js";
-import { InputToggle } from "../../../../components/form/InputToggle.js";
-import { InventoryProductForm } from "../../../../components/product/InventoryProductForm.js";
-import { NonInventoryProductFrom } from "../../../../components/product/NonInventoryProductForm.js";
-import { ProductList } from "../../../../components/product/ProductList.js";
-import { useConfigContext } from "../../../../context/config.js";
-import { MerchantBackend, WithId } from "../../../../declaration.js";
-import { useSettings } from "../../../../hooks/useSettings.js";
-import { OrderCreateSchema as schema } from "../../../../schemas/index.js";
-import { rate } from "../../../../utils/amount.js";
-import { undefinedIfEmpty } from "../../../../utils/table.js";
-
-interface Props {
-  onCreate: (d: MerchantBackend.Orders.PostOrderRequest) => void;
-  onBack?: () => void;
-  instanceConfig: InstanceConfig;
-  instanceInventory: (MerchantBackend.Products.ProductDetail & WithId)[];
-}
-interface InstanceConfig {
-  use_stefan: boolean;
-  default_pay_delay: TalerProtocolDuration;
-  default_wire_transfer_delay: TalerProtocolDuration;
-}
-
-function with_defaults(config: InstanceConfig, currency: string): Partial<Entity> {
-  const defaultPayDeadline = Duration.fromTalerProtocolDuration(config.default_pay_delay);
-  const defaultWireDeadline = Duration.fromTalerProtocolDuration(config.default_wire_transfer_delay);
-
-  return {
-    inventoryProducts: {},
-    products: [],
-    pricing: {},
-    payments: {
-      max_fee: undefined,
-      createToken: true,
-      pay_deadline: (defaultPayDeadline),
-      refund_deadline: (defaultPayDeadline),
-      wire_transfer_deadline: (defaultWireDeadline),
-    },
-    shipping: {},
-    extra: {},
-  };
-}
-
-interface ProductAndQuantity {
-  product: MerchantBackend.Products.ProductDetail & WithId;
-  quantity: number;
-}
-export interface ProductMap {
-  [id: string]: ProductAndQuantity;
-}
-
-interface Pricing {
-  products_price: string;
-  order_price: string;
-  summary: string;
-}
-interface Shipping {
-  delivery_date?: Date;
-  delivery_location?: MerchantBackend.Location;
-  fullfilment_url?: string;
-}
-interface Payments {
-  refund_deadline: Duration;
-  pay_deadline: Duration;
-  wire_transfer_deadline: Duration;
-  auto_refund_deadline: Duration;
-  max_fee?: string;
-  createToken: boolean;
-  minimum_age?: number;
-}
-interface Entity {
-  inventoryProducts: ProductMap;
-  products: MerchantBackend.Product[];
-  pricing: Partial<Pricing>;
-  payments: Partial<Payments>;
-  shipping: Partial<Shipping>;
-  extra: Record<string, string>;
-}
-
-const stringIsValidJSON = (value: string) => {
-  try {
-    JSON.parse(value.trim());
-    return true;
-  } catch {
-    return false;
-  }
-};
-
-export function CreatePage({
-  onCreate,
-  onBack,
-  instanceConfig,
-  instanceInventory,
-}: Props): VNode {
-  const config = useConfigContext();
-  const instance_default = with_defaults(instanceConfig, config.currency)
-  const [value, valueHandler] = useState(instance_default);
-  const zero = Amounts.zeroOfCurrency(config.currency);
-  const [settings, updateSettings] = useSettings()
-  const inventoryList = Object.values(value.inventoryProducts || {});
-  const productList = Object.values(value.products || {});
-
-  const { i18n } = useTranslationContext();
-
-  const parsedPrice = !value.pricing?.order_price
-    ? undefined
-    : Amounts.parse(value.pricing.order_price);
-
-  const errors: FormErrors<Entity> = {
-    pricing: undefinedIfEmpty({
-      summary: !value.pricing?.summary ? i18n.str`required` : undefined,
-      order_price: !value.pricing?.order_price
-        ? i18n.str`required`
-        : !parsedPrice
-          ? i18n.str`not valid`
-          : Amounts.isZero(parsedPrice)
-            ? i18n.str`must be greater than 0`
-            : undefined,
-    }),
-    payments: undefinedIfEmpty({
-      refund_deadline: !value.payments?.refund_deadline
-        ? undefined
-        : value.payments.pay_deadline &&
-          Duration.cmp(value.payments.refund_deadline, value.payments.pay_deadline) === -1
-          ? i18n.str`refund deadline cannot be before pay deadline`
-          : value.payments.wire_transfer_deadline &&
-            Duration.cmp(
-              value.payments.wire_transfer_deadline,
-              value.payments.refund_deadline,
-            ) === -1
-            ? i18n.str`wire transfer deadline cannot be before refund deadline`
-            : undefined,
-      pay_deadline: !value.payments?.pay_deadline
-        ? i18n.str`required`
-        : value.payments.wire_transfer_deadline &&
-          Duration.cmp(
-            value.payments.wire_transfer_deadline,
-            value.payments.pay_deadline,
-          ) === -1
-          ? i18n.str`wire transfer deadline cannot be before pay deadline`
-          : undefined,
-      wire_transfer_deadline: !value.payments?.wire_transfer_deadline
-        ? i18n.str`required`
-        : undefined,
-      auto_refund_deadline: !value.payments?.auto_refund_deadline
-        ? undefined
-        : !value.payments?.refund_deadline
-          ? i18n.str`should have a refund deadline`
-          : Duration.cmp(
-            value.payments.refund_deadline,
-            value.payments.auto_refund_deadline,
-          ) == -1
-            ? i18n.str`auto refund cannot be after refund deadline`
-            : undefined,
-
-    }),
-    shipping: undefinedIfEmpty({
-      delivery_date: !value.shipping?.delivery_date
-        ? undefined
-        : !isFuture(value.shipping.delivery_date)
-          ? i18n.str`should be in the future`
-          : undefined,
-    }),
-  };
-  const hasErrors = Object.keys(errors).some(
-    (k) => (errors as any)[k] !== undefined,
-  );
-
-  const submit = (): void => {
-    const order = value as any; //schema.cast(value);
-    if (!value.payments) return;
-    if (!value.shipping) return;
-
-    const request: MerchantBackend.Orders.PostOrderRequest = {
-      order: {
-        amount: order.pricing.order_price,
-        summary: order.pricing.summary,
-        products: productList,
-        extra: undefinedIfEmpty(value.extra),
-        pay_deadline: !value.payments.pay_deadline ?
-          i18n.str`required` :
-          AbsoluteTime.toProtocolTimestamp(AbsoluteTime.addDuration(AbsoluteTime.now(), value.payments.pay_deadline))
-        ,// : undefined,
-        wire_transfer_deadline: value.payments.wire_transfer_deadline
-          ? AbsoluteTime.toProtocolTimestamp(AbsoluteTime.addDuration(AbsoluteTime.now(), value.payments.wire_transfer_deadline))
-          : undefined,
-        refund_deadline: value.payments.refund_deadline
-          ? AbsoluteTime.toProtocolTimestamp(AbsoluteTime.addDuration(AbsoluteTime.now(), value.payments.refund_deadline))
-          : undefined,
-        auto_refund: value.payments.auto_refund_deadline
-          ? Duration.toTalerProtocolDuration(value.payments.auto_refund_deadline)
-          : undefined,
-        max_fee: value.payments.max_fee as string,
-
-        delivery_date: value.shipping.delivery_date
-          ? { t_s: value.shipping.delivery_date.getTime() / 1000 }
-          : undefined,
-        delivery_location: value.shipping.delivery_location,
-        fulfillment_url: value.shipping.fullfilment_url,
-        minimum_age: value.payments.minimum_age,
-      },
-      inventory_products: inventoryList.map((p) => ({
-        product_id: p.product.id,
-        quantity: p.quantity,
-      })),
-      create_token: value.payments.createToken,
-    };
-
-    onCreate(request);
-  };
-
-  const addProductToTheInventoryList = (
-    product: MerchantBackend.Products.ProductDetail & WithId,
-    quantity: number,
-  ) => {
-    valueHandler((v) => {
-      const inventoryProducts = { ...v.inventoryProducts };
-      inventoryProducts[product.id] = { product, quantity };
-      return { ...v, inventoryProducts };
-    });
-  };
-
-  const removeProductFromTheInventoryList = (id: string) => {
-    valueHandler((v) => {
-      const inventoryProducts = { ...v.inventoryProducts };
-      delete inventoryProducts[id];
-      return { ...v, inventoryProducts };
-    });
-  };
-
-  const addNewProduct = async (product: MerchantBackend.Product) => {
-    return valueHandler((v) => {
-      const products = v.products ? [...v.products, product] : [];
-      return { ...v, products };
-    });
-  };
-
-  const removeFromNewProduct = (index: number) => {
-    valueHandler((v) => {
-      const products = v.products ? [...v.products] : [];
-      products.splice(index, 1);
-      return { ...v, products };
-    });
-  };
-
-  const [editingProduct, setEditingProduct] = useState<
-    MerchantBackend.Product | undefined
-  >(undefined);
-
-  const totalPriceInventory = inventoryList.reduce((prev, cur) => {
-    const p = Amounts.parseOrThrow(cur.product.price);
-    return Amounts.add(prev, Amounts.mult(p, cur.quantity).amount).amount;
-  }, zero);
-
-  const totalPriceProducts = productList.reduce((prev, cur) => {
-    if (!cur.price) return zero;
-    const p = Amounts.parseOrThrow(cur.price);
-    return Amounts.add(prev, Amounts.mult(p, cur.quantity).amount).amount;
-  }, zero);
-
-  const hasProducts = inventoryList.length > 0 || productList.length > 0;
-  const totalPrice = Amounts.add(totalPriceInventory, totalPriceProducts);
-
-  const totalAsString = Amounts.stringify(totalPrice.amount);
-  const allProducts = productList.concat(inventoryList.map(asProduct));
-
-  const [newField, setNewField] = useState("")
-
-  useEffect(() => {
-    valueHandler((v) => {
-      return {
-        ...v,
-        pricing: {
-          ...v.pricing,
-          products_price: hasProducts ? totalAsString : undefined,
-          order_price: hasProducts ? totalAsString : undefined,
-        },
-      };
-    });
-  }, [hasProducts, totalAsString]);
-
-  const discountOrRise = rate(
-    parsedPrice ?? Amounts.zeroOfCurrency(config.currency),
-    totalPrice.amount,
-  );
-
-  const minAgeByProducts = allProducts.reduce(
-    (cur, prev) =>
-      !prev.minimum_age || cur > prev.minimum_age ? cur : prev.minimum_age,
-    0,
-  );
-
-  // if there is no default pay deadline
-  const noDefault_payDeadline = !instance_default.payments || !instance_default.payments.pay_deadline
-  // and there is no default wire deadline
-  const noDefault_wireDeadline = !instance_default.payments || !instance_default.payments.wire_transfer_deadline
-  // user required to set the taler options
-  const requiresSomeTalerOptions = noDefault_payDeadline || noDefault_wireDeadline
-
-
-  return (
-    <div>
-
-      <section class="section is-main-section">
-        <div class="tabs is-toggle is-fullwidth is-small">
-          <ul>
-            <li class={!settings.advanceOrderMode ? "is-active" : ""} onClick={() => {
-              updateSettings({
-                ...settings,
-                advanceOrderMode: false
-              })
-            }}>
-              <a >
-                <span><i18n.Translate>Simple</i18n.Translate></span>
-              </a>
-            </li>
-            <li class={settings.advanceOrderMode ? "is-active" : ""} onClick={() => {
-              updateSettings({
-                ...settings,
-                advanceOrderMode: true
-              })
-            }}>
-              <a >
-                <span><i18n.Translate>Advanced</i18n.Translate></span>
-              </a>
-            </li>
-          </ul>
-        </div>
-        <div class="columns">
-          <div class="column" />
-          <div class="column is-four-fifths">
-            {/* // FIXME: translating plural singular */}
-            <InputGroup
-              name="inventory_products"
-              label={i18n.str`Manage products in order`}
-              alternative={
-                allProducts.length > 0 && (
-                  <p>
-                    {allProducts.length} products with a total price of{" "}
-                    {totalAsString}.
-                  </p>
-                )
-              }
-              tooltip={i18n.str`Manage list of products in the order.`}
-            >
-              <InventoryProductForm
-                currentProducts={value.inventoryProducts || {}}
-                onAddProduct={addProductToTheInventoryList}
-                inventory={instanceInventory}
-              />
-
-              {settings.advanceOrderMode &&
-                <NonInventoryProductFrom
-                  productToEdit={editingProduct}
-                  onAddProduct={(p) => {
-                    setEditingProduct(undefined);
-                    return addNewProduct(p);
-                  }}
-                />
-              }
-
-              {allProducts.length > 0 && (
-                <ProductList
-                  list={allProducts}
-                  actions={[
-                    {
-                      name: i18n.str`Remove`,
-                      tooltip: i18n.str`Remove this product from the order.`,
-                      handler: (e, index) => {
-                        if (e.product_id) {
-                          removeProductFromTheInventoryList(e.product_id);
-                        } else {
-                          removeFromNewProduct(index);
-                          setEditingProduct(e);
-                        }
-                      },
-                    },
-                  ]}
-                />
-              )}
-            </InputGroup>
-
-            <FormProvider<Entity>
-              errors={errors}
-              object={value}
-              valueHandler={valueHandler as any}
-            >
-              {hasProducts ? (
-                <Fragment>
-                  <InputCurrency
-                    name="pricing.products_price"
-                    label={i18n.str`Total price`}
-                    readonly
-                    tooltip={i18n.str`total product price added up`}
-                  />
-                  <InputCurrency
-                    name="pricing.order_price"
-                    label={i18n.str`Total price`}
-                    addonAfter={
-                      discountOrRise > 0 &&
-                      (discountOrRise < 1
-                        ? `discount of %${Math.round(
-                          (1 - discountOrRise) * 100,
-                        )}`
-                        : `rise of %${Math.round((discountOrRise - 1) * 100)}`)
-                    }
-                    tooltip={i18n.str`Amount to be paid by the customer`}
-                  />
-                </Fragment>
-              ) : (
-                <InputCurrency
-                  name="pricing.order_price"
-                  label={i18n.str`Order price`}
-                  tooltip={i18n.str`final order price`}
-                />
-              )}
-
-              <Input
-                name="pricing.summary"
-                inputType="multiline"
-                label={i18n.str`Summary`}
-                tooltip={i18n.str`Title of the order to be shown to the customer`}
-              />
-
-              {settings.advanceOrderMode &&
-                <InputGroup
-                  name="shipping"
-                  label={i18n.str`Shipping and Fulfillment`}
-                  initialActive
-                >
-                  <InputDate
-                    name="shipping.delivery_date"
-                    label={i18n.str`Delivery date`}
-                    tooltip={i18n.str`Deadline for physical delivery assured by the merchant.`}
-                  />
-                  {value.shipping?.delivery_date && (
-                    <InputGroup
-                      name="shipping.delivery_location"
-                      label={i18n.str`Location`}
-                      tooltip={i18n.str`address where the products will be delivered`}
-                    >
-                      <InputLocation name="shipping.delivery_location" />
-                    </InputGroup>
-                  )}
-                  <Input
-                    name="shipping.fullfilment_url"
-                    label={i18n.str`Fulfillment URL`}
-                    tooltip={i18n.str`URL to which the user will be redirected after successful payment.`}
-                  />
-                </InputGroup>
-              }
-
-              {(settings.advanceOrderMode || requiresSomeTalerOptions) &&
-                <InputGroup
-                  name="payments"
-                  label={i18n.str`Taler payment options`}
-                  tooltip={i18n.str`Override default Taler payment settings for this order`}
-                >
-                  {(settings.advanceOrderMode || noDefault_payDeadline) && <InputDuration
-                    name="payments.pay_deadline"
-                    label={i18n.str`Payment time`}
-                    help={<DeadlineHelp duration={value.payments?.pay_deadline} />}
-                    withForever
-                    withoutClear
-                    tooltip={i18n.str`Time for the customer to pay for the offer before it expires. Inventory products will be reserved until this deadline. Time start to run after the order is created.`}
-                    side={
-                      <span>
-                        <button class="button" onClick={() => {
-                          const c = {
-                            ...value,
-                            payments: {
-                              ...(value.payments ?? {}),
-                              pay_deadline: instance_default.payments?.pay_deadline
-                            }
-                          }
-                          valueHandler(c)
-                        }}>
-                          <i18n.Translate>default</i18n.Translate>
-                        </button>
-                      </span>
-                    }
-                  />}
-                  {settings.advanceOrderMode && <InputDuration
-                    name="payments.refund_deadline"
-                    label={i18n.str`Refund time`}
-                    help={<DeadlineHelp duration={value.payments?.refund_deadline} />}
-                    withForever
-                    withoutClear
-                    tooltip={i18n.str`Time while the order can be refunded by the merchant. Time starts after the order is created.`}
-                    side={
-                      <span>
-                        <button class="button" onClick={() => {
-                          valueHandler({
-                            ...value,
-                            payments: {
-                              ...(value.payments ?? {}),
-                              refund_deadline: instance_default.payments?.refund_deadline
-                            }
-                          })
-                        }}>
-                          <i18n.Translate>default</i18n.Translate>
-                        </button>
-                      </span>
-                    }
-                  />}
-                  {(settings.advanceOrderMode || noDefault_wireDeadline) && <InputDuration
-                    name="payments.wire_transfer_deadline"
-                    label={i18n.str`Wire transfer time`}
-                    help={<DeadlineHelp duration={value.payments?.wire_transfer_deadline} />}
-                    withoutClear
-                    withForever
-                    tooltip={i18n.str`Time for the exchange to make the wire transfer. Time starts after the order is created.`}
-                    side={
-                      <span>
-                        <button class="button" onClick={() => {
-                          valueHandler({
-                            ...value,
-                            payments: {
-                              ...(value.payments ?? {}),
-                              wire_transfer_deadline: instance_default.payments?.wire_transfer_deadline
-                            }
-                          })
-                        }}>
-                          <i18n.Translate>default</i18n.Translate>
-                        </button>
-                      </span>
-                    }
-                  />}
-                  {settings.advanceOrderMode && <InputDuration
-                    name="payments.auto_refund_deadline"
-                    label={i18n.str`Auto-refund time`}
-                    help={<DeadlineHelp duration={value.payments?.auto_refund_deadline} />}
-                    tooltip={i18n.str`Time until which the wallet will automatically check for refunds without user interaction.`}
-                    withForever
-                  />}
-
-                  {settings.advanceOrderMode && <InputCurrency
-                    name="payments.max_fee"
-                    label={i18n.str`Maximum fee`}
-                    tooltip={i18n.str`Maximum fees the merchant is willing to cover for this order. Higher deposit fees must be covered in full by the consumer.`}
-                  />}
-                  {settings.advanceOrderMode && <InputToggle
-                    name="payments.createToken"
-                    label={i18n.str`Create token`}
-                    tooltip={i18n.str`If the order ID is easy to guess the token will prevent user to steal orders from others.`}
-                  />}
-                  {settings.advanceOrderMode && <InputNumber
-                    name="payments.minimum_age"
-                    label={i18n.str`Minimum age required`}
-                    tooltip={i18n.str`Any value greater than 0 will limit the coins able be used to pay this contract. If empty the age restriction will be defined by the products`}
-                    help={
-                      minAgeByProducts > 0
-                        ? i18n.str`Min age defined by the producs is ${minAgeByProducts}`
-                        : i18n.str`No product with age restriction in this order`
-                    }
-                  />}
-                </InputGroup>
-              }
-
-              {settings.advanceOrderMode &&
-                <InputGroup
-                  name="extra"
-                  label={i18n.str`Additional information`}
-                  tooltip={i18n.str`Custom information to be included in the contract for this order.`}
-                >
-                  {Object.keys(value.extra ?? {}).map((key) => {
-
-                    return <Input
-                      name={`extra.${key}`}
-                      inputType="multiline"
-                      label={key}
-                      tooltip={i18n.str`You must enter a value in JavaScript Object Notation (JSON).`}
-                      side={
-                        <button class="button" onClick={(e) => {
-                          if (value.extra && value.extra[key] !== undefined) {
-                            console.log(value.extra)
-                            delete value.extra[key]
-                          }
-                          valueHandler({
-                            ...value,
-                          })
-                        }}>remove</button>
-                      }
-                    />
-                  })}
-                  <div class="field is-horizontal">
-                    <div class="field-label is-normal">
-                      <label class="label">
-                        <i18n.Translate>Custom field name</i18n.Translate>
-                        <span class="icon has-tooltip-right" data-tooltip={"new extra field"}>
-                          <i class="mdi mdi-information" />
-                        </span>
-                      </label>
-                    </div>
-                    <div class="field-body is-flex-grow-3">
-                      <div class="field">
-                        <p class="control">
-                          <input class="input " value={newField} onChange={(e) => setNewField(e.currentTarget.value)} />
-                        </p>
-                      </div>
-                    </div>
-                    <button class="button" onClick={(e) => {
-                      setNewField("")
-                      valueHandler({
-                        ...value,
-                        extra: {
-                          ...(value.extra ?? {}),
-                          [newField]: ""
-                        }
-                      })
-                    }}>add</button>
-                  </div>
-                </InputGroup>
-              }
-            </FormProvider>
-
-            <div class="buttons is-right mt-5">
-              {onBack && (
-                <button class="button" onClick={onBack}>
-                  <i18n.Translate>Cancel</i18n.Translate>
-                </button>
-              )}
-              <button
-                class="button is-success"
-                onClick={submit}
-                disabled={hasErrors}
-              >
-                <i18n.Translate>Confirm</i18n.Translate>
-              </button>
-            </div>
-          </div>
-          <div class="column" />
-        </div>
-      </section>
-    </div>
-  );
-}
-
-function asProduct(p: ProductAndQuantity): MerchantBackend.Product {
-  return {
-    product_id: p.product.id,
-    image: p.product.image,
-    price: p.product.price,
-    unit: p.product.unit,
-    quantity: p.quantity,
-    description: p.product.description,
-    taxes: p.product.taxes,
-    minimum_age: p.product.minimum_age,
-  };
-}
-
-
-function DeadlineHelp({ duration }: { duration?: Duration }): VNode {
-  const { i18n } = useTranslationContext();
-  const [now, setNow] = useState(AbsoluteTime.now())
-  useEffect(() => {
-    const iid = setInterval(() => {
-      setNow(AbsoluteTime.now())
-    }, 60 * 1000)
-    return () => {
-      clearInterval(iid)
-    }
-  })
-  if (!duration) return <i18n.Translate>Disabled</i18n.Translate>
-  const when = AbsoluteTime.addDuration(now, duration)
-  if (when.t_ms === "never") return <i18n.Translate>No deadline</i18n.Translate>
-  return <i18n.Translate>Deadline at {format(when.t_ms, "dd/MM/yy HH:mm")}</i18n.Translate>
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/orders/create/OrderCreatedSuccessfully.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/orders/create/OrderCreatedSuccessfully.tsx
deleted file mode 100644
index 88a984c97..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/orders/create/OrderCreatedSuccessfully.tsx
+++ /dev/null
@@ -1,114 +0,0 @@
-/*
- 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/>
- */
-import { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { h, VNode } from "preact";
-import { useEffect, useState } from "preact/hooks";
-import { CreatedSuccessfully } from "../../../../components/notifications/CreatedSuccessfully.js";
-import { useOrderAPI } from "../../../../hooks/order.js";
-import { Entity } from "./index.js";
-
-interface Props {
-  entity: Entity;
-  onConfirm: () => void;
-  onCreateAnother?: () => void;
-}
-
-export function OrderCreatedSuccessfully({
-  entity,
-  onConfirm,
-  onCreateAnother,
-}: Props): VNode {
-  const { getPaymentURL } = useOrderAPI();
-  const [url, setURL] = useState<string | undefined>(undefined);
-  const { i18n } = useTranslationContext();
-  useEffect(() => {
-    getPaymentURL(entity.response.order_id).then((response) => {
-      setURL(response.data);
-    });
-  }, [getPaymentURL, entity.response.order_id]);
-
-  return (
-    <CreatedSuccessfully
-      onConfirm={onConfirm}
-      onCreateAnother={onCreateAnother}
-    >
-      <div class="field is-horizontal">
-        <div class="field-label is-normal">
-          <label class="label">
-            <i18n.Translate>Amount</i18n.Translate>
-          </label>
-        </div>
-        <div class="field-body is-flex-grow-3">
-          <div class="field">
-            <p class="control">
-              <input
-                class="input"
-                readonly
-                value={entity.request.order.amount}
-              />
-            </p>
-          </div>
-        </div>
-      </div>
-      <div class="field is-horizontal">
-        <div class="field-label is-normal">
-          <label class="label">
-            <i18n.Translate>Summary</i18n.Translate>
-          </label>
-        </div>
-        <div class="field-body is-flex-grow-3">
-          <div class="field">
-            <p class="control">
-              <input
-                class="input"
-                readonly
-                value={entity.request.order.summary}
-              />
-            </p>
-          </div>
-        </div>
-      </div>
-      <div class="field is-horizontal">
-        <div class="field-label is-normal">
-          <label class="label">
-            <i18n.Translate>Order ID</i18n.Translate>
-          </label>
-        </div>
-        <div class="field-body is-flex-grow-3">
-          <div class="field">
-            <p class="control">
-              <input class="input" readonly value={entity.response.order_id} />
-            </p>
-          </div>
-        </div>
-      </div>
-      <div class="field is-horizontal">
-        <div class="field-label is-normal">
-          <label class="label">
-            <i18n.Translate>Payment URL</i18n.Translate>
-          </label>
-        </div>
-        <div class="field-body is-flex-grow-3">
-          <div class="field">
-            <p class="control">
-              <input class="input" readonly value={url} />
-            </p>
-          </div>
-        </div>
-      </div>
-    </CreatedSuccessfully>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/orders/create/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/orders/create/index.tsx
deleted file mode 100644
index 2474fd042..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/orders/create/index.tsx
+++ /dev/null
@@ -1,114 +0,0 @@
-/*
- 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 { ErrorType, HttpError } from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { Loading } from "../../../../components/exception/loading.js";
-import { NotificationCard } from "../../../../components/menu/index.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import { useInstanceDetails } from "../../../../hooks/instance.js";
-import { useOrderAPI } from "../../../../hooks/order.js";
-import { useInstanceProducts } from "../../../../hooks/product.js";
-import { Notification } from "../../../../utils/types.js";
-import { CreatePage } from "./CreatePage.js";
-import { HttpStatusCode } from "@gnu-taler/taler-util";
-
-export type Entity = {
-  request: MerchantBackend.Orders.PostOrderRequest;
-  response: MerchantBackend.Orders.PostOrderResponse;
-};
-interface Props {
-  onBack?: () => void;
-  onConfirm: (id: string) => void;
-  onUnauthorized: () => VNode;
-  onNotFound: () => VNode;
-  onLoadError: (error: HttpError<MerchantBackend.ErrorDetail>) => VNode;
-}
-export default function OrderCreate({
-  onConfirm,
-  onBack,
-  onLoadError,
-  onNotFound,
-  onUnauthorized,
-}: Props): VNode {
-  const { createOrder } = useOrderAPI();
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-
-  const detailsResult = useInstanceDetails();
-  const inventoryResult = useInstanceProducts();
-
-  if (detailsResult.loading) return <Loading />;
-  if (inventoryResult.loading) return <Loading />;
-
-  if (!detailsResult.ok) {
-    if (
-      detailsResult.type === ErrorType.CLIENT &&
-      detailsResult.status === HttpStatusCode.Unauthorized
-    )
-      return onUnauthorized();
-    if (
-      detailsResult.type === ErrorType.CLIENT &&
-      detailsResult.status === HttpStatusCode.NotFound
-    )
-      return onNotFound();
-    return onLoadError(detailsResult);
-  }
-
-  if (!inventoryResult.ok) {
-    if (
-      inventoryResult.type === ErrorType.CLIENT &&
-      inventoryResult.status === HttpStatusCode.Unauthorized
-    )
-      return onUnauthorized();
-    if (
-      inventoryResult.type === ErrorType.CLIENT &&
-      inventoryResult.status === HttpStatusCode.NotFound
-    )
-      return onNotFound();
-    return onLoadError(inventoryResult);
-  }
-
-  return (
-    <Fragment>
-      <NotificationCard notification={notif} />
-
-      <CreatePage
-        onBack={onBack}
-        onCreate={(request: MerchantBackend.Orders.PostOrderRequest) => {
-          createOrder(request)
-            .then((r) => {
-              return onConfirm(r.data.order_id)
-            })
-            .catch((error) => {
-              setNotif({
-                message: "could not create order",
-                type: "ERROR",
-                description: error.message,
-              });
-            });
-        }}
-        instanceConfig={detailsResult.data}
-        instanceInventory={inventoryResult.data}
-      />
-    </Fragment>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/orders/details/Detail.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/orders/details/Detail.stories.tsx
deleted file mode 100644
index 6e73a01a5..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/orders/details/Detail.stories.tsx
+++ /dev/null
@@ -1,135 +0,0 @@
-/*
- 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 { addDays } from "date-fns";
-import { h, VNode, FunctionalComponent } from "preact";
-import { MerchantBackend } from "../../../../declaration.js";
-import { DetailPage as TestedComponent } from "./DetailPage.js";
-
-export default {
-  title: "Pages/Order/Detail",
-  component: TestedComponent,
-  argTypes: {
-    onRefund: { action: "onRefund" },
-    onBack: { action: "onBack" },
-  },
-};
-
-function createExample<Props>(
-  Component: FunctionalComponent<Props>,
-  props: Partial<Props>,
-) {
-  const r = (args: any) => <Component {...args} />;
-  r.args = props;
-  return r;
-}
-
-const defaultContractTerm = {
-  amount: "TESTKUDOS:10",
-  timestamp: {
-    t_s: new Date().getTime() / 1000,
-  },
-  auditors: [],
-  exchanges: [],
-  max_fee: "TESTKUDOS:1",
-  merchant: {} as any,
-  merchant_base_url: "http://merchant.url/",
-  order_id: "2021.165-03GDFC26Y1NNG",
-  products: [],
-  summary: "text summary",
-  wire_transfer_deadline: {
-    t_s: "never",
-  },
-  refund_deadline: { t_s: "never" },
-  merchant_pub: "ASDASDASDSd",
-  nonce: "QWEQWEQWE",
-  pay_deadline: {
-    t_s: "never",
-  },
-  wire_method: "x-taler-bank",
-  h_wire: "asd",
-} as MerchantBackend.ContractTerms;
-
-// contract_terms: defaultContracTerm,
-export const Claimed = createExample(TestedComponent, {
-  id: "2021.165-03GDFC26Y1NNG",
-  selected: {
-    order_status: "claimed",
-    contract_terms: defaultContractTerm,
-  },
-});
-
-export const PaidNotRefundable = createExample(TestedComponent, {
-  id: "2021.165-03GDFC26Y1NNG",
-  selected: {
-    order_status: "paid",
-    contract_terms: defaultContractTerm,
-    refunded: false,
-    deposit_total: "TESTKUDOS:10",
-    exchange_ec: 0,
-    order_status_url: "http://merchant.backend/status",
-    exchange_hc: 0,
-    refund_amount: "TESTKUDOS:0",
-    refund_details: [],
-    refund_pending: false,
-    wire_details: [],
-    wire_reports: [],
-    wired: false,
-  },
-});
-
-export const PaidRefundable = createExample(TestedComponent, {
-  id: "2021.165-03GDFC26Y1NNG",
-  selected: {
-    order_status: "paid",
-    contract_terms: {
-      ...defaultContractTerm,
-      refund_deadline: {
-        t_s: addDays(new Date(), 2).getTime() / 1000,
-      },
-    },
-    refunded: false,
-    deposit_total: "TESTKUDOS:10",
-    exchange_ec: 0,
-    order_status_url: "http://merchant.backend/status",
-    exchange_hc: 0,
-    refund_amount: "TESTKUDOS:0",
-    refund_details: [],
-    refund_pending: false,
-    wire_details: [],
-    wire_reports: [],
-    wired: false,
-  },
-});
-
-export const Unpaid = createExample(TestedComponent, {
-  id: "2021.165-03GDFC26Y1NNG",
-  selected: {
-    order_status: "unpaid",
-    order_status_url: "http://merchant.backend/status",
-    creation_time: {
-      t_s: new Date().getTime() / 1000,
-    },
-    summary: "text summary",
-    taler_pay_uri: "pay uri",
-    total_amount: "TESTKUDOS:10",
-  },
-});
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/orders/details/DetailPage.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/orders/details/DetailPage.tsx
deleted file mode 100644
index 5ff76e37a..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/orders/details/DetailPage.tsx
+++ /dev/null
@@ -1,770 +0,0 @@
-/*
- 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 { AmountJson, Amounts, stringifyRefundUri } from "@gnu-taler/taler-util";
-import { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { format, formatDistance } from "date-fns";
-import { Fragment, VNode, h } from "preact";
-import { useState } from "preact/hooks";
-import { FormProvider } from "../../../../components/form/FormProvider.js";
-import { Input } from "../../../../components/form/Input.js";
-import { InputCurrency } from "../../../../components/form/InputCurrency.js";
-import { InputDate } from "../../../../components/form/InputDate.js";
-import { InputDuration } from "../../../../components/form/InputDuration.js";
-import { InputGroup } from "../../../../components/form/InputGroup.js";
-import { InputLocation } from "../../../../components/form/InputLocation.js";
-import { TextField } from "../../../../components/form/TextField.js";
-import { ProductList } from "../../../../components/product/ProductList.js";
-import { useBackendContext } from "../../../../context/backend.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import { datetimeFormatForSettings, useSettings } from "../../../../hooks/useSettings.js";
-import { mergeRefunds } from "../../../../utils/amount.js";
-import { RefundModal } from "../list/Table.js";
-import { Event, Timeline } from "./Timeline.js";
-
-type Entity = MerchantBackend.Orders.MerchantOrderStatusResponse;
-type CT = MerchantBackend.ContractTerms;
-
-interface Props {
-  onBack: () => void;
-  selected: Entity;
-  id: string;
-  onRefund: (id: string, value: MerchantBackend.Orders.RefundRequest) => void;
-}
-
-type Paid = MerchantBackend.Orders.CheckPaymentPaidResponse & {
-  refund_taken: string;
-};
-type Unpaid = MerchantBackend.Orders.CheckPaymentUnpaidResponse;
-type Claimed = MerchantBackend.Orders.CheckPaymentClaimedResponse;
-
-function ContractTerms({ value }: { value: CT }) {
-  const { i18n } = useTranslationContext();
-
-  return (
-    <InputGroup name="contract_terms" label={i18n.str`Contract Terms`}>
-      <FormProvider<CT> object={value} valueHandler={null}>
-        <Input<CT>
-          readonly
-          name="summary"
-          label={i18n.str`Summary`}
-          tooltip={i18n.str`human-readable description of the whole purchase`}
-        />
-        <InputCurrency<CT>
-          readonly
-          name="amount"
-          label={i18n.str`Amount`}
-          tooltip={i18n.str`total price for the transaction`}
-        />
-        {value.fulfillment_url && (
-          <Input<CT>
-            readonly
-            name="fulfillment_url"
-            label={i18n.str`Fulfillment URL`}
-            tooltip={i18n.str`URL for this purchase`}
-          />
-        )}
-        <Input<CT>
-          readonly
-          name="max_fee"
-          label={i18n.str`Max fee`}
-          tooltip={i18n.str`maximum total deposit fee accepted by the merchant for this contract`}
-        />
-        <InputDate<CT>
-          readonly
-          name="timestamp"
-          label={i18n.str`Created at`}
-          tooltip={i18n.str`time when this contract was generated`}
-        />
-        <InputDate<CT>
-          readonly
-          name="refund_deadline"
-          label={i18n.str`Refund deadline`}
-          tooltip={i18n.str`after this deadline has passed no refunds will be accepted`}
-        />
-        <InputDate<CT>
-          readonly
-          name="pay_deadline"
-          label={i18n.str`Payment deadline`}
-          tooltip={i18n.str`after this deadline, the merchant won't accept payments for the contract`}
-        />
-        <InputDate<CT>
-          readonly
-          name="wire_transfer_deadline"
-          label={i18n.str`Wire transfer deadline`}
-          tooltip={i18n.str`transfer deadline for the exchange`}
-        />
-        <InputDate<CT>
-          readonly
-          name="delivery_date"
-          label={i18n.str`Delivery date`}
-          tooltip={i18n.str`time indicating when the order should be delivered`}
-        />
-        {value.delivery_date && (
-          <InputGroup
-            name="delivery_location"
-            label={i18n.str`Location`}
-            tooltip={i18n.str`where the order will be delivered`}
-          >
-            <InputLocation name="payments.delivery_location" />
-          </InputGroup>
-        )}
-        <InputDuration<CT>
-          readonly
-          name="auto_refund"
-          label={i18n.str`Auto-refund delay`}
-          tooltip={i18n.str`how long the wallet should try to get an automatic refund for the purchase`}
-        />
-        <Input<CT>
-          readonly
-          name="extra"
-          label={i18n.str`Extra info`}
-          tooltip={i18n.str`extra data that is only interpreted by the merchant frontend`}
-        />
-      </FormProvider>
-    </InputGroup>
-  );
-}
-
-function ClaimedPage({
-  id,
-  order,
-}: {
-  id: string;
-  order: MerchantBackend.Orders.CheckPaymentClaimedResponse;
-}) {
-  const events: Event[] = [];
-  if (order.contract_terms.timestamp.t_s !== "never") {
-    events.push({
-      when: new Date(order.contract_terms.timestamp.t_s * 1000),
-      description: "order created",
-      type: "start",
-    });
-  }
-  if (order.contract_terms.pay_deadline.t_s !== "never") {
-    events.push({
-      when: new Date(order.contract_terms.pay_deadline.t_s * 1000),
-      description: "pay deadline",
-      type: "deadline",
-    });
-  }
-  if (order.contract_terms.refund_deadline.t_s !== "never") {
-    events.push({
-      when: new Date(order.contract_terms.refund_deadline.t_s * 1000),
-      description: "refund deadline",
-      type: "deadline",
-    });
-  }
-  if (order.contract_terms.wire_transfer_deadline.t_s !== "never") {
-    events.push({
-      when: new Date(order.contract_terms.wire_transfer_deadline.t_s * 1000),
-      description: "wire deadline",
-      type: "deadline",
-    });
-  }
-  if (
-    order.contract_terms.delivery_date &&
-    order.contract_terms.delivery_date.t_s !== "never"
-  ) {
-    events.push({
-      when: new Date(order.contract_terms.delivery_date?.t_s * 1000),
-      description: "delivery",
-      type: "delivery",
-    });
-  }
-
-  const [value, valueHandler] = useState<Partial<Claimed>>(order);
-  const { i18n } = useTranslationContext();
-  const [settings] = useSettings()
-
-  return (
-    <div>
-      <section class="section">
-        <div class="columns">
-          <div class="column" />
-          <div class="column is-10">
-            <section class="hero is-hero-bar">
-              <div class="hero-body">
-                <div class="level">
-                  <div class="level-left">
-                    <div class="level-item">
-                      <i18n.Translate>Order</i18n.Translate> #{id}
-                      <div class="tag is-info ml-4">
-                        <i18n.Translate>claimed</i18n.Translate>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-
-                <div class="level">
-                  <div class="level-left">
-                    <div class="level-item">
-                      <h1 class="title">{order.contract_terms.amount}</h1>
-                    </div>
-                  </div>
-                </div>
-
-                <div class="level">
-                  <div class="level-left" style={{ maxWidth: "100%" }}>
-                    <div class="level-item" style={{ maxWidth: "100%" }}>
-                      <div
-                        class="content"
-                        style={{
-                          whiteSpace: "nowrap",
-                          overflow: "hidden",
-                          textOverflow: "ellipsis",
-                        }}
-                      >
-                        <p>
-                          <b>
-                            <i18n.Translate>claimed at</i18n.Translate>:
-                          </b>{" "}
-                          {format(
-                            new Date(order.contract_terms.timestamp.t_s * 1000),
-                            datetimeFormatForSettings(settings)
-                          )}
-                        </p>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </section>
-
-            <section class="section">
-              <div class="columns">
-                <div class="column is-4">
-                  <div class="title">
-                    <i18n.Translate>Timeline</i18n.Translate>
-                  </div>
-                  <Timeline events={events} />
-                </div>
-                <div class="column is-8">
-                  <div class="title">
-                    <i18n.Translate>Payment details</i18n.Translate>
-                  </div>
-                  <FormProvider<Claimed>
-                    object={value}
-                    valueHandler={valueHandler}
-                  >
-                    <Input
-                      name="contract_terms.summary"
-                      readonly
-                      inputType="multiline"
-                      label={i18n.str`Summary`}
-                    />
-                    <InputCurrency
-                      name="contract_terms.amount"
-                      readonly
-                      label={i18n.str`Amount`}
-                    />
-                    <Input<Claimed>
-                      name="order_status"
-                      readonly
-                      label={i18n.str`Order status`}
-                    />
-                  </FormProvider>
-                </div>
-              </div>
-            </section>
-
-            {order.contract_terms.products.length ? (
-              <Fragment>
-                <div class="title">
-                  <i18n.Translate>Product list</i18n.Translate>
-                </div>
-                <ProductList list={order.contract_terms.products} />
-              </Fragment>
-            ) : undefined}
-
-            {value.contract_terms && (
-              <ContractTerms value={value.contract_terms} />
-            )}
-          </div>
-          <div class="column" />
-        </div>
-      </section>
-    </div>
-  );
-}
-function PaidPage({
-  id,
-  order,
-  onRefund,
-}: {
-  id: string;
-  order: MerchantBackend.Orders.CheckPaymentPaidResponse;
-  onRefund: (id: string) => void;
-}) {
-  const events: Event[] = [];
-  if (order.contract_terms.timestamp.t_s !== "never") {
-    events.push({
-      when: new Date(order.contract_terms.timestamp.t_s * 1000),
-      description: "order created",
-      type: "start",
-    });
-  }
-  if (order.contract_terms.pay_deadline.t_s !== "never") {
-    events.push({
-      when: new Date(order.contract_terms.pay_deadline.t_s * 1000),
-      description: "pay deadline",
-      type: "deadline",
-    });
-  }
-  if (order.contract_terms.refund_deadline.t_s !== "never") {
-    events.push({
-      when: new Date(order.contract_terms.refund_deadline.t_s * 1000),
-      description: "refund deadline",
-      type: "deadline",
-    });
-  }
-  if (order.contract_terms.wire_transfer_deadline.t_s !== "never") {
-    events.push({
-      when: new Date(order.contract_terms.wire_transfer_deadline.t_s * 1000),
-      description: "wire deadline",
-      type: "deadline",
-    });
-  }
-  if (
-    order.contract_terms.delivery_date &&
-    order.contract_terms.delivery_date.t_s !== "never"
-  ) {
-    if (order.contract_terms.delivery_date)
-      events.push({
-        when: new Date(order.contract_terms.delivery_date?.t_s * 1000),
-        description: "delivery",
-        type: "delivery",
-      });
-  }
-  order.refund_details.reduce(mergeRefunds, []).forEach((e) => {
-    if (e.timestamp.t_s !== "never") {
-      events.push({
-        when: new Date(e.timestamp.t_s * 1000),
-        description: `refund: ${e.amount}: ${e.reason}`,
-        type: e.pending ? "refund" : "refund-taken",
-      });
-    }
-  });
-  if (order.wire_details && order.wire_details.length) {
-    if (order.wire_details.length > 1) {
-      let last: MerchantBackend.Orders.TransactionWireTransfer | null = null;
-      let first: MerchantBackend.Orders.TransactionWireTransfer | null = null;
-      let total: AmountJson | null = null;
-
-      order.wire_details.forEach((w) => {
-        if (last === null || last.execution_time.t_s < w.execution_time.t_s) {
-          last = w;
-        }
-        if (first === null || first.execution_time.t_s > w.execution_time.t_s) {
-          first = w;
-        }
-        total =
-          total === null
-            ? Amounts.parseOrThrow(w.amount)
-            : Amounts.add(total, Amounts.parseOrThrow(w.amount)).amount;
-      });
-      const last_time = last!.execution_time.t_s;
-      if (last_time !== "never") {
-        events.push({
-          when: new Date(last_time * 1000),
-          description: `wired ${Amounts.stringify(total!)}`,
-          type: "wired-range",
-        });
-      }
-      const first_time = first!.execution_time.t_s;
-      if (first_time !== "never") {
-        events.push({
-          when: new Date(first_time * 1000),
-          description: `wire transfer started...`,
-          type: "wired-range",
-        });
-      }
-    } else {
-      order.wire_details.forEach((e) => {
-        if (e.execution_time.t_s !== "never") {
-          events.push({
-            when: new Date(e.execution_time.t_s * 1000),
-            description: `wired ${e.amount}`,
-            type: "wired",
-          });
-        }
-      });
-    }
-  }
-
-  const now = new Date()
-  const nextEvent = events.find((e) => {
-    return e.when.getTime() > now.getTime()
-  })
-
-  const [value, valueHandler] = useState<Partial<Paid>>(order);
-  const { url: backendURL } = useBackendContext()
-  const refundurl = stringifyRefundUri({
-    merchantBaseUrl: backendURL,
-    orderId: order.contract_terms.order_id
-  })
-  const refundable =
-    new Date().getTime() < order.contract_terms.refund_deadline.t_s * 1000;
-  const { i18n } = useTranslationContext();
-
-  const amount = Amounts.parseOrThrow(order.contract_terms.amount);
-  const refund_taken = order.refund_details.reduce((prev, cur) => {
-    if (cur.pending) return prev;
-    return Amounts.add(prev, Amounts.parseOrThrow(cur.amount)).amount;
-  }, Amounts.zeroOfCurrency(amount.currency));
-  value.refund_taken = Amounts.stringify(refund_taken);
-
-  return (
-    <div>
-      <section class="section">
-        <div class="columns">
-          <div class="column" />
-          <div class="column is-10">
-            <section class="hero is-hero-bar">
-              <div class="hero-body">
-                <div class="level">
-                  <div class="level-left">
-                    <div class="level-item">
-                      <i18n.Translate>Order</i18n.Translate> #{id}
-                      <div class="tag is-success ml-4">
-                        <i18n.Translate>paid</i18n.Translate>
-                      </div>
-                      {order.wired ? (
-                        <div class="tag is-success ml-4">
-                          <i18n.Translate>wired</i18n.Translate>
-                        </div>
-                      ) : null}
-                      {order.refunded ? (
-                        <div class="tag is-danger ml-4">
-                          <i18n.Translate>refunded</i18n.Translate>
-                        </div>
-                      ) : null}
-                    </div>
-                  </div>
-                </div>
-                <div class="level">
-                  <div class="level-left">
-                    <div class="level-item">
-                      <h1 class="title">{order.contract_terms.amount}</h1>
-                    </div>
-                  </div>
-                  <div class="level-right">
-                    <div class="level-item">
-                      <h1 class="title">
-                        <div class="buttons">
-                          <span
-                            class="has-tooltip-left"
-                            data-tooltip={
-                              refundable
-                                ? i18n.str`refund order`
-                                : i18n.str`not refundable`
-                            }
-                          >
-                            <button
-                              class="button is-danger"
-                              disabled={!refundable}
-                              onClick={() => onRefund(id)}
-                            >
-                              <i18n.Translate>refund</i18n.Translate>
-                            </button>
-                          </span>
-                        </div>
-                      </h1>
-                    </div>
-                  </div>
-                </div>
-
-                <div class="level">
-                  <div class="level-left" style={{ maxWidth: "100%" }}>
-                    <div class="level-item" style={{ maxWidth: "100%" }}>
-                      <div
-                        class="content"
-                        style={{
-                          whiteSpace: "nowrap",
-                          overflow: "hidden",
-                          textOverflow: "ellipsis",
-                        }}
-                      >
-                        {nextEvent &&
-                          <p>
-                            <i18n.Translate>Next event in </i18n.Translate> {formatDistance(
-                              nextEvent.when,
-                              new Date(),
-                              // "yyyy/MM/dd HH:mm:ss",
-                            )}
-                          </p>
-                        }
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </section>
-
-            <section class="section">
-              <div class="columns">
-                <div class="column is-4">
-                  <div class="title">
-                    <i18n.Translate>Timeline</i18n.Translate>
-                  </div>
-                  <Timeline events={events} />
-                </div>
-                <div class="column is-8">
-                  <div class="title">
-                    <i18n.Translate>Payment details</i18n.Translate>
-                  </div>
-                  <FormProvider<Paid>
-                    object={value}
-                    valueHandler={valueHandler}
-                  >
-                    {/* <InputCurrency<Paid> name="deposit_total" readonly label={i18n.str`Deposit total`} /> */}
-                    {order.refunded && (
-                      <InputCurrency<Paid>
-                        name="refund_amount"
-                        readonly
-                        label={i18n.str`Refunded amount`}
-                      />
-                    )}
-                    {order.refunded && (
-                      <InputCurrency<Paid>
-                        name="refund_taken"
-                        readonly
-                        label={i18n.str`Refund taken`}
-                      />
-                    )}
-                    <Input<Paid>
-                      name="order_status"
-                      readonly
-                      label={i18n.str`Order status`}
-                    />
-                    <TextField<Paid>
-                      name="order_status_url"
-                      label={i18n.str`Status URL`}
-                    >
-                      <a
-                        target="_blank"
-                        rel="noreferrer"
-                        href={order.order_status_url}
-                      >
-                        {order.order_status_url}
-                      </a>
-                    </TextField>
-                    {order.refunded && (
-                      <TextField<Paid>
-                        name="order_status_url"
-                        label={i18n.str`Refund URI`}
-                      >
-                        <a target="_blank" rel="noreferrer" href={refundurl}>
-                          {refundurl}
-                        </a>
-                      </TextField>
-                    )}
-                  </FormProvider>
-                </div>
-              </div>
-            </section>
-
-            {order.contract_terms.products.length ? (
-              <Fragment>
-                <div class="title">
-                  <i18n.Translate>Product list</i18n.Translate>
-                </div>
-                <ProductList list={order.contract_terms.products} />
-              </Fragment>
-            ) : undefined}
-
-            {value.contract_terms && (
-              <ContractTerms value={value.contract_terms} />
-            )}
-          </div>
-          <div class="column" />
-        </div>
-      </section>
-    </div>
-  );
-}
-
-function UnpaidPage({
-  id,
-  order,
-}: {
-  id: string;
-  order: MerchantBackend.Orders.CheckPaymentUnpaidResponse;
-}) {
-  const [value, valueHandler] = useState<Partial<Unpaid>>(order);
-  const { i18n } = useTranslationContext();
-  const [settings] = useSettings()
-  return (
-    <div>
-      <section class="hero is-hero-bar">
-        <div class="hero-body">
-          <div class="level">
-            <div class="level-left">
-              <div class="level-item">
-                <h1 class="title">
-                  <i18n.Translate>Order</i18n.Translate> #{id}
-                </h1>
-              </div>
-              <div class="tag is-dark">
-                <i18n.Translate>unpaid</i18n.Translate>
-              </div>
-            </div>
-          </div>
-
-          <div class="level">
-            <div class="level-left" style={{ maxWidth: "100%" }}>
-              <div class="level-item" style={{ maxWidth: "100%" }}>
-                <div
-                  class="content"
-                  style={{
-                    whiteSpace: "nowrap",
-                    overflow: "hidden",
-                    textOverflow: "ellipsis",
-                  }}
-                >
-                  <p>
-                    <b>
-                      <i18n.Translate>pay at</i18n.Translate>:
-                    </b>{" "}
-                    <a
-                      href={order.order_status_url}
-                      rel="nofollow"
-                      target="new"
-                    >
-                      {order.order_status_url}
-                    </a>
-                  </p>
-                  <p>
-                    <b>
-                      <i18n.Translate>created at</i18n.Translate>:
-                    </b>{" "}
-                    {order.creation_time.t_s === "never"
-                      ? "never"
-                      : format(
-                        new Date(order.creation_time.t_s * 1000),
-                        datetimeFormatForSettings(settings)
-                      )}
-                  </p>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </section>
-
-      <section class="section is-main-section">
-        <div class="columns">
-          <div class="column" />
-          <div class="column is-four-fifths">
-            <FormProvider<Unpaid> object={value} valueHandler={valueHandler}>
-              <Input<Unpaid>
-                readonly
-                name="summary"
-                label={i18n.str`Summary`}
-                tooltip={i18n.str`human-readable description of the whole purchase`}
-              />
-              <InputCurrency<Unpaid>
-                readonly
-                name="total_amount"
-                label={i18n.str`Amount`}
-                tooltip={i18n.str`total price for the transaction`}
-              />
-              <Input<Unpaid>
-                name="order_status"
-                readonly
-                label={i18n.str`Order status`}
-              />
-              <Input<Unpaid>
-                name="order_status_url"
-                readonly
-                label={i18n.str`Order status URL`}
-              />
-              <TextField<Unpaid>
-                name="taler_pay_uri"
-                label={i18n.str`Payment URI`}
-              >
-                <a target="_blank" rel="noreferrer" href={value.taler_pay_uri}>
-                  {value.taler_pay_uri}
-                </a>
-              </TextField>
-            </FormProvider>
-          </div>
-          <div class="column" />
-        </div>
-      </section>
-    </div>
-  );
-}
-
-export function DetailPage({ id, selected, onRefund, onBack }: Props): VNode {
-  const [showRefund, setShowRefund] = useState<string | undefined>(undefined);
-  const { i18n } = useTranslationContext();
-  const DetailByStatus = function () {
-    switch (selected.order_status) {
-      case "claimed":
-        return <ClaimedPage id={id} order={selected} />;
-      case "paid":
-        return <PaidPage id={id} order={selected} onRefund={setShowRefund} />;
-      case "unpaid":
-        return <UnpaidPage id={id} order={selected} />;
-      default:
-        return (
-          <div>
-            <i18n.Translate>
-              Unknown order status. This is an error, please contact the
-              administrator.
-            </i18n.Translate>
-          </div>
-        );
-    }
-  };
-
-  return (
-    <Fragment>
-      {DetailByStatus()}
-      {showRefund && (
-        <RefundModal
-          order={selected}
-          onCancel={() => setShowRefund(undefined)}
-          onConfirm={(value) => {
-            onRefund(showRefund, value);
-            setShowRefund(undefined);
-          }}
-        />
-      )}
-      <div class="columns">
-        <div class="column" />
-        <div class="column is-four-fifths">
-          <div class="buttons is-right mt-5">
-            <button class="button" onClick={onBack}>
-              <i18n.Translate>Back</i18n.Translate>
-            </button>
-          </div>
-        </div>
-        <div class="column" />
-      </div>
-    </Fragment>
-  );
-}
-
-async function copyToClipboard(text: string) {
-  return navigator.clipboard.writeText(text);
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/orders/details/Timeline.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/orders/details/Timeline.tsx
deleted file mode 100644
index 8c863f386..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/orders/details/Timeline.tsx
+++ /dev/null
@@ -1,129 +0,0 @@
-/*
- 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/>
- */
-import { format } from "date-fns";
-import { h } from "preact";
-import { useEffect, useState } from "preact/hooks";
-import { datetimeFormatForSettings, useSettings } from "../../../../hooks/useSettings.js";
-
-interface Props {
-  events: Event[];
-}
-
-export function Timeline({ events: e }: Props) {
-  const events = [...e];
-  events.push({
-    when: new Date(),
-    description: "now",
-    type: "now",
-  });
-
-  events.sort((a, b) => a.when.getTime() - b.when.getTime());
-  const [settings] = useSettings();
-  const [state, setState] = useState(events);
-  useEffect(() => {
-    const handle = setTimeout(() => {
-      const eventsWithoutNow = state.filter((e) => e.type !== "now");
-      eventsWithoutNow.push({
-        when: new Date(),
-        description: "now",
-        type: "now",
-      });
-      setState(eventsWithoutNow);
-    }, 1000);
-    return () => {
-      clearTimeout(handle);
-    };
-  });
-  return (
-    <div class="timeline">
-      {events.map((e, i) => {
-        return (
-          <div key={i} class="timeline-item">
-            {(() => {
-              switch (e.type) {
-                case "deadline":
-                  return (
-                    <div class="timeline-marker is-icon ">
-                      <i class="mdi mdi-flag" />
-                    </div>
-                  );
-                case "delivery":
-                  return (
-                    <div class="timeline-marker is-icon ">
-                      <i class="mdi mdi-delivery" />
-                    </div>
-                  );
-                case "start":
-                  return (
-                    <div class="timeline-marker is-icon">
-                      <i class="mdi mdi-flag " />
-                    </div>
-                  );
-                case "wired":
-                  return (
-                    <div class="timeline-marker is-icon is-success">
-                      <i class="mdi mdi-cash" />
-                    </div>
-                  );
-                case "wired-range":
-                  return (
-                    <div class="timeline-marker is-icon is-success">
-                      <i class="mdi mdi-cash" />
-                    </div>
-                  );
-                case "refund":
-                  return (
-                    <div class="timeline-marker is-icon is-danger">
-                      <i class="mdi mdi-cash" />
-                    </div>
-                  );
-                case "refund-taken":
-                  return (
-                    <div class="timeline-marker is-icon is-success">
-                      <i class="mdi mdi-cash" />
-                    </div>
-                  );
-                case "now":
-                  return (
-                    <div class="timeline-marker is-icon is-info">
-                      <i class="mdi mdi-clock" />
-                    </div>
-                  );
-              }
-            })()}
-            <div class="timeline-content">
-              {e.description !== "now" && <p class="heading">{format(e.when, datetimeFormatForSettings(settings))}</p>}
-              <p>{e.description}</p>
-            </div>
-          </div>
-        );
-      })}
-    </div>
-  );
-}
-export interface Event {
-  when: Date;
-  description: string;
-  type:
-  | "start"
-  | "refund"
-  | "refund-taken"
-  | "wired"
-  | "wired-range"
-  | "deadline"
-  | "delivery"
-  | "now";
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/orders/details/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/orders/details/index.tsx
deleted file mode 100644
index 1517a3c42..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/orders/details/index.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-/*
- 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/>
- */
-import {
-  useTranslationContext,
-  HttpError,
-  ErrorType,
-} from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { Loading } from "../../../../components/exception/loading.js";
-import { NotificationCard } from "../../../../components/menu/index.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import { useOrderAPI, useOrderDetails } from "../../../../hooks/order.js";
-import { Notification } from "../../../../utils/types.js";
-import { DetailPage } from "./DetailPage.js";
-import { HttpStatusCode } from "@gnu-taler/taler-util";
-
-export interface Props {
-  oid: string;
-
-  onBack: () => void;
-  onUnauthorized: () => VNode;
-  onNotFound: () => VNode;
-  onLoadError: (error: HttpError<MerchantBackend.ErrorDetail>) => VNode;
-}
-
-export default function Update({
-  oid,
-  onBack,
-  onLoadError,
-  onNotFound,
-  onUnauthorized,
-}: Props): VNode {
-  const { refundOrder } = useOrderAPI();
-  const result = useOrderDetails(oid);
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-
-  const { i18n } = useTranslationContext();
-
-  if (result.loading) return <Loading />;
-  if (!result.ok) {
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.Unauthorized
-    )
-      return onUnauthorized();
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.NotFound
-    )
-      return onNotFound();
-    return onLoadError(result);
-  }
-
-  return (
-    <Fragment>
-      <NotificationCard notification={notif} />
-
-      <DetailPage
-        onBack={onBack}
-        id={oid}
-        onRefund={(id, value) =>
-          refundOrder(id, value)
-            .then(() =>
-              setNotif({
-                message: i18n.str`refund created successfully`,
-                type: "SUCCESS",
-              }),
-            )
-            .catch((error) =>
-              setNotif({
-                message: i18n.str`could not create the refund`,
-                type: "ERROR",
-                description: error.message,
-              }),
-            )
-        }
-        selected={result.data}
-      />
-    </Fragment>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/orders/list/List.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/orders/list/List.stories.tsx
deleted file mode 100644
index 156c577f4..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/orders/list/List.stories.tsx
+++ /dev/null
@@ -1,107 +0,0 @@
-/*
- 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";
-
-export default {
-  title: "Pages/Order/List",
-  component: TestedComponent,
-  argTypes: {
-    onShowAll: { action: "onShowAll" },
-    onShowPaid: { action: "onShowPaid" },
-    onShowRefunded: { action: "onShowRefunded" },
-    onShowNotWired: { action: "onShowNotWired" },
-    onCopyURL: { action: "onCopyURL" },
-    onSelectDate: { action: "onSelectDate" },
-    onLoadMoreBefore: { action: "onLoadMoreBefore" },
-    onLoadMoreAfter: { action: "onLoadMoreAfter" },
-    onSelectOrder: { action: "onSelectOrder" },
-    onRefundOrder: { action: "onRefundOrder" },
-    onSearchOrderById: { action: "onSearchOrderById" },
-    onCreate: { action: "onCreate" },
-  },
-};
-
-function createExample<Props>(
-  Component: FunctionalComponent<Props>,
-  props: Partial<Props>,
-) {
-  const r = (args: any) => <Component {...args} />;
-  r.args = props;
-  return r;
-}
-
-export const Example = createExample(TestedComponent, {
-  orders: [
-    {
-      id: "123",
-      amount: "TESTKUDOS:10",
-      paid: false,
-      refundable: true,
-      row_id: 1,
-      summary: "summary",
-      timestamp: {
-        t_s: new Date().getTime() / 1000,
-      },
-      order_id: "123",
-    },
-    {
-      id: "234",
-      amount: "TESTKUDOS:12",
-      paid: true,
-      refundable: true,
-      row_id: 2,
-      summary:
-        "summary with long text, very very long text that someone want to add as a description of the order",
-      timestamp: {
-        t_s: new Date().getTime() / 1000,
-      },
-      order_id: "234",
-    },
-    {
-      id: "456",
-      amount: "TESTKUDOS:1",
-      paid: false,
-      refundable: false,
-      row_id: 3,
-      summary:
-        "summary with long text, very very long text that someone want to add as a description of the order",
-      timestamp: {
-        t_s: new Date().getTime() / 1000,
-      },
-      order_id: "456",
-    },
-    {
-      id: "234",
-      amount: "TESTKUDOS:12",
-      paid: false,
-      refundable: false,
-      row_id: 4,
-      summary:
-        "summary with long text, very very long text that someone want to add as a description of the order",
-      timestamp: {
-        t_s: new Date().getTime() / 1000,
-      },
-      order_id: "234",
-    },
-  ],
-});
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/orders/list/ListPage.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/orders/list/ListPage.tsx
deleted file mode 100644
index 9f80719a1..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/orders/list/ListPage.tsx
+++ /dev/null
@@ -1,226 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { format } from "date-fns";
-import { h, VNode, Fragment } from "preact";
-import { useState } from "preact/hooks";
-import { DatePicker } from "../../../../components/picker/DatePicker.js";
-import { MerchantBackend, WithId } from "../../../../declaration.js";
-import { CardTable } from "./Table.js";
-import { dateFormatForSettings, useSettings } from "../../../../hooks/useSettings.js";
-
-export interface ListPageProps {
-  onShowAll: () => void;
-  onShowNotPaid: () => void;
-  onShowPaid: () => void;
-  onShowRefunded: () => void;
-  onShowNotWired: () => void;
-  onShowWired: () => void;
-  onCopyURL: (id: string) => void;
-  isAllActive: string;
-  isPaidActive: string;
-  isNotPaidActive: string;
-  isRefundedActive: string;
-  isNotWiredActive: string;
-  isWiredActive: string;
-
-  jumpToDate?: Date;
-  onSelectDate: (date?: Date) => void;
-
-  orders: (MerchantBackend.Orders.OrderHistoryEntry & WithId)[];
-  onLoadMoreBefore?: () => void;
-  hasMoreBefore?: boolean;
-  hasMoreAfter?: boolean;
-  onLoadMoreAfter?: () => void;
-
-  onSelectOrder: (o: MerchantBackend.Orders.OrderHistoryEntry & WithId) => void;
-  onRefundOrder: (o: MerchantBackend.Orders.OrderHistoryEntry & WithId) => void;
-  onCreate: () => void;
-}
-
-export function ListPage({
-  hasMoreAfter,
-  hasMoreBefore,
-  onLoadMoreAfter,
-  onLoadMoreBefore,
-  orders,
-  isAllActive,
-  onSelectOrder,
-  onRefundOrder,
-  jumpToDate,
-  onCopyURL,
-  onShowAll,
-  onShowPaid,
-  onShowNotPaid,
-  onShowRefunded,
-  onShowNotWired,
-  onShowWired,
-  onSelectDate,
-  isPaidActive,
-  isRefundedActive,
-  isNotWiredActive,
-  onCreate,
-  isNotPaidActive,
-  isWiredActive,
-}: ListPageProps): VNode {
-  const { i18n } = useTranslationContext();
-  const dateTooltip = i18n.str`select date to show nearby orders`;
-  const [pickDate, setPickDate] = useState(false);
-  const [settings] = useSettings();
-
-  return (
-    <Fragment>
-      <div class="columns">
-        <div class="column is-two-thirds">
-          <div class="tabs" style={{ overflow: "inherit" }}>
-            <ul>
-              <li class={isNotPaidActive}>
-                <div
-                  class="has-tooltip-right"
-                  data-tooltip={i18n.str`only show paid orders`}
-                >
-                  <a onClick={onShowNotPaid}>
-                    <i18n.Translate>New</i18n.Translate>
-                  </a>
-                </div>
-              </li>
-              <li class={isPaidActive}>
-                <div
-                  class="has-tooltip-right"
-                  data-tooltip={i18n.str`only show paid orders`}
-                >
-                  <a onClick={onShowPaid}>
-                    <i18n.Translate>Paid</i18n.Translate>
-                  </a>
-                </div>
-              </li>
-              <li class={isRefundedActive}>
-                <div
-                  class="has-tooltip-right"
-                  data-tooltip={i18n.str`only show orders with refunds`}
-                >
-                  <a onClick={onShowRefunded}>
-                    <i18n.Translate>Refunded</i18n.Translate>
-                  </a>
-                </div>
-              </li>
-              <li class={isNotWiredActive}>
-                <div
-                  class="has-tooltip-left"
-                  data-tooltip={i18n.str`only show orders where customers paid, but wire payments from payment provider are still pending`}
-                >
-                  <a onClick={onShowNotWired}>
-                    <i18n.Translate>Not wired</i18n.Translate>
-                  </a>
-                </div>
-              </li>
-              <li class={isWiredActive}>
-                <div
-                  class="has-tooltip-left"
-                  data-tooltip={i18n.str`only show orders where customers paid, but wire payments from payment provider are still pending`}
-                >
-                  <a onClick={onShowWired}>
-                    <i18n.Translate>Completed</i18n.Translate>
-                  </a>
-                </div>
-              </li>
-              <li class={isAllActive}>
-                <div
-                  class="has-tooltip-right"
-                  data-tooltip={i18n.str`remove all filters`}
-                >
-                  <a onClick={onShowAll}>
-                    <i18n.Translate>All</i18n.Translate>
-                  </a>
-                </div>
-              </li>
-            </ul>
-          </div>
-        </div>
-        <div class="column ">
-          <div class="buttons is-right">
-            <div class="field has-addons">
-              {jumpToDate && (
-                <div class="control">
-                  <a class="button is-fullwidth" onClick={() => onSelectDate(undefined)}>
-                    <span
-                      class="icon"
-                      data-tooltip={i18n.str`clear date filter`}
-                    >
-                      <i class="mdi mdi-close" />
-                    </span>
-                  </a>
-                </div>
-              )}
-              <div class="control">
-                <span class="has-tooltip-top" data-tooltip={dateTooltip}>
-                  <input
-                    class="input"
-                    type="text"
-                    readonly
-                    value={!jumpToDate ? "" : format(jumpToDate, dateFormatForSettings(settings))}
-                    placeholder={i18n.str`date (${dateFormatForSettings(settings)})`}
-                    onClick={() => {
-                      setPickDate(true);
-                    }}
-                  />
-                </span>
-              </div>
-              <div class="control">
-                <span class="has-tooltip-left" data-tooltip={dateTooltip}>
-                  <a
-                    class="button  is-fullwidth"
-                    onClick={() => {
-                      setPickDate(true);
-                    }}
-                  >
-                    <span class="icon">
-                      <i class="mdi mdi-calendar" />
-                    </span>
-                  </a>
-                </span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <DatePicker
-        opened={pickDate}
-        closeFunction={() => setPickDate(false)}
-        dateReceiver={onSelectDate}
-      />
-
-      <CardTable
-        orders={orders}
-        onCreate={onCreate}
-        onCopyURL={onCopyURL}
-        onSelect={onSelectOrder}
-        onRefund={onRefundOrder}
-        hasMoreAfter={hasMoreAfter}
-        hasMoreBefore={hasMoreBefore}
-        onLoadMoreAfter={onLoadMoreAfter}
-        onLoadMoreBefore={onLoadMoreBefore}
-      />
-    </Fragment>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/orders/list/Table.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/orders/list/Table.tsx
deleted file mode 100644
index b2806bb79..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/orders/list/Table.tsx
+++ /dev/null
@@ -1,417 +0,0 @@
-/*
- 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 { Amounts } from "@gnu-taler/taler-util";
-import { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { format } from "date-fns";
-import { h, VNode } from "preact";
-import { StateUpdater, useState } from "preact/hooks";
-import {
-  FormErrors,
-  FormProvider,
-} from "../../../../components/form/FormProvider.js";
-import { Input } from "../../../../components/form/Input.js";
-import { InputCurrency } from "../../../../components/form/InputCurrency.js";
-import { InputGroup } from "../../../../components/form/InputGroup.js";
-import { InputSelector } from "../../../../components/form/InputSelector.js";
-import { ConfirmModal } from "../../../../components/modal/index.js";
-import { useConfigContext } from "../../../../context/config.js";
-import { MerchantBackend, WithId } from "../../../../declaration.js";
-import { mergeRefunds } from "../../../../utils/amount.js";
-import { datetimeFormatForSettings, useSettings } from "../../../../hooks/useSettings.js";
-
-type Entity = MerchantBackend.Orders.OrderHistoryEntry & WithId;
-interface Props {
-  orders: Entity[];
-  onRefund: (value: Entity) => void;
-  onCopyURL: (id: string) => void;
-  onCreate: () => void;
-  onSelect: (order: Entity) => void;
-  onLoadMoreBefore?: () => void;
-  hasMoreBefore?: boolean;
-  hasMoreAfter?: boolean;
-  onLoadMoreAfter?: () => void;
-}
-
-export function CardTable({
-  orders,
-  onCreate,
-  onRefund,
-  onCopyURL,
-  onSelect,
-  onLoadMoreAfter,
-  onLoadMoreBefore,
-  hasMoreAfter,
-  hasMoreBefore,
-}: Props): VNode {
-  const [rowSelection, rowSelectionHandler] = useState<string[]>([]);
-
-  const { i18n } = useTranslationContext();
-
-  return (
-    <div class="card has-table">
-      <header class="card-header">
-        <p class="card-header-title">
-          <span class="icon">
-            <i class="mdi mdi-cash-register" />
-          </span>
-          <i18n.Translate>Orders</i18n.Translate>
-        </p>
-
-        <div class="card-header-icon" aria-label="more options" />
-
-        <div class="card-header-icon" aria-label="more options">
-          <span class="has-tooltip-left" data-tooltip={i18n.str`create order`}>
-            <button class="button is-info" type="button" onClick={onCreate}>
-              <span class="icon is-small">
-                <i class="mdi mdi-plus mdi-36px" />
-              </span>
-            </button>
-          </span>
-        </div>
-      </header>
-      <div class="card-content">
-        <div class="b-table has-pagination">
-          <div class="table-wrapper has-mobile-cards">
-            {orders.length > 0 ? (
-              <Table
-                instances={orders}
-                onSelect={onSelect}
-                onRefund={onRefund}
-                onCopyURL={(o) => onCopyURL(o.id)}
-                rowSelection={rowSelection}
-                rowSelectionHandler={rowSelectionHandler}
-                onLoadMoreAfter={onLoadMoreAfter}
-                onLoadMoreBefore={onLoadMoreBefore}
-                hasMoreAfter={hasMoreAfter}
-                hasMoreBefore={hasMoreBefore}
-              />
-            ) : (
-              <EmptyTable />
-            )}
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
-interface TableProps {
-  rowSelection: string[];
-  instances: Entity[];
-  onRefund: (id: Entity) => void;
-  onCopyURL: (id: Entity) => void;
-  onSelect: (id: Entity) => void;
-  rowSelectionHandler: StateUpdater<string[]>;
-  onLoadMoreBefore?: () => void;
-  hasMoreBefore?: boolean;
-  hasMoreAfter?: boolean;
-  onLoadMoreAfter?: () => void;
-}
-
-function Table({
-  instances,
-  onSelect,
-  onRefund,
-  onCopyURL,
-  onLoadMoreAfter,
-  onLoadMoreBefore,
-  hasMoreAfter,
-  hasMoreBefore,
-}: TableProps): VNode {
-  const { i18n } = useTranslationContext();
-  const [settings] = useSettings();
-  return (
-    <div class="table-container">
-      {hasMoreBefore && (
-        <button
-          class="button is-fullwidth"
-          onClick={onLoadMoreBefore}
-        >
-          <i18n.Translate>load newer orders</i18n.Translate>
-        </button>
-      )}
-      <table class="table is-striped is-hoverable is-fullwidth">
-        <thead>
-          <tr>
-            <th style={{ minWidth: 100 }}>
-              <i18n.Translate>Date</i18n.Translate>
-            </th>
-            <th style={{ minWidth: 100 }}>
-              <i18n.Translate>Amount</i18n.Translate>
-            </th>
-            <th style={{ minWidth: 400 }}>
-              <i18n.Translate>Summary</i18n.Translate>
-            </th>
-            <th style={{ minWidth: 50 }} />
-          </tr>
-        </thead>
-        <tbody>
-          {instances.map((i) => {
-            return (
-              <tr key={i.id}>
-                <td
-                  onClick={(): void => onSelect(i)}
-                  style={{ cursor: "pointer" }}
-                >
-                  {i.timestamp.t_s === "never"
-                    ? "never"
-                    : format(
-                      new Date(i.timestamp.t_s * 1000),
-                      datetimeFormatForSettings(settings),
-                    )}
-                </td>
-                <td
-                  onClick={(): void => onSelect(i)}
-                  style={{ cursor: "pointer" }}
-                >
-                  {i.amount}
-                </td>
-                <td
-                  onClick={(): void => onSelect(i)}
-                  style={{ cursor: "pointer" }}
-                >
-                  {i.summary}
-                </td>
-                <td class="is-actions-cell right-sticky">
-                  <div class="buttons is-right">
-                    {i.refundable && (
-                      <button
-                        class="button is-small is-danger jb-modal"
-                        type="button"
-                        onClick={(): void => onRefund(i)}
-                      >
-                        <i18n.Translate>Refund</i18n.Translate>
-                      </button>
-                    )}
-                    {!i.paid && (
-                      <button
-                        class="button is-small is-info jb-modal"
-                        type="button"
-                        onClick={(): void => onCopyURL(i)}
-                      >
-                        <i18n.Translate>copy url</i18n.Translate>
-                      </button>
-                    )}
-                  </div>
-                </td>
-              </tr>
-            );
-          })}
-        </tbody>
-      </table>
-      {hasMoreAfter && (
-        <button
-          class="button is-fullwidth"
-          onClick={onLoadMoreAfter}
-        >
-          <i18n.Translate>load older orders</i18n.Translate>
-        </button>
-      )}
-    </div>
-  );
-}
-
-function EmptyTable(): VNode {
-  const { i18n } = useTranslationContext();
-  return (
-    <div class="content has-text-grey has-text-centered">
-      <p>
-        <span class="icon is-large">
-          <i class="mdi mdi-emoticon-sad mdi-48px" />
-        </span>
-      </p>
-      <p>
-        <i18n.Translate>
-          No orders have been found matching your query!
-        </i18n.Translate>
-      </p>
-    </div>
-  );
-}
-
-interface RefundModalProps {
-  onCancel: () => void;
-  onConfirm: (value: MerchantBackend.Orders.RefundRequest) => void;
-  order: MerchantBackend.Orders.MerchantOrderStatusResponse;
-}
-
-export function RefundModal({
-  order,
-  onCancel,
-  onConfirm,
-}: RefundModalProps): VNode {
-  type State = { mainReason?: string; description?: string; refund?: string };
-  const [form, setValue] = useState<State>({});
-  const [settings] = useSettings();
-  const { i18n } = useTranslationContext();
-  // const [errors, setErrors] = useState<FormErrors<State>>({});
-
-  const refunds = (
-    order.order_status === "paid" ? order.refund_details : []
-  ).reduce(mergeRefunds, []);
-
-  const config = useConfigContext();
-  const totalRefunded = refunds
-    .map((r) => r.amount)
-    .reduce(
-      (p, c) => Amounts.add(p, Amounts.parseOrThrow(c)).amount,
-      Amounts.zeroOfCurrency(config.currency),
-    );
-  const orderPrice =
-    order.order_status === "paid"
-      ? Amounts.parseOrThrow(order.contract_terms.amount)
-      : undefined;
-  const totalRefundable = !orderPrice
-    ? Amounts.zeroOfCurrency(totalRefunded.currency)
-    : refunds.length
-      ? Amounts.sub(orderPrice, totalRefunded).amount
-      : orderPrice;
-
-  const isRefundable = Amounts.isNonZero(totalRefundable);
-  const duplicatedText = i18n.str`duplicated`;
-
-  const errors: FormErrors<State> = {
-    mainReason: !form.mainReason ? i18n.str`required` : undefined,
-    description:
-      !form.description && form.mainReason !== duplicatedText
-        ? i18n.str`required`
-        : undefined,
-    refund: !form.refund
-      ? i18n.str`required`
-      : !Amounts.parse(form.refund)
-        ? i18n.str`invalid format`
-        : Amounts.cmp(totalRefundable, Amounts.parse(form.refund)!) === -1
-          ? i18n.str`this value exceed the refundable amount`
-          : undefined,
-  };
-  const hasErrors = Object.keys(errors).some(
-    (k) => (errors as any)[k] !== undefined,
-  );
-
-  const validateAndConfirm = () => {
-    try {
-      if (!form.refund) return;
-      onConfirm({
-        refund: Amounts.stringify(
-          Amounts.add(Amounts.parse(form.refund)!, totalRefunded).amount,
-        ),
-        reason:
-          form.description === undefined
-            ? form.mainReason || ""
-            : `${form.mainReason}: ${form.description}`,
-      });
-    } catch (err) {
-      console.log(err);
-    }
-  };
-
-  //FIXME: parameters in the translation
-  return (
-    <ConfirmModal
-      description="refund"
-      danger
-      active
-      disabled={!isRefundable || hasErrors}
-      onCancel={onCancel}
-      onConfirm={validateAndConfirm}
-    >
-      {refunds.length > 0 && (
-        <div class="columns">
-          <div class="column is-12">
-            <InputGroup
-              name="asd"
-              label={`${Amounts.stringify(totalRefunded)} was already refunded`}
-            >
-              <table class="table is-fullwidth">
-                <thead>
-                  <tr>
-                    <th>
-                      <i18n.Translate>date</i18n.Translate>
-                    </th>
-                    <th>
-                      <i18n.Translate>amount</i18n.Translate>
-                    </th>
-                    <th>
-                      <i18n.Translate>reason</i18n.Translate>
-                    </th>
-                  </tr>
-                </thead>
-                <tbody>
-                  {refunds.map((r) => {
-                    return (
-                      <tr key={r.timestamp.t_s}>
-                        <td>
-                          {r.timestamp.t_s === "never"
-                            ? "never"
-                            : format(
-                              new Date(r.timestamp.t_s * 1000),
-                              datetimeFormatForSettings(settings),
-                            )}
-                        </td>
-                        <td>{r.amount}</td>
-                        <td>{r.reason}</td>
-                      </tr>
-                    );
-                  })}
-                </tbody>
-              </table>
-            </InputGroup>
-          </div>
-        </div>
-      )}
-
-      {isRefundable && (
-        <FormProvider<State>
-          errors={errors}
-          object={form}
-          valueHandler={(d) => setValue(d as any)}
-        >
-          <InputCurrency<State>
-            name="refund"
-            label={i18n.str`Refund`}
-            tooltip={i18n.str`amount to be refunded`}
-          >
-            <i18n.Translate>Max refundable:</i18n.Translate>{" "}
-            {Amounts.stringify(totalRefundable)}
-          </InputCurrency>
-          <InputSelector
-            name="mainReason"
-            label={i18n.str`Reason`}
-            values={[
-              i18n.str`Choose one...`,
-              duplicatedText,
-              i18n.str`requested by the customer`,
-              i18n.str`other`,
-            ]}
-            tooltip={i18n.str`why this order is being refunded`}
-          />
-          {form.mainReason && form.mainReason !== duplicatedText ? (
-            <Input<State>
-              label={i18n.str`Description`}
-              name="description"
-              tooltip={i18n.str`more information to give context`}
-            />
-          ) : undefined}
-        </FormProvider>
-      )}
-    </ConfirmModal>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/orders/list/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/orders/list/index.tsx
deleted file mode 100644
index 92e714fb8..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/orders/list/index.tsx
+++ /dev/null
@@ -1,231 +0,0 @@
-/*
- 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 {
-  ErrorType,
-  HttpError,
-  useTranslationContext,
-} from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { Loading } from "../../../../components/exception/loading.js";
-import { NotificationCard } from "../../../../components/menu/index.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import {
-  InstanceOrderFilter,
-  useInstanceOrders,
-  useOrderAPI,
-  useOrderDetails,
-} from "../../../../hooks/order.js";
-import { Notification } from "../../../../utils/types.js";
-import { ListPage } from "./ListPage.js";
-import { RefundModal } from "./Table.js";
-import { HttpStatusCode } from "@gnu-taler/taler-util";
-import { JumpToElementById } from "../../../../components/form/JumpToElementById.js";
-
-interface Props {
-  onUnauthorized: () => VNode;
-  onLoadError: (error: HttpError<MerchantBackend.ErrorDetail>) => VNode;
-  onNotFound: () => VNode;
-  onSelect: (id: string) => void;
-  onCreate: () => void;
-}
-
-export default function OrderList({
-  onUnauthorized,
-  onLoadError,
-  onCreate,
-  onSelect,
-  onNotFound,
-}: Props): VNode {
-  const [filter, setFilter] = useState<InstanceOrderFilter>({ paid: "no" });
-  const [orderToBeRefunded, setOrderToBeRefunded] = useState<
-    MerchantBackend.Orders.OrderHistoryEntry | undefined
-  >(undefined);
-
-  const setNewDate = (date?: Date): void =>
-    setFilter((prev) => ({ ...prev, date }));
-
-  const result = useInstanceOrders(filter, setNewDate);
-  const { refundOrder, getPaymentURL } = useOrderAPI();
-
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-
-  const { i18n } = useTranslationContext();
-
-  if (result.loading) return <Loading />;
-  if (!result.ok) {
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.Unauthorized
-    )
-      return onUnauthorized();
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.NotFound
-    )
-      return onNotFound();
-    return onLoadError(result);
-  }
-
-  const isNotPaidActive = filter.paid === "no" ? "is-active" : "";
-  const isPaidActive = filter.paid === "yes" && filter.wired === undefined ? "is-active" : "";
-  const isRefundedActive = filter.refunded === "yes" ? "is-active" : "";
-  const isNotWiredActive = filter.wired === "no" && filter.paid === "yes" ? "is-active" : "";
-  const isWiredActive = filter.wired === "yes" ? "is-active" : "";
-  const isAllActive =
-    filter.paid === undefined &&
-      filter.refunded === undefined &&
-      filter.wired === undefined
-      ? "is-active"
-      : "";
-
-  return (
-    <section class="section is-main-section">
-      <NotificationCard notification={notif} />
-
-      <JumpToElementById
-        testIfExist={getPaymentURL} 
-        onSelect={onSelect}
-        description={i18n.str`jump to order with the given product ID`}
-        placeholder={i18n.str`order id`}
-      />
-
-      <ListPage
-        orders={result.data.orders.map((o) => ({ ...o, id: o.order_id }))}
-        onLoadMoreBefore={result.loadMorePrev}
-        hasMoreBefore={!result.isReachingStart}
-        onLoadMoreAfter={result.loadMore}
-        hasMoreAfter={!result.isReachingEnd}
-        onSelectOrder={(order) => onSelect(order.id)}
-        onRefundOrder={(value) => setOrderToBeRefunded(value)}
-        isAllActive={isAllActive}
-        isNotWiredActive={isNotWiredActive}
-        isWiredActive={isWiredActive}
-        isPaidActive={isPaidActive}
-        isNotPaidActive={isNotPaidActive}
-        isRefundedActive={isRefundedActive}
-        jumpToDate={filter.date}
-        onCopyURL={(id) =>
-          getPaymentURL(id).then((resp) => copyToClipboard(resp.data))
-        }
-        onCreate={onCreate}
-        onSelectDate={setNewDate}
-        onShowAll={() => setFilter({})}
-        onShowNotPaid={() => setFilter({ paid: "no" })}
-        onShowPaid={() => setFilter({ paid: "yes" })}
-        onShowRefunded={() => setFilter({ refunded: "yes" })}
-        onShowNotWired={() => setFilter({ wired: "no", paid: "yes" })}
-        onShowWired={() => setFilter({ wired: "yes" })}
-      />
-
-      {orderToBeRefunded && (
-        <RefundModalForTable
-          id={orderToBeRefunded.order_id}
-          onCancel={() => setOrderToBeRefunded(undefined)}
-          onConfirm={(value) =>
-            refundOrder(orderToBeRefunded.order_id, value)
-              .then(() =>
-                setNotif({
-                  message: i18n.str`refund created successfully`,
-                  type: "SUCCESS",
-                }),
-              )
-              .catch((error) =>
-                setNotif({
-                  message: i18n.str`could not create the refund`,
-                  type: "ERROR",
-                  description: error.message,
-                }),
-              )
-              .then(() => setOrderToBeRefunded(undefined))
-          }
-          onLoadError={(error) => {
-            setNotif({
-              message: i18n.str`could not create the refund`,
-              type: "ERROR",
-              description: error.message,
-            });
-            setOrderToBeRefunded(undefined);
-            return <div />;
-          }}
-          onUnauthorized={onUnauthorized}
-          onNotFound={() => {
-            setNotif({
-              message: i18n.str`could not get the order to refund`,
-              type: "ERROR",
-              // description: error.message
-            });
-            setOrderToBeRefunded(undefined);
-            return <div />;
-          }}
-        />
-      )}
-    </section>
-  );
-}
-
-interface RefundProps {
-  id: string;
-  onUnauthorized: () => VNode;
-  onLoadError: (error: HttpError<MerchantBackend.ErrorDetail>) => VNode;
-  onNotFound: () => VNode;
-  onCancel: () => void;
-  onConfirm: (m: MerchantBackend.Orders.RefundRequest) => void;
-}
-
-function RefundModalForTable({
-  id,
-  onUnauthorized,
-  onLoadError,
-  onNotFound,
-  onConfirm,
-  onCancel,
-}: RefundProps): VNode {
-  const result = useOrderDetails(id);
-
-  if (result.loading) return <Loading />;
-  if (!result.ok) {
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.Unauthorized
-    )
-      return onUnauthorized();
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.NotFound
-    )
-      return onNotFound();
-    return onLoadError(result);
-  }
-
-  return (
-    <RefundModal
-      order={result.data}
-      onCancel={onCancel}
-      onConfirm={onConfirm}
-    />
-  );
-}
-
-async function copyToClipboard(text: string): Promise<void> {
-  return navigator.clipboard.writeText(text);
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/create/Create.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/create/Create.stories.tsx
deleted file mode 100644
index 26f851cc8..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/create/Create.stories.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
- 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 { CreatePage as TestedComponent } from "./CreatePage.js";
-
-export default {
-  title: "Pages/OtpDevices/Create",
-  component: TestedComponent,
-};
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/create/CreatePage.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/create/CreatePage.tsx
deleted file mode 100644
index ffeaa064a..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/create/CreatePage.tsx
+++ /dev/null
@@ -1,179 +0,0 @@
-/*
- 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 { isRfc3548Base32Charset, randomRfc3548Base32Key } from "@gnu-taler/taler-util";
-import { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { AsyncButton } from "../../../../components/exception/AsyncButton.js";
-import {
-  FormErrors,
-  FormProvider,
-} from "../../../../components/form/FormProvider.js";
-import { Input } from "../../../../components/form/Input.js";
-import { InputSelector } from "../../../../components/form/InputSelector.js";
-import { InputWithAddon } from "../../../../components/form/InputWithAddon.js";
-import { useBackendContext } from "../../../../context/backend.js";
-import { MerchantBackend } from "../../../../declaration.js";
-
-type Entity = MerchantBackend.OTP.OtpDeviceAddDetails;
-
-interface Props {
-  onCreate: (d: Entity) => Promise<void>;
-  onBack?: () => void;
-}
-
-const algorithms = [0, 1, 2];
-const algorithmsNames = ["off", "30s 8d TOTP-SHA1", "30s 8d eTOTP-SHA1"];
-
-export function CreatePage({ onCreate, onBack }: Props): VNode {
-  const { i18n } = useTranslationContext();
-  const backend = useBackendContext();
-
-  const [state, setState] = useState<Partial<Entity>>({});
-
-  const [showKey, setShowKey] = useState(false);
-
-  const errors: FormErrors<Entity> = {
-    otp_device_id: !state.otp_device_id
-      ? i18n.str`required`
-      : !/[a-zA-Z0-9]*/.test(state.otp_device_id)
-        ? i18n.str`no valid. only characters and numbers`
-        : undefined,
-    otp_algorithm: !state.otp_algorithm ? i18n.str`required` : undefined,
-    otp_key: !state.otp_key
-      ? i18n.str`required`
-      : !isRfc3548Base32Charset(state.otp_key)
-        ? i18n.str`just letters and numbers from 2 to 7`
-        : state.otp_key.length !== 32
-          ? i18n.str`size of the key should be 32`
-          : undefined,
-    otp_device_description: !state.otp_device_description
-      ? i18n.str`required`
-      : !/[a-zA-Z0-9]*/.test(state.otp_device_description)
-        ? i18n.str`no valid. only characters and numbers`
-        : undefined,
-  };
-
-  const hasErrors = Object.keys(errors).some(
-    (k) => (errors as any)[k] !== undefined,
-  );
-
-  const submitForm = () => {
-    if (hasErrors) return Promise.reject();
-    return onCreate(state as any);
-  };
-
-  return (
-    <div>
-      <section class="section is-main-section">
-        <div class="columns">
-          <div class="column" />
-          <div class="column is-four-fifths">
-            <FormProvider
-              object={state}
-              valueHandler={setState}
-              errors={errors}
-            >
-              <Input<Entity>
-                name="otp_device_id"
-                label={i18n.str`ID`}
-                tooltip={i18n.str`Internal id on the system`}
-              />
-              <Input<Entity>
-                name="otp_device_description"
-                label={i18n.str`Descripiton`}
-                tooltip={i18n.str`Useful to identify the device physically`}
-              />
-              <InputSelector<Entity>
-                name="otp_algorithm"
-                label={i18n.str`Verification algorithm`}
-                tooltip={i18n.str`Algorithm to use to verify transaction in offline mode`}
-                values={algorithms}
-                toStr={(v) => algorithmsNames[v]}
-                fromStr={(v) => Number(v)}
-              />
-              {state.otp_algorithm && state.otp_algorithm > 0 ? (
-                <Fragment>
-                  <InputWithAddon<Entity>
-                    expand
-                    name="otp_key"
-                    label={i18n.str`Device key`}
-                    inputType={showKey ? "text" : "password"}
-                    help="Be sure to be very hard to guess or use the random generator"
-                    tooltip={i18n.str`Your device need to have exactly the same value`}
-                    fromStr={(v) => v.toUpperCase()}
-                    addonAfterAction={() => {
-                      setShowKey(!showKey);
-                    }}
-                    addonAfter={
-                      <span class="icon">
-                        {showKey ? (
-                          <i class="mdi mdi-eye" />
-                        ) : (
-                          <i class="mdi mdi-eye-off" />
-                        )}
-                      </span>
-                    }
-                    side={
-                      <button
-                        data-tooltip={i18n.str`generate random secret key`}
-                        class="button is-info mr-3"
-                        onClick={(e) => {
-                          setState((s) => ({
-                            ...s,
-                            otp_key: randomRfc3548Base32Key(),
-                          }));
-                        }}
-                      >
-                        <i18n.Translate>random</i18n.Translate>
-                      </button>
-                    }
-                  />
-                </Fragment>
-              ) : undefined}
-            </FormProvider>
-
-            <div class="buttons is-right mt-5">
-              {onBack && (
-                <button class="button" onClick={onBack}>
-                  <i18n.Translate>Cancel</i18n.Translate>
-                </button>
-              )}
-              <AsyncButton
-                disabled={hasErrors}
-                data-tooltip={
-                  hasErrors
-                    ? i18n.str`Need to complete marked fields`
-                    : "confirm operation"
-                }
-                onClick={submitForm}
-              >
-                <i18n.Translate>Confirm</i18n.Translate>
-              </AsyncButton>
-            </div>
-          </div>
-          <div class="column" />
-        </div>
-      </section>
-    </div>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/create/CreatedSuccessfully.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/create/CreatedSuccessfully.tsx
deleted file mode 100644
index db3842711..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/create/CreatedSuccessfully.tsx
+++ /dev/null
@@ -1,104 +0,0 @@
-/*
- 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/>
- */
-
-import { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { Fragment, VNode, h } from "preact";
-import { QR } from "../../../../components/exception/QR.js";
-import { CreatedSuccessfully as Template } from "../../../../components/notifications/CreatedSuccessfully.js";
-import { useInstanceContext } from "../../../../context/instance.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import { useBackendContext } from "../../../../context/backend.js";
-
-type Entity = MerchantBackend.OTP.OtpDeviceAddDetails;
-
-interface Props {
-  entity: Entity;
-  onConfirm: () => void;
-}
-
-function isNotUndefined<X>(x: X | undefined): x is X {
-  return !!x;
-}
-
-export function CreatedSuccessfully({
-  entity,
-  onConfirm,
-}: Props): VNode {
-  const { i18n } = useTranslationContext();
-  const { url: backendURL } = useBackendContext()
-  const { id: instanceId } = useInstanceContext();
-  const issuer = new URL(backendURL).hostname;
-  const qrText = `otpauth://totp/${instanceId}/${entity.otp_device_id}?issuer=${issuer}&algorithm=SHA1&digits=8&period=30&secret=${entity.otp_key}`;
-  const qrTextSafe = `otpauth://totp/${instanceId}/${entity.otp_device_id}?issuer=${issuer}&algorithm=SHA1&digits=8&period=30&secret=${entity.otp_key.substring(0, 6)}...`;
-
-  return (
-    <Template onConfirm={onConfirm} >
-      <p class="is-size-5">
-        <i18n.Translate>
-          You can scan the next QR code with your device or safe the key before continue.
-        </i18n.Translate>
-      </p>
-      <div class="field is-horizontal">
-        <div class="field-label is-normal">
-          <label class="label">ID</label>
-        </div>
-        <div class="field-body is-flex-grow-3">
-          <div class="field">
-            <p class="control">
-              <input
-                readonly
-                class="input"
-                value={entity.otp_device_id}
-              />
-            </p>
-          </div>
-        </div>
-      </div>
-      <div class="field is-horizontal">
-        <div class="field-label is-normal">
-          <label class="label"><i18n.Translate>Description</i18n.Translate></label>
-        </div>
-        <div class="field-body is-flex-grow-3">
-          <div class="field">
-            <p class="control">
-              <input
-                class="input"
-                readonly
-                value={entity.otp_device_description}
-              />
-            </p>
-          </div>
-        </div>
-      </div>
-      <QR
-        text={qrText}
-      />
-      <div
-        style={{
-          color: "grey",
-          fontSize: "small",
-          width: 200,
-          textAlign: "center",
-          margin: "auto",
-          wordBreak: "break-all",
-        }}
-      >
-        {qrTextSafe}
-      </div>
-    </Template>
-  );
-}
-
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/create/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/create/index.tsx
deleted file mode 100644
index 648846793..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/create/index.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { NotificationCard } from "../../../../components/menu/index.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import { useWebhookAPI } from "../../../../hooks/webhooks.js";
-import { Notification } from "../../../../utils/types.js";
-import { CreatePage } from "./CreatePage.js";
-import { useOtpDeviceAPI } from "../../../../hooks/otp.js";
-import { CreatedSuccessfully } from "./CreatedSuccessfully.js";
-
-export type Entity = MerchantBackend.OTP.OtpDeviceAddDetails;
-interface Props {
-  onBack?: () => void;
-  onConfirm: () => void;
-}
-
-export default function CreateValidator({ onConfirm, onBack }: Props): VNode {
-  const { createOtpDevice } = useOtpDeviceAPI();
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-  const { i18n } = useTranslationContext();
-  const [created, setCreated] = useState<MerchantBackend.OTP.OtpDeviceAddDetails | null>(null)
-
-  if (created) {
-    return <CreatedSuccessfully entity={created} onConfirm={onConfirm} />
-  }
-
-  return (
-    <>
-      <NotificationCard notification={notif} />
-      <CreatePage
-        onBack={onBack}
-        onCreate={(request: Entity) => {
-          return createOtpDevice(request)
-            .then((d) => {
-              setCreated(request)
-            })
-            .catch((error) => {
-              setNotif({
-                message: i18n.str`could not create device`,
-                type: "ERROR",
-                description: error.message,
-              });
-            });
-        }}
-      />
-    </>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/list/List.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/list/List.stories.tsx
deleted file mode 100644
index b18049674..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/list/List.stories.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
- 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 { FunctionalComponent, h } from "preact";
-import { ListPage as TestedComponent } from "./ListPage.js";
-
-export default {
-  title: "Pages/OtpDevices/List",
-  component: TestedComponent,
-};
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/list/ListPage.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/list/ListPage.tsx
deleted file mode 100644
index 4efee9781..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/list/ListPage.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-/*
- 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 } from "preact";
-import { MerchantBackend } from "../../../../declaration.js";
-import { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { CardTable } from "./Table.js";
-
-export interface Props {
-  devices: MerchantBackend.OTP.OtpDeviceEntry[];
-  onLoadMoreBefore?: () => void;
-  onLoadMoreAfter?: () => void;
-  onCreate: () => void;
-  onDelete: (e: MerchantBackend.OTP.OtpDeviceEntry) => void;
-  onSelect: (e: MerchantBackend.OTP.OtpDeviceEntry) => void;
-}
-
-export function ListPage({
-  devices,
-  onCreate,
-  onDelete,
-  onSelect,
-  onLoadMoreBefore,
-  onLoadMoreAfter,
-}: Props): VNode {
-  const form = { payto_uri: "" };
-
-  const { i18n } = useTranslationContext();
-  return (
-    <section class="section is-main-section">
-      <CardTable
-        devices={devices.map((o) => ({
-          ...o,
-          id: String(o.otp_device_id),
-        }))}
-        onCreate={onCreate}
-        onDelete={onDelete}
-        onSelect={onSelect}
-        onLoadMoreBefore={onLoadMoreBefore}
-        hasMoreBefore={!onLoadMoreBefore}
-        onLoadMoreAfter={onLoadMoreAfter}
-        hasMoreAfter={!onLoadMoreAfter}
-      />
-    </section>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/list/Table.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/list/Table.tsx
deleted file mode 100644
index 0c28027fe..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/list/Table.tsx
+++ /dev/null
@@ -1,211 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { h, VNode } from "preact";
-import { StateUpdater, useState } from "preact/hooks";
-import { MerchantBackend } from "../../../../declaration.js";
-
-type Entity = MerchantBackend.OTP.OtpDeviceEntry;
-
-interface Props {
-  devices: Entity[];
-  onDelete: (e: Entity) => void;
-  onSelect: (e: Entity) => void;
-  onCreate: () => void;
-  onLoadMoreBefore?: () => void;
-  hasMoreBefore?: boolean;
-  hasMoreAfter?: boolean;
-  onLoadMoreAfter?: () => void;
-}
-
-export function CardTable({
-  devices,
-  onCreate,
-  onDelete,
-  onSelect,
-  onLoadMoreAfter,
-  onLoadMoreBefore,
-  hasMoreAfter,
-  hasMoreBefore,
-}: Props): VNode {
-  const [rowSelection, rowSelectionHandler] = useState<string[]>([]);
-
-  const { i18n } = useTranslationContext();
-
-  return (
-    <div class="card has-table">
-      <header class="card-header">
-        <p class="card-header-title">
-          <span class="icon">
-            <i class="mdi mdi-newspaper" />
-          </span>
-          <i18n.Translate>OTP Devices</i18n.Translate>
-        </p>
-        <div class="card-header-icon" aria-label="more options">
-          <span
-            class="has-tooltip-left"
-            data-tooltip={i18n.str`add new devices`}
-          >
-            <button class="button is-info" type="button" onClick={onCreate}>
-              <span class="icon is-small">
-                <i class="mdi mdi-plus mdi-36px" />
-              </span>
-            </button>
-          </span>
-        </div>
-      </header>
-      <div class="card-content">
-        <div class="b-table has-pagination">
-          <div class="table-wrapper has-mobile-cards">
-            {devices.length > 0 ? (
-              <Table
-                instances={devices}
-                onDelete={onDelete}
-                onSelect={onSelect}
-                rowSelection={rowSelection}
-                rowSelectionHandler={rowSelectionHandler}
-                onLoadMoreAfter={onLoadMoreAfter}
-                onLoadMoreBefore={onLoadMoreBefore}
-                hasMoreAfter={hasMoreAfter}
-                hasMoreBefore={hasMoreBefore}
-              />
-            ) : (
-              <EmptyTable />
-            )}
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
-interface TableProps {
-  rowSelection: string[];
-  instances: Entity[];
-  onDelete: (e: Entity) => void;
-  onSelect: (e: Entity) => void;
-  rowSelectionHandler: StateUpdater<string[]>;
-  onLoadMoreBefore?: () => void;
-  hasMoreBefore?: boolean;
-  hasMoreAfter?: boolean;
-  onLoadMoreAfter?: () => void;
-}
-
-function toggleSelected<T>(id: T): (prev: T[]) => T[] {
-  return (prev: T[]): T[] =>
-    prev.indexOf(id) == -1 ? [...prev, id] : prev.filter((e) => e != id);
-}
-
-function Table({
-  instances,
-  onLoadMoreAfter,
-  onDelete,
-  onSelect,
-  onLoadMoreBefore,
-  hasMoreAfter,
-  hasMoreBefore,
-}: TableProps): VNode {
-  const { i18n } = useTranslationContext();
-  return (
-    <div class="table-container">
-      {hasMoreBefore && (
-        <button
-          class="button is-fullwidth"
-          data-tooltip={i18n.str`load more devices before the first one`}
-          onClick={onLoadMoreBefore}
-        >
-          <i18n.Translate>load newer devices</i18n.Translate>
-        </button>
-      )}
-      <table class="table is-fullwidth is-striped is-hoverable is-fullwidth">
-        <thead>
-          <tr>
-            <th>
-              <i18n.Translate>ID</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Description</i18n.Translate>
-            </th>
-            <th />
-          </tr>
-        </thead>
-        <tbody>
-          {instances.map((i) => {
-            return (
-              <tr key={i.otp_device_id}>
-                <td
-                  onClick={(): void => onSelect(i)}
-                  style={{ cursor: "pointer" }}
-                >
-                  {i.otp_device_id}
-                </td>
-                <td
-                  onClick={(): void => onSelect(i)}
-                  style={{ cursor: "pointer" }}
-                >
-                  {i.otp_device_id}
-                </td>
-                <td class="is-actions-cell right-sticky">
-                  <div class="buttons is-right">
-                    <button
-                      class="button is-danger is-small has-tooltip-left"
-                      data-tooltip={i18n.str`delete selected devices from the database`}
-                      onClick={() => onDelete(i)}
-                    >
-                      Delete
-                    </button>
-                  </div>
-                </td>
-              </tr>
-            );
-          })}
-        </tbody>
-      </table>
-      {hasMoreAfter && (
-        <button
-          class="button is-fullwidth"
-          data-tooltip={i18n.str`load more devices after the last one`}
-          onClick={onLoadMoreAfter}
-        >
-          <i18n.Translate>load older devices</i18n.Translate>
-        </button>
-      )}
-    </div>
-  );
-}
-
-function EmptyTable(): VNode {
-  const { i18n } = useTranslationContext();
-  return (
-    <div class="content has-text-grey has-text-centered">
-      <p>
-        <span class="icon is-large">
-          <i class="mdi mdi-emoticon-sad mdi-48px" />
-        </span>
-      </p>
-      <p>
-        <i18n.Translate>
-          There is no devices yet, add more pressing the + sign
-        </i18n.Translate>
-      </p>
-    </div>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/list/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/list/index.tsx
deleted file mode 100644
index 2aae8738a..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/list/index.tsx
+++ /dev/null
@@ -1,106 +0,0 @@
-/*
- 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 { HttpStatusCode } from "@gnu-taler/taler-util";
-import {
-  ErrorType,
-  HttpError,
-  useTranslationContext,
-} from "@gnu-taler/web-util/browser";
-import { Fragment, VNode, h } from "preact";
-import { useState } from "preact/hooks";
-import { Loading } from "../../../../components/exception/loading.js";
-import { NotificationCard } from "../../../../components/menu/index.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import { useInstanceOtpDevices, useOtpDeviceAPI } from "../../../../hooks/otp.js";
-import { Notification } from "../../../../utils/types.js";
-import { ListPage } from "./ListPage.js";
-
-interface Props {
-  onUnauthorized: () => VNode;
-  onLoadError: (error: HttpError<MerchantBackend.ErrorDetail>) => VNode;
-  onNotFound: () => VNode;
-  onCreate: () => void;
-  onSelect: (id: string) => void;
-}
-
-export default function ListOtpDevices({
-  onUnauthorized,
-  onLoadError,
-  onCreate,
-  onSelect,
-  onNotFound,
-}: Props): VNode {
-  const [position, setPosition] = useState<string | undefined>(undefined);
-  const { i18n } = useTranslationContext();
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-  const { deleteOtpDevice } = useOtpDeviceAPI();
-  const result = useInstanceOtpDevices({ position }, (id) => setPosition(id));
-
-  if (result.loading) return <Loading />;
-  if (!result.ok) {
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.Unauthorized
-    )
-      return onUnauthorized();
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.NotFound
-    )
-      return onNotFound();
-    return onLoadError(result);
-  }
-
-  return (
-    <Fragment>
-      <NotificationCard notification={notif} />
-
-      <ListPage
-        devices={result.data.otp_devices}
-        onLoadMoreBefore={
-          result.isReachingStart ? result.loadMorePrev : undefined
-        }
-        onLoadMoreAfter={result.isReachingEnd ? result.loadMore : undefined}
-        onCreate={onCreate}
-        onSelect={(e) => {
-          onSelect(e.otp_device_id);
-        }}
-        onDelete={(e: MerchantBackend.OTP.OtpDeviceEntry) =>
-          deleteOtpDevice(e.otp_device_id)
-            .then(() =>
-              setNotif({
-                message: i18n.str`validator delete successfully`,
-                type: "SUCCESS",
-              }),
-            )
-            .catch((error) =>
-              setNotif({
-                message: i18n.str`could not delete the validator`,
-                type: "ERROR",
-                description: error.message,
-              }),
-            )
-        }
-      />
-    </Fragment>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/update/Update.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/update/Update.stories.tsx
deleted file mode 100644
index d6b1d65e0..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/update/Update.stories.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-/*
- 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 { UpdatePage as TestedComponent } from "./UpdatePage.js";
-
-export default {
-  title: "Pages/OtpDevices/Update",
-  component: TestedComponent,
-  argTypes: {
-    onUpdate: { action: "onUpdate" },
-    onBack: { action: "onBack" },
-  },
-};
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/update/UpdatePage.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/update/UpdatePage.tsx
deleted file mode 100644
index 85bb272aa..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/update/UpdatePage.tsx
+++ /dev/null
@@ -1,186 +0,0 @@
-/*
- 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 { randomRfc3548Base32Key } from "@gnu-taler/taler-util";
-import { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { AsyncButton } from "../../../../components/exception/AsyncButton.js";
-import {
-  FormErrors,
-  FormProvider,
-} from "../../../../components/form/FormProvider.js";
-import { Input } from "../../../../components/form/Input.js";
-import { InputSelector } from "../../../../components/form/InputSelector.js";
-import { InputWithAddon } from "../../../../components/form/InputWithAddon.js";
-import { MerchantBackend, WithId } from "../../../../declaration.js";
-
-type Entity = MerchantBackend.OTP.OtpDevicePatchDetails & WithId;
-
-interface Props {
-  onUpdate: (d: Entity) => Promise<void>;
-  onBack?: () => void;
-  device: Entity;
-}
-const algorithms = [0, 1, 2];
-const algorithmsNames = ["off", "30s 8d TOTP-SHA1", "30s 8d eTOTP-SHA1"];
-export function UpdatePage({ device, onUpdate, onBack }: Props): VNode {
-  const { i18n } = useTranslationContext();
-
-  const [state, setState] = useState<Partial<Entity>>(device);
-  const [showKey, setShowKey] = useState(false);
-
-  const errors: FormErrors<Entity> = {};
-
-  const hasErrors = Object.keys(errors).some(
-    (k) => (errors as any)[k] !== undefined,
-  );
-
-  const submitForm = () => {
-    if (hasErrors) return Promise.reject();
-    return onUpdate(state as any);
-  };
-
-  return (
-    <div>
-      <section class="section">
-        <section class="hero is-hero-bar">
-          <div class="hero-body">
-            <div class="level">
-              <div class="level-left">
-                <div class="level-item">
-                  <span class="is-size-4">
-                    Device: <b>{device.id}</b>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </section>
-        <hr />
-
-        <section class="section is-main-section">
-          <div class="columns">
-            <div class="column is-four-fifths">
-              <FormProvider
-                object={state}
-                valueHandler={setState}
-                errors={errors}
-              >
-                <Input<Entity>
-                  name="otp_device_description"
-                  label={i18n.str`Description`}
-                  tooltip={i18n.str`Useful to identify the device physically`}
-                />
-                <InputSelector<Entity>
-                  name="otp_algorithm"
-                  label={i18n.str`Verification algorithm`}
-                  tooltip={i18n.str`Algorithm to use to verify transaction in offline mode`}
-                  values={algorithms}
-                  toStr={(v) => algorithmsNames[v]}
-                  fromStr={(v) => Number(v)}
-                />
-                {state.otp_algorithm && state.otp_algorithm > 0 ? (
-                  <Fragment>
-                    <InputWithAddon<Entity>
-                      name="otp_key"
-                      label={i18n.str`Device key`}
-                      readonly={state.otp_key === undefined}
-                      inputType={showKey ? "text" : "password"}
-                      help={
-                        state.otp_key === undefined
-                          ? "Not modified"
-                          : "Be sure to be very hard to guess or use the random generator"
-                      }
-                      tooltip={i18n.str`Your device need to have exactly the same value`}
-                      fromStr={(v) => v.toUpperCase()}
-                      addonAfterAction={() => {
-                        setShowKey(!showKey);
-                      }}
-                      addonAfter={
-                        <span
-                          class="icon"
-                          onClick={() => {
-                            setShowKey(!showKey);
-                          }}
-                        >
-                          {showKey ? (
-                            <i class="mdi mdi-eye" />
-                          ) : (
-                            <i class="mdi mdi-eye-off" />
-                          )}
-                        </span>
-                      }
-                      side={
-                        state.otp_key === undefined ? (
-                          <button
-                            onClick={(e) => {
-                              setState((s) => ({ ...s, otp_key: "" }));
-                            }}
-                            class="button"
-                          >
-                            change key
-                          </button>
-                        ) : (
-                          <button
-                            data-tooltip={i18n.str`generate random secret key`}
-                            class="button is-info mr-3"
-                            onClick={(e) => {
-                              setState((s) => ({
-                                ...s,
-                                otp_key: randomRfc3548Base32Key(),
-                              }));
-                            }}
-                          >
-                            <i18n.Translate>random</i18n.Translate>
-                          </button>
-                        )
-                      }
-                    />
-                  </Fragment>
-                ) : undefined}{" "}
-              </FormProvider>
-
-              <div class="buttons is-right mt-5">
-                {onBack && (
-                  <button class="button" onClick={onBack}>
-                    <i18n.Translate>Cancel</i18n.Translate>
-                  </button>
-                )}
-                <AsyncButton
-                  disabled={hasErrors}
-                  data-tooltip={
-                    hasErrors
-                      ? i18n.str`Need to complete marked fields`
-                      : "confirm operation"
-                  }
-                  onClick={submitForm}
-                >
-                  <i18n.Translate>Confirm</i18n.Translate>
-                </AsyncButton>
-              </div>
-            </div>
-          </div>
-        </section>
-      </section>
-    </div>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/update/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/update/index.tsx
deleted file mode 100644
index 52f6c6c29..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/otp_devices/update/index.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-/*
- 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 {
-  ErrorType,
-  HttpError,
-  useTranslationContext,
-} from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { Loading } from "../../../../components/exception/loading.js";
-import { NotificationCard } from "../../../../components/menu/index.js";
-import { MerchantBackend, WithId } from "../../../../declaration.js";
-import { Notification } from "../../../../utils/types.js";
-import { UpdatePage } from "./UpdatePage.js";
-import { HttpStatusCode } from "@gnu-taler/taler-util";
-import { useOtpDeviceAPI, useOtpDeviceDetails } from "../../../../hooks/otp.js";
-
-export type Entity = MerchantBackend.OTP.OtpDevicePatchDetails & WithId;
-
-interface Props {
-  onBack?: () => void;
-  onConfirm: () => void;
-  onUnauthorized: () => VNode;
-  onNotFound: () => VNode;
-  onLoadError: (e: HttpError<MerchantBackend.ErrorDetail>) => VNode;
-  vid: string;
-}
-export default function UpdateValidator({
-  vid,
-  onConfirm,
-  onBack,
-  onUnauthorized,
-  onNotFound,
-  onLoadError,
-}: Props): VNode {
-  const { updateOtpDevice } = useOtpDeviceAPI();
-  const result = useOtpDeviceDetails(vid);
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-
-  const { i18n } = useTranslationContext();
-
-  if (result.loading) return <Loading />;
-  if (!result.ok) {
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.Unauthorized
-    )
-      return onUnauthorized();
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.NotFound
-    )
-      return onNotFound();
-    return onLoadError(result);
-  }
-
-  return (
-    <Fragment>
-      <NotificationCard notification={notif} />
-      <UpdatePage
-        device={{
-          id: vid,
-          otp_algorithm: result.data.otp_algorithm,
-          otp_device_description: result.data.device_description,
-          otp_key: undefined,
-          otp_ctr: result.data.otp_ctr
-        }}
-        onBack={onBack}
-        onUpdate={(data) => {
-          return updateOtpDevice(vid, data)
-            .then(onConfirm)
-            .catch((error) => {
-              setNotif({
-                message: i18n.str`could not update template`,
-                type: "ERROR",
-                description: error.message,
-              });
-            });
-        }}
-      />
-    </Fragment>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/products/create/Create.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/products/create/Create.stories.tsx
deleted file mode 100644
index 2fc0819bb..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/products/create/Create.stories.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-/*
- 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 { CreatePage as TestedComponent } from "./CreatePage.js";
-
-export default {
-  title: "Pages/Product/Create",
-  component: TestedComponent,
-  argTypes: {
-    onCreate: { action: "onCreate" },
-    onBack: { action: "onBack" },
-  },
-};
-
-function createExample<Props>(
-  Component: FunctionalComponent<Props>,
-  props: Partial<Props>,
-) {
-  const r = (args: any) => <Component {...args} />;
-  r.args = props;
-  return r;
-}
-
-export const Example = createExample(TestedComponent, {});
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/products/create/CreatePage.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/products/create/CreatePage.tsx
deleted file mode 100644
index becaf8f3a..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/products/create/CreatePage.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { h, VNode } from "preact";
-import { AsyncButton } from "../../../../components/exception/AsyncButton.js";
-import { ProductForm } from "../../../../components/product/ProductForm.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import { useListener } from "../../../../hooks/listener.js";
-
-type Entity = MerchantBackend.Products.ProductAddDetail & {
-  product_id: string;
-};
-
-interface Props {
-  onCreate: (d: Entity) => Promise<void>;
-  onBack?: () => void;
-}
-
-export function CreatePage({ onCreate, onBack }: Props): VNode {
-  const [submitForm, addFormSubmitter] = useListener<Entity | undefined>(
-    (result) => {
-      if (result) return onCreate(result);
-      return Promise.reject();
-    },
-  );
-
-  const { i18n } = useTranslationContext();
-
-  return (
-    <div>
-      <section class="section is-main-section">
-        <div class="columns">
-          <div class="column" />
-          <div class="column is-four-fifths">
-            <ProductForm onSubscribe={addFormSubmitter} />
-
-            <div class="buttons is-right mt-5">
-              {onBack && (
-                <button class="button" onClick={onBack}>
-                  <i18n.Translate>Cancel</i18n.Translate>
-                </button>
-              )}
-              <AsyncButton
-                onClick={submitForm}
-                data-tooltip={
-                  !submitForm
-                    ? i18n.str`Need to complete marked fields`
-                    : "confirm operation"
-                }
-                disabled={!submitForm}
-              >
-                <i18n.Translate>Confirm</i18n.Translate>
-              </AsyncButton>
-            </div>
-          </div>
-          <div class="column" />
-        </div>
-      </section>
-    </div>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/products/create/CreatedSuccessfully.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/products/create/CreatedSuccessfully.tsx
deleted file mode 100644
index 6b02430cc..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/products/create/CreatedSuccessfully.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-/*
- 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/>
- */
-import { h, VNode } from "preact";
-import { CreatedSuccessfully as Template } from "../../../../components/notifications/CreatedSuccessfully.js";
-import { Entity } from "./index.js";
-import emptyImage from "../../assets/empty.png";
-
-interface Props {
-  entity: Entity;
-  onConfirm: () => void;
-  onCreateAnother?: () => void;
-}
-
-export function CreatedSuccessfully({
-  entity,
-  onConfirm,
-  onCreateAnother,
-}: Props): VNode {
-  return (
-    <Template onConfirm={onConfirm} onCreateAnother={onCreateAnother}>
-      <div class="field is-horizontal">
-        <div class="field-label is-normal">
-          <label class="label">Image</label>
-        </div>
-        <div class="field-body is-flex-grow-3">
-          <div class="field">
-            <p class="control">
-              <img src={entity.image} style={{ width: 200, height: 200 }} />
-            </p>
-          </div>
-        </div>
-      </div>
-      <div class="field is-horizontal">
-        <div class="field-label is-normal">
-          <label class="label">Description</label>
-        </div>
-        <div class="field-body is-flex-grow-3">
-          <div class="field">
-            <p class="control">
-              <textarea class="input" readonly value={entity.description} />
-            </p>
-          </div>
-        </div>
-      </div>
-      <div class="field is-horizontal">
-        <div class="field-label is-normal">
-          <label class="label">Price</label>
-        </div>
-        <div class="field-body is-flex-grow-3">
-          <div class="field">
-            <p class="control">
-              <input class="input" readonly value={entity.price} />
-            </p>
-          </div>
-        </div>
-      </div>
-    </Template>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/products/create/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/products/create/index.tsx
deleted file mode 100644
index 0c30ff14c..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/products/create/index.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { NotificationCard } from "../../../../components/menu/index.js";
-import { AuditorBackend, MerchantBackend } from "../../../../declaration.js";
-import { useProductAPI } from "../../../../hooks/product.js";
-import { Notification } from "../../../../utils/types.js";
-import { CreatePage } from "./CreatePage.js";
-
-export type Entity = MerchantBackend.Products.ProductDetail;
-interface Props {
-  onBack?: () => void;
-  onConfirm: () => void;
-}
-export default function CreateProduct({ onConfirm, onBack }: Props): VNode {
-  const { createProduct } = useProductAPI();
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-  const { i18n } = useTranslationContext();
-
-  return (
-    <Fragment>
-      <NotificationCard notification={notif} />
-
-    </Fragment>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/products/list/List.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/products/list/List.stories.tsx
deleted file mode 100644
index c2c4d548c..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/products/list/List.stories.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-/*
- 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 { CardTable as TestedComponent } from "./Table.js";
-
-export default {
-  title: "Pages/Product/List",
-  component: TestedComponent,
-  argTypes: {
-    onCreate: { action: "onCreate" },
-    onSelect: { action: "onSelect" },
-    onDelete: { action: "onDelete" },
-    onUpdate: { action: "onUpdate" },
-  },
-};
-
-function createExample<Props>(
-  Component: FunctionalComponent<Props>,
-  props: Partial<Props>,
-) {
-  const r = (args: any) => <Component {...args} />;
-  r.args = props;
-  return r;
-}
-
-export const Example = createExample(TestedComponent, {
-  instances: [
-    {
-      id: "orderid",
-      description: "description1",
-      description_i18n: {} as any,
-      image: "",
-      price: "TESTKUDOS:10",
-      taxes: [],
-      total_lost: 10,
-      total_sold: 5,
-      total_stock: 15,
-      unit: "bar",
-      address: {},
-    },
-  ],
-});
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/products/list/Table.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/products/list/Table.tsx
deleted file mode 100644
index 275f855cb..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/products/list/Table.tsx
+++ /dev/null
@@ -1,496 +0,0 @@
-/*
- 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 { Amounts } from "@gnu-taler/taler-util";
-import { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { format } from "date-fns";
-import { ComponentChildren, Fragment, h, VNode } from "preact";
-import { StateUpdater, useState } from "preact/hooks";
-import emptyImage from "../../../../assets/empty.png";
-import {
-  FormErrors,
-  FormProvider,
-} from "../../../../components/form/FormProvider.js";
-import { InputCurrency } from "../../../../components/form/InputCurrency.js";
-import { InputNumber } from "../../../../components/form/InputNumber.js";
-import { MerchantBackend, WithId } from "../../../../declaration.js";
-import { dateFormatForSettings, useSettings } from "../../../../hooks/useSettings.js";
-
-type Entity = MerchantBackend.Products.ProductDetail & WithId;
-
-interface Props {
-  instances: Entity[];
-  onDelete: (id: Entity) => void;
-  onSelect: (product: Entity) => void;
-  onUpdate: (
-    id: string,
-    data: MerchantBackend.Products.ProductPatchDetail,
-  ) => Promise<void>;
-  onCreate: () => void;
-  selected?: boolean;
-}
-
-export function CardTable({
-  instances,
-  onCreate,
-  onSelect,
-  onUpdate,
-  onDelete,
-}: Props): VNode {
-  const [rowSelection, rowSelectionHandler] = useState<string | undefined>(
-    undefined,
-  );
-  const { i18n } = useTranslationContext();
-  return (
-    <div class="card has-table">
-      <header class="card-header">
-        <p class="card-header-title">
-          <span class="icon">
-            <i class="mdi mdi-shopping" />
-          </span>
-          <i18n.Translate>Inventory</i18n.Translate>
-        </p>
-        <div class="card-header-icon" aria-label="more options">
-          <span
-            class="has-tooltip-left"
-            data-tooltip={i18n.str`add product to inventory`}
-          >
-            <button class="button is-info" type="button" onClick={onCreate}>
-              <span class="icon is-small">
-                <i class="mdi mdi-plus mdi-36px" />
-              </span>
-            </button>
-          </span>
-        </div>
-      </header>
-      <div class="card-content">
-        <div class="b-table has-pagination">
-          <div class="table-wrapper has-mobile-cards">
-            {instances.length > 0 ? (
-              <Table
-                instances={instances}
-                onSelect={onSelect}
-                onDelete={onDelete}
-                onUpdate={onUpdate}
-                rowSelection={rowSelection}
-                rowSelectionHandler={rowSelectionHandler}
-              />
-            ) : (
-              <EmptyTable />
-            )}
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
-interface TableProps {
-  rowSelection: string | undefined;
-  instances: Entity[];
-  onSelect: (id: Entity) => void;
-  onUpdate: (
-    id: string,
-    data: MerchantBackend.Products.ProductPatchDetail,
-  ) => Promise<void>;
-  onDelete: (id: Entity) => void;
-  rowSelectionHandler: StateUpdater<string | undefined>;
-}
-
-function Table({
-  rowSelection,
-  rowSelectionHandler,
-  instances,
-  onSelect,
-  onUpdate,
-  onDelete,
-}: TableProps): VNode {
-  const { i18n } = useTranslationContext();
-  const [settings] = useSettings();
-  return (
-    <div class="table-container">
-      <table class="table is-fullwidth is-striped is-hoverable is-fullwidth">
-        <thead>
-          <tr>
-            <th>
-              <i18n.Translate>Image</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Description</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Price per unit</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Taxes</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Sales</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Stock</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Sold</i18n.Translate>
-            </th>
-            <th />
-          </tr>
-        </thead>
-        <tbody>
-          {instances.map((i) => {
-            const restStockInfo = !i.next_restock
-              ? ""
-              : i.next_restock.t_s === "never"
-                ? "never"
-                : `restock at ${format(
-                  new Date(i.next_restock.t_s * 1000),
-                  dateFormatForSettings(settings),
-                )}`;
-            let stockInfo: ComponentChildren = "";
-            if (i.total_stock < 0) {
-              stockInfo = "infinite";
-            } else {
-              const totalStock = i.total_stock - i.total_lost - i.total_sold;
-              stockInfo = (
-                <label title={restStockInfo}>
-                  {totalStock} {i.unit}
-                </label>
-              );
-            }
-
-            const isFree = Amounts.isZero(Amounts.parseOrThrow(i.price));
-
-            return (
-              <Fragment key={i.id}>
-                <tr key="info">
-                  <td
-                    onClick={() =>
-                      rowSelection !== i.id && rowSelectionHandler(i.id)
-                    }
-                    style={{ cursor: "pointer" }}
-                  >
-                    <img
-                      src={i.image ? i.image : emptyImage}
-                      style={{
-                        border: "solid black 1px",
-                        maxHeight: "2em",
-                        width: "auto",
-                        height: "auto",
-                      }}
-                    />
-                  </td>
-                  <td
-                    class="has-tooltip-right"                    
-                    data-tooltip={i.description}
-                    onClick={() =>
-                      rowSelection !== i.id && rowSelectionHandler(i.id)
-                    }
-                    style={{ cursor: "pointer" }}
-                  >
-                    {i.description.length > 30  ? i.description.substring(0, 30) + "..." : i.description}
-                  </td>
-                  <td
-                    onClick={() =>
-                      rowSelection !== i.id && rowSelectionHandler(i.id)
-                    }
-                    style={{ cursor: "pointer" }}
-                  >
-                    {isFree ? i18n.str`free` : `${i.price} / ${i.unit}`}
-                  </td>
-                  <td
-                    onClick={() =>
-                      rowSelection !== i.id && rowSelectionHandler(i.id)
-                    }
-                    style={{ cursor: "pointer" }}
-                  >
-                    {sum(i.taxes)}
-                  </td>
-                  <td
-                    onClick={() =>
-                      rowSelection !== i.id && rowSelectionHandler(i.id)
-                    }
-                    style={{ cursor: "pointer" }}
-                  >
-                    {difference(i.price, sum(i.taxes))}
-                  </td>
-                  <td
-                    onClick={() =>
-                      rowSelection !== i.id && rowSelectionHandler(i.id)
-                    }
-                    style={{ cursor: "pointer" }}
-                  >
-                    {stockInfo}
-                  </td>
-                  <td
-                    onClick={() =>
-                      rowSelection !== i.id && rowSelectionHandler(i.id)
-                    }
-                    style={{ cursor: "pointer" }}
-                  >
-                    <span style={{"whiteSpace":"nowrap"}}>
-
-                    {i.total_sold} {i.unit}
-                    </span>
-                  </td>
-                  <td class="is-actions-cell right-sticky">
-                    <div class="buttons is-right">
-                      <span
-                        class="has-tooltip-bottom"
-                        data-tooltip={i18n.str`go to product update page`}
-                      >
-                        <button
-                          class="button is-small is-success "
-                          type="button"
-                          onClick={(): void => onSelect(i)}
-                        >
-                          <i18n.Translate>Update</i18n.Translate>
-                        </button>
-                      </span>
-                      <span
-                        class="has-tooltip-left"
-                        data-tooltip={i18n.str`remove this product from the database`}
-                      >
-                        <button
-                          class="button is-small is-danger"
-                          type="button"
-                          onClick={(): void => onDelete(i)}
-                        >
-                          <i18n.Translate>Delete</i18n.Translate>
-                        </button>
-                      </span>
-                    </div>
-                  </td>
-                </tr>
-                {rowSelection === i.id && (
-                  <tr key="form">
-                    <td colSpan={10}>
-                      <FastProductUpdateForm
-                        product={i}
-                        onUpdate={(prod) =>
-                          onUpdate(i.id, prod).then((r) =>
-                            rowSelectionHandler(undefined),
-                          )
-                        }
-                        onCancel={() => rowSelectionHandler(undefined)}
-                      />
-                    </td>
-                  </tr>
-                )}
-              </Fragment>
-            );
-          })}
-        </tbody>
-      </table>
-    </div>
-  );
-}
-
-interface FastProductUpdateFormProps {
-  product: Entity;
-  onUpdate: (
-    data: MerchantBackend.Products.ProductPatchDetail,
-  ) => Promise<void>;
-  onCancel: () => void;
-}
-interface FastProductUpdate {
-  incoming: number;
-  lost: number;
-  price: string;
-}
-interface UpdatePrice {
-  price: string;
-}
-
-function FastProductWithInfiniteStockUpdateForm({
-  product,
-  onUpdate,
-  onCancel,
-}: FastProductUpdateFormProps) {
-  const [value, valueHandler] = useState<UpdatePrice>({ price: product.price });
-  const { i18n } = useTranslationContext();
-
-  return (
-    <Fragment>
-      <FormProvider<FastProductUpdate>
-        name="added"
-        object={value}
-        valueHandler={valueHandler as any}
-      >
-        <InputCurrency<FastProductUpdate>
-          name="price"
-          label={i18n.str`Price`}
-          tooltip={i18n.str`update the product with new price`}
-        />
-      </FormProvider>
-
-      <div class="buttons is-expanded">
-
-        <div class="buttons mt-5">
-
-          <button class="button mt-5" onClick={onCancel}>
-            <i18n.Translate>Clone</i18n.Translate>
-          </button>
-        </div>
-        <div class="buttons is-right mt-5">
-          <button class="button" onClick={onCancel}>
-            <i18n.Translate>Cancel</i18n.Translate>
-          </button>
-          <span
-            class="has-tooltip-left"
-            data-tooltip={i18n.str`update product with new price`}
-          >
-            <button
-              class="button is-info"
-              onClick={() =>
-                onUpdate({
-                  ...product,
-                  price: value.price,
-                })
-              }
-            >
-              <i18n.Translate>Confirm update</i18n.Translate>
-            </button>
-          </span>
-        </div>
-      </div>
-    </Fragment>
-  );
-}
-
-function FastProductWithManagedStockUpdateForm({
-  product,
-  onUpdate,
-  onCancel,
-}: FastProductUpdateFormProps) {
-  const [value, valueHandler] = useState<FastProductUpdate>({
-    incoming: 0,
-    lost: 0,
-    price: product.price,
-  });
-
-  const currentStock =
-    product.total_stock - product.total_sold - product.total_lost;
-
-  const errors: FormErrors<FastProductUpdate> = {
-    lost:
-      currentStock + value.incoming < value.lost
-        ? `lost cannot be greater that current + incoming (max ${currentStock + value.incoming
-        })`
-        : undefined,
-  };
-
-  const hasErrors = Object.keys(errors).some(
-    (k) => (errors as any)[k] !== undefined,
-  );
-  const { i18n } = useTranslationContext();
-
-  return (
-    <Fragment>
-      <FormProvider<FastProductUpdate>
-        name="added"
-        errors={errors}
-        object={value}
-        valueHandler={valueHandler as any}
-      >
-        <InputNumber<FastProductUpdate>
-          name="incoming"
-          label={i18n.str`Incoming`}
-          tooltip={i18n.str`add more elements to the inventory`}
-        />
-        <InputNumber<FastProductUpdate>
-          name="lost"
-          label={i18n.str`Lost`}
-          tooltip={i18n.str`report elements lost in the inventory`}
-        />
-        <InputCurrency<FastProductUpdate>
-          name="price"
-          label={i18n.str`Price`}
-          tooltip={i18n.str`new price for the product`}
-        />
-      </FormProvider>
-
-      <div class="buttons is-right mt-5">
-        <button class="button" onClick={onCancel}>
-          <i18n.Translate>Cancel</i18n.Translate>
-        </button>
-        <span
-          class="has-tooltip-left"
-          data-tooltip={
-            hasErrors
-              ? i18n.str`the are value with errors`
-              : i18n.str`update product with new stock and price`
-          }
-        >
-          <button
-            class="button is-info"
-            disabled={hasErrors}
-            onClick={() =>
-              onUpdate({
-                ...product,
-                total_stock: product.total_stock + value.incoming,
-                total_lost: product.total_lost + value.lost,
-                price: value.price,
-              })
-            }
-          >
-            <i18n.Translate>Confirm</i18n.Translate>
-          </button>
-        </span>
-      </div>
-    </Fragment>
-  );
-}
-
-function FastProductUpdateForm(props: FastProductUpdateFormProps) {
-  return props.product.total_stock === -1 ? (
-    <FastProductWithInfiniteStockUpdateForm {...props} />
-  ) : (
-    <FastProductWithManagedStockUpdateForm {...props} />
-  );
-}
-
-function EmptyTable(): VNode {
-  const { i18n } = useTranslationContext();
-  return (
-    <div class="content has-text-grey has-text-centered">
-      <p>
-        <span class="icon is-large">
-          <i class="mdi mdi-emoticon-sad mdi-48px" />
-        </span>
-      </p>
-      <p>
-        <i18n.Translate>
-          There is no products yet, add more pressing the + sign
-        </i18n.Translate>
-      </p>
-    </div>
-  );
-}
-
-function difference(price: string, tax: number) {
-  if (!tax) return price;
-  const ps = price.split(":");
-  const p = parseInt(ps[1], 10);
-  ps[1] = `${p - tax}`;
-  return ps.join(":");
-}
-function sum(taxes: MerchantBackend.Tax[]) {
-  return taxes.reduce((p, c) => p + parseInt(c.tax.split(":")[1], 10), 0);
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/products/list/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/products/list/index.tsx
deleted file mode 100644
index 34b21daa2..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/products/list/index.tsx
+++ /dev/null
@@ -1,150 +0,0 @@
-/*
- 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 {
-  ErrorType,
-  HttpError,
-  useTranslationContext,
-} from "@gnu-taler/web-util/browser";
-import { h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { Loading } from "../../../../components/exception/loading.js";
-import { NotificationCard } from "../../../../components/menu/index.js";
-import { MerchantBackend, WithId } from "../../../../declaration.js";
-import {
-  useInstanceProducts,
-  useProductAPI,
-} from "../../../../hooks/product.js";
-import { Notification } from "../../../../utils/types.js";
-import { CardTable } from "./Table.js";
-import { HttpStatusCode } from "@gnu-taler/taler-util";
-import { ConfirmModal, DeleteModal } from "../../../../components/modal/index.js";
-import { JumpToElementById } from "../../../../components/form/JumpToElementById.js";
-
-interface Props {
-  onUnauthorized: () => VNode;
-  onNotFound: () => VNode;
-  onCreate: () => void;
-  onSelect: (id: string) => void;
-  onLoadError: (e: HttpError<MerchantBackend.ErrorDetail>) => VNode;
-}
-export default function ProductList({
-  onUnauthorized,
-  onLoadError,
-  onCreate,
-  onSelect,
-  onNotFound,
-}: Props): VNode {
-  const result = useInstanceProducts();
-  const { deleteProduct, updateProduct, getProduct } = useProductAPI();
-  const [deleting, setDeleting] =
-    useState<MerchantBackend.Products.ProductDetail & WithId | null>(null);
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-
-  const { i18n } = useTranslationContext();
-
-  if (result.loading) return <Loading />;
-  if (!result.ok) {
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.Unauthorized
-    )
-      return onUnauthorized();
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.NotFound
-    )
-      return onNotFound();
-    return onLoadError(result);
-  }
-
-  return (
-    <section class="section is-main-section">
-      <NotificationCard notification={notif} />
-
-      <JumpToElementById
-        testIfExist={getProduct} 
-        onSelect={onSelect}
-        description={i18n.str`jump to product with the given product ID`}
-        placeholder={i18n.str`product id`}
-      />
-
-      <CardTable
-        instances={result.data}
-        onCreate={onCreate}
-        onUpdate={(id, prod) =>
-          updateProduct(id, prod)
-            .then(() =>
-              setNotif({
-                message: i18n.str`product updated successfully`,
-                type: "SUCCESS",
-              }),
-            )
-            .catch((error) =>
-              setNotif({
-                message: i18n.str`could not update the product`,
-                type: "ERROR",
-                description: error.message,
-              }),
-            )
-        }
-        onSelect={(product) => onSelect(product.id)}
-        onDelete={(prod: MerchantBackend.Products.ProductDetail & WithId) =>
-          setDeleting(prod)
-        }
-      />
-
-      {deleting && (
-        <ConfirmModal
-          label={`Delete product`}
-          description={`Delete the product "${deleting.description}"`}
-          danger
-          active
-          onCancel={() => setDeleting(null)}
-          onConfirm={async (): Promise<void> => {
-            try {
-              await deleteProduct(deleting.id);
-              setNotif({
-                message: i18n.str`Product "${deleting.description}" (ID: ${deleting.id}) has been deleted`,
-                type: "SUCCESS",
-              });
-            } catch (error) {
-              setNotif({
-                message: i18n.str`Failed to delete product`,
-                type: "ERROR",
-                description: error instanceof Error ? error.message : undefined,
-              });
-            }
-            setDeleting(null);
-          }}
-        >
-          <p>
-            If you delete the product named <b>&quot;{deleting.description}&quot;</b> (ID:{" "}
-            <b>{deleting.id}</b>), the stock and related information will be lost
-          </p>
-          <p class="warning">
-            Deleting an product <b>cannot be undone</b>.
-          </p>
-        </ConfirmModal>
-      )}
-    </section>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/products/update/Update.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/products/update/Update.stories.tsx
deleted file mode 100644
index a85b13b8b..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/products/update/Update.stories.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-/*
- 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 { UpdatePage as TestedComponent } from "./UpdatePage.js";
-
-export default {
-  title: "Pages/Product/Update",
-  component: TestedComponent,
-  argTypes: {
-    onUpdate: { action: "onUpdate" },
-    onBack: { action: "onBack" },
-  },
-};
-
-function createExample<Props>(
-  Component: FunctionalComponent<Props>,
-  props: Partial<Props>,
-) {
-  const r = (args: any) => <Component {...args} />;
-  r.args = props;
-  return r;
-}
-
-export const WithManagedStock = createExample(TestedComponent, {
-  product: {
-    product_id: "20102-ASDAS-QWE",
-    description: "description1",
-    description_i18n: {} as any,
-    image: "",
-    price: "TESTKUDOS:10",
-    taxes: [],
-    total_lost: 10,
-    total_sold: 5,
-    total_stock: 15,
-    unit: "bar",
-    address: {},
-  },
-});
-
-export const WithInfiniteStock = createExample(TestedComponent, {
-  product: {
-    product_id: "20102-ASDAS-QWE",
-    description: "description1",
-    description_i18n: {} as any,
-    image: "",
-    price: "TESTKUDOS:10",
-    taxes: [],
-    total_lost: 10,
-    total_sold: 5,
-    total_stock: -1,
-    unit: "bar",
-    address: {},
-  },
-});
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/products/update/UpdatePage.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/products/update/UpdatePage.tsx
deleted file mode 100644
index 97715171e..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/products/update/UpdatePage.tsx
+++ /dev/null
@@ -1,99 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { h, VNode } from "preact";
-import { AsyncButton } from "../../../../components/exception/AsyncButton.js";
-import { ProductForm } from "../../../../components/product/ProductForm.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import { useListener } from "../../../../hooks/listener.js";
-
-type Entity = MerchantBackend.Products.ProductDetail & { product_id: string };
-
-interface Props {
-  onUpdate: (d: Entity) => Promise<void>;
-  onBack?: () => void;
-  product: Entity;
-}
-
-export function UpdatePage({ product, onUpdate, onBack }: Props): VNode {
-  const [submitForm, addFormSubmitter] = useListener<Entity | undefined>(
-    (result) => {
-      if (result) return onUpdate(result);
-      return Promise.resolve();
-    },
-  );
-
-  const { i18n } = useTranslationContext();
-
-  return (
-    <div>
-      <section class="section">
-        <section class="hero is-hero-bar">
-          <div class="hero-body">
-            <div class="level">
-              <div class="level-left">
-                <div class="level-item">
-                  <span class="is-size-4">
-                    <i18n.Translate>Product id:</i18n.Translate>
-                    <b>{product.product_id}</b>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </section>
-        <hr />
-
-        <div class="columns">
-          <div class="column" />
-          <div class="column is-four-fifths">
-            <ProductForm
-              initial={product}
-              onSubscribe={addFormSubmitter}
-              alreadyExist
-            />
-
-            <div class="buttons is-right mt-5">
-              {onBack && (
-                <button class="button" onClick={onBack}>
-                  <i18n.Translate>Cancel</i18n.Translate>
-                </button>
-              )}
-              <AsyncButton
-                onClick={submitForm}
-                data-tooltip={
-                  !submitForm
-                    ? i18n.str`Need to complete marked fields`
-                    : "confirm operation"
-                }
-                disabled={!submitForm}
-              >
-                <i18n.Translate>Confirm</i18n.Translate>
-              </AsyncButton>
-            </div>
-          </div>
-          <div class="column" />
-        </div>
-      </section>
-    </div>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/products/update/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/products/update/index.tsx
deleted file mode 100644
index 8e0f7647f..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/products/update/index.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-/*
- 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 {
-  ErrorType,
-  HttpError,
-  useTranslationContext,
-} from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { Loading } from "../../../../components/exception/loading.js";
-import { NotificationCard } from "../../../../components/menu/index.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import { useProductAPI, useProductDetails } from "../../../../hooks/product.js";
-import { Notification } from "../../../../utils/types.js";
-import { UpdatePage } from "./UpdatePage.js";
-import { HttpStatusCode } from "@gnu-taler/taler-util";
-
-export type Entity = MerchantBackend.Products.ProductAddDetail;
-interface Props {
-  onBack?: () => void;
-  onConfirm: () => void;
-  onUnauthorized: () => VNode;
-  onNotFound: () => VNode;
-  onLoadError: (e: HttpError<MerchantBackend.ErrorDetail>) => VNode;
-  pid: string;
-}
-export default function UpdateProduct({
-  pid,
-  onConfirm,
-  onBack,
-  onUnauthorized,
-  onNotFound,
-  onLoadError,
-}: Props): VNode {
-  const { updateProduct } = useProductAPI();
-  const result = useProductDetails(pid);
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-
-  const { i18n } = useTranslationContext();
-
-  if (result.loading) return <Loading />;
-  if (!result.ok) {
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.Unauthorized
-    )
-      return onUnauthorized();
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.NotFound
-    )
-      return onNotFound();
-    return onLoadError(result);
-  }
-
-  return (
-    <Fragment>
-      <NotificationCard notification={notif} />
-      <UpdatePage
-        product={{ ...result.data, product_id: pid }}
-        onBack={onBack}
-        onUpdate={(data) => {
-          return updateProduct(pid, data)
-            .then(onConfirm)
-            .catch((error) => {
-              setNotif({
-                message: i18n.str`could not create product`,
-                type: "ERROR",
-                description: error.message,
-              });
-            });
-        }}
-      />
-    </Fragment>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/create/Create.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/create/Create.stories.tsx
deleted file mode 100644
index 5542c028a..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/create/Create.stories.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-/*
- 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 { CreatePage as TestedComponent } from "./CreatePage.js";
-
-export default {
-  title: "Pages/Reserve/Create",
-  component: TestedComponent,
-  argTypes: {
-    onCreate: { action: "onCreate" },
-    onBack: { action: "onBack" },
-  },
-};
-
-function createExample<Props>(
-  Component: FunctionalComponent<Props>,
-  props: Partial<Props>,
-) {
-  const r = (args: any) => <Component {...args} />;
-  r.args = props;
-  return r;
-}
-
-export const Example = createExample(TestedComponent, {});
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/create/CreatePage.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/create/CreatePage.tsx
deleted file mode 100644
index e46941b6d..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/create/CreatePage.tsx
+++ /dev/null
@@ -1,277 +0,0 @@
-/*
- 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 { HttpError, RequestError, useApiContext, useTranslationContext } from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { StateUpdater, useEffect, useState } from "preact/hooks";
-import { AsyncButton } from "../../../../components/exception/AsyncButton.js";
-import {
-  FormErrors,
-  FormProvider,
-} from "../../../../components/form/FormProvider.js";
-import { Input } from "../../../../components/form/Input.js";
-import { InputCurrency } from "../../../../components/form/InputCurrency.js";
-import { InputSelector } from "../../../../components/form/InputSelector.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import {
-  PAYTO_WIRE_METHOD_LOOKUP,
-  URL_REGEX,
-} from "../../../../utils/constants.js";
-import { useBackendBaseRequest } from "../../../../hooks/backend.js";
-import { parsePaytoUri } from "@gnu-taler/taler-util";
-
-type Entity = MerchantBackend.Rewards.ReserveCreateRequest;
-
-interface Props {
-  onCreate: (d: Entity) => Promise<void>;
-  onBack?: () => void;
-}
-
-enum Steps {
-  EXCHANGE,
-  WIRE_METHOD,
-}
-
-interface ViewProps {
-  step: Steps;
-  setCurrentStep: (s: Steps) => void;
-  reserve: Partial<Entity>;
-  onBack?: () => void;
-  submitForm: () => Promise<void>;
-  setReserve: StateUpdater<Partial<Entity>>;
-}
-function ViewStep({
-  step,
-  setCurrentStep,
-  reserve,
-  onBack,
-  submitForm,
-  setReserve,
-}: ViewProps): VNode {
-  const { i18n } = useTranslationContext();
-  const {request} = useApiContext()
-  const [wireMethods, setWireMethods] = useState<Array<string>>([]);
-  const [exchangeQueryError, setExchangeQueryError] = useState<
-    string | undefined
-  >(undefined);
-
-  useEffect(() => {
-    setExchangeQueryError(undefined);
-  }, [reserve.exchange_url]);
-
-  switch (step) {
-    case Steps.EXCHANGE: {
-      const errors: FormErrors<Entity> = {
-        initial_balance: !reserve.initial_balance
-          ? "cannot be empty"
-          : !(parseInt(reserve.initial_balance.split(":")[1], 10) > 0)
-            ? i18n.str`it should be greater than 0`
-            : undefined,
-        exchange_url: !reserve.exchange_url
-          ? i18n.str`cannot be empty`
-          : !URL_REGEX.test(reserve.exchange_url)
-            ? i18n.str`must be a valid URL`
-            : !exchangeQueryError
-              ? undefined
-              : exchangeQueryError,
-      };
-
-      const hasErrors = Object.keys(errors).some(
-        (k) => (errors as any)[k] !== undefined,
-      );
-
-      return (
-        <Fragment>
-          <FormProvider<Entity>
-            object={reserve}
-            errors={errors}
-            valueHandler={setReserve}
-          >
-            <InputCurrency<Entity>
-              name="initial_balance"
-              label={i18n.str`Initial balance`}
-              tooltip={i18n.str`balance prior to deposit`}
-            />
-            <Input<Entity>
-              name="exchange_url"
-              label={i18n.str`Exchange URL`}
-              tooltip={i18n.str`URL of exchange`}
-            />
-          </FormProvider>
-
-          <div class="buttons is-right mt-5">
-            {onBack && (
-              <button class="button" onClick={onBack}>
-                <i18n.Translate>Cancel</i18n.Translate>
-              </button>
-            )}
-            <AsyncButton
-              class="has-tooltip-left"
-              onClick={() => {
-                if (!reserve.exchange_url) {
-                  return Promise.resolve();
-                }
-                
-                return request<any>(reserve.exchange_url, "keys")
-                  .then((r) => {
-                    console.log(r)
-                    if (r.loading) return;
-                    if (r.ok) {
-                      const wireMethods = r.data.accounts.map((a: any) => {
-                        const p = parsePaytoUri(a.payto_uri);
-                        const r = p?.targetType
-                        return r
-                      }).filter((x:any) => !!x);
-                      setWireMethods(Array.from(new Set(wireMethods)));
-                    }
-                    setCurrentStep(Steps.WIRE_METHOD);
-                    return;
-                  })
-                  .catch((r: RequestError<{}>) => {
-                    console.log(r.cause)
-                    setExchangeQueryError(r.cause.message);
-                  });
-              }}
-              data-tooltip={
-                hasErrors
-                  ? i18n.str`Need to complete marked fields`
-                  : "confirm operation"
-              }
-              disabled={hasErrors}
-            >
-              <i18n.Translate>Next</i18n.Translate>
-            </AsyncButton>
-          </div>
-        </Fragment>
-      );
-    }
-
-    case Steps.WIRE_METHOD: {
-      const errors: FormErrors<Entity> = {
-        wire_method: !reserve.wire_method
-          ? i18n.str`cannot be empty`
-          : undefined,
-      };
-
-      const hasErrors = Object.keys(errors).some(
-        (k) => (errors as any)[k] !== undefined,
-      );
-      return (
-        <Fragment>
-          <FormProvider<Entity>
-            object={reserve}
-            errors={errors}
-            valueHandler={setReserve}
-          >
-            <InputCurrency<Entity>
-              name="initial_balance"
-              label={i18n.str`Initial balance`}
-              tooltip={i18n.str`balance prior to deposit`}
-              readonly
-            />
-            <Input<Entity>
-              name="exchange_url"
-              label={i18n.str`Exchange URL`}
-              tooltip={i18n.str`URL of exchange`}
-              readonly
-            />
-            <InputSelector<Entity>
-              name="wire_method"
-              label={i18n.str`Wire method`}
-              tooltip={i18n.str`method to use for wire transfer`}
-              values={wireMethods}
-              placeholder={i18n.str`Select one wire method`}
-            />
-          </FormProvider>
-          <div class="buttons is-right mt-5">
-            {onBack && (
-              <button
-                class="button"
-                onClick={() => setCurrentStep(Steps.EXCHANGE)}
-              >
-                <i18n.Translate>Back</i18n.Translate>
-              </button>
-            )}
-            <AsyncButton
-              onClick={submitForm}
-              data-tooltip={
-                hasErrors
-                  ? i18n.str`Need to complete marked fields`
-                  : "confirm operation"
-              }
-              disabled={hasErrors}
-            >
-              <i18n.Translate>Confirm</i18n.Translate>
-            </AsyncButton>
-          </div>
-        </Fragment>
-      );
-    }
-  }
-}
-
-export function CreatePage({ onCreate, onBack }: Props): VNode {
-  const [reserve, setReserve] = useState<Partial<Entity>>({});
-
-  const submitForm = () => {
-    return onCreate(reserve as Entity);
-  };
-
-  const [currentStep, setCurrentStep] = useState(Steps.EXCHANGE);
-
-  return (
-    <div>
-      <section class="section is-main-section">
-        <div class="columns">
-          <div class="column" />
-          <div class="column is-four-fifths">
-            <div class="tabs is-toggle is-fullwidth is-small">
-              <ul>
-                <li class={currentStep === Steps.EXCHANGE ? "is-active" : ""}>
-                  <a style={{ cursor: "initial" }}>
-                    <span>Step 1: Specify exchange</span>
-                  </a>
-                </li>
-                <li
-                  class={currentStep === Steps.WIRE_METHOD ? "is-active" : ""}
-                >
-                  <a style={{ cursor: "initial" }}>
-                    <span>Step 2: Select wire method</span>
-                  </a>
-                </li>
-              </ul>
-            </div>
-
-            <ViewStep
-              step={currentStep}
-              reserve={reserve}
-              setCurrentStep={setCurrentStep}
-              setReserve={setReserve}
-              submitForm={submitForm}
-              onBack={onBack}
-            />
-          </div>
-          <div class="column" />
-        </div>
-      </section>
-    </div>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/create/CreatedSuccessfully.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/create/CreatedSuccessfully.stories.tsx
deleted file mode 100644
index 445ca3ef0..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/create/CreatedSuccessfully.stories.tsx
+++ /dev/null
@@ -1,120 +0,0 @@
-/*
- 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 { CreatedSuccessfully as TestedComponent } from "./CreatedSuccessfully.js";
-import * as tests from "@gnu-taler/web-util/testing";
-
-export default {
-  title: "Pages/Reserve/CreatedSuccessfully",
-  component: TestedComponent,
-  argTypes: {
-    onCreate: { action: "onCreate" },
-    onBack: { action: "onBack" },
-  },
-};
-
-export const OneBankAccount = tests.createExample(TestedComponent, {
-  entity: {
-    request: {
-      exchange_url: "http://exchange.taler/",
-      initial_balance: "TESTKUDOS:1",
-      wire_method: "x-taler-bank",
-    },
-    response: {
-      accounts: [
-        {
-          payto_uri: "payto://x-taler-bank/bank.taler:8080/exchange_account",
-          credit_restrictions: [],
-          debit_restrictions: [],
-          master_sig: "asd",
-          conversion_url: "",
-        },
-      ],
-      reserve_pub: "WEQWDASDQWEASDADASDQWEQWEASDAS",
-    },
-  },
-});
-
-export const ThreeBankAccount = tests.createExample(TestedComponent, {
-  entity: {
-    request: {
-      exchange_url: "http://exchange.taler/",
-      initial_balance: "TESTKUDOS:1",
-      wire_method: "x-taler-bank",
-    },
-    response: {
-      accounts: [
-        {
-          payto_uri: "payto://x-taler-bank/bank.taler:8080/exchange_account",
-          credit_restrictions: [],
-          debit_restrictions: [],
-          master_sig: "asd",
-          conversion_url: "",
-        },
-        {
-          payto_uri: "payto://x-taler-bank/bank1.taler:8080/asd",
-          credit_restrictions: [],
-          debit_restrictions: [],
-          master_sig: "asd",
-          conversion_url: "",
-        },
-        {
-          payto_uri: "payto://x-taler-bank/bank2.taler:8080/qwe",
-          credit_restrictions: [],
-          debit_restrictions: [],
-          master_sig: "asd",
-          conversion_url: "",
-        },
-      ],
-      reserve_pub: "WEQWDASDQWEASDADASDQWEQWEASDAS",
-    },
-  },
-});
-
-export const NoBankAccount = tests.createExample(TestedComponent, {
-  entity: {
-    request: {
-      exchange_url: "http://exchange.taler/",
-      initial_balance: "TESTKUDOS:1",
-      wire_method: "x-taler-bank",
-    },
-    response: {
-      accounts: [
-        {
-          payto_uri: "payo://x-talr-bank/bank.taler:8080/exchange_account",
-          credit_restrictions: [],
-          debit_restrictions: [],
-          master_sig: "asd",
-          conversion_url: "",
-        },
-        {
-          payto_uri: "payto://x-taler-bank",
-          credit_restrictions: [],
-          debit_restrictions: [],
-          master_sig: "asd",
-          conversion_url: "",
-        },
-      ],
-      reserve_pub: "WEQWDASDQWEASDADASDQWEQWEASDAS",
-    },
-  },
-});
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/create/CreatedSuccessfully.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/create/CreatedSuccessfully.tsx
deleted file mode 100644
index 1d512c843..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/create/CreatedSuccessfully.tsx
+++ /dev/null
@@ -1,190 +0,0 @@
-/*
- 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/>
- */
-
-import { parsePaytoUri, stringifyPaytoUri } from "@gnu-taler/taler-util";
-import { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { Fragment, VNode, h } from "preact";
-import { QR } from "../../../../components/exception/QR.js";
-import { CreatedSuccessfully as Template } from "../../../../components/notifications/CreatedSuccessfully.js";
-import { MerchantBackend, WireAccount } from "../../../../declaration.js";
-
-type Entity = {
-  request: MerchantBackend.Rewards.ReserveCreateRequest;
-  response: MerchantBackend.Rewards.ReserveCreateConfirmation;
-};
-
-interface Props {
-  entity: Entity;
-  onConfirm: () => void;
-  onCreateAnother?: () => void;
-}
-
-function isNotUndefined<X>(x: X | undefined): x is X {
-  return !!x;
-}
-
-export function CreatedSuccessfully({
-  entity,
-  onConfirm,
-  onCreateAnother,
-}: Props): VNode {
-  const { i18n } = useTranslationContext();
-  return (
-    <Template onConfirm={onConfirm} onCreateAnother={onCreateAnother}>
-      <div class="field is-horizontal">
-        <div class="field-label is-normal">
-          <label class="label">Amount</label>
-        </div>
-        <div class="field-body is-flex-grow-3">
-          <div class="field">
-            <p class="control">
-              <input
-                readonly
-                class="input"
-                value={entity.request.initial_balance}
-              />
-            </p>
-          </div>
-        </div>
-      </div>
-      <div class="field is-horizontal">
-        <div class="field-label is-normal">
-          <label class="label">Wire transfer subject</label>
-        </div>
-        <div class="field-body is-flex-grow-3">
-          <div class="field">
-            <p class="control">
-              <input
-                class="input"
-                readonly
-                value={entity.response.reserve_pub}
-              />
-            </p>
-          </div>
-        </div>
-      </div>
-      <ShowAccountsOfReserveAsQRWithLink
-        accounts={entity.response.accounts ?? []}
-        message={entity.response.reserve_pub}
-        amount={entity.request.initial_balance}
-      />
-    </Template>
-  );
-}
-
-export function ShowAccountsOfReserveAsQRWithLink({
-  accounts,
-  message,
-  amount,
-}: {
-  accounts: WireAccount[];
-  message: string;
-  amount: string;
-}): VNode {
-  const { i18n } = useTranslationContext();
-  const accountsInfo = !accounts
-    ? []
-    : accounts
-      .map((acc) => {
-        const p = parsePaytoUri(acc.payto_uri);
-        if (p) {
-          p.params["message"] = message;
-          p.params["amount"] = amount;
-        }
-        return p;
-      })
-      .filter(isNotUndefined);
-
-  const links = accountsInfo.map((a) => stringifyPaytoUri(a));
-
-  if (links.length === 0) {
-    return (
-      <Fragment>
-        <p class="is-size-5">
-          The reserve have invalid accounts. List of invalid payto URIs below:
-        </p>
-        <ul>
-          {accounts.map((a, idx) => {
-            return <li key={idx}>{a.payto_uri}</li>;
-          })}
-        </ul>
-      </Fragment>
-    );
-  }
-
-  if (links.length === 1) {
-    return (
-      <Fragment>
-        <p class="is-size-5">
-          <i18n.Translate>
-            To complete the setup of the reserve, you must now initiate a wire
-            transfer using the given wire transfer subject and crediting the
-            specified amount to the indicated account of the exchange.
-          </i18n.Translate>
-        </p>
-        <p style={{ margin: 10 }}>
-          <b>Exchange bank account</b>
-        </p>
-        <QR text={links[0]} />
-        <p class="is-size-5">
-          <i18n.Translate>
-            If your system supports RFC 8905, you can do this by opening this
-            URI:
-          </i18n.Translate>
-        </p>
-        <pre>
-          <a target="_blank" rel="noreferrer" href={links[0]}>
-            {links[0]}
-          </a>
-        </pre>
-      </Fragment>
-    );
-  }
-
-  return (
-    <div>
-      <p class="is-size-5">
-        <i18n.Translate>
-          To complete the setup of the reserve, you must now initiate a wire
-          transfer using the given wire transfer subject and crediting the
-          specified amount to one of the indicated account of the exchange.
-        </i18n.Translate>
-      </p>
-
-      <p style={{ margin: 10 }}>
-        <b>Exchange bank accounts</b>
-      </p>
-      <p class="is-size-5">
-        <i18n.Translate>
-          If your system supports RFC 8905, you can do this by clicking on the
-          URI below the QR code:
-        </i18n.Translate>
-      </p>
-      {links.map((link) => {
-        return (
-          <Fragment>
-            <QR text={link} />
-            <pre>
-              <a target="_blank" rel="noreferrer" href={link}>
-                {link}
-              </a>
-            </pre>
-          </Fragment>
-        );
-      })}
-    </div>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/create/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/create/index.tsx
deleted file mode 100644
index 4bbaf1459..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/create/index.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { NotificationCard } from "../../../../components/menu/index.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import { useReservesAPI } from "../../../../hooks/reserves.js";
-import { Notification } from "../../../../utils/types.js";
-import { CreatedSuccessfully } from "./CreatedSuccessfully.js";
-import { CreatePage } from "./CreatePage.js";
-interface Props {
-  onBack: () => void;
-  onConfirm: () => void;
-}
-export default function CreateReserve({ onBack, onConfirm }: Props): VNode {
-  const { createReserve } = useReservesAPI();
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-  const { i18n } = useTranslationContext();
-
-  const [createdOk, setCreatedOk] = useState<
-    | {
-      request: MerchantBackend.Rewards.ReserveCreateRequest;
-      response: MerchantBackend.Rewards.ReserveCreateConfirmation;
-    }
-    | undefined
-  >(undefined);
-
-  if (createdOk) {
-    return <CreatedSuccessfully entity={createdOk} onConfirm={onConfirm} />;
-  }
-
-  return (
-    <Fragment>
-      <NotificationCard notification={notif} />
-      <CreatePage
-        onBack={onBack}
-        onCreate={(request: MerchantBackend.Rewards.ReserveCreateRequest) => {
-          return createReserve(request)
-            .then((r) => setCreatedOk({ request, response: r.data }))
-            .catch((error) => {
-              setNotif({
-                message: i18n.str`could not create reserve`,
-                type: "ERROR",
-                description: error.message,
-              });
-            });
-        }}
-      />
-    </Fragment>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/details/DetailPage.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/details/DetailPage.tsx
deleted file mode 100644
index d8840eeac..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/details/DetailPage.tsx
+++ /dev/null
@@ -1,266 +0,0 @@
-/*
- 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 {
-  Amounts,
-  parsePaytoUri,
-  stringifyPaytoUri,
-} from "@gnu-taler/taler-util";
-import { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { format } from "date-fns";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { QR } from "../../../../components/exception/QR.js";
-import { FormProvider } from "../../../../components/form/FormProvider.js";
-import { Input } from "../../../../components/form/Input.js";
-import { InputCurrency } from "../../../../components/form/InputCurrency.js";
-import { InputDate } from "../../../../components/form/InputDate.js";
-import { TextField } from "../../../../components/form/TextField.js";
-import { SimpleModal } from "../../../../components/modal/index.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import { useRewardDetails } from "../../../../hooks/reserves.js";
-import { RewardInfo } from "./RewardInfo.js";
-import { ShowAccountsOfReserveAsQRWithLink } from "../create/CreatedSuccessfully.js";
-import { datetimeFormatForSettings, useSettings } from "../../../../hooks/useSettings.js";
-
-type Entity = MerchantBackend.Rewards.ReserveDetail;
-type CT = MerchantBackend.ContractTerms;
-
-interface Props {
-  onBack: () => void;
-  selected: Entity;
-  id: string;
-}
-
-export function DetailPage({ id, selected, onBack }: Props): VNode {
-  const { i18n } = useTranslationContext();
-  const didExchangeAckTransfer = Amounts.isNonZero(
-    Amounts.parseOrThrow(selected.exchange_initial_amount),
-  );
-
-  return (
-    <div class="columns">
-      <div class="column" />
-      <div class="column is-four-fifths">
-        <div class="section main-section">
-          <FormProvider object={{ ...selected, id }} valueHandler={null}>
-            <InputDate<Entity>
-              name="creation_time"
-              label={i18n.str`Created at`}
-              readonly
-            />
-            <InputDate<Entity>
-              name="expiration_time"
-              label={i18n.str`Valid until`}
-              readonly
-            />
-            <InputCurrency<Entity>
-              name="merchant_initial_amount"
-              label={i18n.str`Created balance`}
-              readonly
-            />
-            <TextField<Entity>
-              name="exchange_url"
-              label={i18n.str`Exchange URL`}
-              readonly
-            >
-              <a target="_blank" rel="noreferrer" href={selected.exchange_url}>
-                {selected.exchange_url}
-              </a>
-            </TextField>
-
-            {didExchangeAckTransfer && (
-              <Fragment>
-                <InputCurrency<Entity>
-                  name="exchange_initial_amount"
-                  label={i18n.str`Exchange balance`}
-                  readonly
-                />
-                <InputCurrency<Entity>
-                  name="pickup_amount"
-                  label={i18n.str`Picked up`}
-                  readonly
-                />
-                <InputCurrency<Entity>
-                  name="committed_amount"
-                  label={i18n.str`Committed`}
-                  readonly
-                />
-              </Fragment>
-            )}
-            <Input name="id" label={i18n.str`Subject`} readonly />
-          </FormProvider>
-
-          {didExchangeAckTransfer ? (
-            <Fragment>
-              <div class="card has-table">
-                <header class="card-header">
-                  <p class="card-header-title">
-                    <span class="icon">
-                      <i class="mdi mdi-cash-register" />
-                    </span>
-                    <i18n.Translate>Rewards</i18n.Translate>
-                  </p>
-                </header>
-                <div class="card-content">
-                  <div class="b-table has-pagination">
-                    <div class="table-wrapper has-mobile-cards">
-                      {selected.rewards && selected.rewards.length > 0 ? (
-                        <Table rewards={selected.rewards} />
-                      ) : (
-                        <EmptyTable />
-                      )}
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </Fragment>
-          ) : selected.accounts ? (
-            <ShowAccountsOfReserveAsQRWithLink
-              accounts={selected.accounts}
-              amount={selected.merchant_initial_amount}
-              message={id}
-            />
-          ) : undefined}
-
-          <div class="buttons is-right mt-5">
-            <button class="button" onClick={onBack}>
-              <i18n.Translate>Back</i18n.Translate>
-            </button>
-          </div>
-        </div>
-      </div>
-      <div class="column" />
-    </div>
-  );
-}
-
-function EmptyTable(): VNode {
-  const { i18n } = useTranslationContext();
-  return (
-    <div class="content has-text-grey has-text-centered">
-      <p>
-        <span class="icon is-large">
-          <i class="mdi mdi-emoticon-sad mdi-48px" />
-        </span>
-      </p>
-      <p>
-        <i18n.Translate>
-          No reward has been authorized from this reserve
-        </i18n.Translate>
-      </p>
-    </div>
-  );
-}
-
-interface TableProps {
-  rewards: MerchantBackend.Rewards.RewardStatusEntry[];
-}
-
-function Table({ rewards }: TableProps): VNode {
-  const { i18n } = useTranslationContext();
-  return (
-    <div class="table-container">
-      <table class="table is-fullwidth is-striped is-hoverable is-fullwidth">
-        <thead>
-          <tr>
-            <th>
-              <i18n.Translate>Authorized</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Picked up</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Reason</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Expiration</i18n.Translate>
-            </th>
-          </tr>
-        </thead>
-        <tbody>
-          {rewards.map((t, i) => {
-            return <RewardRow id={t.reward_id} key={i} entry={t} />;
-          })}
-        </tbody>
-      </table>
-    </div>
-  );
-}
-
-function RewardRow({
-  id,
-  entry,
-}: {
-  id: string;
-  entry: MerchantBackend.Rewards.RewardStatusEntry;
-}) {
-  const [selected, setSelected] = useState(false);
-  const result = useRewardDetails(id);
-  const [settings] = useSettings();
-  if (result.loading) {
-    return (
-      <tr>
-        <td>...</td>
-        <td>...</td>
-        <td>...</td>
-        <td>...</td>
-      </tr>
-    );
-  }
-  if (!result.ok) {
-    return (
-      <tr>
-        <td>...</td> {/* authorized */}
-        <td>{entry.total_amount}</td>
-        <td>{entry.reason}</td>
-        <td>...</td> {/* expired */}
-      </tr>
-    );
-  }
-  const info = result.data;
-  function onSelect() {
-    setSelected(true);
-  }
-  return (
-    <Fragment>
-      {selected && (
-        <SimpleModal
-          description="reward"
-          active
-          onCancel={() => setSelected(false)}
-        >
-          <RewardInfo id={id} amount={info.total_authorized} entity={info} />
-        </SimpleModal>
-      )}
-      <tr>
-        <td onClick={onSelect}>{info.total_authorized}</td>
-        <td onClick={onSelect}>{info.total_picked_up}</td>
-        <td onClick={onSelect}>{info.reason}</td>
-        <td onClick={onSelect}>
-          {info.expiration.t_s === "never"
-            ? "never"
-            : format(info.expiration.t_s * 1000, datetimeFormatForSettings(settings))}
-        </td>
-      </tr>
-    </Fragment>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/details/Details.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/details/Details.stories.tsx
deleted file mode 100644
index 41c715f20..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/details/Details.stories.tsx
+++ /dev/null
@@ -1,126 +0,0 @@
-/*
- 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 { DetailPage as TestedComponent } from "./DetailPage.js";
-
-export default {
-  title: "Pages/Reserve/Detail",
-  component: TestedComponent,
-  argTypes: {
-    onUpdate: { action: "onUpdate" },
-    onBack: { action: "onBack" },
-  },
-};
-
-function createExample<Props>(
-  Component: FunctionalComponent<Props>,
-  props: Partial<Props>,
-) {
-  const r = (args: any) => <Component {...args} />;
-  r.args = props;
-  return r;
-}
-
-export const Funded = createExample(TestedComponent, {
-  id: "THISISTHERESERVEID",
-  selected: {
-    active: true,
-    committed_amount: "TESTKUDOS:10",
-    creation_time: {
-      t_s: new Date().getTime() / 1000,
-    },
-    exchange_initial_amount: "TESTKUDOS:10",
-    expiration_time: {
-      t_s: new Date().getTime() / 1000,
-    },
-    merchant_initial_amount: "TESTKUDOS:10",
-    pickup_amount: "TESTKUDOS:10",
-    accounts: [
-      {
-        payto_uri: "payto://x-taler-bank/bank.taler:8080/account",
-        credit_restrictions: [],
-        debit_restrictions: [],
-        master_sig: "",
-      },
-    ],
-    exchange_url: "http://exchange.taler/",
-  },
-});
-
-export const NotYetFunded = createExample(TestedComponent, {
-  id: "THISISTHERESERVEID",
-  selected: {
-    active: true,
-    committed_amount: "TESTKUDOS:10",
-    creation_time: {
-      t_s: new Date().getTime() / 1000,
-    },
-    exchange_initial_amount: "TESTKUDOS:0",
-    expiration_time: {
-      t_s: new Date().getTime() / 1000,
-    },
-    merchant_initial_amount: "TESTKUDOS:10",
-    pickup_amount: "TESTKUDOS:10",
-    accounts: [
-      {
-        payto_uri: "payto://x-taler-bank/bank.taler:8080/account",
-        credit_restrictions: [],
-        debit_restrictions: [],
-        master_sig: "",
-      },
-    ],
-    exchange_url: "http://exchange.taler/",
-  },
-});
-
-export const FundedWithEmptyRewards = createExample(TestedComponent, {
-  id: "THISISTHERESERVEID",
-  selected: {
-    active: true,
-    committed_amount: "TESTKUDOS:10",
-    creation_time: {
-      t_s: new Date().getTime() / 1000,
-    },
-    exchange_initial_amount: "TESTKUDOS:10",
-    expiration_time: {
-      t_s: new Date().getTime() / 1000,
-    },
-    merchant_initial_amount: "TESTKUDOS:10",
-    pickup_amount: "TESTKUDOS:10",
-    accounts: [
-      {
-        payto_uri: "payto://x-taler-bank/bank.taler:8080/account",
-        credit_restrictions: [],
-        debit_restrictions: [],
-        master_sig: "",
-      },
-    ],
-    exchange_url: "http://exchange.taler/",
-    rewards: [
-      {
-        reason: "asdasd",
-        reward_id: "123",
-        total_amount: "TESTKUDOS:1",
-      },
-    ],
-  },
-});
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/details/RewardInfo.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/details/RewardInfo.tsx
deleted file mode 100644
index 491028695..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/details/RewardInfo.tsx
+++ /dev/null
@@ -1,94 +0,0 @@
-/*
- 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/>
- */
-import { format } from "date-fns";
-import { Fragment, h, VNode } from "preact";
-import { useBackendContext } from "../../../../context/backend.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import {
-  datetimeFormatForSettings,
-  useSettings,
-} from "../../../../hooks/useSettings.js";
-
-type Entity = MerchantBackend.Rewards.RewardDetails;
-
-interface Props {
-  id: string;
-  entity: Entity;
-  amount: string;
-}
-
-export function RewardInfo({
-  id: merchantRewardId,
-  amount,
-  entity,
-}: Props): VNode {
-  const { url: backendURL } = useBackendContext();
-  const [settings] = useSettings();
-  const rewardURL = "not-supported";
-  return (
-    <Fragment>
-      <div class="field is-horizontal">
-        <div class="field-label is-normal">
-          <label class="label">Amount</label>
-        </div>
-        <div class="field-body is-flex-grow-3">
-          <div class="field">
-            <p class="control">
-              <input readonly class="input" value={amount} />
-            </p>
-          </div>
-        </div>
-      </div>
-      <div class="field is-horizontal">
-        <div class="field-label is-normal">
-          <label class="label">URL</label>
-        </div>
-        <div class="field-body is-flex-grow-3">
-          <div class="field" style={{ overflowWrap: "anywhere" }}>
-            <p class="control">
-              <a target="_blank" rel="noreferrer" href={rewardURL}>
-                {rewardURL}
-              </a>
-            </p>
-          </div>
-        </div>
-      </div>
-      <div class="field is-horizontal">
-        <div class="field-label is-normal">
-          <label class="label">Valid until</label>
-        </div>
-        <div class="field-body is-flex-grow-3">
-          <div class="field">
-            <p class="control">
-              <input
-                class="input"
-                readonly
-                value={
-                  !entity.expiration || entity.expiration.t_s === "never"
-                    ? "never"
-                    : format(
-                        entity.expiration.t_s * 1000,
-                        datetimeFormatForSettings(settings),
-                      )
-                }
-              />
-            </p>
-          </div>
-        </div>
-      </div>
-    </Fragment>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/details/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/details/index.tsx
deleted file mode 100644
index 8e2a74529..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/details/index.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-/*
- 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 { ErrorType, HttpError } from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { Loading } from "../../../../components/exception/loading.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import { useReserveDetails } from "../../../../hooks/reserves.js";
-import { DetailPage } from "./DetailPage.js";
-import { HttpStatusCode } from "@gnu-taler/taler-util";
-
-interface Props {
-  rid: string;
-
-  onUnauthorized: () => VNode;
-  onLoadError: (error: HttpError<MerchantBackend.ErrorDetail>) => VNode;
-  onNotFound: () => VNode;
-  onDelete: () => void;
-  onBack: () => void;
-}
-export default function DetailReserve({
-  rid,
-  onUnauthorized,
-  onLoadError,
-  onNotFound,
-  onBack,
-  onDelete,
-}: Props): VNode {
-  const result = useReserveDetails(rid);
-
-  if (result.loading) return <Loading />;
-  if (!result.ok) {
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.Unauthorized
-    )
-      return onUnauthorized();
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.NotFound
-    )
-      return onNotFound();
-    return onLoadError(result);
-  }
-  return (
-    <Fragment>
-      <DetailPage selected={result.data} onBack={onBack} id={rid} />
-    </Fragment>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/list/AutorizeRewardModal.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/list/AutorizeRewardModal.tsx
deleted file mode 100644
index e205ee621..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/list/AutorizeRewardModal.tsx
+++ /dev/null
@@ -1,124 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import * as yup from "yup";
-import {
-  FormErrors,
-  FormProvider,
-} from "../../../../components/form/FormProvider.js";
-import { Input } from "../../../../components/form/Input.js";
-import { InputCurrency } from "../../../../components/form/InputCurrency.js";
-import {
-  ConfirmModal,
-  ContinueModal,
-} from "../../../../components/modal/index.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import { AuthorizeRewardSchema } from "../../../../schemas/index.js";
-import { CreatedSuccessfully } from "./CreatedSuccessfully.js";
-
-interface AuthorizeRewardModalProps {
-  onCancel: () => void;
-  onConfirm: (value: MerchantBackend.Rewards.RewardCreateRequest) => void;
-  rewardAuthorized?: {
-    response: MerchantBackend.Rewards.RewardCreateConfirmation;
-    request: MerchantBackend.Rewards.RewardCreateRequest;
-  };
-}
-
-export function AuthorizeRewardModal({
-  onCancel,
-  onConfirm,
-  rewardAuthorized,
-}: AuthorizeRewardModalProps): VNode {
-  // const result = useOrderDetails(id)
-  type State = MerchantBackend.Rewards.RewardCreateRequest;
-  const [form, setValue] = useState<Partial<State>>({});
-  const { i18n } = useTranslationContext();
-
-  // const [errors, setErrors] = useState<FormErrors<State>>({})
-  let errors: FormErrors<State> = {};
-  try {
-    AuthorizeRewardSchema.validateSync(form, { abortEarly: false });
-  } catch (err) {
-    if (err instanceof yup.ValidationError) {
-      const yupErrors = err.inner as any[];
-      errors = yupErrors.reduce(
-        (prev, cur) =>
-          !cur.path ? prev : { ...prev, [cur.path]: cur.message },
-        {},
-      );
-    }
-  }
-  const hasErrors = Object.keys(errors).some(
-    (k) => (errors as any)[k] !== undefined,
-  );
-
-  const validateAndConfirm = () => {
-    onConfirm(form as State);
-  };
-  if (rewardAuthorized) {
-    return (
-      <ContinueModal description="reward" active onConfirm={onCancel}>
-        <CreatedSuccessfully
-          entity={rewardAuthorized.response}
-          request={rewardAuthorized.request}
-          onConfirm={onCancel}
-        />
-      </ContinueModal>
-    );
-  }
-
-  return (
-    <ConfirmModal
-      description="New reward"
-      active
-      onCancel={onCancel}
-      disabled={hasErrors}
-      onConfirm={validateAndConfirm}
-    >
-      <FormProvider<State>
-        errors={errors}
-        object={form}
-        valueHandler={setValue}
-      >
-        <InputCurrency<State>
-          name="amount"
-          label={i18n.str`Amount`}
-          tooltip={i18n.str`amount of reward`}
-        />
-        <Input<State>
-          name="justification"
-          label={i18n.str`Justification`}
-          inputType="multiline"
-          tooltip={i18n.str`reason for the reward`}
-        />
-        <Input<State>
-          name="next_url"
-          label={i18n.str`URL after reward`}
-          tooltip={i18n.str`URL to visit after reward payment`}
-        />
-      </FormProvider>
-    </ConfirmModal>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/list/CreatedSuccessfully.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/list/CreatedSuccessfully.tsx
deleted file mode 100644
index b78236bc7..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/list/CreatedSuccessfully.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-/*
- 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/>
- */
-import { format } from "date-fns";
-import { Fragment, h, VNode } from "preact";
-import { CreatedSuccessfully as Template } from "../../../../components/notifications/CreatedSuccessfully.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import { datetimeFormatForSettings, useSettings } from "../../../../hooks/useSettings.js";
-
-type Entity = MerchantBackend.Rewards.RewardCreateConfirmation;
-
-interface Props {
-  entity: Entity;
-  request: MerchantBackend.Rewards.RewardCreateRequest;
-  onConfirm: () => void;
-  onCreateAnother?: () => void;
-}
-
-export function CreatedSuccessfully({
-  request,
-  entity,
-  onConfirm,
-  onCreateAnother,
-}: Props): VNode {
-  const [settings] = useSettings();
-  return (
-    <Fragment>
-      <div class="field is-horizontal">
-        <div class="field-label is-normal">
-          <label class="label">Amount</label>
-        </div>
-        <div class="field-body is-flex-grow-3">
-          <div class="field">
-            <p class="control">
-              <input readonly class="input" value={request.amount} />
-            </p>
-          </div>
-        </div>
-      </div>
-      <div class="field is-horizontal">
-        <div class="field-label is-normal">
-          <label class="label">Justification</label>
-        </div>
-        <div class="field-body is-flex-grow-3">
-          <div class="field">
-            <p class="control">
-              <input readonly class="input" value={request.justification} />
-            </p>
-          </div>
-        </div>
-      </div>
-      <div class="field is-horizontal">
-        <div class="field-label is-normal">
-          <label class="label">URL</label>
-        </div>
-        <div class="field-body is-flex-grow-3">
-          <div class="field">
-            <p class="control">
-              <input readonly class="input" value={entity.reward_status_url} />
-            </p>
-          </div>
-        </div>
-      </div>
-      <div class="field is-horizontal">
-        <div class="field-label is-normal">
-          <label class="label">Valid until</label>
-        </div>
-        <div class="field-body is-flex-grow-3">
-          <div class="field">
-            <p class="control">
-              <input
-                class="input"
-                readonly
-                value={
-                  !entity.reward_expiration ||
-                    entity.reward_expiration.t_s === "never"
-                    ? "never"
-                    : format(
-                      entity.reward_expiration.t_s * 1000,
-                      datetimeFormatForSettings(settings),
-                    )
-                }
-              />
-            </p>
-          </div>
-        </div>
-      </div>
-    </Fragment>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/list/List.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/list/List.stories.tsx
deleted file mode 100644
index b070bbde3..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/list/List.stories.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-/*
- 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 { CardTable as TestedComponent } from "./Table.js";
-
-export default {
-  title: "Pages/Reserve/List",
-  component: TestedComponent,
-};
-
-function createExample<Props>(
-  Component: FunctionalComponent<Props>,
-  props: Partial<Props>,
-) {
-  const r = (args: any) => <Component {...args} />;
-  r.args = props;
-  return r;
-}
-
-export const AllFunded = createExample(TestedComponent, {
-  instances: [
-    {
-      id: "reseverId",
-      active: true,
-      committed_amount: "TESTKUDOS:10",
-      creation_time: {
-        t_s: new Date().getTime() / 1000,
-      },
-      exchange_initial_amount: "TESTKUDOS:10",
-      expiration_time: {
-        t_s: new Date().getTime() / 1000,
-      },
-      merchant_initial_amount: "TESTKUDOS:10",
-      pickup_amount: "TESTKUDOS:10",
-      reserve_pub: "WEQWDASDQWEASDADASDQWEQWEASDAS",
-    },
-    {
-      id: "reseverId2",
-      active: true,
-      committed_amount: "TESTKUDOS:13",
-      creation_time: {
-        t_s: new Date().getTime() / 1000,
-      },
-      exchange_initial_amount: "TESTKUDOS:10",
-      expiration_time: {
-        t_s: new Date().getTime() / 1000,
-      },
-      merchant_initial_amount: "TESTKUDOS:10",
-      pickup_amount: "TESTKUDOS:10",
-      reserve_pub: "WEQWDASDQWEASDADASDQWEQWEASDAS",
-    },
-  ],
-});
-
-export const Empty = createExample(TestedComponent, {
-  instances: [],
-});
-
-export const OneNotYetFunded = createExample(TestedComponent, {
-  instances: [
-    {
-      id: "reseverId",
-      active: true,
-      committed_amount: "TESTKUDOS:0",
-      creation_time: {
-        t_s: new Date().getTime() / 1000,
-      },
-      exchange_initial_amount: "TESTKUDOS:0",
-      expiration_time: {
-        t_s: new Date().getTime() / 1000,
-      },
-      merchant_initial_amount: "TESTKUDOS:10",
-      pickup_amount: "TESTKUDOS:10",
-      reserve_pub: "WEQWDASDQWEASDADASDQWEQWEASDAS",
-    },
-  ],
-});
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/list/Table.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/list/Table.tsx
deleted file mode 100644
index 795e7ec82..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/list/Table.tsx
+++ /dev/null
@@ -1,320 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { format } from "date-fns";
-import { Fragment, h, VNode } from "preact";
-import { MerchantBackend, WithId } from "../../../../declaration.js";
-import { datetimeFormatForSettings, useSettings } from "../../../../hooks/useSettings.js";
-
-type Entity = MerchantBackend.Rewards.ReserveStatusEntry & WithId;
-
-interface Props {
-  instances: Entity[];
-  onNewReward: (id: Entity) => void;
-  onSelect: (id: Entity) => void;
-  onDelete: (id: Entity) => void;
-  onCreate: () => void;
-}
-
-export function CardTable({
-  instances,
-  onCreate,
-  onSelect,
-  onNewReward,
-  onDelete,
-}: Props): VNode {
-  const [withoutFunds, withFunds] = instances.reduce((prev, current) => {
-    const amount = current.exchange_initial_amount;
-    if (amount.endsWith(":0")) {
-      prev[0] = prev[0].concat(current);
-    } else {
-      prev[1] = prev[1].concat(current);
-    }
-    return prev;
-  }, new Array<Array<Entity>>([], []));
-
-  const { i18n } = useTranslationContext();
-
-  return (
-    <Fragment>
-      {withoutFunds.length > 0 && (
-        <div class="card has-table">
-          <header class="card-header">
-            <p class="card-header-title">
-              <span class="icon">
-                <i class="mdi mdi-cash" />
-              </span>
-              <i18n.Translate>Reserves not yet funded</i18n.Translate>
-            </p>
-          </header>
-          <div class="card-content">
-            <div class="b-table has-pagination">
-              <div class="table-wrapper has-mobile-cards">
-                <TableWithoutFund
-                  instances={withoutFunds}
-                  onNewReward={onNewReward}
-                  onSelect={onSelect}
-                  onDelete={onDelete}
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      )}
-
-      <div class="card has-table">
-        <header class="card-header">
-          <p class="card-header-title">
-            <span class="icon">
-              <i class="mdi mdi-cash" />
-            </span>
-            <i18n.Translate>Reserves ready</i18n.Translate>
-          </p>
-          <div class="card-header-icon" aria-label="more options" />
-          <div class="card-header-icon" aria-label="more options">
-            <span
-              class="has-tooltip-left"
-              data-tooltip={i18n.str`add new reserve`}
-            >
-              <button class="button is-info" type="button" onClick={onCreate}>
-                <span class="icon is-small">
-                  <i class="mdi mdi-plus mdi-36px" />
-                </span>
-              </button>
-            </span>
-          </div>
-        </header>
-        <div class="card-content">
-          <div class="b-table has-pagination">
-            <div class="table-wrapper has-mobile-cards">
-              {withFunds.length > 0 ? (
-                <Table
-                  instances={withFunds}
-                  onNewReward={onNewReward}
-                  onSelect={onSelect}
-                  onDelete={onDelete}
-                />
-              ) : (
-                <EmptyTable />
-              )}
-            </div>
-          </div>
-        </div>
-      </div>
-    </Fragment>
-  );
-}
-interface TableProps {
-  instances: Entity[];
-  onNewReward: (id: Entity) => void;
-  onDelete: (id: Entity) => void;
-  onSelect: (id: Entity) => void;
-}
-
-function Table({ instances, onNewReward, onSelect, onDelete }: TableProps): VNode {
-  const { i18n } = useTranslationContext();
-  const [settings] = useSettings();
-  return (
-    <div class="table-container">
-      <table class="table is-fullwidth is-striped is-hoverable is-fullwidth">
-        <thead>
-          <tr>
-            <th>
-              <i18n.Translate>Created at</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Expires at</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Initial</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Picked up</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Committed</i18n.Translate>
-            </th>
-            <th />
-          </tr>
-        </thead>
-        <tbody>
-          {instances.map((i) => {
-            return (
-              <tr key={i.id}>
-                <td
-                  onClick={(): void => onSelect(i)}
-                  style={{ cursor: "pointer" }}
-                >
-                  {i.creation_time.t_s === "never"
-                    ? "never"
-                    : format(i.creation_time.t_s * 1000, datetimeFormatForSettings(settings))}
-                </td>
-                <td
-                  onClick={(): void => onSelect(i)}
-                  style={{ cursor: "pointer" }}
-                >
-                  {i.expiration_time.t_s === "never"
-                    ? "never"
-                    : format(
-                      i.expiration_time.t_s * 1000,
-                      datetimeFormatForSettings(settings),
-                    )}
-                </td>
-                <td
-                  onClick={(): void => onSelect(i)}
-                  style={{ cursor: "pointer" }}
-                >
-                  {i.exchange_initial_amount}
-                </td>
-                <td
-                  onClick={(): void => onSelect(i)}
-                  style={{ cursor: "pointer" }}
-                >
-                  {i.pickup_amount}
-                </td>
-                <td
-                  onClick={(): void => onSelect(i)}
-                  style={{ cursor: "pointer" }}
-                >
-                  {i.committed_amount}
-                </td>
-                <td class="is-actions-cell right-sticky">
-                  <div class="buttons is-right">
-                    <button
-                      class="button is-small is-danger has-tooltip-left"
-                      data-tooltip={i18n.str`delete selected reserve from the database`}
-                      type="button"
-                      onClick={(): void => onDelete(i)}
-                    >
-                      Delete
-                    </button>
-                    <button
-                      class="button is-small is-info has-tooltip-left"
-                      data-tooltip={i18n.str`authorize new reward from selected reserve`}
-                      type="button"
-                      onClick={(): void => onNewReward(i)}
-                    >
-                      New Reward
-                    </button>
-                  </div>
-                </td>
-              </tr>
-            );
-          })}
-        </tbody>
-      </table>
-    </div>
-  );
-}
-
-function EmptyTable(): VNode {
-  const { i18n } = useTranslationContext();
-  return (
-    <div class="content has-text-grey has-text-centered">
-      <p>
-        <span class="icon is-large">
-          <i class="mdi mdi-emoticon-sad mdi-48px" />
-        </span>
-      </p>
-      <p>
-        <i18n.Translate>
-          There is no ready reserves yet, add more pressing the + sign or fund
-          them
-        </i18n.Translate>
-      </p>
-    </div>
-  );
-}
-
-function TableWithoutFund({
-  instances,
-  onSelect,
-  onDelete,
-}: TableProps): VNode {
-  const { i18n } = useTranslationContext();
-  const [settings] = useSettings();
-  return (
-    <div class="table-container">
-      <table class="table is-fullwidth is-striped is-hoverable is-fullwidth">
-        <thead>
-          <tr>
-            <th>
-              <i18n.Translate>Created at</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Expires at</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Expected Balance</i18n.Translate>
-            </th>
-            <th />
-          </tr>
-        </thead>
-        <tbody>
-          {instances.map((i) => {
-            return (
-              <tr key={i.id}>
-                <td
-                  onClick={(): void => onSelect(i)}
-                  style={{ cursor: "pointer" }}
-                >
-                  {i.creation_time.t_s === "never"
-                    ? "never"
-                    : format(i.creation_time.t_s * 1000, datetimeFormatForSettings(settings))}
-                </td>
-                <td
-                  onClick={(): void => onSelect(i)}
-                  style={{ cursor: "pointer" }}
-                >
-                  {i.expiration_time.t_s === "never"
-                    ? "never"
-                    : format(
-                      i.expiration_time.t_s * 1000,
-                      datetimeFormatForSettings(settings),
-                    )}
-                </td>
-                <td
-                  onClick={(): void => onSelect(i)}
-                  style={{ cursor: "pointer" }}
-                >
-                  {i.merchant_initial_amount}
-                </td>
-                <td class="is-actions-cell right-sticky">
-                  <div class="buttons is-right">
-                    <button
-                      class="button is-small is-danger jb-modal has-tooltip-left"
-                      type="button"
-                      data-tooltip={i18n.str`delete selected reserve from the database`}
-                      onClick={(): void => onDelete(i)}
-                    >
-                      Delete
-                    </button>
-                  </div>
-                </td>
-              </tr>
-            );
-          })}
-        </tbody>
-      </table>
-    </div>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/list/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/list/index.tsx
deleted file mode 100644
index b26ff0000..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/reserves/list/index.tsx
+++ /dev/null
@@ -1,171 +0,0 @@
-/*
- 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 {
-  ErrorType,
-  HttpError,
-  useTranslationContext,
-} from "@gnu-taler/web-util/browser";
-import { h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { Loading } from "../../../../components/exception/loading.js";
-import { NotificationCard } from "../../../../components/menu/index.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import {
-  useInstanceReserves,
-  useReservesAPI,
-} from "../../../../hooks/reserves.js";
-import { Notification } from "../../../../utils/types.js";
-import { AuthorizeRewardModal } from "./AutorizeRewardModal.js";
-import { CardTable } from "./Table.js";
-import { HttpStatusCode } from "@gnu-taler/taler-util";
-import { ConfirmModal } from "../../../../components/modal/index.js";
-
-interface Props {
-  onUnauthorized: () => VNode;
-  onLoadError: (e: HttpError<MerchantBackend.ErrorDetail>) => VNode;
-  onSelect: (id: string) => void;
-  onNotFound: () => VNode;
-  onCreate: () => void;
-}
-
-interface RewardConfirmation {
-  response: MerchantBackend.Rewards.RewardCreateConfirmation;
-  request: MerchantBackend.Rewards.RewardCreateRequest;
-}
-
-export default function ListRewards({
-  onUnauthorized,
-  onLoadError,
-  onNotFound,
-  onSelect,
-  onCreate,
-}: Props): VNode {
-  const result = useInstanceReserves();
-  const { deleteReserve, authorizeRewardReserve } = useReservesAPI();
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-  const { i18n } = useTranslationContext();
-  const [reserveForReward, setReserveForReward] = useState<string | undefined>(
-    undefined,
-  );
-  const [deleting, setDeleting] =
-    useState<MerchantBackend.Rewards.ReserveStatusEntry | null>(null);
-  const [rewardAuthorized, setRewardAuthorized] = useState<
-    RewardConfirmation | undefined
-  >(undefined);
-
-  if (result.loading) return <Loading />;
-  if (!result.ok) {
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.Unauthorized
-    )
-      return onUnauthorized();
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.NotFound
-    )
-      return onNotFound();
-    return onLoadError(result);
-  }
-
-  return (
-    <section class="section is-main-section">
-      <NotificationCard notification={notif} />
-
-      {reserveForReward && (
-        <AuthorizeRewardModal
-          onCancel={() => {
-            setReserveForReward(undefined);
-            setRewardAuthorized(undefined);
-          }}
-          rewardAuthorized={rewardAuthorized}
-          onConfirm={async (request) => {
-            try {
-              const response = await authorizeRewardReserve(
-                reserveForReward,
-                request,
-              );
-              setRewardAuthorized({
-                request,
-                response: response.data,
-              });
-            } catch (error) {
-              setNotif({
-                message: i18n.str`could not create the reward`,
-                type: "ERROR",
-                description: error instanceof Error ? error.message : undefined,
-              });
-              setReserveForReward(undefined);
-            }
-          }}
-        />
-      )}
-
-      <CardTable
-        instances={result.data.reserves
-          .filter((r) => r.active)
-          .map((o) => ({ ...o, id: o.reserve_pub }))}
-        onCreate={onCreate}
-        onDelete={(reserve) => {
-          setDeleting(reserve)
-        }}
-        onSelect={(reserve) => onSelect(reserve.id)}
-        onNewReward={(reserve) => setReserveForReward(reserve.id)}
-      />
-
-      {deleting && (
-        <ConfirmModal
-          label={`Delete reserve`}
-          description={`Delete the reserve`}
-          danger
-          active
-          onCancel={() => setDeleting(null)}
-          onConfirm={async (): Promise<void> => {
-            try {
-              await deleteReserve(deleting.reserve_pub);
-              setNotif({
-                message: i18n.str`Reserve for "${deleting.merchant_initial_amount}" (ID: ${deleting.reserve_pub}) has been deleted`,
-                type: "SUCCESS",
-              });
-            } catch (error) {
-              setNotif({
-                message: i18n.str`Failed to delete reserve`,
-                type: "ERROR",
-                description: error instanceof Error ? error.message : undefined,
-              });
-            }
-            setDeleting(null);
-          }}
-        >
-          <p>
-            If you delete the reserve for <b>&quot;{deleting.merchant_initial_amount}&quot;</b> you won't be able to create more rewards. <br />
-            Reserve ID: <b>{deleting.reserve_pub}</b>
-          </p>
-          <p class="warning">
-            Deleting an template <b>cannot be undone</b>.
-          </p>
-        </ConfirmModal>
-      )}
-
-    </section>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/create/Create.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/templates/create/Create.stories.tsx
deleted file mode 100644
index c9d17ea3b..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/create/Create.stories.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
- 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 { CreatePage as TestedComponent } from "./CreatePage.js";
-
-export default {
-  title: "Pages/Templates/Create",
-  component: TestedComponent,
-};
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/create/CreatePage.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/templates/create/CreatePage.tsx
deleted file mode 100644
index 947f3572c..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/create/CreatePage.tsx
+++ /dev/null
@@ -1,259 +0,0 @@
-/*
- 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 {
-  Amounts,
-  MerchantTemplateContractDetails,
-} from "@gnu-taler/taler-util";
-import { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { Fragment, VNode, h } from "preact";
-import { useState } from "preact/hooks";
-import { AsyncButton } from "../../../../components/exception/AsyncButton.js";
-import {
-  FormErrors,
-  FormProvider,
-} from "../../../../components/form/FormProvider.js";
-import { Input } from "../../../../components/form/Input.js";
-import { InputCurrency } from "../../../../components/form/InputCurrency.js";
-import { InputDuration } from "../../../../components/form/InputDuration.js";
-import { InputNumber } from "../../../../components/form/InputNumber.js";
-import { InputSearchOnList } from "../../../../components/form/InputSearchOnList.js";
-import { InputWithAddon } from "../../../../components/form/InputWithAddon.js";
-import { useBackendContext } from "../../../../context/backend.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import { useInstanceOtpDevices } from "../../../../hooks/otp.js";
-import { undefinedIfEmpty } from "../../../../utils/table.js";
-import { InputTab } from "../../../../components/form/InputTab.js";
-
-enum Steps {
-  BOTH_FIXED,
-  FIXED_PRICE,
-  FIXED_SUMMARY,
-  NON_FIXED,
-}
-
-type Entity = MerchantBackend.Template.TemplateAddDetails & { type: Steps };
-
-interface Props {
-  onCreate: (d: Entity) => Promise<void>;
-  onBack?: () => void;
-}
-
-export function CreatePage({ onCreate, onBack }: Props): VNode {
-  const { i18n } = useTranslationContext();
-  const { url: backendURL } = useBackendContext()
-  const devices = useInstanceOtpDevices()
-
-  const [state, setState] = useState<Partial<Entity>>({
-    template_contract: {
-      minimum_age: 0,
-      pay_duration: {
-        d_us: 1000 * 1000 * 60 * 30, //30 min
-      },
-    },
-    type: Steps.NON_FIXED,
-  });
-
-  const parsedPrice = !state.template_contract?.amount
-    ? undefined
-    : Amounts.parse(state.template_contract?.amount);
-
-  const errors: FormErrors<Entity> = {
-    template_id: !state.template_id
-      ? i18n.str`should not be empty`
-      : !/[a-zA-Z0-9]*/.test(state.template_id)
-        ? i18n.str`no valid. only characters and numbers`
-        : undefined,
-    template_description: !state.template_description
-      ? i18n.str`should not be empty`
-      : undefined,
-    template_contract: !state.template_contract
-      ? undefined
-      : undefinedIfEmpty({
-        amount: !(state.type === Steps.FIXED_PRICE || state.type === Steps.BOTH_FIXED)
-          ? undefined
-          : !state.template_contract?.amount
-            ? i18n.str`required`
-            : !parsedPrice
-              ? i18n.str`not valid`
-              : Amounts.isZero(parsedPrice)
-                ? i18n.str`must be greater than 0`
-                : undefined,
-        summary: !(state.type === Steps.FIXED_SUMMARY || state.type === Steps.BOTH_FIXED)
-          ? undefined
-          : !state.template_contract?.summary
-            ? i18n.str`required`
-            : undefined,
-        minimum_age:
-          state.template_contract.minimum_age < 0
-            ? i18n.str`should be greater that 0`
-            : undefined,
-        pay_duration: !state.template_contract.pay_duration
-          ? i18n.str`can't be empty`
-          : state.template_contract.pay_duration.d_us === "forever"
-            ? undefined
-            : state.template_contract.pay_duration.d_us < 1000 * 1000 //less than one second
-              ? i18n.str`to short`
-              : undefined,
-      } as Partial<MerchantTemplateContractDetails>),
-  };
-
-  const hasErrors = Object.keys(errors).some(
-    (k) => (errors as any)[k] !== undefined,
-  );
-
-  const submitForm = () => {
-    if (hasErrors) return Promise.reject();
-    if (state.template_contract) {
-      if (state.type === Steps.NON_FIXED) {
-        delete state.template_contract.amount;
-        delete state.template_contract.summary;
-      } else if (state.type === Steps.FIXED_SUMMARY) {
-        delete state.template_contract.amount;
-      } else if (state.type === Steps.FIXED_PRICE) {
-        delete state.template_contract.summary;
-      }
-    }
-    delete state.type
-    return onCreate(state as any);
-  };
-
-  const deviceList = !devices.ok ? [] : devices.data.otp_devices
-
-  return (
-    <div>
-      <section class="section is-main-section">
-        <div class="columns">
-          <div class="column" />
-          <div class="column is-four-fifths">
-            <FormProvider
-              object={state}
-              valueHandler={setState}
-              errors={errors}
-            >
-              <InputWithAddon<Entity>
-                name="template_id"
-                help={`${backendURL}/templates/${state.template_id ?? ""}`}
-                label={i18n.str`Identifier`}
-                tooltip={i18n.str`Name of the template in URLs.`}
-              />
-              <Input<Entity>
-                name="template_description"
-                label={i18n.str`Description`}
-                help=""
-                tooltip={i18n.str`Describe what this template stands for`}
-              />
-              <InputTab
-                name="type"
-                label={i18n.str`Type`}
-                help={(() => {
-                  switch (state.type) {
-                    case Steps.NON_FIXED: return i18n.str`User will be able to input price and summary before payment.`
-                    case Steps.FIXED_PRICE: return i18n.str`User will be able to add a summary before payment.`
-                    case Steps.FIXED_SUMMARY: return i18n.str`User will be able to set the price before payment.`
-                    case Steps.BOTH_FIXED: return i18n.str`User will not be able to change the price or the summary.`
-                  }
-                })()}
-                tooltip={i18n.str`Define what the user be allowed to modify`}
-                values={[
-                  Steps.NON_FIXED,
-                  Steps.FIXED_PRICE,
-                  Steps.FIXED_SUMMARY,
-                  Steps.BOTH_FIXED,
-                ]}
-                toStr={(v: Steps): string => {
-                  switch (v) {
-                    case Steps.NON_FIXED: return i18n.str`Simple`
-                    case Steps.FIXED_PRICE: return i18n.str`With price`
-                    case Steps.FIXED_SUMMARY: return i18n.str`With summary`
-                    case Steps.BOTH_FIXED: return i18n.str`With price and summary`
-                  }
-                }}
-              />
-              {state.type === Steps.BOTH_FIXED || state.type === Steps.FIXED_SUMMARY ?
-                <Input
-                  name="template_contract.summary"
-                  inputType="multiline"
-                  label={i18n.str`Fixed summary`}
-                  tooltip={i18n.str`If specified, this template will create order with the same summary`}
-                />
-                : undefined}
-              {state.type === Steps.BOTH_FIXED || state.type === Steps.FIXED_PRICE ?
-                <InputCurrency
-                  name="template_contract.amount"
-                  label={i18n.str`Fixed price`}
-                  tooltip={i18n.str`If specified, this template will create order with the same price`}
-                />
-                : undefined}
-              <InputNumber
-                name="template_contract.minimum_age"
-                label={i18n.str`Minimum age`}
-                help=""
-                tooltip={i18n.str`Is this contract restricted to some age?`}
-              />
-              <InputDuration
-                name="template_contract.pay_duration"
-                label={i18n.str`Payment timeout`}
-                help=""
-                tooltip={i18n.str`How much time has the customer to complete the payment once the order was created.`}
-              />
-              <Input<Entity>
-                name="otp_id"
-                label={i18n.str`OTP device`}
-                readonly
-                tooltip={i18n.str`Use to verify transaction in offline mode.`}
-              />
-              <InputSearchOnList
-                label={i18n.str`Search device`}
-                onChange={(p) => setState((v) => ({ ...v, otp_id: p?.id }))}
-                list={deviceList.map(e => ({
-                  description: e.device_description,
-                  id: e.otp_device_id
-                }))}
-              />
-
-            </FormProvider>
-
-            <div class="buttons is-right mt-5">
-              {onBack && (
-                <button class="button" onClick={onBack}>
-                  <i18n.Translate>Cancel</i18n.Translate>
-                </button>
-              )}
-              <AsyncButton
-                disabled={hasErrors}
-                data-tooltip={
-                  hasErrors
-                    ? i18n.str`Need to complete marked fields`
-                    : "confirm operation"
-                }
-                onClick={submitForm}
-              >
-                <i18n.Translate>Confirm</i18n.Translate>
-              </AsyncButton>
-            </div>
-          </div>
-          <div class="column" />
-        </div>
-      </section>
-    </div>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/create/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/templates/create/index.tsx
deleted file mode 100644
index a29ee53b6..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/create/index.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { NotificationCard } from "../../../../components/menu/index.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import { useTemplateAPI } from "../../../../hooks/templates.js";
-import { Notification } from "../../../../utils/types.js";
-import { CreatePage } from "./CreatePage.js";
-
-export type Entity = MerchantBackend.Transfers.TransferInformation;
-interface Props {
-  onBack?: () => void;
-  onConfirm: () => void;
-}
-
-export default function CreateTransfer({ onConfirm, onBack }: Props): VNode {
-  const { createTemplate } = useTemplateAPI();
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-  const { i18n } = useTranslationContext();
-
-  return (
-    <>
-      <NotificationCard notification={notif} />
-      <CreatePage
-        onBack={onBack}
-        onCreate={(request: MerchantBackend.Template.TemplateAddDetails) => {
-          return createTemplate(request)
-            .then(() => onConfirm())
-            .catch((error) => {
-              setNotif({
-                message: i18n.str`could not inform template`,
-                type: "ERROR",
-                description: error.message,
-              });
-            });
-        }}
-      />
-    </>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/list/List.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/templates/list/List.stories.tsx
deleted file mode 100644
index 702e9ba4a..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/list/List.stories.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
- 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 { FunctionalComponent, h } from "preact";
-import { ListPage as TestedComponent } from "./ListPage.js";
-
-export default {
-  title: "Pages/Templates/List",
-  component: TestedComponent,
-};
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/list/ListPage.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/templates/list/ListPage.tsx
deleted file mode 100644
index bf6062c34..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/list/ListPage.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-/*
- 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 } from "preact";
-import { MerchantBackend } from "../../../../declaration.js";
-import { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { CardTable } from "./Table.js";
-
-export interface Props {
-  templates: MerchantBackend.Template.TemplateEntry[];
-  onLoadMoreBefore?: () => void;
-  onLoadMoreAfter?: () => void;
-  onCreate: () => void;
-  onDelete: (e: MerchantBackend.Template.TemplateEntry) => void;
-  onSelect: (e: MerchantBackend.Template.TemplateEntry) => void;
-  onNewOrder: (e: MerchantBackend.Template.TemplateEntry) => void;
-  onQR: (e: MerchantBackend.Template.TemplateEntry) => void;
-}
-
-export function ListPage({
-  templates,
-  onCreate,
-  onDelete,
-  onSelect,
-  onNewOrder,
-  onQR,
-  onLoadMoreBefore,
-  onLoadMoreAfter,
-}: Props): VNode {
-  const form = { payto_uri: "" };
-
-  const { i18n } = useTranslationContext();
-  return (
-      <CardTable
-        templates={templates.map((o) => ({
-          ...o,
-          id: String(o.template_id),
-        }))}
-        onQR={onQR}
-        onCreate={onCreate}
-        onDelete={onDelete}
-        onSelect={onSelect}
-        onNewOrder={onNewOrder}
-        onLoadMoreBefore={onLoadMoreBefore}
-        hasMoreBefore={!onLoadMoreBefore}
-        onLoadMoreAfter={onLoadMoreAfter}
-        hasMoreAfter={!onLoadMoreAfter}
-      />
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/list/Table.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/templates/list/Table.tsx
deleted file mode 100644
index 9fdf4ead9..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/list/Table.tsx
+++ /dev/null
@@ -1,235 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { h, VNode } from "preact";
-import { StateUpdater, useState } from "preact/hooks";
-import { MerchantBackend } from "../../../../declaration.js";
-
-type Entity = MerchantBackend.Template.TemplateEntry;
-
-interface Props {
-  templates: Entity[];
-  onDelete: (e: Entity) => void;
-  onSelect: (e: Entity) => void;
-  onNewOrder: (e: Entity) => void;
-  onQR: (e: Entity) => void;
-  onCreate: () => void;
-  onLoadMoreBefore?: () => void;
-  hasMoreBefore?: boolean;
-  hasMoreAfter?: boolean;
-  onLoadMoreAfter?: () => void;
-}
-
-export function CardTable({
-  templates,
-  onCreate,
-  onDelete,
-  onSelect,
-  onQR,
-  onNewOrder,
-  onLoadMoreAfter,
-  onLoadMoreBefore,
-  hasMoreAfter,
-  hasMoreBefore,
-}: Props): VNode {
-  const [rowSelection, rowSelectionHandler] = useState<string[]>([]);
-
-  const { i18n } = useTranslationContext();
-
-  return (
-    <div class="card has-table">
-      <header class="card-header">
-        <p class="card-header-title">
-          <span class="icon">
-            <i class="mdi mdi-newspaper" />
-          </span>
-          <i18n.Translate>Templates</i18n.Translate>
-        </p>
-        <div class="card-header-icon" aria-label="more options">
-          <span
-            class="has-tooltip-left"
-            data-tooltip={i18n.str`add new templates`}
-          >
-            <button class="button is-info" type="button" onClick={onCreate}>
-              <span class="icon is-small">
-                <i class="mdi mdi-plus mdi-36px" />
-              </span>
-            </button>
-          </span>
-        </div>
-      </header>
-      <div class="card-content">
-        <div class="b-table has-pagination">
-          <div class="table-wrapper has-mobile-cards">
-            {templates.length > 0 ? (
-              <Table
-                instances={templates}
-                onDelete={onDelete}
-                onSelect={onSelect}
-                onNewOrder={onNewOrder}
-                onQR={onQR}
-                rowSelection={rowSelection}
-                rowSelectionHandler={rowSelectionHandler}
-                onLoadMoreAfter={onLoadMoreAfter}
-                onLoadMoreBefore={onLoadMoreBefore}
-                hasMoreAfter={hasMoreAfter}
-                hasMoreBefore={hasMoreBefore}
-              />
-            ) : (
-              <EmptyTable />
-            )}
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
-interface TableProps {
-  rowSelection: string[];
-  instances: Entity[];
-  onDelete: (e: Entity) => void;
-  onNewOrder: (e: Entity) => void;
-  onQR: (e: Entity) => void;
-  onSelect: (e: Entity) => void;
-  rowSelectionHandler: StateUpdater<string[]>;
-  onLoadMoreBefore?: () => void;
-  hasMoreBefore?: boolean;
-  hasMoreAfter?: boolean;
-  onLoadMoreAfter?: () => void;
-}
-
-function toggleSelected<T>(id: T): (prev: T[]) => T[] {
-  return (prev: T[]): T[] =>
-    prev.indexOf(id) == -1 ? [...prev, id] : prev.filter((e) => e != id);
-}
-
-function Table({
-  instances,
-  onLoadMoreAfter,
-  onDelete,
-  onNewOrder,
-  onQR,
-  onSelect,
-  onLoadMoreBefore,
-  hasMoreAfter,
-  hasMoreBefore,
-}: TableProps): VNode {
-  const { i18n } = useTranslationContext();
-  return (
-    <div class="table-container">
-      {hasMoreBefore && (
-        <button
-          class="button is-fullwidth"
-          data-tooltip={i18n.str`load more templates before the first one`}
-          onClick={onLoadMoreBefore}
-        >
-          <i18n.Translate>load newer templates</i18n.Translate>
-        </button>
-      )}
-      <table class="table is-fullwidth is-striped is-hoverable is-fullwidth">
-        <thead>
-          <tr>
-            <th>
-              <i18n.Translate>ID</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Description</i18n.Translate>
-            </th>
-            <th />
-          </tr>
-        </thead>
-        <tbody>
-          {instances.map((i) => {
-            return (
-              <tr key={i.template_id}>
-                <td
-                  onClick={(): void => onSelect(i)}
-                  style={{ cursor: "pointer" }}
-                >
-                  {i.template_id}
-                </td>
-                <td
-                  onClick={(): void => onSelect(i)}
-                  style={{ cursor: "pointer" }}
-                >
-                  {i.template_description}
-                </td>
-                <td class="is-actions-cell right-sticky">
-                  <div class="buttons is-right">
-                    <button
-                      class="button is-danger is-small has-tooltip-left"
-                      data-tooltip={i18n.str`delete selected templates from the database`}
-                      onClick={() => onDelete(i)}
-                    >
-                      Delete
-                    </button>
-                    <button
-                      class="button is-info is-small has-tooltip-left"
-                      data-tooltip={i18n.str`use template to create new order`}
-                      onClick={() => onNewOrder(i)}
-                    >
-                      Use template
-                    </button>
-                    <button
-                      class="button is-info is-small has-tooltip-left"
-                      data-tooltip={i18n.str`create qr code for the template`}
-                      onClick={() => onQR(i)}
-                    >
-                      QR
-                    </button>
-                  </div>
-                </td>
-              </tr>
-            );
-          })}
-        </tbody>
-      </table>
-      {hasMoreAfter && (
-        <button
-          class="button is-fullwidth"
-          data-tooltip={i18n.str`load more templates after the last one`}
-          onClick={onLoadMoreAfter}
-        >
-          <i18n.Translate>load older templates</i18n.Translate>
-        </button>
-      )}
-    </div>
-  );
-}
-
-function EmptyTable(): VNode {
-  const { i18n } = useTranslationContext();
-  return (
-    <div class="content has-text-grey has-text-centered">
-      <p>
-        <span class="icon is-large">
-          <i class="mdi mdi-emoticon-sad mdi-48px" />
-        </span>
-      </p>
-      <p>
-        <i18n.Translate>
-          There is no templates yet, add more pressing the + sign
-        </i18n.Translate>
-      </p>
-    </div>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/list/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/templates/list/index.tsx
deleted file mode 100644
index c7927b772..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/list/index.tsx
+++ /dev/null
@@ -1,152 +0,0 @@
-/*
- 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 {
-  ErrorType,
-  HttpError,
-  useTranslationContext,
-} from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { Loading } from "../../../../components/exception/loading.js";
-import { NotificationCard } from "../../../../components/menu/index.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import {
-  useInstanceTemplates,
-  useTemplateAPI,
-} from "../../../../hooks/templates.js";
-import { Notification } from "../../../../utils/types.js";
-import { ListPage } from "./ListPage.js";
-import { HttpStatusCode, TranslatedString } from "@gnu-taler/taler-util";
-import { ConfirmModal } from "../../../../components/modal/index.js";
-import { JumpToElementById } from "../../../../components/form/JumpToElementById.js";
-
-interface Props {
-  onUnauthorized: () => VNode;
-  onLoadError: (error: HttpError<MerchantBackend.ErrorDetail>) => VNode;
-  onNotFound: () => VNode;
-  onCreate: () => void;
-  onSelect: (id: string) => void;
-  onNewOrder: (id: string) => void;
-  onQR: (id: string) => void;
-}
-
-export default function ListTemplates({
-  onUnauthorized,
-  onLoadError,
-  onCreate,
-  onQR,
-  onSelect,
-  onNewOrder,
-  onNotFound,
-}: Props): VNode {
-  const [position, setPosition] = useState<string | undefined>(undefined);
-  const { i18n } = useTranslationContext();
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-  const { deleteTemplate, testTemplateExist } = useTemplateAPI();
-  const result = useInstanceTemplates({ position }, (id) => setPosition(id));
-  const [deleting, setDeleting] =
-    useState<MerchantBackend.Template.TemplateEntry | null>(null);
-
-  if (result.loading) return <Loading />;
-  if (!result.ok) {
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.Unauthorized
-    )
-      return onUnauthorized();
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.NotFound
-    )
-      return onNotFound();
-    return onLoadError(result);
-  }
-
-  return (
-    <section class="section is-main-section">
-      <NotificationCard notification={notif} />
-
-      <JumpToElementById
-        testIfExist={testTemplateExist} 
-        onSelect={onSelect}
-        description={i18n.str`jump to template with the given template ID`}
-        placeholder={i18n.str`template id`}
-      />
-
-      <ListPage
-        templates={result.data.templates}
-        onLoadMoreBefore={
-          result.isReachingStart ? result.loadMorePrev : undefined
-        }
-        onLoadMoreAfter={result.isReachingEnd ? result.loadMore : undefined}
-        onCreate={onCreate}
-        onSelect={(e) => {
-          onSelect(e.template_id);
-        }}
-        onNewOrder={(e) => {
-          onNewOrder(e.template_id);
-        }}
-        onQR={(e) => {
-          onQR(e.template_id);
-        }}
-        onDelete={(e: MerchantBackend.Template.TemplateEntry) => {
-          setDeleting(e)
-        }
-        }
-      />
-
-      {deleting && (
-        <ConfirmModal
-          label={`Delete template`}
-          description={`Delete the template "${deleting.template_description}"`}
-          danger
-          active
-          onCancel={() => setDeleting(null)}
-          onConfirm={async (): Promise<void> => {
-            try {
-              await deleteTemplate(deleting.template_id);
-              setNotif({
-                message: i18n.str`Template "${deleting.template_description}" (ID: ${deleting.template_id}) has been deleted`,
-                type: "SUCCESS",
-              });
-            } catch (error) {
-              setNotif({
-                message: i18n.str`Failed to delete template`,
-                type: "ERROR",
-                description: error instanceof Error ? error.message : undefined,
-              });
-            }
-            setDeleting(null);
-          }}
-        >
-          <p>
-            If you delete the template <b>&quot;{deleting.template_description}&quot;</b> (ID:{" "}
-            <b>{deleting.template_id}</b>) you may loose information
-          </p>
-          <p class="warning">
-            Deleting an template <b>cannot be undone</b>.
-          </p>
-        </ConfirmModal>
-      )}
-    </section>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/qr/Qr.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/templates/qr/Qr.stories.tsx
deleted file mode 100644
index eb853c8ff..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/qr/Qr.stories.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-/*
- 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 { QrPage as TestedComponent } from "./QrPage.js";
-
-export default {
-  title: "Pages/Templates/QR",
-  component: TestedComponent,
-};
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/qr/QrPage.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/templates/qr/QrPage.tsx
deleted file mode 100644
index 5140aae3a..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/qr/QrPage.tsx
+++ /dev/null
@@ -1,172 +0,0 @@
-/*
- 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 { stringifyPayTemplateUri } from "@gnu-taler/taler-util";
-import { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { VNode, h } from "preact";
-import { useState } from "preact/hooks";
-import { QR } from "../../../../components/exception/QR.js";
-import {
-  FormErrors,
-  FormProvider,
-} from "../../../../components/form/FormProvider.js";
-import { Input } from "../../../../components/form/Input.js";
-import { InputCurrency } from "../../../../components/form/InputCurrency.js";
-import { useBackendContext } from "../../../../context/backend.js";
-import { useConfigContext } from "../../../../context/config.js";
-import { useInstanceContext } from "../../../../context/instance.js";
-import { MerchantBackend } from "../../../../declaration.js";
-
-type Entity = MerchantBackend.Template.UsingTemplateDetails;
-
-interface Props {
-  contract: MerchantBackend.Template.TemplateContractDetails;
-  id: string;
-  onBack?: () => void;
-}
-
-export function QrPage({ contract, id: templateId, onBack }: Props): VNode {
-  const { i18n } = useTranslationContext();
-  const { url: backendURL } = useBackendContext()
-  const { id: instanceId } = useInstanceContext();
-  const config = useConfigContext();
-
-  const [state, setState] = useState<Partial<Entity>>({
-    amount: contract.amount,
-    summary: contract.summary,
-  });
-
-  const errors: FormErrors<Entity> = {};
-
-  const fixedAmount = !!contract.amount;
-  const fixedSummary = !!contract.summary;
-
-  const templateParams: Record<string, string> = {}
-  if (!fixedAmount) {
-    if (state.amount) {
-      templateParams.amount = state.amount
-    } else {
-      templateParams.amount = config.currency
-    }
-  }
-
-  if (!fixedSummary) {
-    templateParams.summary = state.summary ?? ""
-  }
-
-  const merchantBaseUrl = new URL(backendURL).href;
-
-  const payTemplateUri = stringifyPayTemplateUri({
-    merchantBaseUrl,
-    templateId,
-    templateParams
-  })
-
-  const issuer = encodeURIComponent(
-    `${new URL(backendURL).host}/${instanceId}`,
-  );
-
-  return (
-    <div>
-      <section class="section is-main-section">
-        <div class="columns">
-          <div class="column" />
-          <div class="column is-four-fifths">
-            <p class="is-size-5 mt-5 mb-5">
-              <i18n.Translate>
-                Here you can specify a default value for fields that are not
-                fixed. Default values can be edited by the customer before the
-                payment.
-              </i18n.Translate>
-            </p>
-
-            <p></p>
-            <FormProvider
-              object={state}
-              valueHandler={setState}
-              errors={errors}
-            >
-              <InputCurrency<Entity>
-                name="amount"
-                label={
-                  fixedAmount
-                    ? i18n.str`Fixed amount`
-                    : i18n.str`Default amount`
-                }
-                readonly={fixedAmount}
-                tooltip={i18n.str`Amount of the order`}
-              />
-              <Input<Entity>
-                name="summary"
-                inputType="multiline"
-                readonly={fixedSummary}
-                label={
-                  fixedSummary
-                    ? i18n.str`Fixed summary`
-                    : i18n.str`Default summary`
-                }
-                tooltip={i18n.str`Title of the order to be shown to the customer`}
-              />
-            </FormProvider>
-
-            <div class="buttons is-right mt-5">
-              {onBack && (
-                <button class="button" onClick={onBack}>
-                  <i18n.Translate>Cancel</i18n.Translate>
-                </button>
-              )}
-              <button
-                class="button is-info"
-                onClick={() => saveAsPDF(templateId)}
-              >
-                <i18n.Translate>Print</i18n.Translate>
-              </button>
-            </div>
-          </div>
-          <div class="column" />
-        </div>
-      </section>
-      <section id="printThis">
-        <QR text={payTemplateUri} />
-        <pre style={{ textAlign: "center" }}>
-          <a href={payTemplateUri}>{payTemplateUri}</a>
-        </pre>
-      </section>
-    </div>
-  );
-}
-
-function saveAsPDF(name: string): void {
-  const printWindow = window.open("", "", "height=400,width=800");
-  if (!printWindow) return;
-  const divContents = document.getElementById("printThis");
-  if (!divContents) return;
-  printWindow.document.write(
-    `<html><head><title>Order template for ${name}</title><style>`,
-  );
-  printWindow.document.write("</style></head><body>&nbsp;</body></html>");
-  printWindow.document.close();
-  printWindow.document.body.appendChild(divContents.cloneNode(true));
-  printWindow.addEventListener("load", () => {
-    printWindow.print();
-    printWindow.close();
-  });
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/qr/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/templates/qr/index.tsx
deleted file mode 100644
index 7db7478f7..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/qr/index.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-/*
- 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 {
-  ErrorType,
-  HttpError,
-  useTranslationContext,
-} from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { Loading } from "../../../../components/exception/loading.js";
-import { NotificationCard } from "../../../../components/menu/index.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import {
-  useTemplateAPI,
-  useTemplateDetails,
-} from "../../../../hooks/templates.js";
-import { Notification } from "../../../../utils/types.js";
-import { QrPage } from "./QrPage.js";
-import { HttpStatusCode } from "@gnu-taler/taler-util";
-
-export type Entity = MerchantBackend.Transfers.TransferInformation;
-interface Props {
-  onBack?: () => void;
-  onUnauthorized: () => VNode;
-  onNotFound: () => VNode;
-  onLoadError: (e: HttpError<MerchantBackend.ErrorDetail>) => VNode;
-  tid: string;
-}
-
-export default function TemplateQrPage({
-  tid,
-  onBack,
-  onLoadError,
-  onNotFound,
-  onUnauthorized,
-}: Props): VNode {
-  const result = useTemplateDetails(tid);
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-
-  if (result.loading) return <Loading />;
-  if (!result.ok) {
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.Unauthorized
-    )
-      return onUnauthorized();
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.NotFound
-    )
-      return onNotFound();
-    return onLoadError(result);
-  }
-
-  return (
-    <>
-      <NotificationCard notification={notif} />
-      <QrPage contract={result.data.template_contract} id={tid} onBack={onBack} />
-    </>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/update/Update.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/templates/update/Update.stories.tsx
deleted file mode 100644
index 8d07cb31f..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/update/Update.stories.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-/*
- 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 { UpdatePage as TestedComponent } from "./UpdatePage.js";
-
-export default {
-  title: "Pages/Templates/Update",
-  component: TestedComponent,
-  argTypes: {
-    onUpdate: { action: "onUpdate" },
-    onBack: { action: "onBack" },
-  },
-};
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/update/UpdatePage.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/templates/update/UpdatePage.tsx
deleted file mode 100644
index b578d4664..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/update/UpdatePage.tsx
+++ /dev/null
@@ -1,254 +0,0 @@
-/*
- 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 {
-  Amounts,
-  MerchantTemplateContractDetails,
-} from "@gnu-taler/taler-util";
-import { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { Fragment, VNode, h } from "preact";
-import { useState } from "preact/hooks";
-import { AsyncButton } from "../../../../components/exception/AsyncButton.js";
-import {
-  FormErrors,
-  FormProvider,
-} from "../../../../components/form/FormProvider.js";
-import { Input } from "../../../../components/form/Input.js";
-import { InputCurrency } from "../../../../components/form/InputCurrency.js";
-import { InputDuration } from "../../../../components/form/InputDuration.js";
-import { InputNumber } from "../../../../components/form/InputNumber.js";
-import { InputWithAddon } from "../../../../components/form/InputWithAddon.js";
-import { useBackendContext } from "../../../../context/backend.js";
-import { MerchantBackend, WithId } from "../../../../declaration.js";
-import { undefinedIfEmpty } from "../../../../utils/table.js";
-import { InputTab } from "../../../../components/form/InputTab.js";
-
-enum Steps {
-  BOTH_FIXED,
-  FIXED_PRICE,
-  FIXED_SUMMARY,
-  NON_FIXED,
-}
-
-type Entity = MerchantBackend.Template.TemplatePatchDetails & WithId;
-
-interface Props {
-  onUpdate: (d: Entity) => Promise<void>;
-  onBack?: () => void;
-  template: Entity;
-}
-
-export function UpdatePage({ template, onUpdate, onBack }: Props): VNode {
-  const { i18n } = useTranslationContext();
-  const { url: backendURL } = useBackendContext()
-
-  const intialStep =
-    template.template_contract?.amount === undefined && template.template_contract?.summary === undefined
-      ? Steps.NON_FIXED
-      : template.template_contract?.summary === undefined
-        ? Steps.FIXED_PRICE
-        : template.template_contract?.amount === undefined
-          ? Steps.FIXED_SUMMARY
-          : Steps.BOTH_FIXED;
-
-  const [state, setState] = useState<Partial<Entity & { type: Steps }>>({ ...template, type: intialStep });
-
-  const parsedPrice = !state.template_contract?.amount
-    ? undefined
-    : Amounts.parse(state.template_contract?.amount);
-
-  const errors: FormErrors<Entity> = {
-    template_description: !state.template_description
-      ? i18n.str`should not be empty`
-      : undefined,
-    template_contract: !state.template_contract
-      ? undefined
-      : undefinedIfEmpty({
-        amount: !(state.type === Steps.FIXED_PRICE || state.type === Steps.BOTH_FIXED)
-          ? undefined
-          : !state.template_contract?.amount
-            ? i18n.str`required`
-            : !parsedPrice
-              ? i18n.str`not valid`
-              : Amounts.isZero(parsedPrice)
-                ? i18n.str`must be greater than 0`
-                : undefined,
-        summary: !(state.type === Steps.FIXED_SUMMARY || state.type === Steps.BOTH_FIXED)
-          ? undefined
-          : !state.template_contract?.summary
-            ? i18n.str`required`
-            : undefined,
-        minimum_age:
-          state.template_contract.minimum_age < 0
-            ? i18n.str`should be greater that 0`
-            : undefined,
-        pay_duration: !state.template_contract.pay_duration
-          ? i18n.str`can't be empty`
-          : state.template_contract.pay_duration.d_us === "forever"
-            ? undefined
-            : state.template_contract.pay_duration.d_us < 1000 * 1000 // less than one second
-              ? i18n.str`to short`
-              : undefined,
-      } as Partial<MerchantTemplateContractDetails>),
-  };
-
-  const hasErrors = Object.keys(errors).some(
-    (k) => (errors as any)[k] !== undefined,
-  );
-
-  const submitForm = () => {
-    if (hasErrors) return Promise.reject();
-    if (state.template_contract) {
-      if (state.type === Steps.NON_FIXED) {
-        delete state.template_contract.amount;
-        delete state.template_contract.summary;
-      } else if (state.type === Steps.FIXED_SUMMARY) {
-        delete state.template_contract.amount;
-      } else if (state.type === Steps.FIXED_PRICE) {
-        delete state.template_contract.summary;
-      }
-    }
-    delete state.type
-    return onUpdate(state as any);
-  };
-
-
-  return (
-    <div>
-      <section class="section">
-        <section class="hero is-hero-bar">
-          <div class="hero-body">
-            <div class="level">
-              <div class="level-left">
-                <div class="level-item">
-                  <span class="is-size-4">
-                    {backendURL}/templates/{template.id}
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </section>
-        <hr />
-
-        <section class="section is-main-section">
-          <div class="columns">
-            <div class="column is-four-fifths">
-              <FormProvider
-                object={state}
-                valueHandler={setState}
-                errors={errors}
-              >
-                <InputWithAddon<Entity>
-                  name="id"
-                  addonBefore={`templates/`}
-                  readonly
-                  label={i18n.str`Identifier`}
-                  tooltip={i18n.str`Name of the template in URLs.`}
-                />
-
-                <Input<Entity>
-                  name="template_description"
-                  label={i18n.str`Description`}
-                  help=""
-                  tooltip={i18n.str`Describe what this template stands for`}
-                />
-                <InputTab
-                  name="type"
-                  label={i18n.str`Type`}
-                  help={(() => {
-                    switch (state.type) {
-                      case Steps.NON_FIXED: return i18n.str`User will be able to input price and summary before payment.`
-                      case Steps.FIXED_PRICE: return i18n.str`User will be able to add a summary before payment.`
-                      case Steps.FIXED_SUMMARY: return i18n.str`User will be able to set the price before payment.`
-                      case Steps.BOTH_FIXED: return i18n.str`User will not be able to change the price or the summary.`
-                    }
-                  })()}
-                  tooltip={i18n.str`Define what the user be allowed to modify`}
-                  values={[
-                    Steps.NON_FIXED,
-                    Steps.FIXED_PRICE,
-                    Steps.FIXED_SUMMARY,
-                    Steps.BOTH_FIXED,
-                  ]}
-                  toStr={(v: Steps): string => {
-                    switch (v) {
-                      case Steps.NON_FIXED: return i18n.str`Simple`
-                      case Steps.FIXED_PRICE: return i18n.str`With price`
-                      case Steps.FIXED_SUMMARY: return i18n.str`With summary`
-                      case Steps.BOTH_FIXED: return i18n.str`With price and summary`
-                    }
-                  }}
-                />
-                {state.type === Steps.BOTH_FIXED || state.type === Steps.FIXED_SUMMARY ?
-                  <Input
-                    name="template_contract.summary"
-                    inputType="multiline"
-                    label={i18n.str`Fixed summary`}
-                    tooltip={i18n.str`If specified, this template will create order with the same summary`}
-                  />
-                  : undefined}
-                {state.type === Steps.BOTH_FIXED || state.type === Steps.FIXED_PRICE ?
-                  <InputCurrency
-                    name="template_contract.amount"
-                    label={i18n.str`Fixed price`}
-                    tooltip={i18n.str`If specified, this template will create order with the same price`}
-                  />
-                  : undefined}
-                <InputNumber
-                  name="template_contract.minimum_age"
-                  label={i18n.str`Minimum age`}
-                  help=""
-                  tooltip={i18n.str`Is this contract restricted to some age?`}
-                />
-                <InputDuration
-                  name="template_contract.pay_duration"
-                  label={i18n.str`Payment timeout`}
-                  help=""
-                  tooltip={i18n.str`How much time has the customer to complete the payment once the order was created.`}
-                />
-              </FormProvider>
-
-              <div class="buttons is-right mt-5">
-                {onBack && (
-                  <button class="button" onClick={onBack}>
-                    <i18n.Translate>Cancel</i18n.Translate>
-                  </button>
-                )}
-                <AsyncButton
-                  disabled={hasErrors}
-                  data-tooltip={
-                    hasErrors
-                      ? i18n.str`Need to complete marked fields`
-                      : "confirm operation"
-                  }
-                  onClick={submitForm}
-                >
-                  <i18n.Translate>Confirm</i18n.Translate>
-                </AsyncButton>
-              </div>
-            </div>
-          </div>
-        </section>
-      </section>
-    </div>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/update/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/templates/update/index.tsx
deleted file mode 100644
index 3adca45db..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/update/index.tsx
+++ /dev/null
@@ -1,99 +0,0 @@
-/*
- 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 {
-  ErrorType,
-  HttpError,
-  useTranslationContext,
-} from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { Loading } from "../../../../components/exception/loading.js";
-import { NotificationCard } from "../../../../components/menu/index.js";
-import { MerchantBackend, WithId } from "../../../../declaration.js";
-import {
-  useTemplateAPI,
-  useTemplateDetails,
-} from "../../../../hooks/templates.js";
-import { Notification } from "../../../../utils/types.js";
-import { UpdatePage } from "./UpdatePage.js";
-import { HttpStatusCode } from "@gnu-taler/taler-util";
-
-export type Entity = MerchantBackend.Template.TemplatePatchDetails & WithId;
-
-interface Props {
-  onBack?: () => void;
-  onConfirm: () => void;
-  onUnauthorized: () => VNode;
-  onNotFound: () => VNode;
-  onLoadError: (e: HttpError<MerchantBackend.ErrorDetail>) => VNode;
-  tid: string;
-}
-export default function UpdateTemplate({
-  tid,
-  onConfirm,
-  onBack,
-  onUnauthorized,
-  onNotFound,
-  onLoadError,
-}: Props): VNode {
-  const { updateTemplate } = useTemplateAPI();
-  const result = useTemplateDetails(tid);
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-
-  const { i18n } = useTranslationContext();
-
-  if (result.loading) return <Loading />;
-  if (!result.ok) {
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.Unauthorized
-    )
-      return onUnauthorized();
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.NotFound
-    )
-      return onNotFound();
-    return onLoadError(result);
-  }
-
-  return (
-    <Fragment>
-      <NotificationCard notification={notif} />
-      <UpdatePage
-        template={{ ...result.data, id: tid }}
-        onBack={onBack}
-        onUpdate={(data) => {
-          return updateTemplate(tid, data)
-            .then(onConfirm)
-            .catch((error) => {
-              setNotif({
-                message: i18n.str`could not update template`,
-                type: "ERROR",
-                description: error.message,
-              });
-            });
-        }}
-      />
-    </Fragment>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/use/Use.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/templates/use/Use.stories.tsx
deleted file mode 100644
index 13576d94d..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/use/Use.stories.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-/*
- 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 { UsePage as TestedComponent } from "./UsePage.js";
-
-export default {
-  title: "Pages/Templates/Create",
-  component: TestedComponent,
-};
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/use/UsePage.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/templates/use/UsePage.tsx
deleted file mode 100644
index 983804d3e..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/use/UsePage.tsx
+++ /dev/null
@@ -1,143 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { AsyncButton } from "../../../../components/exception/AsyncButton.js";
-import {
-  FormErrors,
-  FormProvider,
-} from "../../../../components/form/FormProvider.js";
-import { Input } from "../../../../components/form/Input.js";
-import { InputCurrency } from "../../../../components/form/InputCurrency.js";
-import { MerchantBackend } from "../../../../declaration.js";
-
-type Entity = MerchantBackend.Template.UsingTemplateDetails;
-
-interface Props {
-  id: string;
-  template: MerchantBackend.Template.TemplateDetails;
-  onCreateOrder: (d: Entity) => Promise<void>;
-  onBack?: () => void;
-}
-
-export function UsePage({ id, template, onCreateOrder, onBack }: Props): VNode {
-  const { i18n } = useTranslationContext();
-
-  const [state, setState] = useState<Partial<Entity>>({
-    amount: template.template_contract.amount,
-    summary: template.template_contract.summary,
-  });
-
-  const errors: FormErrors<Entity> = {
-    amount:
-      !template.template_contract.amount && !state.amount
-        ? i18n.str`Amount is required`
-        : undefined,
-    summary:
-      !template.template_contract.summary && !state.summary
-        ? i18n.str`Order summary is required`
-        : undefined,
-  };
-
-  const hasErrors = Object.keys(errors).some(
-    (k) => (errors as any)[k] !== undefined,
-  );
-
-  const submitForm = () => {
-    if (hasErrors) return Promise.reject();
-    if (template.template_contract.amount) {
-      delete state.amount;
-    }
-    if (template.template_contract.summary) {
-      delete state.summary;
-    }
-    return onCreateOrder(state as any);
-  };
-
-  return (
-    <div>
-      <section class="section">
-        <section class="hero is-hero-bar">
-          <div class="hero-body">
-            <div class="level">
-              <div class="level-left">
-                <div class="level-item">
-                  <span class="is-size-4">
-                    <i18n.Translate>New order for template</i18n.Translate>:{" "}
-                    <b>{id}</b>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </section>
-      </section>
-      <section class="section is-main-section">
-        <div class="columns">
-          <div class="column" />
-          <div class="column is-four-fifths">
-            <FormProvider
-              object={state}
-              valueHandler={setState}
-              errors={errors}
-            >
-              <InputCurrency<Entity>
-                name="amount"
-                label={i18n.str`Amount`}
-                readonly={!!template.template_contract.amount}
-                tooltip={i18n.str`Amount of the order`}
-              />
-              <Input<Entity>
-                name="summary"
-                inputType="multiline"
-                label={i18n.str`Order summary`}
-                readonly={!!template.template_contract.summary}
-                tooltip={i18n.str`Title of the order to be shown to the customer`}
-              />
-            </FormProvider>
-
-            <div class="buttons is-right mt-5">
-              {onBack && (
-                <button class="button" onClick={onBack}>
-                  <i18n.Translate>Cancel</i18n.Translate>
-                </button>
-              )}
-              <AsyncButton
-                disabled={hasErrors}
-                data-tooltip={
-                  hasErrors
-                    ? i18n.str`Need to complete marked fields`
-                    : "confirm operation"
-                }
-                onClick={submitForm}
-              >
-                <i18n.Translate>Confirm</i18n.Translate>
-              </AsyncButton>
-            </div>
-          </div>
-          <div class="column" />
-        </div>
-      </section>
-    </div>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/use/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/templates/use/index.tsx
deleted file mode 100644
index ed1242ef5..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/templates/use/index.tsx
+++ /dev/null
@@ -1,101 +0,0 @@
-/*
- 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 {
-  ErrorType,
-  HttpError,
-  useTranslationContext,
-} from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { Loading } from "../../../../components/exception/loading.js";
-import { NotificationCard } from "../../../../components/menu/index.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import {
-  useTemplateAPI,
-  useTemplateDetails,
-} from "../../../../hooks/templates.js";
-import { Notification } from "../../../../utils/types.js";
-import { UsePage } from "./UsePage.js";
-import { HttpStatusCode } from "@gnu-taler/taler-util";
-
-export type Entity = MerchantBackend.Transfers.TransferInformation;
-interface Props {
-  onBack?: () => void;
-  onOrderCreated: (id: string) => void;
-  onUnauthorized: () => VNode;
-  onNotFound: () => VNode;
-  onLoadError: (e: HttpError<MerchantBackend.ErrorDetail>) => VNode;
-  tid: string;
-}
-
-export default function TemplateUsePage({
-  tid,
-  onOrderCreated,
-  onBack,
-  onLoadError,
-  onNotFound,
-  onUnauthorized,
-}: Props): VNode {
-  const { createOrderFromTemplate } = useTemplateAPI();
-  const result = useTemplateDetails(tid);
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-  const { i18n } = useTranslationContext();
-
-  if (result.loading) return <Loading />;
-  if (!result.ok) {
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.Unauthorized
-    )
-      return onUnauthorized();
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.NotFound
-    )
-      return onNotFound();
-    return onLoadError(result);
-  }
-
-  return (
-    <>
-      <NotificationCard notification={notif} />
-      <UsePage
-        template={result.data}
-        id={tid}
-        onBack={onBack}
-        onCreateOrder={(
-          request: MerchantBackend.Template.UsingTemplateDetails,
-        ) => {
-          return createOrderFromTemplate(tid, request)
-            .then((res) => onOrderCreated(res.data.order_id))
-            .catch((error) => {
-              setNotif({
-                message: i18n.str`could not create order from template`,
-                type: "ERROR",
-                description: error.message,
-              });
-            });
-        }}
-      />
-    </>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/token/DetailPage.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/token/DetailPage.tsx
deleted file mode 100644
index 549e7581f..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/token/DetailPage.tsx
+++ /dev/null
@@ -1,183 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { AsyncButton } from "../../../components/exception/AsyncButton.js";
-import { FormProvider } from "../../../components/form/FormProvider.js";
-import { Input } from "../../../components/form/Input.js";
-import { useInstanceContext } from "../../../context/instance.js";
-import { AccessToken } from "../../../declaration.js";
-import { NotificationCard } from "../../../components/menu/index.js";
-
-interface Props {
-  instanceId: string;
-  hasToken: boolean | undefined;
-  onClearToken: (c: AccessToken | undefined) => void;
-  onNewToken: (c: AccessToken | undefined, s: AccessToken) => void;
-  onBack?: () => void;
-}
-
-export function DetailPage({ instanceId, hasToken, onBack, onNewToken, onClearToken }: Props): VNode {
-  type State = { old_token: string; new_token: string; repeat_token: string };
-  const [form, setValue] = useState<Partial<State>>({
-    old_token: "",
-    new_token: "",
-    repeat_token: "",
-  });
-  const { i18n } = useTranslationContext();
-
-  const errors = {
-    old_token: hasToken && !form.old_token
-      ? i18n.str`you need your access token to perform the operation`
-      : undefined,
-    new_token: !form.new_token
-      ? i18n.str`cannot be empty`
-      : form.new_token === form.old_token
-        ? i18n.str`cannot be the same as the old token`
-        : undefined,
-    repeat_token:
-      form.new_token !== form.repeat_token
-        ? i18n.str`is not the same`
-        : undefined,
-  };
-
-  const hasErrors = Object.keys(errors).some(
-    (k) => (errors as any)[k] !== undefined,
-  );
-
-  const instance = useInstanceContext();
-
-  const text = i18n.str`You are updating the access token from instance with id "${instance.id}"`;
-
-  async function submitForm() {
-    if (hasErrors) return;
-    const oldToken = hasToken ? `secret-token:${form.old_token}` as AccessToken : undefined;
-    const newToken = `secret-token:${form.new_token}` as AccessToken;
-    onNewToken(oldToken, newToken)
-  }
-
-  return (
-    <div>
-      <section class="section">
-        <section class="hero is-hero-bar">
-          <div class="hero-body">
-            <div class="level">
-              <div class="level-left">
-                <div class="level-item">
-                  <span class="is-size-4">
-                    {text}
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </section>
-        <hr />
-
-        {!hasToken &&
-          <NotificationCard
-            notification={{
-              message: i18n.str`This instance doesn't have authentication token.`,
-              description: i18n.str`You can leave it empty if there is another layer of security.`,
-              type: "WARN",
-            }}
-          />
-        }
-
-        <div class="columns">
-          <div class="column" />
-          <div class="column is-four-fifths">
-            <FormProvider errors={errors} object={form} valueHandler={setValue}>
-              <Fragment>
-                {hasToken && (
-                  <Fragment>
-                    <Input<State>
-                      name="old_token"
-                      label={i18n.str`Current access token`}
-                      tooltip={i18n.str`access token currently in use`}
-                      inputType="password"
-                    />
-                    <p>
-                      <i18n.Translate>
-                        Clearing the access token will mean public access to the instance.
-                      </i18n.Translate>
-                    </p>
-                    <div class="buttons is-right mt-5">
-                      <button
-                        class="button"
-                        onClick={() => {
-                          if (hasToken) {
-                            const oldToken = `secret-token:${form.old_token}` as AccessToken;
-                            onClearToken(oldToken)
-                          } else {
-                            onClearToken(undefined)
-                          }
-                        }}
-                      >
-                        <i18n.Translate>Clear token</i18n.Translate>
-                      </button>
-                    </div>
-                  </Fragment>
-                )}
-
-
-                <Input<State>
-                  name="new_token"
-                  label={i18n.str`New access token`}
-                  tooltip={i18n.str`next access token to be used`}
-                  inputType="password"
-                />
-                <Input<State>
-                  name="repeat_token"
-                  label={i18n.str`Repeat access token`}
-                  tooltip={i18n.str`confirm the same access token`}
-                  inputType="password"
-                />
-              </Fragment>
-            </FormProvider>
-            <div class="buttons is-right mt-5">
-              {onBack && (
-                <button class="button" onClick={onBack}>
-                  <i18n.Translate>Cancel</i18n.Translate>
-                </button>
-              )}
-              <AsyncButton
-                disabled={hasErrors}
-                data-tooltip={
-                  hasErrors
-                    ? i18n.str`Need to complete marked fields`
-                    : "confirm operation"
-                }
-                onClick={submitForm}
-              >
-                <i18n.Translate>Confirm change</i18n.Translate>
-              </AsyncButton>
-            </div>
-          </div>
-          <div class="column" />
-        </div>
-
-      </section>
-    </div>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/token/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/token/index.tsx
deleted file mode 100644
index 22365c9e1..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/token/index.tsx
+++ /dev/null
@@ -1,106 +0,0 @@
-/*
- 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/>
- */
-import { HttpStatusCode } from "@gnu-taler/taler-util";
-import { ErrorType, HttpError, useTranslationContext } from "@gnu-taler/web-util/browser";
-import { Fragment, VNode, h } from "preact";
-import { Loading } from "../../../components/exception/loading.js";
-import { AccessToken, MerchantBackend } from "../../../declaration.js";
-import { useInstanceAPI, useInstanceDetails } from "../../../hooks/instance.js";
-import { DetailPage } from "./DetailPage.js";
-import { useInstanceContext } from "../../../context/instance.js";
-import { useState } from "preact/hooks";
-import { NotificationCard } from "../../../components/menu/index.js";
-import { Notification } from "../../../utils/types.js";
-import { useBackendContext } from "../../../context/backend.js";
-
-interface Props {
-  onUnauthorized: () => VNode;
-  onLoadError: (error: HttpError<MerchantBackend.ErrorDetail>) => VNode;
-  onChange: () => void;
-  onNotFound: () => VNode;
-  onCancel: () => void;
-}
-
-export default function Token({
-  onLoadError,
-  onChange,
-  onUnauthorized,
-  onNotFound,
-  onCancel,
-}: Props): VNode {
-  const { i18n } = useTranslationContext();
-
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-  const { clearAccessToken, setNewAccessToken } = useInstanceAPI();
-  const { id } = useInstanceContext();
-  const result = useInstanceDetails()
-
-  if (result.loading) return <Loading />;
-  if (!result.ok) {
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.Unauthorized
-    )
-      return onUnauthorized();
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.NotFound
-    )
-      return onNotFound();
-    return onLoadError(result);
-  }
-
-  const hasToken = result.data.auth.method === "token"
-
-  return (
-    <Fragment>
-      <NotificationCard notification={notif} />
-      <DetailPage
-        instanceId={id}
-        onBack={onCancel}
-        hasToken={hasToken}
-        onClearToken={async (currentToken): Promise<void> => {
-          try {
-            await clearAccessToken(currentToken);
-            onChange();
-          } catch (error) {
-            if (error instanceof Error) {
-              setNotif({
-                message: i18n.str`Failed to clear token`,
-                type: "ERROR",
-                description: error.message,
-              });
-            }
-          }
-        }}
-        onNewToken={async (currentToken, newToken): Promise<void> => {
-          try {
-            await setNewAccessToken(currentToken, newToken);
-            onChange();
-          } catch (error) {
-            if (error instanceof Error) {
-              setNotif({
-                message: i18n.str`Failed to set new token`,
-                type: "ERROR",
-                description: error.message,
-              });
-            }
-          }
-        }}
-      />
-    </Fragment>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/token/stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/token/stories.tsx
deleted file mode 100644
index 5f0f56f2d..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/token/stories.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
- 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 { DetailPage as TestedComponent } from "./DetailPage.js";
-
-export default {
-  title: "Pages/Token",
-  component: TestedComponent,
-};
-
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/transfers/create/Create.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/transfers/create/Create.stories.tsx
deleted file mode 100644
index 64b67335c..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/transfers/create/Create.stories.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-/*
- 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 { CreatePage as TestedComponent } from "./CreatePage.js";
-
-export default {
-  title: "Pages/Transfer/Create",
-  component: TestedComponent,
-  argTypes: {
-    onUpdate: { action: "onUpdate" },
-    onBack: { action: "onBack" },
-  },
-};
-
-function createExample<Props>(
-  Component: FunctionalComponent<Props>,
-  props: Partial<Props>,
-) {
-  const r = (args: any) => <Component {...args} />;
-  r.args = props;
-  return r;
-}
-
-export const Example = createExample(TestedComponent, {
-  accounts: ["payto://x-taler-bank/account1", "payto://x-taler-bank/account2"],
-});
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/transfers/create/CreatePage.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/transfers/create/CreatePage.tsx
deleted file mode 100644
index 13f5f3c12..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/transfers/create/CreatePage.tsx
+++ /dev/null
@@ -1,146 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { AsyncButton } from "../../../../components/exception/AsyncButton.js";
-import {
-  FormErrors,
-  FormProvider,
-} from "../../../../components/form/FormProvider.js";
-import { Input } from "../../../../components/form/Input.js";
-import { InputCurrency } from "../../../../components/form/InputCurrency.js";
-import { InputSelector } from "../../../../components/form/InputSelector.js";
-import { useConfigContext } from "../../../../context/config.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import {
-  CROCKFORD_BASE32_REGEX,
-  URL_REGEX,
-} from "../../../../utils/constants.js";
-
-type Entity = MerchantBackend.Transfers.TransferInformation;
-
-interface Props {
-  onCreate: (d: Entity) => Promise<void>;
-  onBack?: () => void;
-  accounts: string[];
-}
-
-export function CreatePage({ accounts, onCreate, onBack }: Props): VNode {
-  const { i18n } = useTranslationContext();
-  const { currency } = useConfigContext();
-
-  const [state, setState] = useState<Partial<Entity>>({
-    wtid: "",
-    // payto_uri: ,
-    // exchange_url: 'http://exchange.taler:8081/',
-    credit_amount: ``,
-  });
-
-  const errors: FormErrors<Entity> = {
-    wtid: !state.wtid
-      ? i18n.str`cannot be empty`
-      : !CROCKFORD_BASE32_REGEX.test(state.wtid)
-      ? i18n.str`check the id, does not look valid`
-      : state.wtid.length !== 52
-      ? i18n.str`should have 52 characters, current ${state.wtid.length}`
-      : undefined,
-    payto_uri: !state.payto_uri ? i18n.str`cannot be empty` : undefined,
-    credit_amount: !state.credit_amount ? i18n.str`cannot be empty` : undefined,
-    exchange_url: !state.exchange_url
-      ? i18n.str`cannot be empty`
-      : !URL_REGEX.test(state.exchange_url)
-      ? i18n.str`URL doesn't have the right format`
-      : undefined,
-  };
-
-  const hasErrors = Object.keys(errors).some(
-    (k) => (errors as any)[k] !== undefined,
-  );
-
-  const submitForm = () => {
-    if (hasErrors) return Promise.reject();
-    return onCreate(state as any);
-  };
-
-  return (
-    <div>
-      <section class="section is-main-section">
-        <div class="columns">
-          <div class="column" />
-          <div class="column is-four-fifths">
-            <FormProvider
-              object={state}
-              valueHandler={setState}
-              errors={errors}
-            >
-              <InputSelector
-                name="payto_uri"
-                label={i18n.str`Credited bank account`}
-                values={accounts}
-                placeholder={i18n.str`Select one account`}
-                tooltip={i18n.str`Bank account of the merchant where the payment was received`}
-              />
-              <Input<Entity>
-                name="wtid"
-                label={i18n.str`Wire transfer ID`}
-                help=""
-                tooltip={i18n.str`unique identifier of the wire transfer used by the exchange, must be 52 characters long`}
-              />
-              <Input<Entity>
-                name="exchange_url"
-                label={i18n.str`Exchange URL`}
-                tooltip={i18n.str`Base URL of the exchange that made the transfer, should have been in the wire transfer subject`}
-                help="http://exchange.taler:8081/"
-              />
-              <InputCurrency<Entity>
-                name="credit_amount"
-                label={i18n.str`Amount credited`}
-                tooltip={i18n.str`Actual amount that was wired to the merchant's bank account`}
-              />
-            </FormProvider>
-
-            <div class="buttons is-right mt-5">
-              {onBack && (
-                <button class="button" onClick={onBack}>
-                  <i18n.Translate>Cancel</i18n.Translate>
-                </button>
-              )}
-              <AsyncButton
-                disabled={hasErrors}
-                data-tooltip={
-                  hasErrors
-                    ? i18n.str`Need to complete marked fields`
-                    : "confirm operation"
-                }
-                onClick={submitForm}
-              >
-                <i18n.Translate>Confirm</i18n.Translate>
-              </AsyncButton>
-            </div>
-          </div>
-          <div class="column" />
-        </div>
-      </section>
-    </div>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/transfers/create/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/transfers/create/index.tsx
deleted file mode 100644
index 25551a031..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/transfers/create/index.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { NotificationCard } from "../../../../components/menu/index.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import { useInstanceDetails } from "../../../../hooks/instance.js";
-import { useTransferAPI } from "../../../../hooks/transfer.js";
-import { Notification } from "../../../../utils/types.js";
-import { CreatePage } from "./CreatePage.js";
-import { useBankAccountDetails, useInstanceBankAccounts } from "../../../../hooks/bank.js";
-
-export type Entity = MerchantBackend.Transfers.TransferInformation;
-interface Props {
-  onBack?: () => void;
-  onConfirm: () => void;
-}
-
-export default function CreateTransfer({ onConfirm, onBack }: Props): VNode {
-  const { informTransfer } = useTransferAPI();
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-  const { i18n } = useTranslationContext();
-  const instance = useInstanceBankAccounts();
-  const accounts = !instance.ok
-    ? []
-    : instance.data.accounts.map((a) => a.payto_uri);
-
-  return (
-    <>
-      <NotificationCard notification={notif} />
-      <CreatePage
-        onBack={onBack}
-        accounts={accounts}
-        onCreate={(request: MerchantBackend.Transfers.TransferInformation) => {
-          return informTransfer(request)
-            .then(() => onConfirm())
-            .catch((error) => {
-              setNotif({
-                message: i18n.str`could not inform transfer`,
-                type: "ERROR",
-                description: error.message,
-              });
-            });
-        }}
-      />
-    </>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/transfers/list/List.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/transfers/list/List.stories.tsx
deleted file mode 100644
index 92b3f9853..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/transfers/list/List.stories.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-/*
- 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";
-
-export default {
-  title: "Pages/Transfer/List",
-  component: TestedComponent,
-  argTypes: {
-    onCreate: { action: "onCreate" },
-    onDelete: { action: "onDelete" },
-    onLoadMoreBefore: { action: "onLoadMoreBefore" },
-    onLoadMoreAfter: { action: "onLoadMoreAfter" },
-    onShowAll: { action: "onShowAll" },
-    onShowVerified: { action: "onShowVerified" },
-    onShowUnverified: { action: "onShowUnverified" },
-    onChangePayTo: { action: "onChangePayTo" },
-  },
-};
-
-function createExample<Props>(
-  Component: FunctionalComponent<Props>,
-  props: Partial<Props>,
-) {
-  const r = (args: any) => <Component {...args} />;
-  r.args = props;
-  return r;
-}
-
-export const Example = createExample(TestedComponent, {
-  transfers: [
-    {
-      exchange_url: "http://exchange.url/",
-      credit_amount: "TESTKUDOS:10",
-      payto_uri: "payto//x-taler-bank/bank:8080/account",
-      transfer_serial_id: 123123123,
-      wtid: "!@KJELQKWEJ!L@K#!J@",
-      confirmed: true,
-      execution_time: {
-        t_s: new Date().getTime() / 1000,
-      },
-      verified: false,
-    },
-    {
-      exchange_url: "http://exchange.url/",
-      credit_amount: "TESTKUDOS:10",
-      payto_uri: "payto//x-taler-bank/bank:8080/account",
-      transfer_serial_id: 123123123,
-      wtid: "!@KJELQKWEJ!L@K#!J@",
-      confirmed: true,
-      execution_time: {
-        t_s: new Date().getTime() / 1000,
-      },
-      verified: false,
-    },
-    {
-      exchange_url: "http://exchange.url/",
-      credit_amount: "TESTKUDOS:10",
-      payto_uri: "payto//x-taler-bank/bank:8080/account",
-      transfer_serial_id: 123123123,
-      wtid: "!@KJELQKWEJ!L@K#!J@",
-      confirmed: true,
-      execution_time: {
-        t_s: new Date().getTime() / 1000,
-      },
-      verified: false,
-    },
-  ],
-  accounts: ["payto://x-taler-bank/bank/some_account"],
-});
-export const Empty = createExample(TestedComponent, {
-  transfers: [],
-  accounts: [],
-});
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/transfers/list/ListPage.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/transfers/list/ListPage.tsx
deleted file mode 100644
index 02b12c4c2..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/transfers/list/ListPage.tsx
+++ /dev/null
@@ -1,134 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { h, VNode } from "preact";
-import { FormProvider } from "../../../../components/form/FormProvider.js";
-import { InputSelector } from "../../../../components/form/InputSelector.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import { CardTable } from "./Table.js";
-
-export interface Props {
-  transfers: MerchantBackend.Transfers.TransferDetails[];
-  onLoadMoreBefore?: () => void;
-  onLoadMoreAfter?: () => void;
-  onShowAll: () => void;
-  onShowVerified: () => void;
-  onShowUnverified: () => void;
-  isVerifiedTransfers?: boolean;
-  isNonVerifiedTransfers?: boolean;
-  isAllTransfers?: boolean;
-  accounts: string[];
-  onChangePayTo: (p?: string) => void;
-  payTo?: string;
-  onCreate: () => void;
-  onDelete: () => void;
-}
-
-export function ListPage({
-  payTo,
-  onChangePayTo,
-  transfers,
-  onCreate,
-  onDelete,
-  accounts,
-  onLoadMoreBefore,
-  onLoadMoreAfter,
-  isAllTransfers,
-  isNonVerifiedTransfers,
-  isVerifiedTransfers,
-  onShowAll,
-  onShowUnverified,
-  onShowVerified,
-}: Props): VNode {
-  const form = { payto_uri: payTo };
-
-  const { i18n } = useTranslationContext();
-  return (
-    <section class="section is-main-section">
-      <div class="columns">
-        <div class="column" />
-        <div class="column is-10">
-          <FormProvider
-            object={form}
-            valueHandler={(updater) => onChangePayTo(updater(form).payto_uri)}
-          >
-            <InputSelector
-              name="payto_uri"
-              label={i18n.str`Account URI`}
-              values={accounts}
-              placeholder={i18n.str`Select one account`}
-              tooltip={i18n.str`filter by account address`}
-            />
-          </FormProvider>
-        </div>
-        <div class="column" />
-      </div>
-      <div class="tabs">
-        <ul>
-          <li class={isAllTransfers ? "is-active" : ""}>
-            <div
-              class="has-tooltip-right"
-              data-tooltip={i18n.str`remove all filters`}
-            >
-              <a onClick={onShowAll}>
-                <i18n.Translate>All</i18n.Translate>
-              </a>
-            </div>
-          </li>
-          <li class={isVerifiedTransfers ? "is-active" : ""}>
-            <div
-              class="has-tooltip-right"
-              data-tooltip={i18n.str`only show wire transfers confirmed by the merchant`}
-            >
-              <a onClick={onShowVerified}>
-                <i18n.Translate>Verified</i18n.Translate>
-              </a>
-            </div>
-          </li>
-          <li class={isNonVerifiedTransfers ? "is-active" : ""}>
-            <div
-              class="has-tooltip-right"
-              data-tooltip={i18n.str`only show wire transfers claimed by the exchange`}
-            >
-              <a onClick={onShowUnverified}>
-                <i18n.Translate>Unverified</i18n.Translate>
-              </a>
-            </div>
-          </li>
-        </ul>
-      </div>
-      <CardTable
-        transfers={transfers.map((o) => ({
-          ...o,
-          id: String(o.transfer_serial_id),
-        }))}
-        accounts={accounts}
-        onCreate={onCreate}
-        onDelete={onDelete}
-        onLoadMoreBefore={onLoadMoreBefore}
-        hasMoreBefore={!onLoadMoreBefore}
-        onLoadMoreAfter={onLoadMoreAfter}
-        hasMoreAfter={!onLoadMoreAfter}
-      />
-    </section>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/transfers/list/Table.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/transfers/list/Table.tsx
deleted file mode 100644
index b6b1cf328..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/transfers/list/Table.tsx
+++ /dev/null
@@ -1,229 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { format } from "date-fns";
-import { h, VNode } from "preact";
-import { StateUpdater, useState } from "preact/hooks";
-import { MerchantBackend, WithId } from "../../../../declaration.js";
-import { datetimeFormatForSettings, useSettings } from "../../../../hooks/useSettings.js";
-
-type Entity = MerchantBackend.Transfers.TransferDetails & WithId;
-
-interface Props {
-  transfers: Entity[];
-  onDelete: (id: Entity) => void;
-  onCreate: () => void;
-  accounts: string[];
-  onLoadMoreBefore?: () => void;
-  hasMoreBefore?: boolean;
-  hasMoreAfter?: boolean;
-  onLoadMoreAfter?: () => void;
-}
-
-export function CardTable({
-  transfers,
-  onCreate,
-  onDelete,
-  onLoadMoreAfter,
-  onLoadMoreBefore,
-  hasMoreAfter,
-  hasMoreBefore,
-}: Props): VNode {
-  const [rowSelection, rowSelectionHandler] = useState<string[]>([]);
-
-  const { i18n } = useTranslationContext();
-
-  return (
-    <div class="card has-table">
-      <header class="card-header">
-        <p class="card-header-title">
-          <span class="icon">
-            <i class="mdi mdi-arrow-left-right" />
-          </span>
-          <i18n.Translate>Transfers</i18n.Translate>
-        </p>
-        <div class="card-header-icon" aria-label="more options">
-          <span
-            class="has-tooltip-left"
-            data-tooltip={i18n.str`add new transfer`}
-          >
-            <button class="button is-info" type="button" onClick={onCreate}>
-              <span class="icon is-small">
-                <i class="mdi mdi-plus mdi-36px" />
-              </span>
-            </button>
-          </span>
-        </div>
-      </header>
-      <div class="card-content">
-        <div class="b-table has-pagination">
-          <div class="table-wrapper has-mobile-cards">
-            {transfers.length > 0 ? (
-              <Table
-                instances={transfers}
-                onDelete={onDelete}
-                rowSelection={rowSelection}
-                rowSelectionHandler={rowSelectionHandler}
-                onLoadMoreAfter={onLoadMoreAfter}
-                onLoadMoreBefore={onLoadMoreBefore}
-                hasMoreAfter={hasMoreAfter}
-                hasMoreBefore={hasMoreBefore}
-              />
-            ) : (
-              <EmptyTable />
-            )}
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
-interface TableProps {
-  rowSelection: string[];
-  instances: Entity[];
-  onDelete: (id: Entity) => void;
-  rowSelectionHandler: StateUpdater<string[]>;
-  onLoadMoreBefore?: () => void;
-  hasMoreBefore?: boolean;
-  hasMoreAfter?: boolean;
-  onLoadMoreAfter?: () => void;
-}
-
-function toggleSelected<T>(id: T): (prev: T[]) => T[] {
-  return (prev: T[]): T[] =>
-    prev.indexOf(id) == -1 ? [...prev, id] : prev.filter((e) => e != id);
-}
-
-function Table({
-  instances,
-  onLoadMoreAfter,
-  onDelete,
-  onLoadMoreBefore,
-  hasMoreAfter,
-  hasMoreBefore,
-}: TableProps): VNode {
-  const { i18n } = useTranslationContext();
-  const [settings] = useSettings();
-  return (
-    <div class="table-container">
-      {hasMoreBefore && (
-        <button
-          class="button is-fullwidth"
-          data-tooltip={i18n.str`load more transfers before the first one`}
-          onClick={onLoadMoreBefore}
-        >
-          <i18n.Translate>load newer transfers</i18n.Translate>
-        </button>
-      )}
-      <table class="table is-fullwidth is-striped is-hoverable is-fullwidth">
-        <thead>
-          <tr>
-            <th>
-              <i18n.Translate>ID</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Credit</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Address</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Exchange URL</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Confirmed</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Verified</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Executed at</i18n.Translate>
-            </th>
-            <th />
-          </tr>
-        </thead>
-        <tbody>
-          {instances.map((i) => {
-            return (
-              <tr key={i.id}>
-                <td>{i.id}</td>
-                <td>{i.credit_amount}</td>
-                <td>{i.payto_uri}</td>
-                <td>{i.exchange_url}</td>
-                <td>{i.confirmed ? i18n.str`yes` : i18n.str`no`}</td>
-                <td>{i.verified ? i18n.str`yes` : i18n.str`no`}</td>
-                <td>
-                  {i.execution_time
-                    ? i.execution_time.t_s == "never"
-                      ? i18n.str`never`
-                      : format(
-                        i.execution_time.t_s * 1000,
-                        datetimeFormatForSettings(settings),
-                      )
-                    : i18n.str`unknown`}
-                </td>
-                <td>
-                  {i.verified === undefined ? (
-                    <button
-                      class="button is-danger is-small has-tooltip-left"
-                      data-tooltip={i18n.str`delete selected transfer from the database`}
-                      onClick={() => onDelete(i)}
-                    >
-                      Delete
-                    </button>
-                  ) : undefined}
-                </td>
-              </tr>
-            );
-          })}
-        </tbody>
-      </table>
-      {hasMoreAfter && (
-        <button
-          class="button is-fullwidth"
-          data-tooltip={i18n.str`load more transfer after the last one`}
-          onClick={onLoadMoreAfter}
-        >
-          <i18n.Translate>load older transfers</i18n.Translate>
-        </button>
-      )}
-    </div>
-  );
-}
-
-function EmptyTable(): VNode {
-  const { i18n } = useTranslationContext();
-  return (
-    <div class="content has-text-grey has-text-centered">
-      <p>
-        <span class="icon is-large">
-          <i class="mdi mdi-emoticon-sad mdi-48px" />
-        </span>
-      </p>
-      <p>
-        <i18n.Translate>
-          There is no transfer yet, add more pressing the + sign
-        </i18n.Translate>
-      </p>
-    </div>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/transfers/list/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/transfers/list/index.tsx
deleted file mode 100644
index 0fdbb9bc3..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/transfers/list/index.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-/*
- 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 { ErrorType, HttpError } from "@gnu-taler/web-util/browser";
-import { h, VNode } from "preact";
-import { useEffect, useState } from "preact/hooks";
-import { Loading } from "../../../../components/exception/loading.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import { useInstanceDetails } from "../../../../hooks/instance.js";
-import { useInstanceTransfers } from "../../../../hooks/transfer.js";
-import { ListPage } from "./ListPage.js";
-import { HttpStatusCode } from "@gnu-taler/taler-util";
-import { useInstanceBankAccounts } from "../../../../hooks/bank.js";
-
-interface Props {
-  onUnauthorized: () => VNode;
-  onLoadError: (error: HttpError<MerchantBackend.ErrorDetail>) => VNode;
-  onNotFound: () => VNode;
-  onCreate: () => void;
-}
-interface Form {
-  verified?: "yes" | "no";
-  payto_uri?: string;
-}
-
-export default function ListTransfer({
-  onUnauthorized,
-  onLoadError,
-  onCreate,
-  onNotFound,
-}: Props): VNode {
-  const setFilter = (s?: "yes" | "no") => setForm({ ...form, verified: s });
-
-  const [position, setPosition] = useState<string | undefined>(undefined);
-
-  const instance = useInstanceBankAccounts();
-  const accounts = !instance.ok
-    ? []
-    : instance.data.accounts.map((a) => a.payto_uri);
-  const [form, setForm] = useState<Form>({ payto_uri: "" });
-
-  const shoulUseDefaultAccount = accounts.length === 1
-  useEffect(() => {
-    if (shoulUseDefaultAccount) {
-      setForm({...form, payto_uri: accounts[0]})
-    }
-  }, [shoulUseDefaultAccount])
-
-  const isVerifiedTransfers = form.verified === "yes";
-  const isNonVerifiedTransfers = form.verified === "no";
-  const isAllTransfers = form.verified === undefined;
-
-  const result = useInstanceTransfers(
-    {
-      position,
-      payto_uri: form.payto_uri === "" ? undefined : form.payto_uri,
-      verified: form.verified,
-    },
-    (id) => setPosition(id),
-  );
-
-  if (result.loading) return <Loading />;
-  if (!result.ok) {
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.Unauthorized
-    )
-      return onUnauthorized();
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.NotFound
-    )
-      return onNotFound();
-    return onLoadError(result);
-  }
-
-  return (
-    <ListPage
-      accounts={accounts}
-      transfers={result.data.transfers}
-      onLoadMoreBefore={
-        result.isReachingStart ? result.loadMorePrev : undefined
-      }
-      onLoadMoreAfter={result.isReachingEnd ? result.loadMore : undefined}
-      onCreate={onCreate}
-      onDelete={() => {
-        null;
-      }}
-      // position={position} setPosition={setPosition}
-      onShowAll={() => setFilter(undefined)}
-      onShowUnverified={() => setFilter("no")}
-      onShowVerified={() => setFilter("yes")}
-      isAllTransfers={isAllTransfers}
-      isVerifiedTransfers={isVerifiedTransfers}
-      isNonVerifiedTransfers={isNonVerifiedTransfers}
-      payTo={form.payto_uri}
-      onChangePayTo={(p) => setForm((v) => ({ ...v, payto_uri: p }))}
-    />
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/transfers/update/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/transfers/update/index.tsx
deleted file mode 100644
index 84cc95e72..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/transfers/update/index.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-/*
- 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 } from "preact";
-
-export default function UpdateTransfer(): VNode {
-  return <div>order transfer page</div>;
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/update/Update.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/update/Update.stories.tsx
deleted file mode 100644
index 817a7025c..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/update/Update.stories.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-/*
- 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 { UpdatePage as TestedComponent } from "./UpdatePage.js";
-
-export default {
-  title: "Pages/Instance/Update",
-  component: TestedComponent,
-  argTypes: {
-    onUpdate: { action: "onUpdate" },
-    onBack: { action: "onBack" },
-  },
-};
-
-function createExample<Props>(
-  Component: FunctionalComponent<Props>,
-  props: Partial<Props>,
-) {
-  const r = (args: any) => <Component {...args} />;
-  r.args = props;
-  return r;
-}
-
-export const Example = createExample(TestedComponent, {
-  selected: {
-    name: "name",
-    auth: { method: "external" },
-    address: {},
-    user_type: "business",
-    use_stefan: true,
-    jurisdiction: {},
-    default_pay_delay: {
-      d_us: 1000 * 1000, //one second
-    },
-    default_wire_transfer_delay: {
-      d_us: 1000 * 1000, //one second
-    },
-    merchant_pub: "ASDWQEKASJDKSADJ",
-  },
-});
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/update/UpdatePage.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/update/UpdatePage.tsx
deleted file mode 100644
index a27a0cb06..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/update/UpdatePage.tsx
+++ /dev/null
@@ -1,176 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { AsyncButton } from "../../../components/exception/AsyncButton.js";
-import {
-  FormErrors,
-  FormProvider,
-} from "../../../components/form/FormProvider.js";
-import { DefaultInstanceFormFields } from "../../../components/instance/DefaultInstanceFormFields.js";
-import { useInstanceContext } from "../../../context/instance.js";
-import { MerchantBackend } from "../../../declaration.js";
-import { undefinedIfEmpty } from "../../../utils/table.js";
-import { Duration } from "@gnu-taler/taler-util";
-
-export type Entity = Omit<Omit<MerchantBackend.Instances.InstanceReconfigurationMessage, "default_pay_delay">, "default_wire_transfer_delay"> & {
-  default_pay_delay: Duration,
-  default_wire_transfer_delay: Duration,
-};
-
-//MerchantBackend.Instances.InstanceAuthConfigurationMessage
-interface Props {
-  onUpdate: (d: MerchantBackend.Instances.InstanceReconfigurationMessage) => void;
-  selected: MerchantBackend.Instances.QueryInstancesResponse;
-  isLoading: boolean;
-  onBack: () => void;
-}
-
-function convert(
-  from: MerchantBackend.Instances.QueryInstancesResponse,
-): Entity {
-  const { default_pay_delay, default_wire_transfer_delay, ...rest } = from;
-
-  const defaults = {
-    use_stefan: false,
-    default_pay_delay: Duration.fromTalerProtocolDuration(default_pay_delay),
-    default_wire_transfer_delay: Duration.fromTalerProtocolDuration(default_wire_transfer_delay),
-  };
-  return { ...defaults, ...rest };
-}
-
-export function UpdatePage({
-  onUpdate,
-  selected,
-  onBack,
-}: Props): VNode {
-  const { id } = useInstanceContext();
-
-  const [value, valueHandler] = useState<Partial<Entity>>(convert(selected));
-
-  const { i18n } = useTranslationContext();
-
-  const errors: FormErrors<Entity> = {
-    name: !value.name ? i18n.str`required` : undefined,
-    user_type: !value.user_type
-      ? i18n.str`required`
-      : value.user_type !== "business" && value.user_type !== "individual"
-        ? i18n.str`should be business or individual`
-        : undefined,
-    default_pay_delay: !value.default_pay_delay
-      ? i18n.str`required`
-      : !!value.default_wire_transfer_delay &&
-        value.default_wire_transfer_delay.d_ms !== "forever" &&
-        value.default_pay_delay.d_ms !== "forever" &&
-        value.default_pay_delay.d_ms > value.default_wire_transfer_delay.d_ms ?
-        i18n.str`pay delay can't be greater than wire transfer delay` : undefined,
-    default_wire_transfer_delay: !value.default_wire_transfer_delay
-      ? i18n.str`required`
-      : undefined,
-    address: undefinedIfEmpty({
-      address_lines:
-        value.address?.address_lines && value.address?.address_lines.length > 7
-          ? i18n.str`max 7 lines`
-          : undefined,
-    }),
-    jurisdiction: undefinedIfEmpty({
-      address_lines:
-        value.address?.address_lines && value.address?.address_lines.length > 7
-          ? i18n.str`max 7 lines`
-          : undefined,
-    }),
-  };
-
-  const hasErrors = Object.keys(errors).some(
-    (k) => (errors as any)[k] !== undefined,
-  );
-
-  const submit = async (): Promise<void> => {
-    const { default_pay_delay, default_wire_transfer_delay, ...rest } = value as Required<Entity>;
-    const result: MerchantBackend.Instances.InstanceReconfigurationMessage = {
-      default_pay_delay: Duration.toTalerProtocolDuration(default_pay_delay),
-      default_wire_transfer_delay: Duration.toTalerProtocolDuration(default_wire_transfer_delay),
-      ...rest,
-    }
-    await onUpdate(result);
-  };
-  // const [active, setActive] = useState(false);
-
-  return (
-    <div>
-      <section class="section">
-        <section class="hero is-hero-bar">
-          <div class="hero-body">
-            <div class="level">
-              <div class="level-left">
-                <div class="level-item">
-                  <span class="is-size-4">
-                    <i18n.Translate>Instance id</i18n.Translate>: <b>{id}</b>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </section>
-
-        <hr />
-
-        <div class="columns">
-          <div class="column" />
-          <div class="column is-four-fifths">
-            <FormProvider<Entity>
-              errors={errors}
-              object={value}
-              valueHandler={valueHandler}
-            >
-              <DefaultInstanceFormFields showId={false} />
-            </FormProvider>
-
-            <div class="buttons is-right mt-4">
-              <button
-                class="button"
-                onClick={onBack}
-                data-tooltip="cancel operation"
-              >
-                <i18n.Translate>Cancel</i18n.Translate>
-              </button>
-
-              <AsyncButton
-                onClick={submit}
-                data-tooltip={
-                  hasErrors
-                    ? i18n.str`Need to complete marked fields`
-                    : "confirm operation"
-                }
-                disabled={hasErrors}
-              >
-                <i18n.Translate>Confirm</i18n.Translate>
-              </AsyncButton>
-            </div>
-          </div>
-          <div class="column" />
-        </div>
-      </section>
-    </div>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/update/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/update/index.tsx
deleted file mode 100644
index e44cf5c0f..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/update/index.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-/*
- 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/>
- */
-import { HttpStatusCode } from "@gnu-taler/taler-util";
-import {
-  ErrorType,
-  HttpError,
-  HttpResponse,
-  useTranslationContext,
-} from "@gnu-taler/web-util/browser";
-import { Fragment, VNode, h } from "preact";
-import { useState } from "preact/hooks";
-import { Loading } from "../../../components/exception/loading.js";
-import { NotificationCard } from "../../../components/menu/index.js";
-import { useInstanceContext } from "../../../context/instance.js";
-import { AccessToken, MerchantBackend } from "../../../declaration.js";
-import {
-  useInstanceAPI,
-  useInstanceDetails,
-  useManagedInstanceDetails,
-  useManagementAPI,
-} from "../../../hooks/instance.js";
-import { Notification } from "../../../utils/types.js";
-import { UpdatePage } from "./UpdatePage.js";
-
-export interface Props {
-  onBack: () => void;
-  onConfirm: () => void;
-
-  onUnauthorized: () => VNode;
-  onNotFound: () => VNode;
-  onLoadError: (e: HttpError<MerchantBackend.ErrorDetail>) => VNode;
-  onUpdateError: (e: HttpError<MerchantBackend.ErrorDetail>) => void;
-}
-
-export default function Update(props: Props): VNode {
-  const { updateInstance } = useInstanceAPI();
-  const result = useInstanceDetails();
-  return CommonUpdate(props, result, updateInstance, );
-}
-
-export function AdminUpdate(props: Props & { instanceId: string }): VNode {
-  const { updateInstance } = useManagementAPI(
-    props.instanceId,
-  );
-  const result = useManagedInstanceDetails(props.instanceId);
-  return CommonUpdate(props, result, updateInstance, );
-}
-
-function CommonUpdate(
-  {
-    onBack,
-    onConfirm,
-    onLoadError,
-    onNotFound,
-    onUpdateError,
-    onUnauthorized,
-  }: Props,
-  result: HttpResponse<
-    MerchantBackend.Instances.QueryInstancesResponse,
-    MerchantBackend.ErrorDetail
-  >,
-  updateInstance: any,
-): VNode {
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-  const { i18n } = useTranslationContext();
-
-  if (result.loading) return <Loading />;
-  if (!result.ok) {
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.Unauthorized
-    )
-      return onUnauthorized();
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.NotFound
-    )
-      return onNotFound();
-    return onLoadError(result);
-  }
-
-  return (
-    <Fragment>
-      <NotificationCard notification={notif} />
-      <UpdatePage
-        onBack={onBack}
-        isLoading={false}
-        selected={result.data}
-        onUpdate={(
-          d: MerchantBackend.Instances.InstanceReconfigurationMessage,
-        ): Promise<void> => {
-          return updateInstance(d)
-            .then(onConfirm)
-            .catch((error: Error) =>
-              setNotif({
-                message: i18n.str`Failed to create instance`,
-                type: "ERROR",
-                description: error.message,
-              }),
-            );
-        }}
-      />
-    </Fragment>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/create/Create.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/create/Create.stories.tsx
deleted file mode 100644
index 4857ede97..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/create/Create.stories.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
- 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 { CreatePage as TestedComponent } from "./CreatePage.js";
-
-export default {
-  title: "Pages/Webhooks/Create",
-  component: TestedComponent,
-};
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/create/CreatePage.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/create/CreatePage.tsx
deleted file mode 100644
index bfa2a883e..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/create/CreatePage.tsx
+++ /dev/null
@@ -1,183 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { AsyncButton } from "../../../../components/exception/AsyncButton.js";
-import {
-  FormErrors,
-  FormProvider,
-} from "../../../../components/form/FormProvider.js";
-import { Input } from "../../../../components/form/Input.js";
-import { InputCurrency } from "../../../../components/form/InputCurrency.js";
-import { InputDuration } from "../../../../components/form/InputDuration.js";
-import { InputNumber } from "../../../../components/form/InputNumber.js";
-import { useBackendContext } from "../../../../context/backend.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import { InputSelector } from "../../../../components/form/InputSelector.js";
-
-type Entity = MerchantBackend.Webhooks.WebhookAddDetails;
-
-interface Props {
-  onCreate: (d: Entity) => Promise<void>;
-  onBack?: () => void;
-}
-
-const validMethod = ["GET", "POST", "PUT", "PATCH", "HEAD"];
-
-export function CreatePage({ onCreate, onBack }: Props): VNode {
-  const { i18n } = useTranslationContext();
-
-  const [state, setState] = useState<Partial<Entity>>({});
-
-  const errors: FormErrors<Entity> = {
-    webhook_id: !state.webhook_id ? i18n.str`required` : undefined,
-    event_type: !state.event_type ? i18n.str`required`
-      : state.event_type !== "pay" && state.event_type !== "refund" ? i18n.str`it should be "pay" or "refund"`
-        : undefined,
-    http_method: !state.http_method
-      ? i18n.str`required`
-      : !validMethod.includes(state.http_method)
-        ? i18n.str`should be one of '${validMethod.join(", ")}'`
-        : undefined,
-    url: !state.url ? i18n.str`required` : undefined,
-  };
-
-  const hasErrors = Object.keys(errors).some(
-    (k) => (errors as any)[k] !== undefined,
-  );
-
-  const submitForm = () => {
-    if (hasErrors) return Promise.reject();
-    return onCreate(state as any);
-  };
-
-  return (
-    <div>
-      <section class="section is-main-section">
-        <div class="columns">
-          <div class="column" />
-          <div class="column is-four-fifths">
-            <FormProvider
-              object={state}
-              valueHandler={setState}
-              errors={errors}
-            >
-              <Input<Entity>
-                name="webhook_id"
-                label={i18n.str`ID`}
-                tooltip={i18n.str`Webhook ID to use`}
-              />
-              <InputSelector
-                name="event_type"
-                label={i18n.str`Event`}
-                values={[
-                  i18n.str`Choose one...`,
-                  i18n.str`pay`,
-                  i18n.str`refund`,
-                ]}
-                tooltip={i18n.str`The event of the webhook: why the webhook is used`}
-              />
-              <InputSelector
-                name="http_method"
-                label={i18n.str`Method`}
-                values={[
-                  i18n.str`Choose one...`,
-                  i18n.str`GET`,
-                  i18n.str`POST`,
-                  i18n.str`PUT`,
-                  i18n.str`PATCH`,
-                  i18n.str`HEAD`,
-                ]}
-                tooltip={i18n.str`Method used by the webhook`}
-              />
-
-              <Input<Entity>
-                name="url"
-                label={i18n.str`URL`}
-                tooltip={i18n.str`URL of the webhook where the customer will be redirected`}
-              />
-
-              <p>
-                The text below support <a target="_blank" rel="noreferrer" href="https://mustache.github.io/mustache.5.html">mustache</a> template engine. Any string
-                between <pre style={{ display: "inline", padding: 0 }}>&#123;&#123;</pre> and <pre style={{ display: "inline", padding: 0 }}>&#125;&#125;</pre> will
-                be replaced with replaced with the value of the corresponding variable.
-              </p>
-              <p>
-                For example <pre style={{ display: "inline", padding: 0 }}>&#123;&#123;contract_terms.amount&#125;&#125;</pre> will be replaced
-                with the the order's price
-              </p>
-              <p>
-                The short list of variables are:
-              </p>
-              <div class="menu">
-
-                <ul class="menu-list" style={{ listStyleType: "disc", marginLeft: 20 }}>
-                  <li><b>contract_terms.summary:</b> order's description </li>
-                  <li><b>contract_terms.amount:</b> order's price </li>
-                  <li><b>order_id:</b> order's unique identification </li>
-                  {state.event_type === "refund" && <Fragment>
-                    <li><b>refund_amout:</b> the amount that was being refunded</li>
-                    <li><b>reason:</b> the reason entered by the merchant staff for granting the refund</li>
-                    <li><b>timestamp:</b> time of the refund in nanoseconds since 1970</li>
-                  </Fragment>}
-                </ul>
-              </div>
-              {/* <Input<Entity>
-                name="header_template"
-                label={i18n.str`Http header`}
-                inputType="multiline"
-                tooltip={i18n.str`Header template of the webhook`}
-              /> */}
-              <Input<Entity>
-                name="body_template"
-                inputType="multiline"
-                label={i18n.str`Http body`}
-                tooltip={i18n.str`Body template by the webhook`}
-              />
-            </FormProvider>
-
-            <div class="buttons is-right mt-5">
-              {onBack && (
-                <button class="button" onClick={onBack}>
-                  <i18n.Translate>Cancel</i18n.Translate>
-                </button>
-              )}
-              <AsyncButton
-                disabled={hasErrors}
-                data-tooltip={
-                  hasErrors
-                    ? i18n.str`Need to complete marked fields`
-                    : "confirm operation"
-                }
-                onClick={submitForm}
-              >
-                <i18n.Translate>Confirm</i18n.Translate>
-              </AsyncButton>
-            </div>
-          </div>
-          <div class="column" />
-        </div>
-      </section>
-    </div>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/create/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/create/index.tsx
deleted file mode 100644
index 924e6d9b8..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/create/index.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { NotificationCard } from "../../../../components/menu/index.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import { useWebhookAPI } from "../../../../hooks/webhooks.js";
-import { Notification } from "../../../../utils/types.js";
-import { CreatePage } from "./CreatePage.js";
-
-export type Entity = MerchantBackend.Webhooks.WebhookAddDetails;
-interface Props {
-  onBack?: () => void;
-  onConfirm: () => void;
-}
-
-export default function CreateWebhook({ onConfirm, onBack }: Props): VNode {
-  const { createWebhook } = useWebhookAPI();
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-  const { i18n } = useTranslationContext();
-
-  return (
-    <>
-      <NotificationCard notification={notif} />
-      <CreatePage
-        onBack={onBack}
-        onCreate={(request: MerchantBackend.Webhooks.WebhookAddDetails) => {
-          return createWebhook(request)
-            .then(() => onConfirm())
-            .catch((error) => {
-              setNotif({
-                message: i18n.str`could not inform template`,
-                type: "ERROR",
-                description: error.message,
-              });
-            });
-        }}
-      />
-    </>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/list/List.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/list/List.stories.tsx
deleted file mode 100644
index 702e9ba4a..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/list/List.stories.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
- 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 { FunctionalComponent, h } from "preact";
-import { ListPage as TestedComponent } from "./ListPage.js";
-
-export default {
-  title: "Pages/Templates/List",
-  component: TestedComponent,
-};
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/list/ListPage.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/list/ListPage.tsx
deleted file mode 100644
index 87e221e3c..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/list/ListPage.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-/*
- 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 } from "preact";
-import { MerchantBackend } from "../../../../declaration.js";
-import { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { CardTable } from "./Table.js";
-
-export interface Props {
-  webhooks: MerchantBackend.Webhooks.WebhookEntry[];
-  onLoadMoreBefore?: () => void;
-  onLoadMoreAfter?: () => void;
-  onCreate: () => void;
-  onDelete: (e: MerchantBackend.Webhooks.WebhookEntry) => void;
-  onSelect: (e: MerchantBackend.Webhooks.WebhookEntry) => void;
-}
-
-export function ListPage({
-  webhooks,
-  onCreate,
-  onDelete,
-  onSelect,
-  onLoadMoreBefore,
-  onLoadMoreAfter,
-}: Props): VNode {
-  const form = { payto_uri: "" };
-
-  const { i18n } = useTranslationContext();
-  return (
-    <section class="section is-main-section">
-      <CardTable
-        webhooks={webhooks.map((o) => ({
-          ...o,
-          id: String(o.webhook_id),
-        }))}
-        onCreate={onCreate}
-        onDelete={onDelete}
-        onSelect={onSelect}
-        onLoadMoreBefore={onLoadMoreBefore}
-        hasMoreBefore={!onLoadMoreBefore}
-        onLoadMoreAfter={onLoadMoreAfter}
-        hasMoreAfter={!onLoadMoreAfter}
-      />
-    </section>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/list/Table.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/list/Table.tsx
deleted file mode 100644
index 42a179d2c..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/list/Table.tsx
+++ /dev/null
@@ -1,218 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { h, VNode } from "preact";
-import { StateUpdater, useState } from "preact/hooks";
-import { MerchantBackend } from "../../../../declaration.js";
-
-type Entity = MerchantBackend.Webhooks.WebhookEntry;
-
-interface Props {
-  webhooks: Entity[];
-  onDelete: (e: Entity) => void;
-  onSelect: (e: Entity) => void;
-  onCreate: () => void;
-  onLoadMoreBefore?: () => void;
-  hasMoreBefore?: boolean;
-  hasMoreAfter?: boolean;
-  onLoadMoreAfter?: () => void;
-}
-
-export function CardTable({
-  webhooks,
-  onCreate,
-  onDelete,
-  onSelect,
-  onLoadMoreAfter,
-  onLoadMoreBefore,
-  hasMoreAfter,
-  hasMoreBefore,
-}: Props): VNode {
-  const [rowSelection, rowSelectionHandler] = useState<string[]>([]);
-
-  const { i18n } = useTranslationContext();
-
-  return (
-    <div class="card has-table">
-      <header class="card-header">
-        <p class="card-header-title">
-          <span class="icon">
-            <i class="mdi mdi-newspaper" />
-          </span>
-          <i18n.Translate>Webhooks</i18n.Translate>
-        </p>
-        <div class="card-header-icon" aria-label="more options">
-          <span
-            class="has-tooltip-left"
-            data-tooltip={i18n.str`add new webhooks`}
-          >
-            <button class="button is-info" type="button" onClick={onCreate}>
-              <span class="icon is-small">
-                <i class="mdi mdi-plus mdi-36px" />
-              </span>
-            </button>
-          </span>
-        </div>
-      </header>
-      <div class="card-content">
-        <div class="b-table has-pagination">
-          <div class="table-wrapper has-mobile-cards">
-            {webhooks.length > 0 ? (
-              <Table
-                instances={webhooks}
-                onDelete={onDelete}
-                onSelect={onSelect}
-                rowSelection={rowSelection}
-                rowSelectionHandler={rowSelectionHandler}
-                onLoadMoreAfter={onLoadMoreAfter}
-                onLoadMoreBefore={onLoadMoreBefore}
-                hasMoreAfter={hasMoreAfter}
-                hasMoreBefore={hasMoreBefore}
-              />
-            ) : (
-              <EmptyTable />
-            )}
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
-interface TableProps {
-  rowSelection: string[];
-  instances: Entity[];
-  onDelete: (e: Entity) => void;
-  onSelect: (e: Entity) => void;
-  rowSelectionHandler: StateUpdater<string[]>;
-  onLoadMoreBefore?: () => void;
-  hasMoreBefore?: boolean;
-  hasMoreAfter?: boolean;
-  onLoadMoreAfter?: () => void;
-}
-
-function toggleSelected<T>(id: T): (prev: T[]) => T[] {
-  return (prev: T[]): T[] =>
-    prev.indexOf(id) == -1 ? [...prev, id] : prev.filter((e) => e != id);
-}
-
-function Table({
-  instances,
-  onLoadMoreAfter,
-  onDelete,
-  onSelect,
-  onLoadMoreBefore,
-  hasMoreAfter,
-  hasMoreBefore,
-}: TableProps): VNode {
-  const { i18n } = useTranslationContext();
-  return (
-    <div class="table-container">
-      {hasMoreBefore && (
-        <button
-          class="button is-fullwidth"
-          data-tooltip={i18n.str`load more webhooks before the first one`}
-          onClick={onLoadMoreBefore}
-        >
-          <i18n.Translate>load newer webhooks</i18n.Translate>
-        </button>
-      )}
-      <table class="table is-fullwidth is-striped is-hoverable is-fullwidth">
-        <thead>
-          <tr>
-            <th>
-              <i18n.Translate>ID</i18n.Translate>
-            </th>
-            <th>
-              <i18n.Translate>Event type</i18n.Translate>
-            </th>
-            <th />
-          </tr>
-        </thead>
-        <tbody>
-          {instances.map((i) => {
-            return (
-              <tr key={i.webhook_id}>
-                <td
-                  onClick={(): void => onSelect(i)}
-                  style={{ cursor: "pointer" }}
-                >
-                  {i.webhook_id}
-                </td>
-                <td
-                  onClick={(): void => onSelect(i)}
-                  style={{ cursor: "pointer" }}
-                >
-                  {i.event_type}
-                </td>
-                <td class="is-actions-cell right-sticky">
-                  <div class="buttons is-right">
-                    <button
-                      class="button is-danger is-small has-tooltip-left"
-                      data-tooltip={i18n.str`delete selected webhook from the database`}
-                      onClick={() => onDelete(i)}
-                    >
-                      Delete
-                    </button>
-                    {/* <button
-                      class="button is-info is-small has-tooltip-left"
-                      data-tooltip={i18n.str`test webhook`}
-                      onClick={() => onNewOrder(i)}
-                    >
-                      Test
-                    </button> */}
-                  </div>
-                </td>
-              </tr>
-            );
-          })}
-        </tbody>
-      </table>
-      {hasMoreAfter && (
-        <button
-          class="button is-fullwidth"
-          data-tooltip={i18n.str`load more webhooks after the last one`}
-          onClick={onLoadMoreAfter}
-        >
-          <i18n.Translate>load older webhooks</i18n.Translate>
-        </button>
-      )}
-    </div>
-  );
-}
-
-function EmptyTable(): VNode {
-  const { i18n } = useTranslationContext();
-  return (
-    <div class="content has-text-grey has-text-centered">
-      <p>
-        <span class="icon is-large">
-          <i class="mdi mdi-emoticon-sad mdi-48px" />
-        </span>
-      </p>
-      <p>
-        <i18n.Translate>
-          There is no webhooks yet, add more pressing the + sign
-        </i18n.Translate>
-      </p>
-    </div>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/list/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/list/index.tsx
deleted file mode 100644
index a6f6f1511..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/list/index.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-/*
- 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 {
-  ErrorType,
-  HttpError,
-  useTranslationContext,
-} from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { Loading } from "../../../../components/exception/loading.js";
-import { NotificationCard } from "../../../../components/menu/index.js";
-import { MerchantBackend } from "../../../../declaration.js";
-import {
-  useInstanceWebhooks,
-  useWebhookAPI,
-} from "../../../../hooks/webhooks.js";
-import { Notification } from "../../../../utils/types.js";
-import { ListPage } from "./ListPage.js";
-import { HttpStatusCode } from "@gnu-taler/taler-util";
-
-interface Props {
-  onUnauthorized: () => VNode;
-  onLoadError: (error: HttpError<MerchantBackend.ErrorDetail>) => VNode;
-  onNotFound: () => VNode;
-  onCreate: () => void;
-  onSelect: (id: string) => void;
-}
-
-export default function ListWebhooks({
-  onUnauthorized,
-  onLoadError,
-  onCreate,
-  onSelect,
-  onNotFound,
-}: Props): VNode {
-  const [position, setPosition] = useState<string | undefined>(undefined);
-  const { i18n } = useTranslationContext();
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-  const { deleteWebhook } = useWebhookAPI();
-  const result = useInstanceWebhooks({ position }, (id) => setPosition(id));
-
-  if (result.loading) return <Loading />;
-  if (!result.ok) {
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.Unauthorized
-    )
-      return onUnauthorized();
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.NotFound
-    )
-      return onNotFound();
-    return onLoadError(result);
-  }
-
-  return (
-    <Fragment>
-      <NotificationCard notification={notif} />
-
-      <ListPage
-        webhooks={result.data.webhooks}
-        onLoadMoreBefore={
-          result.isReachingStart ? result.loadMorePrev : undefined
-        }
-        onLoadMoreAfter={result.isReachingEnd ? result.loadMore : undefined}
-        onCreate={onCreate}
-        onSelect={(e) => {
-          onSelect(e.webhook_id);
-        }}
-        onDelete={(e: MerchantBackend.Webhooks.WebhookEntry) =>
-          deleteWebhook(e.webhook_id)
-            .then(() =>
-              setNotif({
-                message: i18n.str`webhook delete successfully`,
-                type: "SUCCESS",
-              }),
-            )
-            .catch((error) =>
-              setNotif({
-                message: i18n.str`could not delete the webhook`,
-                type: "ERROR",
-                description: error.message,
-              }),
-            )
-        }
-      />
-    </Fragment>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/update/Update.stories.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/update/Update.stories.tsx
deleted file mode 100644
index 8d07cb31f..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/update/Update.stories.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-/*
- 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 { UpdatePage as TestedComponent } from "./UpdatePage.js";
-
-export default {
-  title: "Pages/Templates/Update",
-  component: TestedComponent,
-  argTypes: {
-    onUpdate: { action: "onUpdate" },
-    onBack: { action: "onBack" },
-  },
-};
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/update/UpdatePage.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/update/UpdatePage.tsx
deleted file mode 100644
index 76a23b6e5..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/update/UpdatePage.tsx
+++ /dev/null
@@ -1,146 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { AsyncButton } from "../../../../components/exception/AsyncButton.js";
-import {
-  FormErrors,
-  FormProvider,
-} from "../../../../components/form/FormProvider.js";
-import { Input } from "../../../../components/form/Input.js";
-import { useBackendContext } from "../../../../context/backend.js";
-import { MerchantBackend, WithId } from "../../../../declaration.js";
-
-type Entity = MerchantBackend.Webhooks.WebhookPatchDetails & WithId;
-
-interface Props {
-  onUpdate: (d: Entity) => Promise<void>;
-  onBack?: () => void;
-  webhook: Entity;
-}
-const validMethod = ["GET", "POST", "PUT", "PATCH", "HEAD"];
-
-export function UpdatePage({ webhook, onUpdate, onBack }: Props): VNode {
-  const { i18n } = useTranslationContext();
-
-  const [state, setState] = useState<Partial<Entity>>(webhook);
-
-  const errors: FormErrors<Entity> = {
-    event_type: !state.event_type ? i18n.str`required` : undefined,
-    http_method: !state.http_method
-      ? i18n.str`required`
-      : !validMethod.includes(state.http_method)
-      ? i18n.str`should be one of '${validMethod.join(", ")}'`
-      : undefined,
-    url: !state.url ? i18n.str`required` : undefined,
-  };
-
-  const hasErrors = Object.keys(errors).some(
-    (k) => (errors as any)[k] !== undefined,
-  );
-
-  const submitForm = () => {
-    if (hasErrors) return Promise.reject();
-    return onUpdate(state as any);
-  };
-
-  return (
-    <div>
-      <section class="section">
-        <section class="hero is-hero-bar">
-          <div class="hero-body">
-            <div class="level">
-              <div class="level-left">
-                <div class="level-item">
-                  <span class="is-size-4">
-                    Webhook: <b>{webhook.id}</b>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </section>
-        <hr />
-
-        <section class="section is-main-section">
-          <div class="columns">
-            <div class="column is-four-fifths">
-              <FormProvider
-                object={state}
-                valueHandler={setState}
-                errors={errors}
-              >
-                <Input<Entity>
-                  name="event_type"
-                  label={i18n.str`Event`}
-                  tooltip={i18n.str`The event of the webhook: why the webhook is used`}
-                />
-                <Input<Entity>
-                  name="http_method"
-                  label={i18n.str`Method`}
-                  tooltip={i18n.str`Method used by the webhook`}
-                />
-                <Input<Entity>
-                  name="url"
-                  label={i18n.str`URL`}
-                  tooltip={i18n.str`URL of the webhook where the customer will be redirected`}
-                />
-                <Input<Entity>
-                  name="header_template"
-                  label={i18n.str`Header`}
-                  inputType="multiline"
-                  tooltip={i18n.str`Header template of the webhook`}
-                />
-                <Input<Entity>
-                  name="body_template"
-                  inputType="multiline"
-                  label={i18n.str`Body`}
-                  tooltip={i18n.str`Body template by the webhook`}
-                />
-              </FormProvider>
-
-              <div class="buttons is-right mt-5">
-                {onBack && (
-                  <button class="button" onClick={onBack}>
-                    <i18n.Translate>Cancel</i18n.Translate>
-                  </button>
-                )}
-                <AsyncButton
-                  disabled={hasErrors}
-                  data-tooltip={
-                    hasErrors
-                      ? i18n.str`Need to complete marked fields`
-                      : "confirm operation"
-                  }
-                  onClick={submitForm}
-                >
-                  <i18n.Translate>Confirm</i18n.Translate>
-                </AsyncButton>
-              </div>
-            </div>
-          </div>
-        </section>
-      </section>
-    </div>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/update/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/update/index.tsx
deleted file mode 100644
index 3f723ed87..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/instance/webhooks/update/index.tsx
+++ /dev/null
@@ -1,99 +0,0 @@
-/*
- 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 {
-  ErrorType,
-  HttpError,
-  useTranslationContext,
-} from "@gnu-taler/web-util/browser";
-import { Fragment, h, VNode } from "preact";
-import { useState } from "preact/hooks";
-import { Loading } from "../../../../components/exception/loading.js";
-import { NotificationCard } from "../../../../components/menu/index.js";
-import { MerchantBackend, WithId } from "../../../../declaration.js";
-import {
-  useWebhookAPI,
-  useWebhookDetails,
-} from "../../../../hooks/webhooks.js";
-import { Notification } from "../../../../utils/types.js";
-import { UpdatePage } from "./UpdatePage.js";
-import { HttpStatusCode } from "@gnu-taler/taler-util";
-
-export type Entity = MerchantBackend.Webhooks.WebhookPatchDetails & WithId;
-
-interface Props {
-  onBack?: () => void;
-  onConfirm: () => void;
-  onUnauthorized: () => VNode;
-  onNotFound: () => VNode;
-  onLoadError: (e: HttpError<MerchantBackend.ErrorDetail>) => VNode;
-  tid: string;
-}
-export default function UpdateWebhook({
-  tid,
-  onConfirm,
-  onBack,
-  onUnauthorized,
-  onNotFound,
-  onLoadError,
-}: Props): VNode {
-  const { updateWebhook } = useWebhookAPI();
-  const result = useWebhookDetails(tid);
-  const [notif, setNotif] = useState<Notification | undefined>(undefined);
-
-  const { i18n } = useTranslationContext();
-
-  if (result.loading) return <Loading />;
-  if (!result.ok) {
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.Unauthorized
-    )
-      return onUnauthorized();
-    if (
-      result.type === ErrorType.CLIENT &&
-      result.status === HttpStatusCode.NotFound
-    )
-      return onNotFound();
-    return onLoadError(result);
-  }
-
-  return (
-    <Fragment>
-      <NotificationCard notification={notif} />
-      <UpdatePage
-        webhook={{ ...result.data, id: tid }}
-        onBack={onBack}
-        onUpdate={(data) => {
-          return updateWebhook(tid, data)
-            .then(onConfirm)
-            .catch((error) => {
-              setNotif({
-                message: i18n.str`could not update template`,
-                type: "ERROR",
-                description: error.message,
-              });
-            });
-        }}
-      />
-    </Fragment>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/login/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/login/index.tsx
deleted file mode 100644
index 1c98b7c9b..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/login/index.tsx
+++ /dev/null
@@ -1,202 +0,0 @@
-/*
- 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 { useTranslationContext } from "@gnu-taler/web-util/browser";
-import { ComponentChildren, h, VNode } from "preact";
-import { useCallback, useEffect, useState } from "preact/hooks";
-import { useBackendContext } from "../../context/backend.js";
-import { useInstanceContext } from "../../context/instance.js";
-import { AccessToken, LoginToken } from "../../declaration.js";
-import { useCredentialsChecker } from "../../hooks/backend.js";
-
-interface Props {
-  onConfirm: (token: LoginToken | undefined) => void;
-}
-
-function normalizeToken(r: string): AccessToken {
-  return `secret-token:${r}` as AccessToken;
-}
-
-export function LoginPage({ onConfirm }: Props): VNode {
-  const { url: backendURL } = useBackendContext();
-  const { admin, id } = useInstanceContext();
-  const { requestNewLoginToken } = useCredentialsChecker();
-  const [token, setToken] = useState("");
-
-  const { i18n } = useTranslationContext();
-
-
-  const doLogin = useCallback(async function doLoginImpl() {
-    const secretToken = normalizeToken(token);
-    const baseUrl = id === undefined ? backendURL : `${backendURL}/instances/${id}`
-    const result = await requestNewLoginToken(baseUrl, secretToken);
-    if (result.valid) {
-      const { token, expiration } = result
-      onConfirm({ token, expiration });
-    } else {
-      onConfirm(undefined);
-    }
-  }, [id, token])
-
-  if (admin && id !== "default") {
-    //admin trying to access another instance
-    return (<div class="columns is-centered" style={{ margin: "auto" }}>
-      <div class="column is-two-thirds ">
-        <div class="modal-card" style={{ width: "100%", margin: 0 }}>
-          <header
-            class="modal-card-head"
-            style={{ border: "1px solid", borderBottom: 0 }}
-          >
-            <p class="modal-card-title">{i18n.str`Login required`}</p>
-          </header>
-          <section
-            class="modal-card-body"
-            style={{ border: "1px solid", borderTop: 0, borderBottom: 0 }}
-          >
-            <p>
-              <i18n.Translate>Need the access token for the instance.</i18n.Translate>
-            </p>
-            <div class="field is-horizontal">
-              <div class="field-label is-normal">
-                <label class="label">
-                  <i18n.Translate>Access Token</i18n.Translate>
-                </label>
-              </div>
-              <div class="field-body">
-                <div class="field">
-                  <p class="control is-expanded">
-                    <input
-                      class="input"
-                      type="password"
-                      placeholder={"current access token"}
-                      name="token"
-                      onKeyPress={(e) =>
-                        e.keyCode === 13
-                          ? doLogin()
-                          : null
-                      }
-                      value={token}
-                      onInput={(e): void => setToken(e?.currentTarget.value)}
-                    />
-                  </p>
-                </div>
-              </div>
-            </div>
-          </section>
-          <footer
-            class="modal-card-foot "
-            style={{
-              justifyContent: "flex-end",
-              border: "1px solid",
-              borderTop: 0,
-            }}
-          >
-            <AsyncButton
-              onClick={doLogin}
-            >
-              <i18n.Translate>Confirm</i18n.Translate>
-            </AsyncButton>
-          </footer>
-        </div>
-      </div>
-    </div>)
-  }
-
-  return (
-    <div class="columns is-centered" style={{ margin: "auto" }}>
-      <div class="column is-two-thirds ">
-        <div class="modal-card" style={{ width: "100%", margin: 0 }}>
-          <header
-            class="modal-card-head"
-            style={{ border: "1px solid", borderBottom: 0 }}
-          >
-            <p class="modal-card-title">{i18n.str`Login required`}</p>
-          </header>
-          <section
-            class="modal-card-body"
-            style={{ border: "1px solid", borderTop: 0, borderBottom: 0 }}
-          >
-            <i18n.Translate>Please enter your access token.</i18n.Translate>
-
-            <div class="field is-horizontal">
-              <div class="field-label is-normal">
-                <label class="label">
-                  <i18n.Translate>Access Token</i18n.Translate>
-                </label>
-              </div>
-              <div class="field-body">
-                <div class="field">
-                  <p class="control is-expanded">
-                    <input
-                      class="input"
-                      type="password"
-                      placeholder={"current access token"}
-                      name="token"
-                      onKeyPress={(e) =>
-                        e.keyCode === 13
-                          ? doLogin()
-                          : null
-                      }
-                      value={token}
-                      onInput={(e): void => setToken(e?.currentTarget.value)}
-                    />
-                  </p>
-                </div>
-              </div>
-            </div>
-          </section>
-          <footer
-            class="modal-card-foot "
-            style={{
-              justifyContent: "space-between",
-              border: "1px solid",
-              borderTop: 0,
-            }}
-          >
-            <div />
-            <AsyncButton
-              type="is-info"
-              onClick={doLogin}
-            >
-              <i18n.Translate>Confirm</i18n.Translate>
-            </AsyncButton>
-          </footer>
-        </div>
-      </div>
-    </div>
-  );
-}
-
-function AsyncButton({ onClick, disabled, type = "", children }: { type?: string, disabled?: boolean, onClick: () => Promise<void>, children: ComponentChildren }): VNode {
-  const [running, setRunning] = useState(false)
-  return <button class={"button " + type} disabled={disabled || running} onClick={() => {
-    setRunning(true)
-    onClick().then(() => {
-      setRunning(false)
-    }).catch(() => {
-      setRunning(false)
-    })
-  }}>
-    {children}
-  </button>
-}
-
-
diff --git a/packages/auditor-backoffice-ui/src/paths/old/notfound/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/notfound/index.tsx
deleted file mode 100644
index 061a67025..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/notfound/index.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-/*
- 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 } from "preact";
-import { Link } from "preact-router";
-
-export default function NotFoundPage(): VNode {
-  return (
-    <div>
-      <p>That page doesn&apos;t exist.</p>
-      <Link href="/">
-        <h4>Back to Home</h4>
-      </Link>
-    </div>
-  );
-}
diff --git a/packages/auditor-backoffice-ui/src/paths/old/settings/index.tsx b/packages/auditor-backoffice-ui/src/paths/old/settings/index.tsx
deleted file mode 100644
index 093c3d09d..000000000
--- a/packages/auditor-backoffice-ui/src/paths/old/settings/index.tsx
+++ /dev/null
@@ -1,112 +0,0 @@
-import { useLang, useTranslationContext } from "@gnu-taler/web-util/browser";
-import { VNode, h } from "preact";
-import { FormErrors, FormProvider } from "../../components/form/FormProvider.js";
-import { InputSelector } from "../../components/form/InputSelector.js";
-import { InputToggle } from "../../components/form/InputToggle.js";
-import { LangSelector } from "../../components/menu/LangSelector.js";
-import { Settings, useSettings } from "../../hooks/useSettings.js";
-
-function getBrowserLang(): string | undefined {
-  if (typeof window === "undefined") return undefined;
-  if (window.navigator.languages) return window.navigator.languages[0];
-  if (window.navigator.language) return window.navigator.language;
-  return undefined;
-}
-
-export function Settings({ onClose }: { onClose?: () => void }): VNode {
-  const { i18n } = useTranslationContext()
-  const borwserLang = getBrowserLang()
-  //const { update } = useLang()
-
-  const [value, updateValue] = useSettings()
-  const errors: FormErrors<Settings> = {
-  }
-
-  function valueHandler(s: (d: Partial<Settings>) => Partial<Settings>): void {
-    const next = s(value)
-    const v: Settings = {
-      advanceOrderMode: next.advanceOrderMode ?? false,
-      dateFormat: next.dateFormat ?? "ymd"
-    }
-    updateValue(v)
-  }
-
-  return <div>
-    <section class="section is-main-section">
-      <div class="columns">
-        <div class="column" />
-        <div class="column is-four-fifths">
-          <div>
-
-            <FormProvider<Settings>
-              name="settings"
-              errors={errors}
-              object={value}
-              valueHandler={valueHandler}
-            >
-              <div class="field is-horizontal">
-                <div class="field-label is-normal">
-                  <label class="label">
-                    <i18n.Translate>Language</i18n.Translate>
-                    <span class="icon has-tooltip-right" data-tooltip={"Force language setting instance of taking the browser"}>
-                      <i class="mdi mdi-information" />
-                    </span>
-                  </label>
-                </div>
-                <div class="field field-body has-addons is-flex-grow-3">
-                  <LangSelector />
-                  &nbsp;
-                  {borwserLang !== undefined && <button
-                    data-tooltip={i18n.str`generate random secret key`}
-                    class="button is-info mr-2"
-                    onClick={(e) => {
-                      //update(borwserLang.substring(0, 2))
-                    }}
-                  >
-                    <i18n.Translate>Set default</i18n.Translate>
-                  </button>}
-                </div>
-              </div>
-              <InputToggle<Settings>
-                label={i18n.str`Advance order creation`}
-                tooltip={i18n.str`Shows more options in the order creation form`}
-                name="advanceOrderMode"
-              />
-              <InputSelector<Settings>
-                name="dateFormat"
-                label={i18n.str`Date format`}
-                expand={true}
-                help={
-                  value.dateFormat === "dmy" ? "31/12/2001" : value.dateFormat === "mdy" ? "12/31/2001" : value.dateFormat === "ymd" ? "2001/12/31" : ""
-                }
-                toStr={(e) => {
-                  if (e === "ymd") return "year month day"
-                  if (e === "mdy") return "month day year"
-                  if (e === "dmy") return "day month year"
-                  return "choose one"
-                }}
-                values={[
-                  "ymd",
-                  "mdy",
-                  "dmy",
-                ]}
-                tooltip={i18n.str`how the date is going to be displayed`}
-              />
-            </FormProvider>
-          </div>
-        </div>
-        <div class="column" />
-      </div>
-    </section >
-    {onClose &&
-      <section class="section is-main-section">
-        <button
-          class="button"
-          onClick={onClose}
-        >
-          <i18n.Translate>Close</i18n.Translate>
-        </button>
-      </section>
-    }
-  </div >
-}
\ No newline at end of file
diff --git a/packages/auditor-backoffice-ui/src/utils/amount.ts b/packages/auditor-backoffice-ui/src/utils/amount.ts
index 475489d3e..551a6433c 100644
--- a/packages/auditor-backoffice-ui/src/utils/amount.ts
+++ b/packages/auditor-backoffice-ui/src/utils/amount.ts
@@ -12,13 +12,13 @@
 
  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/>
- */
+ *//*
 import {
   amountFractionalBase,
   AmountJson,
   Amounts,
 } from "@gnu-taler/taler-util";
-import { MerchantBackend } from "../declaration.js";
+import { AuditorBackend } from "../declaration.js";
 
 /**
  * merge refund with the same description and a difference less than one minute
@@ -26,7 +26,7 @@ import { MerchantBackend } from "../declaration.js";
  * @param cur new refund to add to the list
  * @returns list with the new refund, may be merged with the last
  */
-export function mergeRefunds(
+/*export function mergeRefunds(
   prev: MerchantBackend.Orders.RefundDetails[],
   cur: MerchantBackend.Orders.RefundDetails,
 ): MerchantBackend.Orders.RefundDetails[] {
@@ -69,3 +69,4 @@ export function rate(a: AmountJson, b: AmountJson): number {
 function toFloat(amount: AmountJson): number {
   return amount.value + amount.fraction / amountFractionalBase;
 }
+*/
\ No newline at end of file
diff --git a/packages/auditor-backoffice-ui/src/utils/table.ts b/packages/auditor-backoffice-ui/src/utils/table.ts
index db2b2021c..e6c1e5d42 100644
--- a/packages/auditor-backoffice-ui/src/utils/table.ts
+++ b/packages/auditor-backoffice-ui/src/utils/table.ts
@@ -13,14 +13,14 @@
  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/>
  */
-
+/*
 import { WithId } from "../declaration.js";
-
+*/
 /**
  *
  * @author Sebastian Javier Marchano (sebasjm)
  */
-
+/*
 export interface Actions<T extends WithId> {
   element: T;
   type: "DELETE" | "UPDATE";
@@ -40,7 +40,7 @@ export function buildActions<T extends WithId>(
     .filter(notEmpty)
     .map((id) => ({ element: id, type: action }));
 }
-
+*/
 /**
  * For any object or array, return the same object if is not empty.
  * not empty:
@@ -48,10 +48,10 @@ export function buildActions<T extends WithId>(
  *  - for objects: at least one property not undefined
  * @param obj
  * @returns
- */
+ *//*
 export function undefinedIfEmpty<
   T extends Record<string, unknown> | Array<unknown>,
 >(obj: T | undefined): T | undefined {
   if (obj === undefined) return undefined;
   return Object.values(obj).some((v) => v !== undefined) ? obj : undefined;
-}
+}*/