@reown/appkit-scaffold-ui 0.0.3

package/dist/esm/src/partials/w3m-connect-custom-widget/index.js

@@ -0,0 +1,66 @@
+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 { AssetUtil, ConnectorController, CoreHelperUtil, OptionsController, RouterController, StorageUtil } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+let W3mConnectCustomWidget = class W3mConnectCustomWidget extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.connectors = ConnectorController.state.connectors;
+        this.unsubscribe.push(ConnectorController.subscribeKey('connectors', val => (this.connectors = val)));
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        const { customWallets } = OptionsController.state;
+        if (!customWallets?.length) {
+            this.style.cssText = `display: none`;
+            return null;
+        }
+        const wallets = this.filterOutDuplicateWallets(customWallets);
+        return html `<wui-flex flexDirection="column" gap="xs">
+      ${wallets.map(wallet => html `
+          <wui-list-wallet
+            imageSrc=${ifDefined(AssetUtil.getWalletImage(wallet))}
+            name=${wallet.name ?? 'Unknown'}
+            @click=${() => this.onConnectWallet(wallet)}
+            data-testid=${`wallet-selector-${wallet.id}`}
+          >
+          </wui-list-wallet>
+        `)}
+    </wui-flex>`;
+    }
+    filterOutDuplicateWallets(wallets) {
+        const recent = StorageUtil.getRecentWallets();
+        const connectorRDNSs = this.connectors
+            .map(connector => connector.info?.rdns)
+            .filter(Boolean);
+        const recentRDNSs = recent.map(wallet => wallet.rdns).filter(Boolean);
+        const allRDNSs = connectorRDNSs.concat(recentRDNSs);
+        if (allRDNSs.includes('io.metamask.mobile') && CoreHelperUtil.isMobile()) {
+            const index = allRDNSs.indexOf('io.metamask.mobile');
+            allRDNSs[index] = 'io.metamask';
+        }
+        const filtered = wallets.filter(wallet => !allRDNSs.includes(String(wallet?.rdns)));
+        return filtered;
+    }
+    onConnectWallet(wallet) {
+        RouterController.push('ConnectingWalletConnect', { wallet });
+    }
+};
+__decorate([
+    state()
+], W3mConnectCustomWidget.prototype, "connectors", void 0);
+W3mConnectCustomWidget = __decorate([
+    customElement('w3m-connect-custom-widget')
+], W3mConnectCustomWidget);
+export { W3mConnectCustomWidget };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/partials/w3m-connect-custom-widget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-connect-custom-widget/index.ts"],"names":[],"mappings":"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"}

package/dist/esm/src/partials/w3m-connect-external-widget/index.js

