@canton-network/wallet-gateway-remote 0.6.0 → 0.7.0

package/dist/web/frontend/assets/networks-C7TB_OYA.js

@@ -1,221 +0,0 @@
-import{c as g,s as v,x as S,a as j,i as tt,t as et}from"./index-DZurNsA2.js";import{r as b}from"./state-ZaohYYFB.js";import{h as $}from"./handle-errors-D7N_0lCR.js";var it=Object.create,T=Object.defineProperty,st=Object.getOwnPropertyDescriptor,H=(e,t)=>(t=Symbol[e])?t:Symbol.for("Symbol."+e),m=e=>{throw TypeError(e)},rt=(e,t,i)=>t in e?T(e,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[t]=i,B=(e,t)=>T(e,"name",{value:t,configurable:!0}),ot=e=>[,,,it((e==null?void 0:e[H("metadata")])??null)],J=["class","method","getter","setter","accessor","field","value","get","set"],y=e=>e!==void 0&&typeof e!="function"?m("Function expected"):e,nt=(e,t,i,o,r)=>({kind:J[e],name:t,metadata:o,addInitializer:a=>i._?m("Already initialized"):r.push(y(a||null))}),at=(e,t)=>rt(t,H("metadata"),e[3]),h=(e,t,i,o)=>{for(var r=0,a=e[t>>1],p=a&&a.length;r<p;r++)t&1?a[r].call(i):o=a[r].call(i,o);return o},k=(e,t,i,o,r,a)=>{var p,d,q,f,x,s=t&7,N=!!(t&8),u=!!(t&16),A=s>3?e.length+1:s?N?1:2:0,E=J[s+5],F=s>3&&(e[A-1]=[]),Z=e[A]||(e[A]=[]),c=s&&(!u&&!N&&(r=r.prototype),s<5&&(s>3||!u)&&st(s<4?r:{get[i](){return G(this,a)},set[i](l){return K(this,a,l)}},i));s?u&&s<4&&B(a,(s>2?"set ":s>1?"get ":"")+i):B(r,i);for(var C=o.length-1;C>=0;C--)f=nt(s,i,q={},e[3],Z),s&&(f.static=N,f.private=u,x=f.access={has:u?l=>dt(r,l):l=>i in l},s^3&&(x.get=u?l=>(s^1?G:lt)(l,r,s^4?a:c.get):l=>l[i]),s>2&&(x.set=u?(l,M)=>K(l,r,M,s^4?a:c.set):(l,M)=>l[i]=M)),d=(0,o[C])(s?s<4?u?a:c[E]:s>4?void 0:{get:c.get,set:c.set}:r,f),q._=1,s^4||d===void 0?y(d)&&(s>4?F.unshift(d):s?u?a=d:c[E]=d:r=d):typeof d!="object"||d===null?m("Object expected"):(y(p=d.get)&&(c.get=p),y(p=d.set)&&(c.set=p),y(p=d.init)&&F.unshift(p));return s||at(e,r),c&&T(r,i,c),u?s^4?a:c:r},O=(e,t,i)=>t.has(e)||m("Cannot "+i),dt=(e,t)=>Object(t)!==t?m('Cannot use the "in" operator on this value'):e.has(t),G=(e,t,i)=>(O(e,t,"read from private field"),i?i.call(e):t.get(e)),_=(e,t,i)=>t.has(e)?m("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),K=(e,t,i,o)=>(O(e,t,"write to private field"),o?o.call(e,i):t.set(e,i),i),lt=(e,t,i)=>(O(e,t,"access private method"),i),L,Q,R,V,X,z,Y,n,W,I,U,D,P;Y=[et("user-ui-networks")];class w extends(z=tt,X=[b()],V=[b()],R=[b()],Q=[b()],L=[b()],z){constructor(){var t,i;super(...arguments),_(this,W,h(n,8,this,[])),h(n,11,this),_(this,I,h(n,12,this,[])),h(n,15,this),_(this,U,h(n,16,this,!1)),h(n,19,this),_(this,D,h(n,20,this,null)),h(n,23,this),_(this,P,h(n,24,this,((i=(t=this.editingNetwork)==null?void 0:t.auth)==null?void 0:i.method)??"authorization_code")),h(n,27,this),this.openAddModal=()=>{this.isModalOpen=!0,this.editingNetwork=null},this.syncWallets=async()=>{try{const r=await g(v.accessToken.get()).request("syncWallets");alert(`Wallet sync completed. Added ${r.added.length} wallets.`)}catch(o){$(o)}},this.closeModal=()=>{this.isModalOpen=!1,this.listNetworks()},this.handleSubmit=async o=>{o.preventDefault();const r=this.toApiAuth(o.network.auth),a=o.network.adminAuth?this.toApiAuth(o.network.adminAuth):{method:"client_credentials",audience:"",scope:"",clientId:"",clientSecret:""},p={...o.network,ledgerApi:o.network.ledgerApi.baseUrl,auth:r,adminAuth:a};try{await g(v.accessToken.get()).request("addNetwork",{network:p}),await this.listNetworks()}catch(d){$(d)}finally{this.closeModal()}}}async listNetworks(){const i=await g(v.accessToken.get()).request("listNetworks");this.networks=i.networks}async listSessions(){const i=await g(v.accessToken.get()).request("listSessions");this.sessions=i.sessions}connectedCallback(){super.connectedCallback(),this.listNetworks(),this.listSessions()}async handleDelete(t){if(confirm(`Delete network "${t.network.name}"?`))try{const i={networkName:t.network.id};await g(v.accessToken.get()).request("removeNetwork",i),await this.listNetworks()}catch(i){$(i)}}toApiAuth(t){return{method:t.method,audience:t.audience??"",scope:t.scope??"",clientId:t.clientId??"",issuer:t.issuer??"",clientSecret:t.clientSecret??""}}onAuthTypeChange(t){const i=t.target;this.authType=i.value}render(){return S`
-            <div class="header"><h1>Sessions</h1></div>
-            <div class="table-container">
-                <table>
-                    <thead>
-                        <tr>
-                            <th>Network ID</th>
-                            <th>Status</th>
-                            <th>AccessToken</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        ${this.sessions.map(t=>S`
-                                <tr>
-                                    <td>${t.network.id}</td>
-                                    <td>${t.status}</td>
-                                    <td>
-                                        <button
-                                            type="button"
-                                            @click=${()=>navigator.clipboard.writeText(t.accessToken)}
-                                            title="Copy access token"
-                                        >
-                                            Copy to clipboard
-                                        </button>
-                                    </td>
-                                </tr>
-                            `)}
-                    </tbody>
-                </table>
-            </div>
-
-            <div class="header"><h1>Wallets</h1></div>
-            <div class="info-box">
-                <svg
-                    width="20"
-                    height="20"
-                    fill="currentColor"
-                    style="flex-shrink:0;"
-                    viewBox="0 0 20 20"
-                >
-                    <circle cx="10" cy="10" r="10" fill="#1769aa" />
-                    <text
-                        x="10"
-                        y="15"
-                        text-anchor="middle"
-                        fill="#fff"
-                        font-size="14"
-                        font-family="Arial"
-                        font-weight="bold"
-                    >
-                        i
-                    </text>
-                </svg>
-                <span
-                    >Keep your wallets in sync with the connected network.</span
-                >
-            </div>
-            <button class="buttons" @click=${this.syncWallets}>
-                Sync Wallets
-            </button>
-
-            <div class="header"><h1>Networks</h1></div>
-            <button class="buttons" @click=${this.openAddModal}>
-                Add Network
-            </button>
-
-            <network-table
-                .networks=${this.networks}
-                @network-edit-save=${this.handleSubmit}
-                @delete=${this.handleDelete}
-            ></network-table>
-
-            ${this.isModalOpen?S`
-                      <div class="modal" @click=${this.closeModal}>
-                          <div
-                              class="modal-content"
-                              @click=${t=>t.stopPropagation()}
-                          >
-                              <h3>
-                                  ${this.editingNetwork?"Edit Network":"Add Network"}
-                              </h3>
-                              <network-form
-                                  .editingNetwork=${this.editingNetwork}
-                                  .authType=${this.authType}
-                                  @network-edit-save=${this.handleSubmit}
-                                  @network-edit-cancel=${this.closeModal}
-                              ></network-form>
-                          </div>
-                      </div>
-                  `:""}
-        `}}n=ot(z);W=new WeakMap;I=new WeakMap;U=new WeakMap;D=new WeakMap;P=new WeakMap;k(n,4,"networks",X,w,W);k(n,4,"sessions",V,w,I);k(n,4,"isModalOpen",R,w,U);k(n,4,"editingNetwork",Q,w,D);k(n,4,"authType",L,w,P);w=k(n,0,"UserUiNetworks",Y,w);w.styles=j`
-        :host {
-            display: block;
-            box-sizing: border-box;
-            padding: 0rem;
-            max-width: 900px;
-            margin: 0 auto;
-            font-family: var(--wg-theme-font-family, Arial, sans-serif);
-        }
-        .header {
-            margin-bottom: 1rem;
-        }
-        .table-container {
-            display: grid;
-            grid-template-columns: 1fr;
-            width: 100%;
-            overflow-x: auto;
-            margin-bottom: 2rem;
-        }
-        table {
-            width: 100%;
-            border-collapse: collapse;
-            background: #fff;
-            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
-        }
-        th,
-        td {
-            padding: 0.75rem 0.5rem;
-            border-bottom: 1px solid #eee;
-            text-align: left;
-            font-size: 1rem;
-        }
-        th {
-            background: #f7f7f7;
-            font-weight: 600;
-        }
-        .buttons {
-            background: #0052cc;
-            color: #fff;
-            border: none;
-            padding: 0.6rem 1.2rem;
-            border-radius: 4px;
-            cursor: pointer;
-            font-size: 1rem;
-            margin-bottom: 1rem;
-            transition: background 0.2s;
-        }
-        .buttons:hover {
-            background: #0065ff;
-        }
-        .modal {
-            position: fixed;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            background: rgba(0, 0, 0, 0.25);
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            z-index: 1000;
-        }
-        .modal-content {
-            background: #fff;
-            padding: 2rem;
-            border-radius: 8px;
-            min-width: 300px;
-            max-width: 95vw;
-            max-height: 75vh;
-            overflow-y: scroll;
-            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
-        }
-        @media (max-width: 600px) {
-            .modal-content {
-                padding: 1rem;
-                min-width: unset;
-            }
-            table,
-            th,
-            td {
-                font-size: 0.95rem;
-            }
-            .header h1 {
-                font-size: 1.2rem;
-            }
-        }
-        @media (max-width: 400px) {
-            .modal-content {
-                padding: 0.5rem;
-            }
-            .buttons {
-                font-size: 0.9rem;
-                padding: 0.5rem 1rem;
-            }
-        }
-        button {
-            padding: 0.4rem 0.8rem;
-            font-size: 1rem;
-            border-radius: 4px;
-            border: 1px solid #ccc;
-            background: #f5f5f5;
-            cursor: pointer;
-            transition: background 0.2s;
-        }
-        button:hover {
-            background: #e2e6ea;
-        }
-        @media (max-width: 600px) {
-            .card-list {
-                grid-template-columns: 1fr;
-            }
-            .network-card {
-                padding: 0.7rem;
-            }
-            button {
-                font-size: 0.9rem;
-                padding: 0.3rem 0.6rem;
-            }
-        }
-        .info-box {
-            background: #eaf4fb;
-            color: #1769aa;
-            border-radius: 6px;
-            padding: 0.75rem 1rem;
-            margin-bottom: 1rem;
-            font-size: 1rem;
-            display: flex;
-            align-items: center;
-            gap: 0.5rem;
-        }
-    `;h(n,1,w);