@canton-network/core-wallet-ui-components 0.5.0 → 0.6.0

package/dist/components/NetworkTable.js

@@ -1,67 +0,0 @@
-// Copyright (c) 2025 Digital Asset (Switzerland) GmbH and/or its affiliates. All rights reserved.
-// SPDX-License-Identifier: Apache-2.0
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-import { LitElement, html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { styles } from '../themes/styles.js';
-let NetworkTable = class NetworkTable extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.networks = [];
-    }
-    static { this.styles = [styles]; }
-    render() {
-        console.log('rendering with networks ' + JSON.stringify(this.networks));
-        return html `
-            <table>
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>ID</th>
-                        <th>Description</th>
-                        <th>Auth type</th>
-                        <th>Synchronizer ID</th>
-                        <th>Actions</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    ${this.networks.map((net) => html `
-                            <tr>
-                                <td>${net.name}</td>
-                                <td>${net.chainId}</td>
-                                <td>${net.description}</td>
-                                <td>${net.auth.type}</td>
-                                <td>${net.synchronizerId}</td>
-                                <td class="actions">
-                                    <button>Update</button>
-                                    <button
-                                        @click=${() => this.dispatchEvent(new CustomEvent('delete', {
-            detail: net,
-        }))}
-                                    >
-                                        Delete
-                                    </button>
-                                </td>
-                            </tr>
-                        `)}
-                </tbody>
-            </table>
-        `;
-    }
-};
-__decorate([
-    property({ type: Array }),
-    __metadata("design:type", Array)
-], NetworkTable.prototype, "networks", void 0);
-NetworkTable = __decorate([
-    customElement('network-table')
-], NetworkTable);
-export { NetworkTable };

package/dist/scripts/copy-css.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=copy-css.d.ts.map

package/dist/scripts/copy-css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"copy-css.d.ts","sourceRoot":"","sources":["../../src/scripts/copy-css.ts"],"names":[],"mappings":""}

package/dist/scripts/copy-css.js

@@ -1,4 +0,0 @@
-// Copyright (c) 2025 Digital Asset (Switzerland) GmbH and/or its affiliates. All rights reserved.
-// SPDX-License-Identifier: Apache-2.0
-import fs from 'fs-extra';
-fs.copySync('./themes/default.css', './dist/themes/default.css');

package/dist/themes/default.css

@@ -1,46 +0,0 @@
-:root,
-:host {
-    --splice-wk-background-color: snow;
-    --splice-wk-text-color: rgba(0, 0, 0, 0.65);
-    --splice-wk-font-family: sans-serif;
-}
-
-.hidden {
-    display: none;
-}
-.header {
-    background-color: #f8f9fa;
-    padding: 10px;
-    border-bottom: 1px solid #dee2e6;
-}
-.header h2 {
-    margin: 0;
-    font-size: 1.25rem;
-    display: flex;
-    align-items: center;
-}
-.header img {
-    margin-right: 10px;
-}
-
-.header .logo-box {
-    display: inline-block;
-    cursor: pointer;
-}
-
-.container {
-    padding: 20px;
-}
-.btn-primary,
-.btn-success {
-    background-color: #007bff;
-    border-color: #007bff;
-}
-.btn-outline-secondary {
-    border-color: #6c757d;
-    color: #6c757d;
-}
-.btn-outline-secondary:hover {
-    background-color: #6c757d;
-    color: #fff;
-}

package/dist/themes/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const styles: import("lit").CSSResult;
-//# sourceMappingURL=styles.d.ts.map

package/dist/themes/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/themes/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM,yBAuElB,CAAA"}

package/dist/themes/styles.js

