@ckb-ccc/connector 0.0.9-alpha.2 → 0.0.10-alpha.0

package/dist/scenes/connected.js

@@ -1,69 +1,214 @@
+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;
+};
 import { ccc } from "@ckb-ccc/ccc";
-import { html } from "lit";
+import { css, html, LitElement } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
 import { CKB_SVG } from "../assets/chains";
-import { COPY_SVG } from "../assets/copy.svg";
 import { DISCONNECT_SVG } from "../assets/diconnect.svg";
-import { signerTypeToIcon } from "./signers";
-function copyAddress(address) {
-    if (!address) {
-        return;
-    }
-    return window.navigator.clipboard.writeText(address);
-}
-export function formatString(str, l = 7, r = 5) {
+import { signerTypeToIcon } from "./selecting/signers";
+export function formatString(str, l = 9, r = 6) {
     if (str && str.length > l + r + 3) {
         return `${str.slice(0, l)}...${str.slice(-r)}`;
     }
     return str;
 }
-export function generateConnectedScene(wallet, signer, recommendedAddress, internalAddress, balance, disconnect) {
-    return [
-        undefined,
-        html `
-      <div class="position-relative">
-        <img
-          class="connecting-wallet-icon"
-          src=${wallet.icon}
-          alt=${wallet.name}
-        />
-        <img
-          class="connected-type-icon"
-          src=${signerTypeToIcon(signer.signer.type)}
-          alt=${signer.signer.type}
+let ConnectedScene = class ConnectedScene extends LitElement {
+    willUpdate(changedProperties) {
+        if (changedProperties.has("signer") && this.signer) {
+            this.signer
+                .getRecommendedAddress()
+                .then((v) => (this.recommendedAddress = v));
+            this.signer.getInternalAddress().then((v) => (this.internalAddress = v));
+            this.signer.getBalance().then((v) => (this.balance = v));
+        }
+    }
+    render() {
+        const { wallet, signer, internalAddress, balance, recommendedAddress } = this;
+        if (!wallet || !signer) {
+            return html `<div></div>`;
+        }
+        return html `
+      <ccc-dialog>
+        <div class="position-relative">
+          <img
+            class="connecting-wallet-icon"
+            src=${wallet.icon}
+            alt=${wallet.name}
+          />
+          <img
+            class="connected-type-icon"
+            src=${signerTypeToIcon(signer.type)}
+            alt=${signer.type}
+          />
+        </div>
+
+        <ccc-copy-button
+          value=${recommendedAddress}
+          class="text-bold fs-xl mt-2"
         >
-        </img>
-      </div>
-      
-      <div class="flex align-center mt-2">
-        <span class="text-bold fs-xl">${formatString(internalAddress)}</span>
-        <img class="cursor-pointer copy-btn" src=${COPY_SVG} alt="copy" @click=${() => copyAddress(internalAddress)}/>
-      </div>
-      <div class="text-bold fs-md">${ccc.fixedPointToString(balance ?? ccc.Zero)} CKB</div>
-      <div class="flex align-center">
-        <span class="text-bold text-tip fs-md">${formatString(recommendedAddress, 13, 7)}</span>
-        <img class="cursor-pointer copy-btn-sm" src=${COPY_SVG} alt="copy" @click=${() => copyAddress(recommendedAddress)}/>
-      </div>
-
-      <button
-        class="btn-primary mt-2"
-        @click=${disconnect}
-      >
-        <img
-          src=${DISCONNECT_SVG}
-          alt="disconnect"
-        />
-        Disconnect
-      </button>
-
-      <div class="switch-btn-container align-center flex justify-center mt-1">
-        <div class="switch-line"></div>
-        <div class="switch-content flex align-center ml-2 mr-2 fs-sm">
-          <img class="mr-1 sm-chain-logo" src=${CKB_SVG} alt="Nervos Network">
-          ${signer.signer.client.addressPrefix === "ckb" ? "Mainnet" : "Testnet"}
-          ${["ckb", "ckt"].includes(signer.signer.client.addressPrefix) ? "" : ` ${signer.signer.client.addressPrefix}`}
+          ${formatString(recommendedAddress)}
+        </ccc-copy-button>
+        <div class="text-bold fs-md">
+          ${ccc.fixedPointToString(balance ?? ccc.Zero)} CKB
         </div>
-        <div class="switch-line"></div>
-      </div>
-    `,
-    ];
-}
+        <ccc-copy-button
+          value=${internalAddress}
+          class="text-bold text-tip fs-md"
+          style="margin-top: 0.5rem"
+        >
+          ${formatString(internalAddress, 11, 9)}
+        </ccc-copy-button>
+
+        <ccc-button
+          class="mt-2"
+          @click=${() => this.dispatchEvent(new Event("disconnect"))}
+        >
+          <img src=${DISCONNECT_SVG} alt="disconnect" />
+          Disconnect
+        </ccc-button>
+
+        <div class="switch-btn-container">
+          <div class="switch-line"></div>
+          <div class="switch-content ml-2 mr-2 fs-sm">
+            <img
+              class="mr-1 sm-chain-logo"
+              src=${CKB_SVG}
+              alt="Nervos Network"
+            />
+            ${signer.client.addressPrefix === "ckb" ? "Mainnet" : "Testnet"}
+            ${["ckb", "ckt"].includes(signer.client.addressPrefix)
+            ? ""
+            : ` ${signer.client.addressPrefix}`}
+          </div>
+          <div class="switch-line"></div>
+        </div>
+      </ccc-dialog>
+    `;
+    }
+    updated() {
+        this.dispatchEvent(new Event("updated", { bubbles: true, composed: true }));
+    }
+};
+ConnectedScene.styles = css `
+    :host {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+    }
+    .text-bold {
+      font-weight: bold;
+    }
+
+    .text-tip {
+      color: var(--tip-color);
+    }
+
+    .fs-sm {
+      font-size: 0.8rem;
+    }
+    .fs-md {
+      font-size: 1rem;
+    }
+    .fs-xl {
+      font-size: 1.5rem;
+    }
+
+    .mt-1 {
+      margin-top: 0.7rem;
+    }
+    .mt-2 {
+      margin-top: 1rem;
+    }
+    .ml-2 {
+      margin-left: 1em;
+    }
+    .mr-1 {
+      margin-right: 0.7rem;
+    }
+    .mr-2 {
+      margin-right: 1rem;
+    }
+
+    .connecting-wallet-icon {
+      width: 5rem;
+      height: 5rem;
+      border-radius: 1rem;
+    }
+
+    .position-relative {
+      position: relative;
+    }
+
+    .connected-type-icon {
+      position: absolute;
+      width: 1.5rem;
+      height: 1.5rem;
+      right: -0.5rem;
+      bottom: -0.5rem;
+    }
+
+    .switch-btn-container {
+      width: 100%;
+      margin-top: 1.2rem;
+      margin-bottom: 0.2rem;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+
+    .switch-content {
+      display: flex;
+      align-items: center;
+    }
+
+    .switch-line {
+      flex: 1;
+      height: 1px;
+      background-color: var(--divider);
+    }
+
+    .switching-status-dot {
+      width: 0.5rem;
+      height: 0.5rem;
+      background: #0f0;
+      border-radius: 50%;
+    }
+
+    .copy-btn {
+      width: 1.5rem;
+      height: 1.5rem;
+    }
+
+    .copy-btn-sm {
+      width: 1rem;
+      height: 1rem;
+    }
+
+    .sm-chain-logo {
+      width: 1.125rem;
+    }
+  `;
+__decorate([
+    property()
+], ConnectedScene.prototype, "wallet", void 0);
+__decorate([
+    property()
+], ConnectedScene.prototype, "signer", void 0);
+__decorate([
+    state()
+], ConnectedScene.prototype, "recommendedAddress", void 0);
+__decorate([
+    state()
+], ConnectedScene.prototype, "internalAddress", void 0);
+__decorate([
+    state()
+], ConnectedScene.prototype, "balance", void 0);
+ConnectedScene = __decorate([
+    customElement("ccc-connected-scene")
+], ConnectedScene);
+export { ConnectedScene };

package/dist/scenes/index.d.ts

@@ -1,4 +1,3 @@
-export * from "./connecting";
-export * from "./signers";
-export * from "./wallets";
+import "./connected";
+import "./selecting";
 //# sourceMappingURL=index.d.ts.map

package/dist/scenes/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/scenes/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/scenes/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AACrB,OAAO,aAAa,CAAC"}

package/dist/scenes/index.js

@@ -1,3 +1,2 @@
-export * from "./connecting";
-export * from "./signers";
-export * from "./wallets";
+import "./connected";
+import "./selecting";

package/dist/scenes/{connecting.d.ts → selecting/connecting.d.ts}

@@ -1,4 +1,4 @@
 import { ccc } from "@ckb-ccc/ccc";
-import { WalletWithSigners } from "../types";
+import { WalletWithSigners } from "../../types";
 export declare function generateConnectingScene(wallet: WalletWithSigners, signer: ccc.SignerInfo, error: string | undefined, onSignerSelected: (wallet: WalletWithSigners, signer: ccc.SignerInfo) => unknown): (string | import("lit").TemplateResult<1>)[];
 //# sourceMappingURL=connecting.d.ts.map

package/dist/scenes/selecting/connecting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connecting.d.ts","sourceRoot":"","sources":["../../../src/scenes/selecting/connecting.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAGnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhD,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,GAAG,CAAC,UAAU,EACtB,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,gBAAgB,EAAE,CAChB,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,GAAG,CAAC,UAAU,KACnB,OAAO,gDA2Bb"}

package/dist/scenes/{connecting.js → selecting/connecting.js}

@@ -1,11 +1,11 @@
 import { html } from "lit";
-import { RETRY_SVG } from "../assets/retry.svg";
+import { RETRY_SVG } from "../../assets/retry.svg";
 export function generateConnectingScene(wallet, signer, error, onSignerSelected) {
     return [
         wallet.name,
         html `
       <img
-        class="connecting-wallet-icon mb-1"
+        class="connecting-wallet-icon mb-1 mt-1"
         src=${wallet.icon}
         alt=${wallet.name}
       />
@@ -17,13 +17,13 @@ export function generateConnectingScene(wallet, signer, error, onSignerSelected)
       <span class="text-tip text-center"
         >${error ?? "Confirm connection in the wallet"}</span
       >
-      <button
-        class="btn-secondary mt-2 mb-2"
+      <ccc-button-pill
+        class="mt-2"
         @click=${() => onSignerSelected(wallet, signer)}
       >
         <img src=${RETRY_SVG} alt="retry" />
         Try again
-      </button>
+      </ccc-button-pill>
     `,
     ];
 }

package/dist/scenes/selecting/index.d.ts

@@ -0,0 +1,19 @@
+import { LitElement } from "lit";
+import { WalletWithSigners } from "../../types";
+export declare class ConnectedEvent extends Event {
+    readonly walletName: string;
+    readonly signerName: string;
+    constructor(walletName: string, signerName: string);
+}
+export declare class SelectingScene extends LitElement {
+    wallets?: WalletWithSigners[];
+    private selectedWallet?;
+    private selectedSigner?;
+    private connectingError?;
+    render(): import("lit").TemplateResult<1>;
+    onClose(): void;
+    private signerSelectedHandler;
+    static styles: import("lit").CSSResult;
+    updated(): void;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/scenes/selecting/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/scenes/selecting/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAKhD,qBAAa,cAAe,SAAQ,KAAK;aAErB,UAAU,EAAE,MAAM;aAClB,UAAU,EAAE,MAAM;gBADlB,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,MAAM;CAIrC;AAED,qBACa,cAAe,SAAQ,UAAU;IAErC,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAGrC,OAAO,CAAC,cAAc,CAAC,CAAoB;IAE3C,OAAO,CAAC,cAAc,CAAC,CAAiB;IAExC,OAAO,CAAC,eAAe,CAAC,CAAS;IAEjC,MAAM;IA+CC,OAAO;IAMd,OAAO,CAAC,qBAAqB,CAqC3B;IAEF,MAAM,CAAC,MAAM,0BAsDX;IAEF,OAAO;CAGR"}

package/dist/scenes/selecting/index.js

@@ -0,0 +1,164 @@
+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;
+};
+import { css, html, LitElement } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { generateConnectingScene } from "./connecting";
+import { generateSignersScene } from "./signers";
+import { generateWalletsScene } from "./wallets";
+export class ConnectedEvent extends Event {
+    constructor(walletName, signerName) {
+        super("connected");
+        this.walletName = walletName;
+        this.signerName = signerName;
+    }
+}
+let SelectingScene = class SelectingScene extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.signerSelectedHandler = (wallet, signerInfo) => {
+            this.connectingError = undefined;
+            this.selectedWallet = wallet;
+            this.selectedSigner = signerInfo;
+            (async () => {
+                const { signer } = signerInfo;
+                try {
+                    await signer.connect();
+                }
+                catch (error) {
+                    if (typeof error !== "object" || error === null) {
+                        this.connectingError = JSON.stringify(error);
+                        return;
+                    }
+                    if (!("message" in error)) {
+                        this.connectingError = "Unknown error";
+                        return;
+                    }
+                    const message = error.message;
+                    if (typeof message === "string") {
+                        this.connectingError = message;
+                        return;
+                    }
+                    this.connectingError = JSON.stringify(message);
+                }
+                if (!(await signer.isConnected())) {
+                    return;
+                }
+                this.dispatchEvent(new Event("close", { bubbles: true, composed: true }));
+                this.dispatchEvent(new ConnectedEvent(wallet.name, signerInfo.name));
+            })();
+        };
+    }
+    render() {
+        const [title, body] = (() => {
+            if (!this.selectedWallet) {
+                return generateWalletsScene(this.wallets ?? [], (wallet) => {
+                    this.selectedWallet = wallet;
+                }, this.signerSelectedHandler);
+            }
+            if (!this.selectedSigner) {
+                return generateSignersScene(this.selectedWallet, this.signerSelectedHandler);
+            }
+            return generateConnectingScene(this.selectedWallet, this.selectedSigner, this.connectingError, this.signerSelectedHandler);
+        })();
+        return html `<ccc-dialog
+      header=${title}
+      ?canBack=${this.selectedSigner || this.selectedWallet}
+      @close=${() => {
+            this.onClose();
+        }}
+      @back=${() => {
+            if (!this.selectedSigner ||
+                (this.selectedWallet && this.selectedWallet.signers.length <= 1)) {
+                this.selectedWallet = undefined;
+            }
+            this.selectedSigner = undefined;
+            this.connectingError = undefined;
+        }}
+    >
+      ${body}
+    </ccc-dialog>`;
+    }
+    onClose() {
+        this.selectedWallet = undefined;
+        this.selectedSigner = undefined;
+        this.connectingError = undefined;
+    }
+    updated() {
+        this.dispatchEvent(new Event("updated", { bubbles: true, composed: true }));
+    }
+};
+SelectingScene.styles = css `
+    :host {
+      display: block;
+    }
+
+    .text-bold {
+      font-weight: bold;
+    }
+
+    .text-tip {
+      color: var(--tip-color);
+    }
+
+    .mb-1 {
+      margin-bottom: 0.7rem;
+    }
+    .mb-2 {
+      margin-bottom: 1rem;
+    }
+    .mt-1 {
+      margin-top: 0.7rem;
+    }
+    .mt-2 {
+      margin-top: 1rem;
+    }
+    .ml-1 {
+      margin-left: 0.7rem;
+    }
+    .ml-2 {
+      margin-left: 1em;
+    }
+    .mr-1 {
+      margin-right: 0.7rem;
+    }
+    .mr-2 {
+      margin-right: 1rem;
+    }
+
+    .wallet-icon {
+      width: 4rem;
+      height: 4rem;
+      margin-bottom: 0.5rem;
+      border-radius: 0.8rem;
+    }
+
+    .connecting-wallet-icon {
+      width: 5rem;
+      height: 5rem;
+      border-radius: 1rem;
+    }
+
+    .text-center {
+      text-align: center;
+    }
+  `;
+__decorate([
+    property()
+], SelectingScene.prototype, "wallets", void 0);
+__decorate([
+    state()
+], SelectingScene.prototype, "selectedWallet", void 0);
+__decorate([
+    state()
+], SelectingScene.prototype, "selectedSigner", void 0);
+__decorate([
+    state()
+], SelectingScene.prototype, "connectingError", void 0);
+SelectingScene = __decorate([
+    customElement("ccc-selecting-scene")
+], SelectingScene);
+export { SelectingScene };