@@ -0,0 +1,55 @@
+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 { AssetUtil, ConnectorController, RouterController } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+let W3mConnectExternalWidget = class W3mConnectExternalWidget extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.connectors = ConnectorController.state.connectors;
+        this.unsubscribe.push(ConnectorController.subscribeKey('connectors', val => (this.connectors = val)));
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        const externalConnectors = this.connectors.filter(connector => connector.type === 'EXTERNAL');
+        const filteredOutCoinbaseConnectors = externalConnectors.filter(connector => connector.id !== 'coinbaseWalletSDK');
+        if (!filteredOutCoinbaseConnectors?.length) {
+            this.style.cssText = `display: none`;
+            return null;
+        }
+        return html `
+      <wui-flex flexDirection="column" gap="xs">
+        ${filteredOutCoinbaseConnectors.map(connector => html `
+            <wui-list-wallet
+              imageSrc=${ifDefined(AssetUtil.getConnectorImage(connector))}
+              .installed=${true}
+              name=${connector.name ?? 'Unknown'}
+              data-testid=${`wallet-selector-external-${connector.id}`}
+              @click=${() => this.onConnector(connector)}
+            >
+            </wui-list-wallet>
+          `)}
+      </wui-flex>
+    `;
+    }
+    onConnector(connector) {
+        RouterController.push('ConnectingExternal', { connector });
+    }
+};
+__decorate([
+    state()
+], W3mConnectExternalWidget.prototype, "connectors", void 0);
+W3mConnectExternalWidget = __decorate([
+    customElement('w3m-connect-external-widget')
+], W3mConnectExternalWidget);
+export { W3mConnectExternalWidget };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/partials/w3m-connect-external-widget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-connect-external-widget/index.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAGjD,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,UAAU;IAOtD;QACE,KAAK,EAAE,CAAA;QAND,gBAAW,GAAmB,EAAE,CAAA;QAGvB,eAAU,GAAG,mBAAmB,CAAC,KAAK,CAAC,UAAU,CAAA;QAIhE,IAAI,CAAC,WAAW,CAAC,IAAI,CACnB,mBAAmB,CAAC,YAAY,CAAC,YAAY,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC,CAAC,CAC/E,CAAA;IACH,CAAC;IAEe,oBAAoB;QAClC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;IACxD,CAAC;IAGe,MAAM;QACpB,MAAM,kBAAkB,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,KAAK,UAAU,CAAC,CAAA;QAC7F,MAAM,6BAA6B,GAAG,kBAAkB,CAAC,MAAM,CAC7D,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,KAAK,mBAAmB,CAClD,CAAA;QAED,IAAI,CAAC,6BAA6B,EAAE,MAAM,EAAE,CAAC;YAC3C,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,eAAe,CAAA;YAEpC,OAAO,IAAI,CAAA;QACb,CAAC;QAED,OAAO,IAAI,CAAA;;UAEL,6BAA6B,CAAC,GAAG,CACjC,SAAS,CAAC,EAAE,CAAC,IAAI,CAAA;;yBAEF,SAAS,CAAC,SAAS,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;2BAC/C,IAAI;qBACV,SAAS,CAAC,IAAI,IAAI,SAAS;4BACpB,4BAA4B,SAAS,CAAC,EAAE,EAAE;uBAC/C,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC;;;WAG7C,CACF;;KAEJ,CAAA;IACH,CAAC;IAGO,WAAW,CAAC,SAAoB;QACtC,gBAAgB,CAAC,IAAI,CAAC,oBAAoB,EAAE,EAAE,SAAS,EAAE,CAAC,CAAA;IAC5D,CAAC;CACF,CAAA;AAhDkB;IAAhB,KAAK,EAAE;4DAA0D;AALvD,wBAAwB;IADpC,aAAa,CAAC,6BAA6B,CAAC;GAChC,wBAAwB,CAqDpC"}

package/dist/esm/src/partials/w3m-connect-featured-widget/index.js

@@ -0,0 +1,54 @@
+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 { ApiController, AssetUtil, ConnectorController, RouterController } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { WalletUtil } from '../../utils/WalletUtil.js';
+let W3mConnectFeaturedWidget = class W3mConnectFeaturedWidget extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.unsubscribe = [];
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        const { featured } = ApiController.state;
+        if (!featured.length) {
+            this.style.cssText = `display: none`;
+            return null;
+        }
+        const wallets = WalletUtil.filterOutDuplicateWallets(featured);
+        return html `
+      <wui-flex flexDirection="column" gap="xs">
+        ${wallets.map(wallet => html `
+            <wui-list-wallet
+              imageSrc=${ifDefined(AssetUtil.getWalletImage(wallet))}
+              name=${wallet.name ?? 'Unknown'}
+              @click=${() => this.onConnectWallet(wallet)}
+            >
+            </wui-list-wallet>
+          `)}
+      </wui-flex>
+    `;
+    }
+    onConnectWallet(wallet) {
+        const connector = ConnectorController.getConnector(wallet.id, wallet.rdns);
+        if (connector) {
+            RouterController.push('ConnectingExternal', { connector });
+        }
+        else {
+            RouterController.push('ConnectingWalletConnect', { wallet });
+        }
+    }
+};
+W3mConnectFeaturedWidget = __decorate([
+    customElement('w3m-connect-featured-widget')
+], W3mConnectFeaturedWidget);
+export { W3mConnectFeaturedWidget };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/partials/w3m-connect-featured-widget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-connect-featured-widget/index.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACpG,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAG/C,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,UAAU;IAAjD;;QAEG,gBAAW,GAAmB,EAAE,CAAA;IA0C1C,CAAC;IAxCiB,oBAAoB;QAClC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;IACxD,CAAC;IAGe,MAAM;QACpB,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,CAAC,KAAK,CAAA;QACxC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YACrB,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,eAAe,CAAA;YAEpC,OAAO,IAAI,CAAA;QACb,CAAC;QAED,MAAM,OAAO,GAAG,UAAU,CAAC,yBAAyB,CAAC,QAAQ,CAAC,CAAA;QAE9D,OAAO,IAAI,CAAA;;UAEL,OAAO,CAAC,GAAG,CACX,MAAM,CAAC,EAAE,CAAC,IAAI,CAAA;;yBAEC,SAAS,CAAC,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;qBAC/C,MAAM,CAAC,IAAI,IAAI,SAAS;uBACtB,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC;;;WAG9C,CACF;;KAEJ,CAAA;IACH,CAAC;IAGO,eAAe,CAAC,MAAgB;QACtC,MAAM,SAAS,GAAG,mBAAmB,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,IAAI,CAAC,CAAA;QAC1E,IAAI,SAAS,EAAE,CAAC;YACd,gBAAgB,CAAC,IAAI,CAAC,oBAAoB,EAAE,EAAE,SAAS,EAAE,CAAC,CAAA;QAC5D,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,IAAI,CAAC,yBAAyB,EAAE,EAAE,MAAM,EAAE,CAAC,CAAA;QAC9D,CAAC;IACH,CAAC;CACF,CAAA;AA5CY,wBAAwB;IADpC,aAAa,CAAC,6BAA6B,CAAC;GAChC,wBAAwB,CA4CpC"}

