@canton-network/wallet-gateway-remote 0.1.0 → 0.3.0

package/README.md

@@ -4,7 +4,17 @@ The RPC-based (server-side) Wallet Gateway.
 
 # Usage
 
-Start the service directly through npx (tested with NodeJS v24):
+Install the Wallet Gateway
+
+```shell
+$ npm install -g @canton-network/wallet-gateway-remote
+
+...
+
+$ wallet-gateway -c ./config.json
+```
+
+Alternatively, you can run it directly through npx (tested with NodeJS v24):
 
 `npx @canton-network/wallet-gateway-remote -c ./config.json`
 
@@ -16,7 +26,19 @@ This exposes:
 
 ## Configuration
 
-A configuration file is required to start up the gateway. See [config.json](https://github.com/hyperledger-labs/splice-wallet-kernel/blob/main/wallet-gateway/test/config.json) for an example.
+A configuration file is required to start up the Gateway. See [config.json](https://github.com/hyperledger-labs/splice-wallet-kernel/blob/main/wallet-gateway/test/config.json) for an example.
+
+## First time startup
+
+When running the Gateway for the first time, the database must be properly initialized.
+
+```shell
+$ wallet-gateway -c ./config.json db reset
+$ wallet-gateway -c ./config.json db bootstrap
+
+# Finally, start the service
+$ wallet-gateway -c ./config.json
+```
 
 # Developing
 

package/dist/dapp-api/controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../src/dapp-api/controller.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAO9D,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAA;AAGzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAA;AAC5E,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AA6B7B,eAAO,MAAM,cAAc,GACvB,YAAY,gBAAgB,EAC5B,OAAO,KAAK,EACZ,qBAAqB,mBAAmB,EACxC,SAAS,MAAM,EACf,UAAU,WAAW;;;;;;;;;;;CAiHxB,CAAA"}
+{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../src/dapp-api/controller.ts"],"names":[],"mappings":"AAIA,OAAO,EAAmB,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAO/E,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAA;AAQzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAA;AAC5E,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AA6B7B,eAAO,MAAM,cAAc,GACvB,YAAY,gBAAgB,EAC5B,OAAO,KAAK,EACZ,qBAAqB,mBAAmB,EACxC,SAAS,MAAM,EACf,UAAU,WAAW;;;;;;;;;;;CA6IxB,CAAA"}

package/dist/dapp-api/controller.js

@@ -1,8 +1,9 @@
 // Copyright (c) 2025 Digital Asset (Switzerland) GmbH and/or its affiliates. All rights reserved.
 // SPDX-License-Identifier: Apache-2.0
 // Disabled unused vars rule to allow for future implementations
+import { assertConnected } from '@canton-network/core-wallet-auth';
 import buildController from './rpc-gen/index.js';
-import { LedgerClient } from '@canton-network/core-ledger-client';
+import { LedgerClient, } from '@canton-network/core-ledger-client';
 import { v4 } from 'uuid';
 async function prepareSubmission(userId, partyId, synchronizerId, commands, ledgerClient, commandId) {
     const prepareParams = {
@@ -17,7 +18,7 @@ async function prepareSubmission(userId, partyId, synchronizerId, commands, ledg
         verboseHashing: false,
         packageIdSelectionPreference: [],
     };
-    return await ledgerClient.post('/v2/interactive-submission/prepare', prepareParams);
+    return await ledgerClient.postWithRetry('/v2/interactive-submission/prepare', prepareParams);
 }
 export const dappController = (kernelInfo, store, notificationService, _logger, context) => {
     const logger = _logger.child({ component: 'dapp-controller' });
@@ -28,9 +29,26 @@ export const dappController = (kernelInfo, store, notificationService, _logger,
             userUrl: 'http://localhost:3002/login/',
         }),
         darsAvailable: async () => ({ dars: ['default-dar'] }),
-        ledgerApi: async (params) => ({
-            response: 'default-response',
-        }),
+        ledgerApi: async (params) => {
+            const network = await store.getCurrentNetwork();
+            const ledgerClient = new LedgerClient(new URL(network.ledgerApi.baseUrl), assertConnected(context).accessToken, logger);
+            let result;
+            switch (params.requestMethod) {
+                case 'GET':
+                    result = await ledgerClient.getWithRetry(params.resource);
+                    break;
+                case 'POST':
+                    result = await ledgerClient.postWithRetry(params.resource, params.body
+                        ? JSON.parse(params.body)
+                        : undefined);
+                    break;
+                default:
+                    throw new Error(`Unsupported request method: ${params.requestMethod}`);
+            }
+            return {
+                response: JSON.stringify(result),
+            };
+        },
         prepareExecute: async (params) => {
             const wallet = await store.getPrimaryWallet();
             const network = await store.getCurrentNetwork();

package/dist/index.js

@@ -5,13 +5,20 @@ import { Option, Command } from '@commander-js/extra-typings';
 import { initialize } from './init.js';
 import { createCLI } from '@canton-network/core-wallet-store-sql';
 import { ConfigUtils } from './config/ConfigUtils.js';
+import { readFileSync } from 'fs';
+import { join, dirname } from 'path';
+import { fileURLToPath } from 'url';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+const pkg = JSON.parse(readFileSync(join(__dirname, '../package.json'), 'utf8'));
 const program = new Command()
-    .name('wallet-gateway-remote')
+    .name('wallet-gateway')
+    .version(pkg.version)
     .description('Run a remotely hosted Wallet Gateway')
-    .option('-c, --config <path>', 'set config path', '../test/config.json')
+    .option('-c, --config <path>', 'set config path', './config.json')
     .addOption(new Option('-f, --log-format <format>', 'set log format')
     .choices(['json', 'pretty'])
-    .default('json'))
+    .default('pretty'))
     .addOption(new Option('-s, --store-type <type>', 'set store type')
     .choices(['sqlite', 'postgres'])
     .default('sqlite'))

package/dist/init.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../src/init.ts"],"names":[],"mappings":"AAmDA,wBAAsB,UAAU,CAAC,IAAI,EAAE;IACnC,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,QAAQ,GAAG,MAAM,CAAA;CAC/B;;;;GA4EA"}
+{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../src/init.ts"],"names":[],"mappings":"AAmDA,wBAAsB,UAAU,CAAC,IAAI,EAAE;IACnC,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,QAAQ,GAAG,MAAM,CAAA;CAC/B;;;;GAkEA"}

package/dist/init.js

@@ -52,10 +52,7 @@ export async function initialize(opts) {
             : {}),
     });
     const notificationService = new NotificationService(logger);
-    // TODO: make the default config path point to ${PWD}/config.json
-    const defaultConfig = path.join(dirname(fileURLToPath(import.meta.url)), '..', 'test', 'config.json');
-    const configPath = opts.config || defaultConfig;
-    const config = ConfigUtils.loadConfigFile(configPath);
+    const config = ConfigUtils.loadConfigFile(opts.config);
     const store = new StoreSql(connection(config.store), logger);
     const authService = jwtAuthService(store, logger);
     const drivers = {

package/dist/ledger/party-allocation-service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"party-allocation-service.d.ts","sourceRoot":"","sources":["../../src/ledger/party-allocation-service.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAE7B,MAAM,MAAM,cAAc,GAAG;IACzB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,KAAK,WAAW,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;AAEpD;;GAEG;AACH,qBAAa,sBAAsB;IAI3B,OAAO,CAAC,cAAc;IAGtB,OAAO,CAAC,MAAM;IANlB,OAAO,CAAC,YAAY,CAAc;gBAGtB,cAAc,EAAE,MAAM,EAC9B,UAAU,EAAE,MAAM,EAClB,aAAa,EAAE,MAAM,EACb,MAAM,EAAE,MAAM;IAS1B;;;;OAIG;IACG,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,cAAc,CAAC;IAE1E;;;;;;OAMG;IACG,aAAa,CACf,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,EACjB,eAAe,EAAE,WAAW,GAC7B,OAAO,CAAC,cAAc,CAAC;YAoBZ,qBAAqB;YAqBrB,qBAAqB;CAmCtC"}
+{"version":3,"file":"party-allocation-service.d.ts","sourceRoot":"","sources":["../../src/ledger/party-allocation-service.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAE7B,MAAM,MAAM,cAAc,GAAG;IACzB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,KAAK,WAAW,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;AAEpD;;GAEG;AACH,qBAAa,sBAAsB;IAI3B,OAAO,CAAC,cAAc;IAGtB,OAAO,CAAC,MAAM;IANlB,OAAO,CAAC,YAAY,CAAc;gBAGtB,cAAc,EAAE,MAAM,EAC9B,UAAU,EAAE,MAAM,EAClB,aAAa,EAAE,MAAM,EACb,MAAM,EAAE,MAAM;IAS1B;;;;OAIG;IACG,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,cAAc,CAAC;IAE1E;;;;;;OAMG;IACG,aAAa,CACf,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,EACjB,eAAe,EAAE,WAAW,GAC7B,OAAO,CAAC,cAAc,CAAC;YAoBZ,qBAAqB;YAoBrB,qBAAqB;CAmCtC"}

package/dist/ledger/party-allocation-service.js

@@ -19,8 +19,8 @@ export class PartyAllocationService {
         }
     }
     async allocateInternalParty(userId, hint) {
-        const { participantId: namespace } = await this.ledgerClient.get('/v2/parties/participant-id');
-        const res = await this.ledgerClient.post('/v2/parties', {
+        const { participantId: namespace } = await this.ledgerClient.getWithRetry('/v2/parties/participant-id');
+        const res = await this.ledgerClient.postWithRetry('/v2/parties', {
             partyIdHint: hint,
             identityProviderId: '',
         });

package/dist/ledger/party-allocation-service.test.js

@@ -20,8 +20,8 @@ jest.unstable_mockModule('@canton-network/core-ledger-client', () => ({
     SignedTopologyTransaction: jest.fn(),
     LedgerClient: jest.fn().mockImplementation(() => {
         return {
-            get: mockLedgerGet,
-            post: mockLedgerPost,
+            getWithRetry: mockLedgerGet,
+            postWithRetry: mockLedgerPost,
             grantUserRights: mockLedgerGrantUserRights,
             generateTopology: jest.fn().mockResolvedValue({
                 partyId: 'party2::mypublickey',

package/dist/ledger/wallet-sync-service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wallet-sync-service.d.ts","sourceRoot":"","sources":["../../src/ledger/wallet-sync-service.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAA;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAE7B,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,OAAO,EAAE,MAAM,EAAE,CAAA;CACpB,CAAA;AACD,qBAAa,iBAAiB;IAEtB,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,YAAY;IACpB,OAAO,CAAC,WAAW;IACnB,OAAO,CAAC,MAAM;gBAHN,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM;IAGpB,GAAG,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAUrC,WAAW,IAAI,OAAO,CAAC,gBAAgB,CAAC;CA6FjD"}
+{"version":3,"file":"wallet-sync-service.d.ts","sourceRoot":"","sources":["../../src/ledger/wallet-sync-service.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAA;AAEjE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAE7B,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,OAAO,EAAE,MAAM,EAAE,CAAA;CACpB,CAAA;AACD,qBAAa,iBAAiB;IAEtB,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,YAAY;IACpB,OAAO,CAAC,WAAW;IACnB,OAAO,CAAC,MAAM;gBAHN,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM;IAGpB,GAAG,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAUrC,WAAW,IAAI,OAAO,CAAC,gBAAgB,CAAC;CA8FjD"}

package/dist/ledger/wallet-sync-service.js

@@ -1,5 +1,6 @@
 // Copyright (c) 2025 Digital Asset (Switzerland) GmbH and/or its affiliates. All rights reserved.
 // SPDX-License-Identifier: Apache-2.0
+import { defaultRetryableOptions } from '@canton-network/core-ledger-client/dist/ledger-api-utils.js';
 export class WalletSyncService {
     constructor(store, ledgerClient, authContext, logger) {
         this.store = store;
@@ -20,7 +21,7 @@ export class WalletSyncService {
             const network = await this.store.getCurrentNetwork();
             this.logger.info(network, 'Current network');
             // Get existing parties from participant
-            const rights = await this.ledgerClient.get('/v2/users/{user-id}/rights', {
+            const rights = await this.ledgerClient.getWithRetry('/v2/users/{user-id}/rights', defaultRetryableOptions, {
                 path: {
                     'user-id': this.authContext.userId,
                 },

package/dist/user-api/controller.js

@@ -65,7 +65,7 @@ export const userController = (kernelInfo, store, notificationService, authConte
         },
         createWallet: async (params) => {
             logger.info(`Allocating party with params: ${JSON.stringify(params)}`);
-            const userId = assertConnected(authContext);
+            const userId = assertConnected(authContext).userId;
             const notifier = notificationService.getNotifier(userId);
             const network = await store.getCurrentNetwork();
             if (network === undefined) {
@@ -140,7 +140,7 @@ export const userController = (kernelInfo, store, notificationService, authConte
             if (wallet === undefined) {
                 throw new Error('No primary wallet found');
             }
-            const userId = assertConnected(authContext);
+            const userId = assertConnected(authContext).userId;
             if (network === undefined) {
                 throw new Error('No network session found');
             }
@@ -196,7 +196,7 @@ export const userController = (kernelInfo, store, notificationService, authConte
             if (transaction === undefined) {
                 throw new Error('No transaction found');
             }
-            const userId = assertConnected(authContext);
+            const userId = assertConnected(authContext).userId;
             if (network === undefined) {
                 throw new Error('No network session found');
             }
@@ -217,7 +217,7 @@ export const userController = (kernelInfo, store, notificationService, authConte
                         packageIdSelectionPreference: [],
                     };
                     try {
-                        const res = await ledgerClient.post('/v2/commands/submit-and-wait', request);
+                        const res = await ledgerClient.postWithRetry('/v2/commands/submit-and-wait', request);
                         notifier.emit('txChanged', {
                             status: 'executed',
                             commandId,
@@ -230,7 +230,7 @@ export const userController = (kernelInfo, store, notificationService, authConte
                     }
                 }
                 case SigningProvider.WALLET_KERNEL: {
-                    const result = await ledgerClient.post('/v2/interactive-submission/execute', {
+                    const result = await ledgerClient.postWithRetry('/v2/interactive-submission/execute', {
                         userId,
                         preparedTransaction: transaction.preparedTransaction,
                         hashingSchemeVersion: 'HASHING_SCHEME_VERSION_V2',

package/dist/web/frontend/404/index.html

@@ -3,10 +3,10 @@
     <head>
         <meta charset="UTF-8" />
         <title>Wallet Kernel - Not found</title>
-      <script type="module" crossorigin src="/assets/404-BHkjVWlW.js"></script>
+      <script type="module" crossorigin src="/assets/404-FxmR286l.js"></script>
       <link rel="modulepreload" crossorigin href="/assets/state-manager-BNW0y5PZ.js">
-      <link rel="modulepreload" crossorigin href="/assets/index-D-GexOrJ.js">
-      <link rel="modulepreload" crossorigin href="/assets/index-BxdGgjHv.js">
+      <link rel="modulepreload" crossorigin href="/assets/index-VtAAU1cN.js">
+      <link rel="modulepreload" crossorigin href="/assets/index-BPTkodPz.js">
       <link rel="stylesheet" crossorigin href="/assets/index-TZrNw7dA.css">
       <link rel="stylesheet" crossorigin href="/assets/index-BknZMPaI.css">
     </head>

package/dist/web/frontend/approve/index.html

@@ -3,10 +3,10 @@
     <head>
         <meta charset="UTF-8" />
         <title>Wallet Kernel - Approve Write Request</title>
-      <script type="module" crossorigin src="/assets/approve-lRsfAWmm.js"></script>
+      <script type="module" crossorigin src="/assets/approve-DjrMmUo0.js"></script>
       <link rel="modulepreload" crossorigin href="/assets/state-manager-BNW0y5PZ.js">
-      <link rel="modulepreload" crossorigin href="/assets/index-D-GexOrJ.js">
-      <link rel="modulepreload" crossorigin href="/assets/index-BxdGgjHv.js">
+      <link rel="modulepreload" crossorigin href="/assets/index-VtAAU1cN.js">
+      <link rel="modulepreload" crossorigin href="/assets/index-BPTkodPz.js">
       <link rel="modulepreload" crossorigin href="/assets/state-DKGJ6EmM.js">
       <link rel="modulepreload" crossorigin href="/assets/rpc-client-CCUlY3sp.js">
       <link rel="modulepreload" crossorigin href="/assets/handle-errors-BcwHAkCd.js">

package/dist/web/frontend/assets/{404-BHkjVWlW.js → 404-FxmR286l.js}

@@ -1,4 +1,4 @@
-import{i as k,a as z,x as O,t as P}from"./state-manager-BNW0y5PZ.js";import"./index-BxdGgjHv.js";import"./index-D-GexOrJ.js";var C=Object.create,p=Object.defineProperty,E=Object.getOwnPropertyDescriptor,b=(r,e)=>(e=Symbol[r])?e:Symbol.for("Symbol."+r),h=r=>{throw TypeError(r)},I=(r,e,a)=>e in r?p(r,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):r[e]=a,j=(r,e)=>p(r,"name",{value:e,configurable:!0}),A=r=>[,,,C((r==null?void 0:r[b("metadata")])??null)],D=["class","method","getter","setter","accessor","field","value","get","set"],w=r=>r!==void 0&&typeof r!="function"?h("Function expected"):r,F=(r,e,a,i,t)=>({kind:D[r],name:e,metadata:i,addInitializer:o=>a._?h("Already initialized"):t.push(w(o||null))}),M=(r,e)=>I(e,b("metadata"),r[3]),N=(r,e,a,i)=>{for(var t=0,o=r[e>>1],n=o&&o.length;t<n;t++)o[t].call(a);return i},T=(r,e,a,i,t,o)=>{var n,u,m,l=e&7,f=!1,x=0,g=r[x]||(r[x]=[]),d=l&&(t=t.prototype,l<5&&(l>3||!f)&&E(t,a));j(t,a);for(var _=i.length-1;_>=0;_--)m=F(l,a,u={},r[3],g),n=(0,i[_])(t,m),u._=1,w(n)&&(t=n);return M(r,t),d&&p(t,a,d),f?l^4?o:d:t},y,s,S;y=[P("user-ui-404")];const v=class v extends(S=k){connectedCallback(){super.connectedCallback()}render(){return O`
+import{i as k,a as z,x as O,t as P}from"./state-manager-BNW0y5PZ.js";import"./index-BPTkodPz.js";import"./index-VtAAU1cN.js";var C=Object.create,p=Object.defineProperty,E=Object.getOwnPropertyDescriptor,b=(r,e)=>(e=Symbol[r])?e:Symbol.for("Symbol."+r),h=r=>{throw TypeError(r)},I=(r,e,a)=>e in r?p(r,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):r[e]=a,j=(r,e)=>p(r,"name",{value:e,configurable:!0}),A=r=>[,,,C((r==null?void 0:r[b("metadata")])??null)],D=["class","method","getter","setter","accessor","field","value","get","set"],w=r=>r!==void 0&&typeof r!="function"?h("Function expected"):r,F=(r,e,a,i,t)=>({kind:D[r],name:e,metadata:i,addInitializer:o=>a._?h("Already initialized"):t.push(w(o||null))}),M=(r,e)=>I(e,b("metadata"),r[3]),N=(r,e,a,i)=>{for(var t=0,o=r[e>>1],n=o&&o.length;t<n;t++)o[t].call(a);return i},T=(r,e,a,i,t,o)=>{var n,u,m,l=e&7,f=!1,x=0,g=r[x]||(r[x]=[]),d=l&&(t=t.prototype,l<5&&(l>3||!f)&&E(t,a));j(t,a);for(var _=i.length-1;_>=0;_--)m=F(l,a,u={},r[3],g),n=(0,i[_])(t,m),u._=1,w(n)&&(t=n);return M(r,t),d&&p(t,a,d),f?l^4?o:d:t},y,s,S;y=[P("user-ui-404")];const v=class v extends(S=k){connectedCallback(){super.connectedCallback()}render(){return O`
             <div class="wrapper">
                 <not-found />
             </div>