@reown/appkit-scaffold-ui 1.8.15-viem-upgrade.0 → 1.8.15-viem-upgrade-2.0

package/dist/esm/src/views/w3m-connect-view/index.js

@@ -0,0 +1,320 @@
+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 { LitElement, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { state } from 'lit/decorators/state.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { ConstantsUtil } from '@reown/appkit-common';
+import { ChainController, ConnectionController, ConnectorController, CoreHelperUtil, OptionsController, OptionsStateController, RouterController, WalletUtil } from '@reown/appkit-controllers';
+import { MathUtil, customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-list-button';
+import '@reown/appkit-ui/wui-separator';
+import '@reown/appkit-ui/wui-ux-by-reown';
+import { ConstantsUtil as AppKitConstantsUtil } from '@reown/appkit-utils';
+import '../../partials/w3m-email-login-widget/index.js';
+import '../../partials/w3m-legal-checkbox/index.js';
+import '../../partials/w3m-social-login-widget/index.js';
+import '../../partials/w3m-wallet-login-list/index.js';
+import { HelpersUtil } from '../../utils/HelpersUtil.js';
+import styles from './styles.js';
+const SCROLL_THRESHOLD = 470;
+let W3mConnectView = class W3mConnectView extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.connectors = ConnectorController.state.connectors;
+        this.authConnector = this.connectors.find(c => c.type === 'AUTH');
+        this.features = OptionsController.state.features;
+        this.remoteFeatures = OptionsController.state.remoteFeatures;
+        this.enableWallets = OptionsController.state.enableWallets;
+        this.noAdapters = ChainController.state.noAdapters;
+        this.walletGuide = 'get-started';
+        this.checked = OptionsStateController.state.isLegalCheckboxChecked;
+        this.isEmailEnabled = this.remoteFeatures?.email && !ChainController.state.noAdapters;
+        this.isSocialEnabled = this.remoteFeatures?.socials &&
+            this.remoteFeatures.socials.length > 0 &&
+            !ChainController.state.noAdapters;
+        this.isAuthEnabled = this.checkIfAuthEnabled(this.connectors);
+        this.unsubscribe.push(ConnectorController.subscribeKey('connectors', val => {
+            this.connectors = val;
+            this.authConnector = this.connectors.find(c => c.type === 'AUTH');
+            this.isAuthEnabled = this.checkIfAuthEnabled(this.connectors);
+        }), OptionsController.subscribeKey('features', val => {
+            this.features = val;
+        }), OptionsController.subscribeKey('remoteFeatures', val => {
+            this.remoteFeatures = val;
+            this.setEmailAndSocialEnableCheck(this.noAdapters, this.remoteFeatures);
+        }), OptionsController.subscribeKey('enableWallets', val => (this.enableWallets = val)), ChainController.subscribeKey('noAdapters', val => this.setEmailAndSocialEnableCheck(val, this.remoteFeatures)), OptionsStateController.subscribeKey('isLegalCheckboxChecked', val => (this.checked = val)));
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+        this.resizeObserver?.disconnect();
+        const connectEl = this.shadowRoot?.querySelector('.connect');
+        connectEl?.removeEventListener('scroll', this.handleConnectListScroll.bind(this));
+    }
+    firstUpdated() {
+        const connectEl = this.shadowRoot?.querySelector('.connect');
+        if (connectEl) {
+            requestAnimationFrame(this.handleConnectListScroll.bind(this));
+            connectEl?.addEventListener('scroll', this.handleConnectListScroll.bind(this));
+            this.resizeObserver = new ResizeObserver(() => {
+                this.handleConnectListScroll();
+            });
+            this.resizeObserver?.observe(connectEl);
+            this.handleConnectListScroll();
+        }
+    }
+    render() {
+        const { termsConditionsUrl, privacyPolicyUrl } = OptionsController.state;
+        const isLegalCheckbox = OptionsController.state.features?.legalCheckbox;
+        const legalUrl = termsConditionsUrl || privacyPolicyUrl;
+        const isShowLegalCheckbox = Boolean(legalUrl) && Boolean(isLegalCheckbox) && this.walletGuide === 'get-started';
+        const isDisabled = isShowLegalCheckbox && !this.checked;
+        const classes = {
+            connect: true,
+            disabled: isDisabled
+        };
+        const isEnableWalletGuide = OptionsController.state.enableWalletGuide;
+        const isEnableWallets = this.enableWallets;
+        const socialOrEmailLoginEnabled = this.isSocialEnabled || this.authConnector;
+        const tabIndex = isDisabled ? -1 : undefined;
+        return html `
+      <wui-flex flexDirection="column">
+        ${this.legalCheckboxTemplate()}
+        <wui-flex
+          data-testid="w3m-connect-scroll-view"
+          flexDirection="column"
+          .padding=${['0', '0', '4', '0']}
+          class=${classMap(classes)}
+        >
+          <wui-flex
+            class="connect-methods"
+            flexDirection="column"
+            gap="2"
+            .padding=${socialOrEmailLoginEnabled &&
+            isEnableWallets &&
+            isEnableWalletGuide &&
+            this.walletGuide === 'get-started'
+            ? ['0', '3', '0', '3']
+            : ['0', '3', '3', '3']}
+          >
+            ${this.renderConnectMethod(tabIndex)}
+          </wui-flex>
+        </wui-flex>
+        ${this.reownBrandingTemplate()}
+      </wui-flex>
+    `;
+    }
+    reownBrandingTemplate() {
+        if (HelpersUtil.hasFooter()) {
+            return null;
+        }
+        if (!this.remoteFeatures?.reownBranding) {
+            return null;
+        }
+        return html `<wui-ux-by-reown></wui-ux-by-reown>`;
+    }
+    setEmailAndSocialEnableCheck(noAdapters, remoteFeatures) {
+        this.isEmailEnabled = remoteFeatures?.email && !noAdapters;
+        this.isSocialEnabled =
+            remoteFeatures?.socials && remoteFeatures.socials.length > 0 && !noAdapters;
+        this.remoteFeatures = remoteFeatures;
+        this.noAdapters = noAdapters;
+    }
+    checkIfAuthEnabled(connectors) {
+        const namespacesWithAuthConnector = connectors
+            .filter(c => c.type === AppKitConstantsUtil.CONNECTOR_TYPE_AUTH)
+            .map(i => i.chain);
+        const authSupportedNamespaces = ConstantsUtil.AUTH_CONNECTOR_SUPPORTED_CHAINS;
+        return authSupportedNamespaces.some(ns => namespacesWithAuthConnector.includes(ns));
+    }
+    renderConnectMethod(tabIndex) {
+        const connectMethodsOrder = WalletUtil.getConnectOrderMethod(this.features, this.connectors);
+        return html `${connectMethodsOrder.map((method, index) => {
+            switch (method) {
+                case 'email':
+                    return html `${this.emailTemplate(tabIndex)} ${this.separatorTemplate(index, 'email')}`;
+                case 'social':
+                    return html `${this.socialListTemplate(tabIndex)}
+          ${this.separatorTemplate(index, 'social')}`;
+                case 'wallet':
+                    return html `${this.walletListTemplate(tabIndex)}
+          ${this.separatorTemplate(index, 'wallet')}`;
+                default:
+                    return null;
+            }
+        })}`;
+    }
+    checkMethodEnabled(name) {
+        switch (name) {
+            case 'wallet':
+                return this.enableWallets;
+            case 'social':
+                return this.isSocialEnabled && this.isAuthEnabled;
+            case 'email':
+                return this.isEmailEnabled && this.isAuthEnabled;
+            default:
+                return null;
+        }
+    }
+    checkIsThereNextMethod(currentIndex) {
+        const connectMethodsOrder = WalletUtil.getConnectOrderMethod(this.features, this.connectors);
+        const nextMethod = connectMethodsOrder[currentIndex + 1];
+        if (!nextMethod) {
+            return undefined;
+        }
+        const isNextMethodEnabled = this.checkMethodEnabled(nextMethod);
+        if (isNextMethodEnabled) {
+            return nextMethod;
+        }
+        return this.checkIsThereNextMethod(currentIndex + 1);
+    }
+    separatorTemplate(index, type) {
+        const nextEnabledMethod = this.checkIsThereNextMethod(index);
+        const isExplore = this.walletGuide === 'explore';
+        switch (type) {
+            case 'wallet': {
+                const isWalletEnable = this.enableWallets;
+                return isWalletEnable && nextEnabledMethod && !isExplore
+                    ? html `<wui-separator data-testid="wui-separator" text="or"></wui-separator>`
+                    : null;
+            }
+            case 'email': {
+                const isNextMethodSocial = nextEnabledMethod === 'social';
+                return this.isAuthEnabled && this.isEmailEnabled && !isNextMethodSocial && nextEnabledMethod
+                    ? html `<wui-separator
+              data-testid="w3m-email-login-or-separator"
+              text="or"
+            ></wui-separator>`
+                    : null;
+            }
+            case 'social': {
+                const isNextMethodEmail = nextEnabledMethod === 'email';
+                return this.isAuthEnabled && this.isSocialEnabled && !isNextMethodEmail && nextEnabledMethod
+                    ? html `<wui-separator data-testid="wui-separator" text="or"></wui-separator>`
+                    : null;
+            }
+            default:
+                return null;
+        }
+    }
+    emailTemplate(tabIndex) {
+        if (!this.isEmailEnabled || !this.isAuthEnabled) {
+            return null;
+        }
+        return html `<w3m-email-login-widget tabIdx=${ifDefined(tabIndex)}></w3m-email-login-widget>`;
+    }
+    socialListTemplate(tabIndex) {
+        if (!this.isSocialEnabled || !this.isAuthEnabled) {
+            return null;
+        }
+        return html `<w3m-social-login-widget
+      walletGuide=${this.walletGuide}
+      tabIdx=${ifDefined(tabIndex)}
+    ></w3m-social-login-widget>`;
+    }
+    walletListTemplate(tabIndex) {
+        const isEnableWallets = this.enableWallets;
+        const isCollapseWalletsOldProp = this.features?.emailShowWallets === false;
+        const isCollapseWallets = this.features?.collapseWallets;
+        const shouldCollapseWallets = isCollapseWalletsOldProp || isCollapseWallets;
+        if (!isEnableWallets) {
+            return null;
+        }
+        if (CoreHelperUtil.isTelegram() && (CoreHelperUtil.isSafari() || CoreHelperUtil.isIos())) {
+            ConnectionController.connectWalletConnect().catch(_e => ({}));
+        }
+        if (this.walletGuide === 'explore') {
+            return null;
+        }
+        const hasOtherMethods = this.isAuthEnabled && (this.isEmailEnabled || this.isSocialEnabled);
+        if (hasOtherMethods && shouldCollapseWallets) {
+            return html `<wui-list-button
+        data-testid="w3m-collapse-wallets-button"
+        tabIdx=${ifDefined(tabIndex)}
+        @click=${this.onContinueWalletClick.bind(this)}
+        text="Continue with a wallet"
+      ></wui-list-button>`;
+        }
+        return html `<w3m-wallet-login-list tabIdx=${ifDefined(tabIndex)}></w3m-wallet-login-list>`;
+    }
+    legalCheckboxTemplate() {
+        if (this.walletGuide === 'explore') {
+            return null;
+        }
+        return html `<w3m-legal-checkbox data-testid="w3m-legal-checkbox"></w3m-legal-checkbox>`;
+    }
+    handleConnectListScroll() {
+        const connectEl = this.shadowRoot?.querySelector('.connect');
+        if (!connectEl) {
+            return;
+        }
+        const shouldApplyMask = connectEl.scrollHeight > SCROLL_THRESHOLD;
+        if (shouldApplyMask) {
+            connectEl.style.setProperty('--connect-mask-image', `linear-gradient(
+          to bottom,
+          rgba(0, 0, 0, calc(1 - var(--connect-scroll--top-opacity))) 0px,
+          rgba(200, 200, 200, calc(1 - var(--connect-scroll--top-opacity))) 1px,
+          black 100px,
+          black calc(100% - 100px),
+          rgba(155, 155, 155, calc(1 - var(--connect-scroll--bottom-opacity))) calc(100% - 1px),
+          rgba(0, 0, 0, calc(1 - var(--connect-scroll--bottom-opacity))) 100%
+        )`);
+            connectEl.style.setProperty('--connect-scroll--top-opacity', MathUtil.interpolate([0, 50], [0, 1], connectEl.scrollTop).toString());
+            connectEl.style.setProperty('--connect-scroll--bottom-opacity', MathUtil.interpolate([0, 50], [0, 1], connectEl.scrollHeight - connectEl.scrollTop - connectEl.offsetHeight).toString());
+        }
+        else {
+            connectEl.style.setProperty('--connect-mask-image', 'none');
+            connectEl.style.setProperty('--connect-scroll--top-opacity', '0');
+            connectEl.style.setProperty('--connect-scroll--bottom-opacity', '0');
+        }
+    }
+    onContinueWalletClick() {
+        RouterController.push('ConnectWallets');
+    }
+};
+W3mConnectView.styles = styles;
+__decorate([
+    state()
+], W3mConnectView.prototype, "connectors", void 0);
+__decorate([
+    state()
+], W3mConnectView.prototype, "authConnector", void 0);
+__decorate([
+    state()
+], W3mConnectView.prototype, "features", void 0);
+__decorate([
+    state()
+], W3mConnectView.prototype, "remoteFeatures", void 0);
+__decorate([
+    state()
+], W3mConnectView.prototype, "enableWallets", void 0);
+__decorate([
+    state()
+], W3mConnectView.prototype, "noAdapters", void 0);
+__decorate([
+    property()
+], W3mConnectView.prototype, "walletGuide", void 0);
+__decorate([
+    state()
+], W3mConnectView.prototype, "checked", void 0);
+__decorate([
+    state()
+], W3mConnectView.prototype, "isEmailEnabled", void 0);
+__decorate([
+    state()
+], W3mConnectView.prototype, "isSocialEnabled", void 0);
+__decorate([
+    state()
+], W3mConnectView.prototype, "isAuthEnabled", void 0);
+W3mConnectView = __decorate([
+    customElement('w3m-connect-view')
+], W3mConnectView);
+export { W3mConnectView };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/views/w3m-connect-view/index.js.map

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