package/dist/esm/src/partials/w3m-connect-injected-widget/index.js

@@ -0,0 +1,74 @@
+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 { ApiController, AssetUtil, ChainController, ConnectionController, ConnectorController, CoreHelperUtil, RouterController } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+let W3mConnectInjectedWidget = class W3mConnectInjectedWidget extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.connectors = ConnectorController.state.connectors;
+        this.unsubscribe.push(ConnectorController.subscribeKey('connectors', val => (this.connectors = val)));
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        const injectedConnectors = this.connectors.filter(connector => connector.type === 'INJECTED');
+        if (!injectedConnectors?.length ||
+            (injectedConnectors.length === 1 &&
+                injectedConnectors[0]?.name === 'Browser Wallet' &&
+                !CoreHelperUtil.isMobile())) {
+            this.style.cssText = `display: none`;
+            return null;
+        }
+        return html `
+      <wui-flex flexDirection="column" gap="xs">
+        ${injectedConnectors.map(connector => {
+            if (!CoreHelperUtil.isMobile() && connector.name === 'Browser Wallet') {
+                return null;
+            }
+            if (!ConnectionController.checkInstalled(undefined, connector.chain)) {
+                this.style.cssText = `display: none`;
+                return null;
+            }
+            if (connector.info?.rdns && ApiController.state.excludedRDNS) {
+                if (ApiController.state.excludedRDNS.includes(connector?.info?.rdns)) {
+                    return null;
+                }
+            }
+            return html `
+            <wui-list-wallet
+              imageSrc=${ifDefined(AssetUtil.getConnectorImage(connector))}
+              .installed=${true}
+              name=${connector.name ?? 'Unknown'}
+              tagVariant="success"
+              tagLabel="installed"
+              data-testid=${`wallet-selector-${connector.id}`}
+              @click=${() => this.onConnector(connector)}
+            >
+            </wui-list-wallet>
+          `;
+        })}
+      </wui-flex>
+    `;
+    }
+    onConnector(connector) {
+        ChainController.setActiveConnector(connector);
+        RouterController.push('ConnectingExternal', { connector });
+    }
+};
+__decorate([
+    state()
+], W3mConnectInjectedWidget.prototype, "connectors", void 0);
+W3mConnectInjectedWidget = __decorate([
+    customElement('w3m-connect-injected-widget')
+], W3mConnectInjectedWidget);
+export { W3mConnectInjectedWidget };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/partials/w3m-connect-injected-widget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-connect-injected-widget/index.ts"],"names":[],"mappings":"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"}

package/dist/esm/src/partials/w3m-connect-multi-chain-widget/index.js