package/dist/scenes/{signers.d.ts → selecting/signers.d.ts}

@@ -1,5 +1,5 @@
 import { ccc } from "@ckb-ccc/ccc";
-import { WalletWithSigners } from "../types";
+import { WalletWithSigners } from "../../types";
 export declare function signerTypeToIcon(type: ccc.SignerType): string;
 export declare function generateSignersScene(wallet: WalletWithSigners, onSignerSelected: (wallet: WalletWithSigners, signer: ccc.SignerInfo) => unknown): (string | import("lit").TemplateResult<1>)[];
 //# sourceMappingURL=signers.d.ts.map

package/dist/scenes/selecting/signers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"signers.d.ts","sourceRoot":"","sources":["../../../src/scenes/selecting/signers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAInC,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,GAAG,CAAC,UAAU,GAAG,MAAM,CAO7D;AAED,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,iBAAiB,EACzB,gBAAgB,EAAE,CAChB,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,GAAG,CAAC,UAAU,KACnB,OAAO,gDA4Bb"}

package/dist/scenes/{signers.js → selecting/signers.js}

@@ -1,8 +1,7 @@
 import { ccc } from "@ckb-ccc/ccc";
 import { html } from "lit";
 import { repeat } from "lit/directives/repeat.js";
-import { BTC_SVG, CKB_SVG, ETH_SVG } from "../assets/chains";
-import { NOSTR_SVG } from "../assets/chains/nostr.svg";
+import { BTC_SVG, CKB_SVG, ETH_SVG, NOSTR_SVG } from "../../assets/chains";
 export function signerTypeToIcon(type) {
     return {
         [ccc.SignerType.BTC]: BTC_SVG,
@@ -15,11 +14,11 @@ export function generateSignersScene(wallet, onSignerSelected) {
     return [
         "Select a Chain",
         html `
-      <img class="wallet-icon" src=${wallet.icon} alt=${wallet.name} />
-      <span class="mb-2">${wallet.name}</span>
+      <img class="wallet-icon mt-1" src=${wallet.icon} alt=${wallet.name} />
+      <span class="mb-1">${wallet.name}</span>
       ${repeat(wallet.signers, (signer) => signer.name, (signer) => html `
-          <button
-            class="btn-primary mb-1"
+          <ccc-button
+            class="mt-1"
             @click=${async () => {
             onSignerSelected(wallet, signer);
         }}
@@ -29,7 +28,7 @@ export function generateSignersScene(wallet, onSignerSelected) {
               alt=${signer.signer.type}
             />
             ${signer.name}
-          </button>
+          </ccc-button>
         `)}
     `,
     ];

package/dist/scenes/{wallets.d.ts → selecting/wallets.d.ts}

@@ -1,4 +1,4 @@
 import { ccc } from "@ckb-ccc/ccc";
-import { WalletWithSigners } from "../types";
+import { WalletWithSigners } from "../../types";
 export declare function generateWalletsScene(wallets: WalletWithSigners[], onWalletSelected: (wallet: WalletWithSigners) => unknown, onSignerSelected: (wallet: WalletWithSigners, signer: ccc.SignerInfo) => unknown): unknown[];
 //# sourceMappingURL=wallets.d.ts.map

package/dist/scenes/selecting/wallets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wallets.d.ts","sourceRoot":"","sources":["../../../src/scenes/selecting/wallets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAGnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhD,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,iBAAiB,EAAE,EAC5B,gBAAgB,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,OAAO,EACxD,gBAAgB,EAAE,CAChB,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,GAAG,CAAC,UAAU,KACnB,OAAO,aAwBb"}

package/dist/scenes/{wallets.js → selecting/wallets.js}

@@ -4,8 +4,8 @@ export function generateWalletsScene(wallets, onWalletSelected, onSignerSelected
     return [
         "Connect Wallet",
         repeat(wallets, (wallet) => wallet.name, (wallet) => html `
-        <button
-          class="btn-primary mb-1"
+        <ccc-button
+          class="mt-1"
           @click=${async () => {
             if (wallet.signers.length === 1) {
                 onSignerSelected(wallet, wallet.signers[0]);
@@ -17,7 +17,7 @@ export function generateWalletsScene(wallets, onWalletSelected, onSignerSelected
         >
           <img src=${wallet.icon} alt=${wallet.name} />
           ${wallet.name}
-        </button>
+        </ccc-button>
       `),
     ];
 }

package/dist/signers/index.d.ts

@@ -0,0 +1,28 @@
+import { ccc } from "@ckb-ccc/ccc";
+import { ReactiveController, ReactiveControllerHost } from "lit";
+import { WalletWithSigners } from "../types";
+export declare class SignersController implements ReactiveController {
+    private readonly host;
+    wallets: WalletWithSigners[];
+    private resetListeners;
+    constructor(host: ReactiveControllerHost & {
+        client: ccc.Client;
+        signerFilter?: (signerInfo: ccc.SignerInfo, wallet: ccc.Wallet) => Promise<boolean>;
+        preferredNetworks?: ccc.NetworkPreference[];
+        name?: string;
+        icon?: string;
+        refreshSigner: () => void;
+    });
+    getConfig(): {
+        client: ccc.Client;
+        name: string;
+        icon: string;
+        preferredNetworks: ccc.NetworkPreference[];
+    };
+    update(): void;
+    refresh(): void;
+    private addSigner;
+    hostConnected(): void;
+    hostDisconnected(): void;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/signers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/signers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAMjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,qBAAa,iBAAkB,YAAW,kBAAkB;IAMxD,OAAO,CAAC,QAAQ,CAAC,IAAI;IALhB,OAAO,EAAE,iBAAiB,EAAE,CAAM;IAEzC,OAAO,CAAC,cAAc,CAAsB;gBAGzB,IAAI,EAAE,sBAAsB,GAAG;QAC9C,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC;QACnB,YAAY,CAAC,EAAE,CACb,UAAU,EAAE,GAAG,CAAC,UAAU,EAC1B,MAAM,EAAE,GAAG,CAAC,MAAM,KACf,OAAO,CAAC,OAAO,CAAC,CAAC;QACtB,iBAAiB,CAAC,EAAE,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,aAAa,EAAE,MAAM,IAAI,CAAC;KAC3B;IAKH,SAAS;;;;;;IA6BT,MAAM;IAKN,OAAO;YAiFO,SAAS;IAkCvB,aAAa,IAAI,IAAI;IAKrB,gBAAgB,IAAI,IAAI;CACzB"}