@reown/appkit-scaffold-ui 1.8.15-viem-upgrade.0 → 1.8.15-wc-linking-reset-headless.0

package/dist/esm/src/partials/w3m-email-login-widget/index.js

@@ -0,0 +1,180 @@
+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 { createRef, ref } from 'lit/directives/ref.js';
+import { ConstantsUtil } from '@reown/appkit-common';
+import { AlertController, ApiController, ChainController, ConnectionController, ConnectorController, CoreHelperUtil, OptionsController } from '@reown/appkit-controllers';
+import { EventsController, RouterController, SnackController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-email-input';
+import '@reown/appkit-ui/wui-icon-link';
+import '@reown/appkit-ui/wui-loading-spinner';
+import '@reown/appkit-ui/wui-text';
+import { ErrorUtil } from '@reown/appkit-utils';
+import { HelpersUtil } from '../../utils/HelpersUtil.js';
+import styles from './styles.js';
+let W3mEmailLoginWidget = class W3mEmailLoginWidget extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.formRef = createRef();
+        this.email = '';
+        this.loading = false;
+        this.error = '';
+        this.remoteFeatures = OptionsController.state.remoteFeatures;
+        this.hasExceededUsageLimit = ApiController.state.plan.hasExceededUsageLimit;
+        this.unsubscribe.push(OptionsController.subscribeKey('remoteFeatures', val => {
+            this.remoteFeatures = val;
+        }), ApiController.subscribeKey('plan', val => (this.hasExceededUsageLimit = val.hasExceededUsageLimit)));
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    firstUpdated() {
+        this.formRef.value?.addEventListener('keydown', event => {
+            if (event.key === 'Enter') {
+                this.onSubmitEmail(event);
+            }
+        });
+    }
+    render() {
+        const hasConnection = ConnectionController.hasAnyConnection(ConstantsUtil.CONNECTOR_ID.AUTH);
+        return html `
+      <form ${ref(this.formRef)} @submit=${this.onSubmitEmail.bind(this)}>
+        <wui-email-input
+          @focus=${this.onFocusEvent.bind(this)}
+          .disabled=${this.loading}
+          @inputChange=${this.onEmailInputChange.bind(this)}
+          tabIdx=${ifDefined(this.tabIdx)}
+          ?disabled=${hasConnection || this.hasExceededUsageLimit}
+        >
+        </wui-email-input>
+
+        ${this.submitButtonTemplate()}${this.loadingTemplate()}
+        <input type="submit" hidden />
+      </form>
+      ${this.templateError()}
+    `;
+    }
+    submitButtonTemplate() {
+        const showSubmit = !this.loading && this.email.length > 3;
+        return showSubmit
+            ? html `
+          <wui-icon-link
+            size="sm"
+            icon="chevronRight"
+            iconcolor="accent-100"
+            @click=${this.onSubmitEmail.bind(this)}
+          >
+          </wui-icon-link>
+        `
+            : null;
+    }
+    loadingTemplate() {
+        return this.loading
+            ? html `<wui-loading-spinner size="md" color="accent-primary"></wui-loading-spinner>`
+            : null;
+    }
+    templateError() {
+        if (this.error) {
+            return html `<wui-text variant="sm-medium" color="error">${this.error}</wui-text>`;
+        }
+        return null;
+    }
+    onEmailInputChange(event) {
+        this.email = event.detail.trim();
+        this.error = '';
+    }
+    async onSubmitEmail(event) {
+        if (!HelpersUtil.isValidEmail(this.email)) {
+            AlertController.open({
+                displayMessage: ErrorUtil.ALERT_WARNINGS.INVALID_EMAIL.displayMessage
+            }, 'warning');
+            return;
+        }
+        const isAvailableChain = ConstantsUtil.AUTH_CONNECTOR_SUPPORTED_CHAINS.find(chain => chain === ChainController.state.activeChain);
+        if (!isAvailableChain) {
+            const caipNetwork = ChainController.getFirstCaipNetworkSupportsAuthConnector();
+            if (caipNetwork) {
+                RouterController.push('SwitchNetwork', { network: caipNetwork });
+                return;
+            }
+        }
+        try {
+            if (this.loading) {
+                return;
+            }
+            this.loading = true;
+            event.preventDefault();
+            const authConnector = ConnectorController.getAuthConnector();
+            if (!authConnector) {
+                throw new Error('w3m-email-login-widget: Auth connector not found');
+            }
+            const { action } = await authConnector.provider.connectEmail({ email: this.email });
+            EventsController.sendEvent({ type: 'track', event: 'EMAIL_SUBMITTED' });
+            if (action === 'VERIFY_OTP') {
+                EventsController.sendEvent({ type: 'track', event: 'EMAIL_VERIFICATION_CODE_SENT' });
+                RouterController.push('EmailVerifyOtp', { email: this.email });
+            }
+            else if (action === 'VERIFY_DEVICE') {
+                RouterController.push('EmailVerifyDevice', { email: this.email });
+            }
+            else if (action === 'CONNECT') {
+                const isMultiWalletEnabled = this.remoteFeatures?.multiWallet;
+                await ConnectionController.connectExternal(authConnector, ChainController.state.activeChain);
+                if (isMultiWalletEnabled) {
+                    RouterController.replace('ProfileWallets');
+                    SnackController.showSuccess('New Wallet Added');
+                }
+                else {
+                    RouterController.replace('Account');
+                }
+            }
+        }
+        catch (error) {
+            const parsedError = CoreHelperUtil.parseError(error);
+            if (parsedError?.includes('Invalid email')) {
+                this.error = 'Invalid email. Try again.';
+            }
+            else {
+                SnackController.showError(error);
+            }
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    onFocusEvent() {
+        EventsController.sendEvent({ type: 'track', event: 'EMAIL_LOGIN_SELECTED' });
+    }
+};
+W3mEmailLoginWidget.styles = styles;
+__decorate([
+    property()
+], W3mEmailLoginWidget.prototype, "tabIdx", void 0);
+__decorate([
+    state()
+], W3mEmailLoginWidget.prototype, "email", void 0);
+__decorate([
+    state()
+], W3mEmailLoginWidget.prototype, "loading", void 0);
+__decorate([
+    state()
+], W3mEmailLoginWidget.prototype, "error", void 0);
+__decorate([
+    state()
+], W3mEmailLoginWidget.prototype, "remoteFeatures", void 0);
+__decorate([
+    state()
+], W3mEmailLoginWidget.prototype, "hasExceededUsageLimit", void 0);
+W3mEmailLoginWidget = __decorate([
+    customElement('w3m-email-login-widget')
+], W3mEmailLoginWidget);
+export { W3mEmailLoginWidget };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/partials/w3m-email-login-widget/index.js.map

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

package/dist/esm/src/partials/w3m-email-login-widget/styles.js

@@ -0,0 +1,38 @@
+import { css } from '@reown/appkit-ui';
+export default css `
+  wui-separator {
+    margin: ${({ spacing }) => spacing['3']} calc(${({ spacing }) => spacing['3']} * -1);
+    width: calc(100% + ${({ spacing }) => spacing['3']} * 2);
+  }
+
+  wui-email-input {
+    width: 100%;
+  }
+
+  form {
+    width: 100%;
+    display: block;
+    position: relative;
+  }
+
+  wui-icon-link,
+  wui-loading-spinner {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+
+  wui-icon-link {
+    right: ${({ spacing }) => spacing['2']};
+  }
+
+  wui-loading-spinner {
+    right: ${({ spacing }) => spacing['3']};
+  }
+
+  wui-text {
+    margin: ${({ spacing }) => spacing['2']} ${({ spacing }) => spacing['3']}
+      ${({ spacing }) => spacing['0']} ${({ spacing }) => spacing['3']};
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/partials/w3m-email-login-widget/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-email-login-widget/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAEtC,eAAe,GAAG,CAAA;;cAEJ,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;;;;;;;;;;;;;;;;;;;;;aAqBzC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;;;aAI7B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;;;cAI5B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;QACpE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;CAErE,CAAA"}

package/dist/esm/src/partials/w3m-email-suffixes-widget/index.js

@@ -0,0 +1,69 @@
+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 { customElement } from '@reown/appkit-ui';
+import styles from './styles.js';
+const options = [
+    '@gmail.com',
+    '@outlook.com',
+    '@yahoo.com',
+    '@hotmail.com',
+    '@aol.com',
+    '@icloud.com',
+    '@zoho.com'
+];
+let W3mEmailSuffixesWidget = class W3mEmailSuffixesWidget extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.email = '';
+    }
+    render() {
+        const items = options.filter(this.filter.bind(this)).map(this.item.bind(this));
+        if (items.length === 0) {
+            return null;
+        }
+        return html `<div class="email-sufixes">${items}</div>`;
+    }
+    filter(option) {
+        if (!this.email) {
+            return false;
+        }
+        const pieces = this.email.split('@');
+        if (pieces.length < 2) {
+            return true;
+        }
+        const host = pieces.pop();
+        return option.includes(host) && option !== `@${host}`;
+    }
+    item(option) {
+        const handleClick = () => {
+            const pieces = this.email.split('@');
+            if (pieces.length > 1) {
+                pieces.pop();
+            }
+            const newEmail = pieces[0] + option;
+            this.dispatchEvent(new CustomEvent('change', {
+                detail: newEmail,
+                bubbles: true,
+                composed: true
+            }));
+        };
+        return html `<wui-button variant="neutral" size="sm" @click=${handleClick}
+      >${option}</wui-button
+    >`;
+    }
+};
+W3mEmailSuffixesWidget.styles = [styles];
+__decorate([
+    property()
+], W3mEmailSuffixesWidget.prototype, "email", void 0);
+W3mEmailSuffixesWidget = __decorate([
+    customElement('w3m-email-suffixes-widget')
+], W3mEmailSuffixesWidget);
+export { W3mEmailSuffixesWidget };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/partials/w3m-email-suffixes-widget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-email-suffixes-widget/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,MAAM,MAAM,aAAa,CAAA;AAEhC,MAAM,OAAO,GAAG;IACd,YAAY;IACZ,cAAc;IACd,YAAY;IACZ,cAAc;IACd,UAAU;IACV,aAAa;IACb,WAAW;CACZ,CAAA;AAGM,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,UAAU;IAA/C;;QAGc,UAAK,GAAG,EAAE,CAAA;IAiD/B,CAAC;IA/CiB,MAAM;QACpB,MAAM,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;QAE9E,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACvB,OAAO,IAAI,CAAA;QACb,CAAC;QAED,OAAO,IAAI,CAAA,8BAA8B,KAAK,QAAQ,CAAA;IACxD,CAAC;IAEO,MAAM,CAAC,MAAc;QAC3B,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YAChB,OAAO,KAAK,CAAA;QACd,CAAC;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QAEpC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACtB,OAAO,IAAI,CAAA;QACb,CAAC;QACD,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,EAAY,CAAA;QAEnC,OAAO,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,MAAM,KAAK,IAAI,IAAI,EAAE,CAAA;IACvD,CAAC;IAEO,IAAI,CAAC,MAAc;QACzB,MAAM,WAAW,GAAG,GAAG,EAAE;YACvB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;YACpC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACtB,MAAM,CAAC,GAAG,EAAE,CAAA;YACd,CAAC;YACD,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAA;YAGnC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;gBACxB,MAAM,EAAE,QAAQ;gBAChB,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;aACf,CAAC,CACH,CAAA;QACH,CAAC,CAAA;QAED,OAAO,IAAI,CAAA,kDAAkD,WAAW;SACnE,MAAM;MACT,CAAA;IACJ,CAAC;;AAlDsB,6BAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAW;AAErB;IAAlB,QAAQ,EAAE;qDAAkB;AAHlB,sBAAsB;IADlC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,sBAAsB,CAoDlC"}

package/dist/esm/src/partials/w3m-email-suffixes-widget/styles.js

@@ -0,0 +1,22 @@
+import { css } from 'lit';
+export default css `
+  .email-sufixes {
+    display: flex;
+    flex-direction: row;
+    gap: var(--wui-spacing-3xs);
+    overflow-x: auto;
+    max-width: 100%;
+    margin-top: var(--wui-spacing-s);
+    margin-bottom: calc(-1 * var(--wui-spacing-m));
+    padding-bottom: var(--wui-spacing-m);
+    margin-left: calc(-1 * var(--wui-spacing-m));
+    margin-right: calc(-1 * var(--wui-spacing-m));
+    padding-left: var(--wui-spacing-m);
+    padding-right: var(--wui-spacing-m);
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/partials/w3m-email-suffixes-widget/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-email-suffixes-widget/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;CAmBjB,CAAA"}

package/dist/esm/src/partials/w3m-fund-input/index.js

@@ -0,0 +1,50 @@
+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 { ifDefined } from 'lit/directives/if-defined.js';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-button';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-input-amount';
+import '@reown/appkit-ui/wui-link';
+import '@reown/appkit-ui/wui-text';
+let W3mFundInput = class W3mFundInput extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.maxDecimals = undefined;
+        this.maxIntegers = undefined;
+    }
+    render() {
+        return html `
+      <wui-flex alignItems="center" gap="1">
+        <wui-input-amount
+          widthVariant="fit"
+          fontSize="h2"
+          .maxDecimals=${ifDefined(this.maxDecimals)}
+          .maxIntegers=${ifDefined(this.maxIntegers)}
+          .value=${this.amount ? String(this.amount) : ''}
+        ></wui-input-amount>
+        <wui-text variant="md-regular" color="secondary">USD</wui-text>
+      </wui-flex>
+    `;
+    }
+};
+__decorate([
+    property({ type: Number })
+], W3mFundInput.prototype, "amount", void 0);
+__decorate([
+    property({ type: Number })
+], W3mFundInput.prototype, "maxDecimals", void 0);
+__decorate([
+    property({ type: Number })
+], W3mFundInput.prototype, "maxIntegers", void 0);
+W3mFundInput = __decorate([
+    customElement('w3m-fund-input')
+], W3mFundInput);
+export { W3mFundInput };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/partials/w3m-fund-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-fund-input/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,6BAA6B,CAAA;AACpC,OAAO,2BAA2B,CAAA;AAClC,OAAO,mCAAmC,CAAA;AAC1C,OAAO,2BAA2B,CAAA;AAClC,OAAO,2BAA2B,CAAA;AAG3B,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QAI8B,gBAAW,GAAwB,SAAS,CAAA;QAE5C,gBAAW,GAAwB,SAAS,CAAA;IAiBjF,CAAC;IAdiB,MAAM;QACpB,OAAO,IAAI,CAAA;;;;;yBAKU,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC;yBAC3B,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC;mBACjC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE;;;;KAIpD,CAAA;IACH,CAAC;CACF,CAAA;AArBoC;IAAlC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAuB;AAEf;IAAlC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAoD;AAE5C;IAAlC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAoD;AANpE,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAuBxB"}