@@ -0,0 +1,57 @@
+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 { AssetUtil, ChainController, ConnectorController, RouterController } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+let W3mConnectMultiChainWidget = class W3mConnectMultiChainWidget extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.connectors = ConnectorController.state.connectors;
+        this.unsubscribe.push(ConnectorController.subscribeKey('connectors', val => (this.connectors = val)));
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        const multiChainConnectors = this.connectors.filter(connector => connector.type === 'MULTI_CHAIN' && connector.name !== 'WalletConnect');
+        if (!multiChainConnectors?.length) {
+            this.style.cssText = `display: none`;
+            return null;
+        }
+        return html `
+      <wui-flex flexDirection="column" gap="xs">
+        ${multiChainConnectors.map(connector => html `
+            <wui-list-wallet
+              imageSrc=${ifDefined(AssetUtil.getConnectorImage(connector))}
+              .installed=${true}
+              name=${connector.name ?? 'Unknown'}
+              tagVariant="shade"
+              tagLabel="multichain"
+              data-testid=${`wallet-selector-${connector.id}`}
+              @click=${() => this.onConnector(connector)}
+            >
+            </wui-list-wallet>
+          `)}
+      </wui-flex>
+    `;
+    }
+    onConnector(connector) {
+        ChainController.setActiveConnector(connector);
+        RouterController.push('ConnectingMultiChain');
+    }
+};
+__decorate([
+    state()
+], W3mConnectMultiChainWidget.prototype, "connectors", void 0);
+W3mConnectMultiChainWidget = __decorate([
+    customElement('w3m-connect-multi-chain-widget')
+], W3mConnectMultiChainWidget);
+export { W3mConnectMultiChainWidget };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/partials/w3m-connect-multi-chain-widget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-connect-multi-chain-widget/index.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EACL,SAAS,EACT,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EACjB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAGjD,IAAM,0BAA0B,GAAhC,MAAM,0BAA2B,SAAQ,UAAU;IAOxD;QACE,KAAK,EAAE,CAAA;QAND,gBAAW,GAAmB,EAAE,CAAA;QAGvB,eAAU,GAAG,mBAAmB,CAAC,KAAK,CAAC,UAAU,CAAA;QAIhE,IAAI,CAAC,WAAW,CAAC,IAAI,CACnB,mBAAmB,CAAC,YAAY,CAAC,YAAY,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC,CAAC,CAC/E,CAAA;IACH,CAAC;IAEe,oBAAoB;QAClC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;IACxD,CAAC;IAGe,MAAM;QACpB,MAAM,oBAAoB,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CACjD,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,KAAK,aAAa,IAAI,SAAS,CAAC,IAAI,KAAK,eAAe,CACpF,CAAA;QAED,IAAI,CAAC,oBAAoB,EAAE,MAAM,EAAE,CAAC;YAClC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,eAAe,CAAA;YAEpC,OAAO,IAAI,CAAA;QACb,CAAC;QAED,OAAO,IAAI,CAAA;;UAEL,oBAAoB,CAAC,GAAG,CACxB,SAAS,CAAC,EAAE,CAAC,IAAI,CAAA;;yBAEF,SAAS,CAAC,SAAS,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;2BAC/C,IAAI;qBACV,SAAS,CAAC,IAAI,IAAI,SAAS;;;4BAGpB,mBAAmB,SAAS,CAAC,EAAE,EAAE;uBACtC,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC;;;WAG7C,CACF;;KAEJ,CAAA;IACH,CAAC;IAGO,WAAW,CAAC,SAAoB;QACtC,eAAe,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAA;QAC7C,gBAAgB,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAA;IAC/C,CAAC;CACF,CAAA;AAlDkB;IAAhB,KAAK,EAAE;8DAA0D;AALvD,0BAA0B;IADtC,aAAa,CAAC,gCAAgC,CAAC;GACnC,0BAA0B,CAuDtC"}

package/dist/esm/src/partials/w3m-connect-recent-widget/index.js