@@ -1,75 +0,0 @@
-// Copyright (c) 2025 Digital Asset (Switzerland) GmbH and/or its affiliates. All rights reserved.
-// SPDX-License-Identifier: Apache-2.0
-import { css } from 'lit';
-export const styles = css `
-    .table-wrapper {
-        max-height: 300px;
-        overflow-y: auto;
-        border: 1px solid var(--splice-wk-border-color, #ccc);
-        border-radius: 4px;
-    }
-
-    table {
-        width: 100%;
-        border-collapse: collapse;
-    }
-
-    thead th {
-        position: sticky;
-        top: 0;
-        z-index: 1;
-        text-align: left;
-        padding: 8px 12px;
-        border-bottom: 1px solid var(--splice-wk-border-color, #ccc);
-    }
-
-    tbody td {
-        padding: 8px 12px;
-        border-bottom: 1px solid var(--splice-wk-border-color, #ccc);
-    }
-
-    tr:nth-child(even) {
-        background-color: var(--splice-wk-background-color, none);
-    }
-
-    .actions button {
-        margin-right: 4px;
-        font-size: 0.8rem;
-        padding: 4px 8px;
-    }
-
-    .modal {
-        position: fixed;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .modal-content {
-        background: var(--splice-wk-background-color, none);
-        padding: 1.5rem;
-        border-radius: 8px;
-        width: 400px;
-        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
-    }
-
-    .form {
-        display: flex;
-        flex-direction: column;
-        gap: 10px;
-    }
-
-    input,
-    select {
-        padding: 6px;
-        font-size: 1rem;
-    }
-
-    .buttons {
-        display: flex;
-        justify-content: flex-end;
-        margin-top: 1rem;
-        gap: 0.5rem;
-        margin-bottom: 1.5rem;
-    }
-`;

package/dist/windows/discovery.js

@@ -1,32 +0,0 @@
-// Copyright (c) 2025 Digital Asset (Switzerland) GmbH and/or its affiliates. All rights reserved.
-// SPDX-License-Identifier: Apache-2.0
-import { Discovery } from '../components/Discovery.js';
-import { popup } from './popup.js';
-export async function discover() {
-    const win = await popup(Discovery, {
-        title: 'Wallet Discovery',
-        target: 'wallet-discovery',
-    });
-    return new Promise((resolve, reject) => {
-        let response = undefined;
-        win.addEventListener('beforeunload', () => {
-            if (response === undefined) {
-                console.log('Wallet discovery window closed by user');
-                reject('User closed the wallet discovery window');
-            }
-        });
-        const handler = (event) => {
-            if (event.origin === window.location.origin &&
-                typeof event.data.walletType === 'string') {
-                response = event.data;
-                resolve({
-                    url: event.data.url,
-                    walletType: event.data.walletType,
-                });
-                window.removeEventListener('message', handler);
-                win.close();
-            }
-        };
-        window.addEventListener('message', handler);
-    });
-}

package/dist/windows/popup.js

@@ -1,64 +0,0 @@
-// Copyright (c) 2025 Digital Asset (Switzerland) GmbH and/or its affiliates. All rights reserved.
-// SPDX-License-Identifier: Apache-2.0
-import styles from '../themes/default.css?inline';
-export function popup(component, options) {
-    const { title = 'Custom Popup', target = 'wallet-popup', width = 400, height = 500, screenX = 200, screenY = 200, } = options || {};
-    const html = `<!DOCTYPE html>
-    <html>
-        <head>
-            <title>${title}</title>
-            <style>
-                html, body {
-                    margin: 0;
-                    padding: 0;
-                    width: 100%;
-                    height: 100%;
-                }
-
-                body {
-                    display: flex;
-                }
-            </style>
-            <style>${styles}</style>
-        </head>
-        <body>
-        </body>
-
-        <script>
-            customElements.define('popup-content', ${component})
-
-            const root = document.getElementsByTagName('body')[0]
-
-            const content = document.createElement('popup-content')
-            content.setAttribute('style', 'width: 100%; height: 100%;')
-
-            root.appendChild(content)
-        </script>
-    </html>`;
-    const url = URL.createObjectURL(new Blob([html], { type: 'text/html' }));
-    return new Promise((resolve, reject) => {
-        const win = window.open(url, target, `width=${width},height=${height},screenX=${screenX},screenY=${screenY}`);
-        if (win) {
-            win.addEventListener('beforeunload', () => {
-                URL.revokeObjectURL(url); // clean up the URL object to prevent memory leaks
-            });
-            resolve(win);
-        }
-        else {
-            reject(new Error('Failed to open popup window.'));
-        }
-    });
-}
-export function popupHref(url, options) {
-    const { target = 'wallet-popup', width = 400, height = 500, screenX = 200, screenY = 200, } = options || {};
-    return new Promise((resolve, reject) => {
-        const win = window.open(url, target, `width=${width},height=${height},screenX=${screenX},screenY=${screenY}`);
-        if (win) {
-            win.focus();
-            resolve(win);
-        }
-        else {
-            reject(new Error('Failed to open popup window.'));
-        }
-    });
-}