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

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

@@ -0,0 +1,120 @@
+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 { getW3mThemeVariables } from '@reown/appkit-common';
+import { ConnectorController, ModalController, OptionsController, ThemeController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import styles from './styles.js';
+const PAGE_HEIGHT = 600;
+const PAGE_WIDTH = 360;
+const HEADER_HEIGHT = 64;
+let W3mApproveTransactionView = class W3mApproveTransactionView extends LitElement {
+    constructor() {
+        super();
+        this.bodyObserver = undefined;
+        this.unsubscribe = [];
+        this.iframe = document.getElementById('w3m-iframe');
+        this.ready = false;
+        this.unsubscribe.push(...[
+            ModalController.subscribeKey('open', isOpen => {
+                if (!isOpen) {
+                    this.onHideIframe();
+                }
+            }),
+            ModalController.subscribeKey('shake', val => {
+                if (val) {
+                    this.iframe.style.animation = `w3m-shake 500ms var(--apkt-easings-ease-out-power-2)`;
+                }
+                else {
+                    this.iframe.style.animation = 'none';
+                }
+            })
+        ]);
+    }
+    disconnectedCallback() {
+        this.onHideIframe();
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+        this.bodyObserver?.unobserve(window.document.body);
+    }
+    async firstUpdated() {
+        await this.syncTheme();
+        this.iframe.style.display = 'block';
+        const container = this?.renderRoot?.querySelector('div');
+        this.bodyObserver = new ResizeObserver(entries => {
+            const contentBoxSize = entries?.[0]?.contentBoxSize;
+            const width = contentBoxSize?.[0]?.inlineSize;
+            this.iframe.style.height = `${PAGE_HEIGHT}px`;
+            container.style.height = `${PAGE_HEIGHT}px`;
+            if (OptionsController.state.enableEmbedded) {
+                this.updateFrameSizeForEmbeddedMode();
+            }
+            else if (width && width <= 430) {
+                this.iframe.style.width = '100%';
+                this.iframe.style.left = '0px';
+                this.iframe.style.bottom = '0px';
+                this.iframe.style.top = 'unset';
+                this.onShowIframe();
+            }
+            else {
+                this.iframe.style.width = `${PAGE_WIDTH}px`;
+                this.iframe.style.left = `calc(50% - ${PAGE_WIDTH / 2}px)`;
+                this.iframe.style.top = `calc(50% - ${PAGE_HEIGHT / 2}px + ${HEADER_HEIGHT / 2}px)`;
+                this.iframe.style.bottom = 'unset';
+                this.onShowIframe();
+            }
+        });
+        this.bodyObserver.observe(window.document.body);
+    }
+    render() {
+        return html `<div data-ready=${this.ready} id="w3m-frame-container"></div>`;
+    }
+    onShowIframe() {
+        const isMobile = window.innerWidth <= 430;
+        this.ready = true;
+        this.iframe.style.animation = isMobile
+            ? 'w3m-iframe-zoom-in-mobile 200ms var(--apkt-easings-ease-out-power-2)'
+            : 'w3m-iframe-zoom-in 200ms var(--apkt-easings-ease-out-power-2)';
+    }
+    onHideIframe() {
+        this.iframe.style.display = 'none';
+        this.iframe.style.animation = 'w3m-iframe-fade-out 200ms var(--apkt-easings-ease-out-power-2)';
+    }
+    async syncTheme() {
+        const authConnector = ConnectorController.getAuthConnector();
+        if (authConnector) {
+            const themeMode = ThemeController.getSnapshot().themeMode;
+            const themeVariables = ThemeController.getSnapshot().themeVariables;
+            await authConnector.provider.syncTheme({
+                themeVariables,
+                w3mThemeVariables: getW3mThemeVariables(themeVariables, themeMode)
+            });
+        }
+    }
+    async updateFrameSizeForEmbeddedMode() {
+        const container = this?.renderRoot?.querySelector('div');
+        await new Promise(resolve => {
+            setTimeout(resolve, 300);
+        });
+        const rect = this.getBoundingClientRect();
+        container.style.width = '100%';
+        this.iframe.style.left = `${rect.left}px`;
+        this.iframe.style.top = `${rect.top}px`;
+        this.iframe.style.width = `${rect.width}px`;
+        this.iframe.style.height = `${rect.height}px`;
+        this.onShowIframe();
+    }
+};
+W3mApproveTransactionView.styles = styles;
+__decorate([
+    state()
+], W3mApproveTransactionView.prototype, "ready", void 0);
+W3mApproveTransactionView = __decorate([
+    customElement('w3m-approve-transaction-view')
+], W3mApproveTransactionView);
+export { W3mApproveTransactionView };
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,17 @@
+import { css } from 'lit';
+export default css `
+  div {
+    width: 100%;
+  }
+
+  [data-ready='false'] {
+    transform: scale(1.05);
+  }
+
+  @media (max-width: 430px) {
+    [data-ready='false'] {
+      transform: translateY(-50px);
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/views/w3m-approve-transaction-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;CAcjB,CAAA"}

package/dist/esm/src/views/w3m-buy-in-progress-view/index.js

@@ -0,0 +1,174 @@
+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, state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { ConnectionController, CoreHelperUtil, OnRampController, RouterController, SnackController, ThemeController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-button';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-icon';
+import '@reown/appkit-ui/wui-icon-box';
+import '@reown/appkit-ui/wui-link';
+import '@reown/appkit-ui/wui-loading-thumbnail';
+import '@reown/appkit-ui/wui-text';
+import '@reown/appkit-ui/wui-visual';
+import styles from './styles.js';
+let W3mBuyInProgressView = class W3mBuyInProgressView extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.selectedOnRampProvider = OnRampController.state.selectedProvider;
+        this.uri = ConnectionController.state.wcUri;
+        this.ready = false;
+        this.showRetry = false;
+        this.buffering = false;
+        this.error = false;
+        this.isMobile = false;
+        this.onRetry = undefined;
+        this.unsubscribe.push(...[
+            OnRampController.subscribeKey('selectedProvider', val => {
+                this.selectedOnRampProvider = val;
+            })
+        ]);
+    }
+    disconnectedCallback() {
+        if (this.intervalId) {
+            clearInterval(this.intervalId);
+        }
+    }
+    render() {
+        let label = 'Continue in external window';
+        if (this.error) {
+            label = 'Buy failed';
+        }
+        else if (this.selectedOnRampProvider) {
+            label = `Buy in ${this.selectedOnRampProvider?.label}`;
+        }
+        const subLabel = this.error
+            ? 'Buy can be declined from your side or due to and error on the provider app'
+            : `We’ll notify you once your Buy is processed`;
+        return html `
+      <wui-flex
+        data-error=${ifDefined(this.error)}
+        data-retry=${this.showRetry}
+        flexDirection="column"
+        alignItems="center"
+        .padding=${['10', '5', '5', '5']}
+        gap="5"
+      >
+        <wui-flex justifyContent="center" alignItems="center">
+          <wui-visual
+            name=${ifDefined(this.selectedOnRampProvider?.name)}
+            size="lg"
+            class="provider-image"
+          >
+          </wui-visual>
+
+          ${this.error ? null : this.loaderTemplate()}
+
+          <wui-icon-box
+            color="error"
+            icon="close"
+            size="sm"
+            border
+            borderColor="wui-color-bg-125"
+          ></wui-icon-box>
+        </wui-flex>
+
+        <wui-flex
+          flexDirection="column"
+          alignItems="center"
+          gap="2"
+          .padding=${['4', '0', '0', '0']}
+        >
+          <wui-text variant="md-medium" color=${this.error ? 'error' : 'primary'}>
+            ${label}
+          </wui-text>
+          <wui-text align="center" variant="sm-medium" color="secondary">${subLabel}</wui-text>
+        </wui-flex>
+
+        ${this.error ? this.tryAgainTemplate() : null}
+      </wui-flex>
+
+      <wui-flex .padding=${['0', '5', '5', '5']} justifyContent="center">
+        <wui-link @click=${this.onCopyUri} color="secondary">
+          <wui-icon size="sm" color="default" slot="iconLeft" name="copy"></wui-icon>
+          Copy link
+        </wui-link>
+      </wui-flex>
+    `;
+    }
+    onTryAgain() {
+        if (!this.selectedOnRampProvider) {
+            return;
+        }
+        this.error = false;
+        CoreHelperUtil.openHref(this.selectedOnRampProvider.url, 'popupWindow', 'width=600,height=800,scrollbars=yes');
+    }
+    tryAgainTemplate() {
+        if (!this.selectedOnRampProvider?.url) {
+            return null;
+        }
+        return html `<wui-button size="md" variant="accent" @click=${this.onTryAgain.bind(this)}>
+      <wui-icon color="inherit" slot="iconLeft" name="refresh"></wui-icon>
+      Try again
+    </wui-button>`;
+    }
+    loaderTemplate() {
+        const borderRadiusMaster = ThemeController.state.themeVariables['--w3m-border-radius-master'];
+        const radius = borderRadiusMaster ? parseInt(borderRadiusMaster.replace('px', ''), 10) : 4;
+        return html `<wui-loading-thumbnail radius=${radius * 9}></wui-loading-thumbnail>`;
+    }
+    onCopyUri() {
+        if (!this.selectedOnRampProvider?.url) {
+            SnackController.showError('No link found');
+            RouterController.goBack();
+            return;
+        }
+        try {
+            CoreHelperUtil.copyToClopboard(this.selectedOnRampProvider.url);
+            SnackController.showSuccess('Link copied');
+        }
+        catch {
+            SnackController.showError('Failed to copy');
+        }
+    }
+};
+W3mBuyInProgressView.styles = styles;
+__decorate([
+    state()
+], W3mBuyInProgressView.prototype, "intervalId", void 0);
+__decorate([
+    state()
+], W3mBuyInProgressView.prototype, "selectedOnRampProvider", void 0);
+__decorate([
+    state()
+], W3mBuyInProgressView.prototype, "uri", void 0);
+__decorate([
+    state()
+], W3mBuyInProgressView.prototype, "ready", void 0);
+__decorate([
+    state()
+], W3mBuyInProgressView.prototype, "showRetry", void 0);
+__decorate([
+    state()
+], W3mBuyInProgressView.prototype, "buffering", void 0);
+__decorate([
+    state()
+], W3mBuyInProgressView.prototype, "error", void 0);
+__decorate([
+    property({ type: Boolean })
+], W3mBuyInProgressView.prototype, "isMobile", void 0);
+__decorate([
+    property()
+], W3mBuyInProgressView.prototype, "onRetry", void 0);
+W3mBuyInProgressView = __decorate([
+    customElement('w3m-buy-in-progress-view')
+], W3mBuyInProgressView);
+export { W3mBuyInProgressView };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/views/w3m-buy-in-progress-view/index.js.map

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

package/dist/esm/src/views/w3m-buy-in-progress-view/styles.js

@@ -0,0 +1,77 @@
+import { css } from '@reown/appkit-ui';
+export default css `
+  @keyframes shake {
+    0% {
+      transform: translateX(0);
+    }
+    25% {
+      transform: translateX(3px);
+    }
+    50% {
+      transform: translateX(-3px);
+    }
+    75% {
+      transform: translateX(3px);
+    }
+    100% {
+      transform: translateX(0);
+    }
+  }
+
+  wui-flex:first-child:not(:only-child) {
+    position: relative;
+  }
+
+  wui-loading-thumbnail {
+    position: absolute;
+  }
+
+  wui-visual {
+    border-radius: calc(
+      ${({ borderRadius }) => borderRadius['1']} * 9 - ${({ borderRadius }) => borderRadius['3']}
+    );
+    position: relative;
+    overflow: hidden;
+  }
+
+  wui-icon-box {
+    position: absolute;
+    right: calc(${({ spacing }) => spacing['1']} * -1);
+    bottom: calc(${({ spacing }) => spacing['1']} * -1);
+    opacity: 0;
+    transform: scale(0.5);
+    transition:
+      opacity ${({ durations }) => durations['lg']} ${({ easings }) => easings['ease-out-power-2']},
+      transform ${({ durations }) => durations['lg']}
+        ${({ easings }) => easings['ease-out-power-2']};
+    will-change: opacity, transform;
+  }
+
+  wui-text[align='center'] {
+    width: 100%;
+    padding: 0px ${({ spacing }) => spacing['4']};
+  }
+
+  [data-error='true'] wui-icon-box {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  [data-error='true'] > wui-flex:first-child {
+    animation: shake 250ms ${({ easings }) => easings['ease-out-power-2']} both;
+  }
+
+  [data-retry='false'] wui-link {
+    display: none;
+  }
+
+  [data-retry='true'] wui-link {
+    display: block;
+    opacity: 1;
+  }
+
+  wui-link {
+    padding: ${({ spacing }) => spacing['01']} ${({ spacing }) => spacing['2']};
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/views/w3m-buy-in-progress-view/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/views/w3m-buy-in-progress-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAEtC,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA6BV,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC;;;;;;;;kBAQ9E,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;mBAC5B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;;;gBAIhC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;kBAChF,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;UAC1C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;;;;;;mBAMnC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;;;;;;;;6BASnB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;;;;;;;;;;;;;eAa1D,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;CAE7E,CAAA"}

package/dist/esm/src/views/w3m-choose-account-name-view/index.js

@@ -0,0 +1,102 @@
+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 { NavigationUtil } from '@reown/appkit-common';
+import { ChainController, CoreHelperUtil, EventsController, RouterController, getPreferredAccountType } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-button';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-icon';
+import '@reown/appkit-ui/wui-icon-box';
+import '@reown/appkit-ui/wui-link';
+import '@reown/appkit-ui/wui-text';
+import { W3mFrameRpcConstants } from '@reown/appkit-wallet/utils';
+import styles from './styles.js';
+let W3mChooseAccountNameView = class W3mChooseAccountNameView extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.loading = false;
+    }
+    render() {
+        return html `
+      <wui-flex
+        flexDirection="column"
+        alignItems="center"
+        gap="6"
+        .padding=${['0', '0', '4', '0']}
+      >
+        ${this.onboardingTemplate()} ${this.buttonsTemplate()}
+        <wui-link
+          @click=${() => {
+            CoreHelperUtil.openHref(NavigationUtil.URLS.FAQ, '_blank');
+        }}
+        >
+          Learn more about names
+          <wui-icon color="inherit" slot="iconRight" name="externalLink"></wui-icon>
+        </wui-link>
+      </wui-flex>
+    `;
+    }
+    onboardingTemplate() {
+        return html ` <wui-flex
+      flexDirection="column"
+      gap="6"
+      alignItems="center"
+      .padding=${['0', '6', '0', '6']}
+    >
+      <wui-flex gap="3" alignItems="center" justifyContent="center">
+        <wui-icon-box icon="id" size="xl" iconSize="xxl" color="default"></wui-icon-box>
+      </wui-flex>
+      <wui-flex flexDirection="column" alignItems="center" gap="3">
+        <wui-text align="center" variant="lg-medium" color="primary">
+          Choose your account name
+        </wui-text>
+        <wui-text align="center" variant="md-regular" color="primary">
+          Finally say goodbye to 0x addresses, name your account to make it easier to exchange
+          assets
+        </wui-text>
+      </wui-flex>
+    </wui-flex>`;
+    }
+    buttonsTemplate() {
+        return html `<wui-flex
+      .padding=${['0', '8', '0', '8']}
+      gap="3"
+      class="continue-button-container"
+    >
+      <wui-button
+        fullWidth
+        .loading=${this.loading}
+        size="lg"
+        borderRadius="xs"
+        @click=${this.handleContinue.bind(this)}
+        >Choose name
+      </wui-button>
+    </wui-flex>`;
+    }
+    handleContinue() {
+        RouterController.push('RegisterAccountName');
+        EventsController.sendEvent({
+            type: 'track',
+            event: 'OPEN_ENS_FLOW',
+            properties: {
+                isSmartAccount: getPreferredAccountType(ChainController.state.activeChain) ===
+                    W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT
+            }
+        });
+    }
+};
+W3mChooseAccountNameView.styles = styles;
+__decorate([
+    state()
+], W3mChooseAccountNameView.prototype, "loading", void 0);
+W3mChooseAccountNameView = __decorate([
+    customElement('w3m-choose-account-name-view')
+], W3mChooseAccountNameView);
+export { W3mChooseAccountNameView };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/views/w3m-choose-account-name-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-choose-account-name-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EACL,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,uBAAuB,EACxB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,6BAA6B,CAAA;AACpC,OAAO,2BAA2B,CAAA;AAClC,OAAO,2BAA2B,CAAA;AAClC,OAAO,+BAA+B,CAAA;AACtC,OAAO,2BAA2B,CAAA;AAClC,OAAO,2BAA2B,CAAA;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAEjE,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,UAAU;IAAjD;;QAIY,YAAO,GAAG,KAAK,CAAA;IA4ElC,CAAC;IAzEiB,MAAM;QACpB,OAAO,IAAI,CAAA;;;;;mBAKI,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU;;UAEtC,IAAI,CAAC,kBAAkB,EAAE,IAAI,IAAI,CAAC,eAAe,EAAE;;mBAE1C,GAAG,EAAE;YACZ,cAAc,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAA;QAC5D,CAAC;;;;;;KAMN,CAAA;IACH,CAAC;IAGO,kBAAkB;QACxB,OAAO,IAAI,CAAA;;;;iBAIE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU;;;;;;;;;;;;;;gBAc9B,CAAA;IACd,CAAC;IAEO,eAAe;QACrB,OAAO,IAAI,CAAA;iBACE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU;;;;;;mBAM3B,IAAI,CAAC,OAAO;;;iBAGd,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;;;gBAG/B,CAAA;IACd,CAAC;IAEO,cAAc;QACpB,gBAAgB,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAA;QAC5C,gBAAgB,CAAC,SAAS,CAAC;YACzB,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,eAAe;YACtB,UAAU,EAAE;gBACV,cAAc,EACZ,uBAAuB,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC;oBAC1D,oBAAoB,CAAC,aAAa,CAAC,aAAa;aACnD;SACF,CAAC,CAAA;IACJ,CAAC;;AA9EsB,+BAAM,GAAG,MAAM,AAAT,CAAS;AAGrB;IAAhB,KAAK,EAAE;yDAAwB;AAJrB,wBAAwB;IADpC,aAAa,CAAC,8BAA8B,CAAC;GACjC,wBAAwB,CAgFpC"}

package/dist/esm/src/views/w3m-choose-account-name-view/styles.js

@@ -0,0 +1,7 @@
+import { css } from 'lit';
+export default css `
+  .continue-button-container {
+    width: 100%;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/views/w3m-choose-account-name-view/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/views/w3m-choose-account-name-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;CAIjB,CAAA"}

package/dist/esm/src/views/w3m-connect-socials-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-social-login-list/index.js';
+import styles from './styles.js';
+let W3mConnectSocialsView = class W3mConnectSocialsView 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=${['0', '3', '3', '3']}
+        gap="01"
+        class=${ifDefined(disabled ? 'disabled' : undefined)}
+      >
+        <w3m-social-login-list tabIdx=${ifDefined(tabIndex)}></w3m-social-login-list>
+      </wui-flex>
+    `;
+    }
+};
+W3mConnectSocialsView.styles = styles;
+__decorate([
+    state()
+], W3mConnectSocialsView.prototype, "checked", void 0);
+W3mConnectSocialsView = __decorate([
+    customElement('w3m-connect-socials-view')
+], W3mConnectSocialsView);
+export { W3mConnectSocialsView };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-connect-socials-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,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU;;gBAEhC,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-socials-view/styles.js

@@ -0,0 +1,22 @@
+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['md']}
+      ${({ easings }) => easings['ease-out-power-1']};
+    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-socials-view/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/views/w3m-connect-socials-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;;;;;;;;;;;;;CAanD,CAAA"}