@@ -0,0 +1,41 @@
+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 { AssetUtil, RouterController, StorageUtil } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import { ifDefined } from 'lit/directives/if-defined.js';
+let W3mConnectRecentWidget = class W3mConnectRecentWidget extends LitElement {
+    render() {
+        const recent = StorageUtil.getRecentWallets();
+        if (!recent?.length) {
+            this.style.cssText = `display: none`;
+            return null;
+        }
+        return html `
+      <wui-flex flexDirection="column" gap="xs">
+        ${recent.map(wallet => html `
+            <wui-list-wallet
+              imageSrc=${ifDefined(AssetUtil.getWalletImage(wallet))}
+              name=${wallet.name ?? 'Unknown'}
+              @click=${() => this.onConnectWallet(wallet)}
+              tagLabel="recent"
+              tagVariant="shade"
+            >
+            </wui-list-wallet>
+          `)}
+      </wui-flex>
+    `;
+    }
+    onConnectWallet(wallet) {
+        RouterController.push('ConnectingWalletConnect', { wallet });
+    }
+};
+W3mConnectRecentWidget = __decorate([
+    customElement('w3m-connect-recent-widget')
+], W3mConnectRecentWidget);
+export { W3mConnectRecentWidget };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/partials/w3m-connect-recent-widget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-connect-recent-widget/index.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAGjD,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,UAAU;IAEpC,MAAM;QACpB,MAAM,MAAM,GAAG,WAAW,CAAC,gBAAgB,EAAE,CAAA;QAE7C,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC;YACpB,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,eAAe,CAAA;YAEpC,OAAO,IAAI,CAAA;QACb,CAAC;QAED,OAAO,IAAI,CAAA;;UAEL,MAAM,CAAC,GAAG,CACV,MAAM,CAAC,EAAE,CAAC,IAAI,CAAA;;yBAEC,SAAS,CAAC,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;qBAC/C,MAAM,CAAC,IAAI,IAAI,SAAS;uBACtB,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC;;;;;WAK9C,CACF;;KAEJ,CAAA;IACH,CAAC;IAGO,eAAe,CAAC,MAAgB;QACtC,gBAAgB,CAAC,IAAI,CAAC,yBAAyB,EAAE,EAAE,MAAM,EAAE,CAAC,CAAA;IAC9D,CAAC;CACF,CAAA;AAjCY,sBAAsB;IADlC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,sBAAsB,CAiClC"}

package/dist/esm/src/partials/w3m-connect-recommended-widget/index.js

@@ -0,0 +1,75 @@
+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 { ApiController, AssetUtil, ConnectorController, OptionsController, RouterController, StorageUtil } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { WalletUtil } from '../../utils/WalletUtil.js';
+let W3mConnectRecommendedWidget = class W3mConnectRecommendedWidget extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.connectors = ConnectorController.state.connectors;
+        this.unsubscribe.push(ConnectorController.subscribeKey('connectors', val => (this.connectors = val)));
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        const connector = this.connectors.find(c => c.type === 'WALLET_CONNECT');
+        if (!connector) {
+            return null;
+        }
+        const { recommended } = ApiController.state;
+        const { customWallets, featuredWalletIds } = OptionsController.state;
+        const { connectors } = ConnectorController.state;
+        const recent = StorageUtil.getRecentWallets();
+        const injected = connectors.filter(c => c.type === 'INJECTED' || c.type === 'ANNOUNCED' || c.type === 'MULTI_CHAIN');
+        const injectedWallets = injected.filter(i => i.name !== 'Browser Wallet');
+        if (featuredWalletIds || customWallets || !recommended.length) {
+            this.style.cssText = `display: none`;
+            return null;
+        }
+        const overrideLength = injectedWallets.length + recent.length;
+        const maxRecommended = Math.max(0, 2 - overrideLength);
+        const wallets = WalletUtil.filterOutDuplicateWallets(recommended).slice(0, maxRecommended);
+        if (!wallets.length) {
+            this.style.cssText = `display: none`;
+            return null;
+        }
+        return html `
+      <wui-flex flexDirection="column" gap="xs">
+        ${wallets.map(wallet => html `
+            <wui-list-wallet
+              imageSrc=${ifDefined(AssetUtil.getWalletImage(wallet))}
+              name=${wallet?.name ?? 'Unknown'}
+              @click=${() => this.onConnectWallet(wallet)}
+            >
+            </wui-list-wallet>
+          `)}
+      </wui-flex>
+    `;
+    }
+    onConnectWallet(wallet) {
+        const connector = ConnectorController.getConnector(wallet.id, wallet.rdns);
+        if (connector) {
+            RouterController.push('ConnectingExternal', { connector });
+        }
+        else {
+            RouterController.push('ConnectingWalletConnect', { wallet });
+        }
+    }
+};
+__decorate([
+    state()
+], W3mConnectRecommendedWidget.prototype, "connectors", void 0);
+W3mConnectRecommendedWidget = __decorate([
+    customElement('w3m-connect-recommended-widget')
+], W3mConnectRecommendedWidget);
+export { W3mConnectRecommendedWidget };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/partials/w3m-connect-recommended-widget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-connect-recommended-widget/index.ts"],"names":[],"mappings":"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"}