package/dist/esm/src/views/w3m-connect-view/styles.js

@@ -0,0 +1,46 @@
+import { css } from '@reown/appkit-ui';
+export default css `
+  :host {
+    --connect-scroll--top-opacity: 0;
+    --connect-scroll--bottom-opacity: 0;
+    --connect-mask-image: none;
+  }
+
+  .connect {
+    max-height: clamp(360px, 470px, 80vh);
+    scrollbar-width: none;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    transition: opacity ${({ durations }) => durations['lg']}
+      ${({ easings }) => easings['ease-out-power-2']};
+    will-change: opacity;
+    mask-image: var(--connect-mask-image);
+  }
+
+  .guide {
+    transition: opacity ${({ durations }) => durations['lg']}
+      ${({ easings }) => easings['ease-out-power-2']};
+    will-change: opacity;
+  }
+
+  .connect::-webkit-scrollbar {
+    display: none;
+  }
+
+  .all-wallets {
+    flex-flow: column;
+  }
+
+  .connect.disabled,
+  .guide.disabled {
+    opacity: 0.3;
+    pointer-events: none;
+    user-select: none;
+  }
+
+  wui-separator {
+    margin: ${({ spacing }) => spacing['3']} calc(${({ spacing }) => spacing['3']} * -1);
+    width: calc(100% + ${({ spacing }) => spacing['3']} * 2);
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/views/w3m-connect-view/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/views/w3m-connect-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAEtC,eAAe,GAAG,CAAA;;;;;;;;;;;;0BAYQ,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;QACpD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;;;;;;0BAM1B,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;QACpD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;cAoBtC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;yBACxD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;CAErD,CAAA"}

package/dist/esm/src/views/w3m-connect-wallets-view/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 { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { OptionsController, OptionsStateController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-flex';
+import '../../partials/w3m-legal-checkbox/index.js';
+import '../../partials/w3m-wallet-login-list/index.js';
+import styles from './styles.js';
+let W3mConnectWalletsView = class W3mConnectWalletsView extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.checked = OptionsStateController.state.isLegalCheckboxChecked;
+        this.unsubscribe.push(OptionsStateController.subscribeKey('isLegalCheckboxChecked', val => {
+            this.checked = val;
+        }));
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        const { termsConditionsUrl, privacyPolicyUrl } = OptionsController.state;
+        const legalCheckbox = OptionsController.state.features?.legalCheckbox;
+        const legalUrl = termsConditionsUrl || privacyPolicyUrl;
+        const showLegalCheckbox = Boolean(legalUrl) && Boolean(legalCheckbox);
+        const disabled = showLegalCheckbox && !this.checked;
+        const tabIndex = disabled ? -1 : undefined;
+        return html `
+      <w3m-legal-checkbox></w3m-legal-checkbox>
+      <wui-flex
+        flexDirection="column"
+        .padding=${showLegalCheckbox ? ['0', '3', '3', '3'] : '3'}
+        gap="2"
+        class=${ifDefined(disabled ? 'disabled' : undefined)}
+      >
+        <w3m-wallet-login-list tabIdx=${ifDefined(tabIndex)}></w3m-wallet-login-list>
+      </wui-flex>
+    `;
+    }
+};
+W3mConnectWalletsView.styles = styles;
+__decorate([
+    state()
+], W3mConnectWalletsView.prototype, "checked", void 0);
+W3mConnectWalletsView = __decorate([
+    customElement('w3m-connect-wallets-view')
+], W3mConnectWalletsView);
+export { W3mConnectWalletsView };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/views/w3m-connect-wallets-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-connect-wallets-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,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;AAExD,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,2BAA2B,CAAA;AAElC,OAAO,4CAA4C,CAAA;AACnD,OAAO,+CAA+C,CAAA;AACtD,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IASnD;QACE,KAAK,EAAE,CAAA;QAND,gBAAW,GAAmB,EAAE,CAAA;QAGvB,YAAO,GAAG,sBAAsB,CAAC,KAAK,CAAC,sBAAsB,CAAA;QAI5E,IAAI,CAAC,WAAW,CAAC,IAAI,CACnB,sBAAsB,CAAC,YAAY,CAAC,wBAAwB,EAAE,GAAG,CAAC,EAAE;YAClE,IAAI,CAAC,OAAO,GAAG,GAAG,CAAA;QACpB,CAAC,CAAC,CACH,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,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,GAAG,iBAAiB,CAAC,KAAK,CAAA;QAExE,MAAM,aAAa,GAAG,iBAAiB,CAAC,KAAK,CAAC,QAAQ,EAAE,aAAa,CAAA;QAErE,MAAM,QAAQ,GAAG,kBAAkB,IAAI,gBAAgB,CAAA;QACvD,MAAM,iBAAiB,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,OAAO,CAAC,aAAa,CAAC,CAAA;QAErE,MAAM,QAAQ,GAAG,iBAAiB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAA;QAEnD,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QAE1C,OAAO,IAAI,CAAA;;;;mBAII,iBAAiB,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG;;gBAEjD,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;;wCAEpB,SAAS,CAAC,QAAQ,CAAC;;KAEtD,CAAA;IACH,CAAC;;AA7CsB,4BAAM,GAAG,MAAM,AAAT,CAAS;AAMrB;IAAhB,KAAK,EAAE;sDAAsE;AAPnE,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CA+CjC"}

package/dist/esm/src/views/w3m-connect-wallets-view/styles.js

@@ -0,0 +1,20 @@
+import { css } from '@reown/appkit-ui';
+export default css `
+  wui-flex {
+    max-height: clamp(360px, 540px, 80vh);
+    overflow: scroll;
+    scrollbar-width: none;
+    transition: opacity ${({ durations }) => durations['lg']}
+      ${({ easings }) => easings['ease-out-power-2']};
+    will-change: opacity;
+  }
+  wui-flex::-webkit-scrollbar {
+    display: none;
+  }
+  wui-flex.disabled {
+    opacity: 0.3;
+    pointer-events: none;
+    user-select: none;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/views/w3m-connect-wallets-view/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/views/w3m-connect-wallets-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAEtC,eAAe,GAAG,CAAA;;;;;0BAKQ,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;QACpD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;;;;;;;;;;;CAWnD,CAAA"}

package/dist/esm/src/views/w3m-connecting-external-view/index.js

@@ -0,0 +1,135 @@
+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 { ConstantsUtil as CommonConstantsUtil, ErrorUtil } from '@reown/appkit-common';
+import { AppKitError, ConnectionController, ConnectionControllerUtil, ConnectorController, EventsController, ModalController, OptionsController, RouterController, SnackController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import { HelpersUtil } from '@reown/appkit-utils';
+import { W3mConnectingWidget } from '../../utils/w3m-connecting-widget/index.js';
+let W3mConnectingExternalView = class W3mConnectingExternalView extends W3mConnectingWidget {
+    constructor() {
+        super();
+        this.externalViewUnsubscribe = [];
+        this.connectionsByNamespace = ConnectionController.getConnections(this.connector?.chain);
+        this.hasMultipleConnections = this.connectionsByNamespace.length > 0;
+        this.remoteFeatures = OptionsController.state.remoteFeatures;
+        this.currentActiveConnectorId = ConnectorController.state.activeConnectorIds[this.connector?.chain];
+        if (!this.connector) {
+            throw new Error('w3m-connecting-view: No connector provided');
+        }
+        const namespace = this.connector?.chain;
+        if (this.isAlreadyConnected(this.connector)) {
+            this.secondaryBtnLabel = undefined;
+            this.label = `This account is already linked, change your account in ${this.connector.name}`;
+            this.secondaryLabel = `To link a new account, open ${this.connector.name} and switch to the account you want to link`;
+        }
+        EventsController.sendEvent({
+            type: 'track',
+            event: 'SELECT_WALLET',
+            properties: {
+                name: this.connector.name ?? 'Unknown',
+                platform: 'browser',
+                displayIndex: this.wallet?.display_index,
+                walletRank: this.wallet?.order,
+                view: RouterController.state.view
+            }
+        });
+        this.onConnect = this.onConnectProxy.bind(this);
+        this.onAutoConnect = this.onConnectProxy.bind(this);
+        this.isWalletConnect = false;
+        this.externalViewUnsubscribe.push(ConnectorController.subscribeKey('activeConnectorIds', val => {
+            const newActiveConnectorId = val[namespace];
+            const isMultiWalletEnabled = this.remoteFeatures?.multiWallet;
+            const { redirectView } = RouterController.state.data ?? {};
+            if (newActiveConnectorId !== this.currentActiveConnectorId) {
+                if (this.hasMultipleConnections && isMultiWalletEnabled) {
+                    RouterController.replace('ProfileWallets');
+                    SnackController.showSuccess('New Wallet Added');
+                }
+                else if (redirectView) {
+                    RouterController.replace(redirectView);
+                }
+                else {
+                    ModalController.close();
+                }
+            }
+        }), ConnectionController.subscribeKey('connections', this.onConnectionsChange.bind(this)));
+    }
+    disconnectedCallback() {
+        this.externalViewUnsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    async onConnectProxy() {
+        try {
+            this.error = false;
+            if (this.connector) {
+                if (this.isAlreadyConnected(this.connector)) {
+                    return;
+                }
+                if (this.connector.id !== CommonConstantsUtil.CONNECTOR_ID.COINBASE_SDK || !this.error) {
+                    await ConnectionController.connectExternal(this.connector, this.connector.chain);
+                }
+            }
+        }
+        catch (error) {
+            const isUserRejectedRequestError = error instanceof AppKitError &&
+                error.originalName === ErrorUtil.PROVIDER_RPC_ERROR_NAME.USER_REJECTED_REQUEST;
+            if (isUserRejectedRequestError) {
+                EventsController.sendEvent({
+                    type: 'track',
+                    event: 'USER_REJECTED',
+                    properties: { message: error.message }
+                });
+            }
+            else {
+                EventsController.sendEvent({
+                    type: 'track',
+                    event: 'CONNECT_ERROR',
+                    properties: { message: error?.message ?? 'Unknown' }
+                });
+            }
+            this.error = true;
+        }
+    }
+    onConnectionsChange(connections) {
+        if (this.connector?.chain &&
+            connections.get(this.connector.chain) &&
+            this.isAlreadyConnected(this.connector)) {
+            const newConnections = connections.get(this.connector.chain) ?? [];
+            const isMultiWalletEnabled = this.remoteFeatures?.multiWallet;
+            if (newConnections.length === 0) {
+                RouterController.replace('Connect');
+            }
+            else {
+                const accounts = ConnectionControllerUtil.getConnectionsByConnectorId(this.connectionsByNamespace, this.connector.id).flatMap(c => c.accounts);
+                const newAccounts = ConnectionControllerUtil.getConnectionsByConnectorId(newConnections, this.connector.id).flatMap(c => c.accounts);
+                if (newAccounts.length === 0) {
+                    if (this.hasMultipleConnections && isMultiWalletEnabled) {
+                        RouterController.replace('ProfileWallets');
+                        SnackController.showSuccess('Wallet deleted');
+                    }
+                    else {
+                        ModalController.close();
+                    }
+                }
+                else {
+                    const isAllAccountsSame = accounts.every(a => newAccounts.some(b => HelpersUtil.isLowerCaseMatch(a.address, b.address)));
+                    if (!isAllAccountsSame && isMultiWalletEnabled) {
+                        RouterController.replace('ProfileWallets');
+                    }
+                }
+            }
+        }
+    }
+    isAlreadyConnected(connector) {
+        return (Boolean(connector) &&
+            this.connectionsByNamespace.some(c => HelpersUtil.isLowerCaseMatch(c.connectorId, connector.id)));
+    }
+};
+W3mConnectingExternalView = __decorate([
+    customElement('w3m-connecting-external-view')
+], W3mConnectingExternalView);
+export { W3mConnectingExternalView };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/views/w3m-connecting-external-view/index.js.map

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