package/dist/esm/src/partials/w3m-connect-walletconnect-widget/index.js

@@ -0,0 +1,56 @@
+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 { AssetUtil, ChainController, ConnectorController, CoreHelperUtil, RouterController } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+let W3mConnectWalletConnectWidget = class W3mConnectWalletConnectWidget extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.connectors = ConnectorController.state.connectors;
+        this.unsubscribe.push(ConnectorController.subscribeKey('connectors', val => (this.connectors = val)));
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        if (CoreHelperUtil.isMobile()) {
+            this.style.cssText = `display: none`;
+            return null;
+        }
+        const connector = this.connectors.find(c => c.type === 'WALLET_CONNECT');
+        if (!connector) {
+            this.style.cssText = `display: none`;
+            return null;
+        }
+        return html `
+      <wui-list-wallet
+        imageSrc=${ifDefined(AssetUtil.getConnectorImage(connector))}
+        name=${connector.name ?? 'Unknown'}
+        @click=${() => this.onConnector(connector)}
+        tagLabel="qr code"
+        tagVariant="main"
+        data-testid="wallet-selector-walletconnect"
+      >
+      </wui-list-wallet>
+    `;
+    }
+    onConnector(connector) {
+        ChainController.setActiveConnector(connector);
+        RouterController.push('ConnectingWalletConnect');
+    }
+};
+__decorate([
+    state()
+], W3mConnectWalletConnectWidget.prototype, "connectors", void 0);
+W3mConnectWalletConnectWidget = __decorate([
+    customElement('w3m-connect-walletconnect-widget')
+], W3mConnectWalletConnectWidget);
+export { W3mConnectWalletConnectWidget };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/partials/w3m-connect-walletconnect-widget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-connect-walletconnect-widget/index.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EACL,SAAS,EACT,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,gBAAgB,EACjB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAGjD,IAAM,6BAA6B,GAAnC,MAAM,6BAA8B,SAAQ,UAAU;IAO3D;QACE,KAAK,EAAE,CAAA;QAND,gBAAW,GAAmB,EAAE,CAAA;QAGvB,eAAU,GAAG,mBAAmB,CAAC,KAAK,CAAC,UAAU,CAAA;QAIhE,IAAI,CAAC,WAAW,CAAC,IAAI,CACnB,mBAAmB,CAAC,YAAY,CAAC,YAAY,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC,CAAC,CAC/E,CAAA;IACH,CAAC;IAEe,oBAAoB;QAClC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;IACxD,CAAC;IAGe,MAAM;QACpB,IAAI,cAAc,CAAC,QAAQ,EAAE,EAAE,CAAC;YAC9B,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,eAAe,CAAA;YAEpC,OAAO,IAAI,CAAA;QACb,CAAC;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,gBAAgB,CAAC,CAAA;QAExE,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,eAAe,CAAA;YAEpC,OAAO,IAAI,CAAA;QACb,CAAC;QAED,OAAO,IAAI,CAAA;;mBAEI,SAAS,CAAC,SAAS,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;eACrD,SAAS,CAAC,IAAI,IAAI,SAAS;iBACzB,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC;;;;;;KAM7C,CAAA;IACH,CAAC;IAGO,WAAW,CAAC,SAAoB;QACtC,eAAe,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAA;QAC7C,gBAAgB,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAA;IAClD,CAAC;CACF,CAAA;AA/CkB;IAAhB,KAAK,EAAE;iEAA0D;AALvD,6BAA6B;IADzC,aAAa,CAAC,kCAAkC,CAAC;GACrC,6BAA6B,CAoDzC"}

package/dist/esm/src/partials/w3m-connecting-header/index.js

@@ -0,0 +1,78 @@
+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 { ConnectionController } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+let W3mConnectingHeader = class W3mConnectingHeader extends LitElement {
+    constructor() {
+        super();
+        this.platformTabs = [];
+        this.unsubscribe = [];
+        this.platforms = [];
+        this.onSelectPlatfrom = undefined;
+        this.buffering = false;
+        this.unsubscribe.push(ConnectionController.subscribeKey('buffering', val => (this.buffering = val)));
+    }
+    disconnectCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        const tabs = this.generateTabs();
+        return html `
+      <wui-flex justifyContent="center" .padding=${['0', '0', 'l', '0']}>
+        <wui-tabs
+          ?disabled=${this.buffering}
+          .tabs=${tabs}
+          .onTabChange=${this.onTabChange.bind(this)}
+        ></wui-tabs>
+      </wui-flex>
+    `;
+    }
+    generateTabs() {
+        const tabs = this.platforms.map(platform => {
+            if (platform === 'browser') {
+                return { label: 'Browser', icon: 'extension', platform: 'browser' };
+            }
+            else if (platform === 'mobile') {
+                return { label: 'Mobile', icon: 'mobile', platform: 'mobile' };
+            }
+            else if (platform === 'qrcode') {
+                return { label: 'Mobile', icon: 'mobile', platform: 'qrcode' };
+            }
+            else if (platform === 'web') {
+                return { label: 'Webapp', icon: 'browser', platform: 'web' };
+            }
+            else if (platform === 'desktop') {
+                return { label: 'Desktop', icon: 'desktop', platform: 'desktop' };
+            }
+            return { label: 'Browser', icon: 'extension', platform: 'unsupported' };
+        });
+        this.platformTabs = tabs.map(({ platform }) => platform);
+        return tabs;
+    }
+    onTabChange(index) {
+        const tab = this.platformTabs[index];
+        if (tab) {
+            this.onSelectPlatfrom?.(tab);
+        }
+    }
+};
+__decorate([
+    property({ type: Array })
+], W3mConnectingHeader.prototype, "platforms", void 0);
+__decorate([
+    property()
+], W3mConnectingHeader.prototype, "onSelectPlatfrom", void 0);
+__decorate([
+    state()
+], W3mConnectingHeader.prototype, "buffering", void 0);
+W3mConnectingHeader = __decorate([
+    customElement('w3m-connecting-header')
+], W3mConnectingHeader);
+export { W3mConnectingHeader };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/partials/w3m-connecting-header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-connecting-header/index.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAG5C,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,UAAU;IAajD;QACE,KAAK,EAAE,CAAA;QAZD,iBAAY,GAAe,EAAE,CAAA;QAE7B,gBAAW,GAAmB,EAAE,CAAA;QAGN,cAAS,GAAe,EAAE,CAAA;QAEzC,qBAAgB,GAAkC,SAAS,CAAA;QAE7D,cAAS,GAAG,KAAK,CAAA;QAIhC,IAAI,CAAC,WAAW,CAAC,IAAI,CACnB,oBAAoB,CAAC,YAAY,CAAC,WAAW,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC,CAC9E,CAAA;IACH,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;IACxD,CAAC;IAGe,MAAM;QACpB,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE,CAAA;QAEhC,OAAO,IAAI,CAAA;mDACoC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU;;sBAE1D,IAAI,CAAC,SAAS;kBAClB,IAAI;yBACG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;;;KAG/C,CAAA;IACH,CAAC;IAGO,YAAY;QAClB,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;YACzC,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;gBAC3B,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAW,CAAA;YAC9E,CAAC;iBAAM,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;gBACjC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAW,CAAA;YACzE,CAAC;iBAAM,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;gBACjC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAW,CAAA;YACzE,CAAC;iBAAM,IAAI,QAAQ,KAAK,KAAK,EAAE,CAAC;gBAC9B,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAW,CAAA;YACvE,CAAC;iBAAM,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;gBAClC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAW,CAAA;YAC5E,CAAC;YAED,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAW,CAAA;QAClF,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAA;QAExD,OAAO,IAAI,CAAA;IACb,CAAC;IAEO,WAAW,CAAC,KAAa;QAC/B,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;QACpC,IAAI,GAAG,EAAE,CAAC;YACR,IAAI,CAAC,gBAAgB,EAAE,CAAC,GAAG,CAAC,CAAA;QAC9B,CAAC;IACH,CAAC;CACF,CAAA;AA7DmC;IAAjC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;sDAAkC;AAEzC;IAAlB,QAAQ,EAAE;6DAAmE;AAE7D;IAAhB,KAAK,EAAE;sDAA0B;AAXvB,mBAAmB;IAD/B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,mBAAmB,CAoE/B"}