@m0-foundation/swap-component 0.0.1

package/dist/m0-swap-component/index-CMS76VPf.js

@@ -0,0 +1,474 @@
+import { d as css, a as i, b, r as resetStyles, e as elementStyles, c as customElement, i as i$1, U as UiHelperUtil, V as W3mFrameHelpers, R as RouterController, C as ConnectorController, n as CoreHelperUtil, p as SnackController } from './swap-module-5ZLM-vAV.js';
+import { n, r } from './wui-text-BS_lZKY4.js';
+import './wui-link-VqM3wLny.js';
+import './wui-loading-spinner-CW2_5SKA.js';
+
+var styles$2 = css `
+  :host {
+    position: relative;
+    display: inline-block;
+  }
+
+  input {
+    width: 48px;
+    height: 48px;
+    background: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    border-radius: ${({ borderRadius }) => borderRadius[4]};
+    border: 1px solid ${({ tokens }) => tokens.theme.borderPrimary};
+    font-family: ${({ fontFamily }) => fontFamily.regular};
+    font-size: ${({ textSize }) => textSize.large};
+    line-height: 18px;
+    letter-spacing: -0.16px;
+    text-align: center;
+    color: ${({ tokens }) => tokens.theme.textPrimary};
+    caret-color: ${({ tokens }) => tokens.core.textAccentPrimary};
+    transition:
+      background-color ${({ durations }) => durations['lg']}
+        ${({ easings }) => easings['ease-out-power-2']},
+      border-color ${({ durations }) => durations['lg']}
+        ${({ easings }) => easings['ease-out-power-2']},
+      box-shadow ${({ durations }) => durations['lg']}
+        ${({ easings }) => easings['ease-out-power-2']};
+    will-change: background-color, border-color, box-shadow;
+    box-sizing: border-box;
+    -webkit-appearance: none;
+    -moz-appearance: textfield;
+    padding: ${({ spacing }) => spacing[4]};
+  }
+
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+
+  input[type='number'] {
+    -moz-appearance: textfield;
+  }
+
+  input:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+
+  input:focus-visible:enabled {
+    background-color: transparent;
+    border: 1px solid ${({ tokens }) => tokens.theme.borderSecondary};
+    box-shadow: 0px 0px 0px 4px ${({ tokens }) => tokens.core.foregroundAccent040};
+  }
+`;
+
+var __decorate$2 = (undefined && undefined.__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;
+};
+let WuiInputNumeric = class WuiInputNumeric extends i {
+    constructor() {
+        super(...arguments);
+        this.disabled = false;
+        this.value = '';
+    }
+    render() {
+        return b `<input
+      type="number"
+      maxlength="1"
+      inputmode="numeric"
+      autofocus
+      ?disabled=${this.disabled}
+      value=${this.value}
+    /> `;
+    }
+};
+WuiInputNumeric.styles = [resetStyles, elementStyles, styles$2];
+__decorate$2([
+    n({ type: Boolean })
+], WuiInputNumeric.prototype, "disabled", void 0);
+__decorate$2([
+    n({ type: String })
+], WuiInputNumeric.prototype, "value", void 0);
+WuiInputNumeric = __decorate$2([
+    customElement('wui-input-numeric')
+], WuiInputNumeric);
+
+var styles$1 = i$1 `
+  :host {
+    position: relative;
+    display: block;
+  }
+`;
+
+var __decorate$1 = (undefined && undefined.__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;
+};
+let WuiOtp = class WuiOtp extends i {
+    constructor() {
+        super(...arguments);
+        this.length = 6;
+        this.otp = '';
+        this.values = Array.from({ length: this.length }).map(() => '');
+        this.numerics = [];
+        this.shouldInputBeEnabled = (index) => {
+            const previousInputs = this.values.slice(0, index);
+            return previousInputs.every(input => input !== '');
+        };
+        this.handleKeyDown = (e, index) => {
+            const inputElement = e.target;
+            const input = this.getInputElement(inputElement);
+            const keyArr = ['ArrowLeft', 'ArrowRight', 'Shift', 'Delete'];
+            if (!input) {
+                return;
+            }
+            if (keyArr.includes(e.key)) {
+                e.preventDefault();
+            }
+            const currentCaretPos = input.selectionStart;
+            switch (e.key) {
+                case 'ArrowLeft':
+                    if (currentCaretPos) {
+                        input.setSelectionRange(currentCaretPos + 1, currentCaretPos + 1);
+                    }
+                    this.focusInputField('prev', index);
+                    break;
+                case 'ArrowRight':
+                    this.focusInputField('next', index);
+                    break;
+                case 'Shift':
+                    this.focusInputField('next', index);
+                    break;
+                case 'Delete':
+                    if (input.value === '') {
+                        this.focusInputField('prev', index);
+                    }
+                    else {
+                        this.updateInput(input, index, '');
+                    }
+                    break;
+                case 'Backspace':
+                    if (input.value === '') {
+                        this.focusInputField('prev', index);
+                    }
+                    else {
+                        this.updateInput(input, index, '');
+                    }
+                    break;
+                default:
+            }
+        };
+        this.focusInputField = (dir, index) => {
+            if (dir === 'next') {
+                const nextIndex = index + 1;
+                if (!this.shouldInputBeEnabled(nextIndex)) {
+                    return;
+                }
+                const numeric = this.numerics[nextIndex < this.length ? nextIndex : index];
+                const input = numeric ? this.getInputElement(numeric) : undefined;
+                if (input) {
+                    input.disabled = false;
+                    input.focus();
+                }
+            }
+            if (dir === 'prev') {
+                const nextIndex = index - 1;
+                const numeric = this.numerics[nextIndex > -1 ? nextIndex : index];
+                const input = numeric ? this.getInputElement(numeric) : undefined;
+                if (input) {
+                    input.focus();
+                }
+            }
+        };
+    }
+    firstUpdated() {
+        if (this.otp) {
+            this.values = this.otp.split('');
+        }
+        const numericElements = this.shadowRoot?.querySelectorAll('wui-input-numeric');
+        if (numericElements) {
+            this.numerics = Array.from(numericElements);
+        }
+        this.numerics[0]?.focus();
+    }
+    render() {
+        return b `
+      <wui-flex gap="1" data-testid="wui-otp-input">
+        ${Array.from({ length: this.length }).map((_, index) => b `
+            <wui-input-numeric
+              @input=${(e) => this.handleInput(e, index)}
+              @click=${(e) => this.selectInput(e)}
+              @keydown=${(e) => this.handleKeyDown(e, index)}
+              .disabled=${!this.shouldInputBeEnabled(index)}
+              .value=${this.values[index] || ''}
+            >
+            </wui-input-numeric>
+          `)}
+      </wui-flex>
+    `;
+    }
+    updateInput(element, index, value) {
+        const numeric = this.numerics[index];
+        const input = element || (numeric ? this.getInputElement(numeric) : undefined);
+        if (input) {
+            input.value = value;
+            this.values = this.values.map((val, i) => (i === index ? value : val));
+        }
+    }
+    selectInput(e) {
+        const targetElement = e.target;
+        if (targetElement) {
+            const inputElement = this.getInputElement(targetElement);
+            inputElement?.select();
+        }
+    }
+    handleInput(e, index) {
+        const inputElement = e.target;
+        const input = this.getInputElement(inputElement);
+        if (input) {
+            const inputValue = input.value;
+            if (e.inputType === 'insertFromPaste') {
+                this.handlePaste(input, inputValue, index);
+            }
+            else {
+                const isValid = UiHelperUtil.isNumber(inputValue);
+                if (isValid && e.data) {
+                    this.updateInput(input, index, e.data);
+                    this.focusInputField('next', index);
+                }
+                else {
+                    this.updateInput(input, index, '');
+                }
+            }
+        }
+        this.dispatchInputChangeEvent();
+    }
+    handlePaste(input, inputValue, index) {
+        const value = inputValue[0];
+        const isValid = value && UiHelperUtil.isNumber(value);
+        if (isValid) {
+            this.updateInput(input, index, value);
+            const inputString = inputValue.substring(1);
+            if (index + 1 < this.length && inputString.length) {
+                const nextNumeric = this.numerics[index + 1];
+                const nextInput = nextNumeric ? this.getInputElement(nextNumeric) : undefined;
+                if (nextInput) {
+                    this.handlePaste(nextInput, inputString, index + 1);
+                }
+            }
+            else {
+                this.focusInputField('next', index);
+            }
+        }
+        else {
+            this.updateInput(input, index, '');
+        }
+    }
+    getInputElement(el) {
+        if (el.shadowRoot?.querySelector('input')) {
+            return el.shadowRoot.querySelector('input');
+        }
+        return null;
+    }
+    dispatchInputChangeEvent() {
+        const value = this.values.join('');
+        this.dispatchEvent(new CustomEvent('inputChange', {
+            detail: value,
+            bubbles: true,
+            composed: true
+        }));
+    }
+};
+WuiOtp.styles = [resetStyles, styles$1];
+__decorate$1([
+    n({ type: Number })
+], WuiOtp.prototype, "length", void 0);
+__decorate$1([
+    n({ type: String })
+], WuiOtp.prototype, "otp", void 0);
+__decorate$1([
+    r()
+], WuiOtp.prototype, "values", void 0);
+WuiOtp = __decorate$1([
+    customElement('wui-otp')
+], WuiOtp);
+
+var styles = i$1 `
+  wui-loading-spinner {
+    margin: 9px auto;
+  }
+
+  .email-display,
+  .email-display wui-text {
+    max-width: 100%;
+  }
+`;
+
+var __decorate = (undefined && undefined.__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;
+};
+var W3mEmailOtpWidget_1;
+let W3mEmailOtpWidget = W3mEmailOtpWidget_1 = class W3mEmailOtpWidget extends i {
+    firstUpdated() {
+        this.startOTPTimeout();
+    }
+    disconnectedCallback() {
+        clearTimeout(this.OTPTimeout);
+    }
+    constructor() {
+        super();
+        this.loading = false;
+        this.timeoutTimeLeft = W3mFrameHelpers.getTimeToNextEmailLogin();
+        this.error = '';
+        this.otp = '';
+        this.email = RouterController.state.data?.email;
+        this.authConnector = ConnectorController.getAuthConnector();
+    }
+    render() {
+        if (!this.email) {
+            throw new Error('w3m-email-otp-widget: No email provided');
+        }
+        const isResendDisabled = Boolean(this.timeoutTimeLeft);
+        const footerLabels = this.getFooterLabels(isResendDisabled);
+        return b `
+      <wui-flex
+        flexDirection="column"
+        alignItems="center"
+        .padding=${['4', '0', '4', '0']}
+        gap="4"
+      >
+        <wui-flex
+          class="email-display"
+          flexDirection="column"
+          alignItems="center"
+          .padding=${['0', '5', '0', '5']}
+        >
+          <wui-text variant="md-regular" color="primary" align="center">
+            Enter the code we sent to
+          </wui-text>
+          <wui-text variant="md-medium" color="primary" lineClamp="1" align="center">
+            ${this.email}
+          </wui-text>
+        </wui-flex>
+
+        <wui-text variant="sm-regular" color="secondary">The code expires in 20 minutes</wui-text>
+
+        ${this.loading
+            ? b `<wui-loading-spinner size="xl" color="accent-primary"></wui-loading-spinner>`
+            : b ` <wui-flex flexDirection="column" alignItems="center" gap="2">
+              <wui-otp
+                dissabled
+                length="6"
+                @inputChange=${this.onOtpInputChange.bind(this)}
+                .otp=${this.otp}
+              ></wui-otp>
+              ${this.error
+                ? b `
+                    <wui-text variant="sm-regular" align="center" color="error">
+                      ${this.error}. Try Again
+                    </wui-text>
+                  `
+                : null}
+            </wui-flex>`}
+
+        <wui-flex alignItems="center" gap="2">
+          <wui-text variant="sm-regular" color="secondary">${footerLabels.title}</wui-text>
+          <wui-link @click=${this.onResendCode.bind(this)} .disabled=${isResendDisabled}>
+            ${footerLabels.action}
+          </wui-link>
+        </wui-flex>
+      </wui-flex>
+    `;
+    }
+    startOTPTimeout() {
+        this.timeoutTimeLeft = W3mFrameHelpers.getTimeToNextEmailLogin();
+        this.OTPTimeout = setInterval(() => {
+            if (this.timeoutTimeLeft > 0) {
+                this.timeoutTimeLeft = W3mFrameHelpers.getTimeToNextEmailLogin();
+            }
+            else {
+                clearInterval(this.OTPTimeout);
+            }
+        }, 1000);
+    }
+    async onOtpInputChange(event) {
+        try {
+            if (!this.loading) {
+                this.otp = event.detail;
+                if (this.shouldSubmitOnOtpChange()) {
+                    this.loading = true;
+                    await this.onOtpSubmit?.(this.otp);
+                }
+            }
+        }
+        catch (error) {
+            this.error = CoreHelperUtil.parseError(error);
+            this.loading = false;
+        }
+    }
+    async onResendCode() {
+        try {
+            if (this.onOtpResend) {
+                if (!this.loading && !this.timeoutTimeLeft) {
+                    this.error = '';
+                    this.otp = '';
+                    const authConnector = ConnectorController.getAuthConnector();
+                    if (!authConnector || !this.email) {
+                        throw new Error('w3m-email-otp-widget: Unable to resend email');
+                    }
+                    this.loading = true;
+                    await this.onOtpResend(this.email);
+                    this.startOTPTimeout();
+                    SnackController.showSuccess('Code email resent');
+                }
+            }
+            else if (this.onStartOver) {
+                this.onStartOver();
+            }
+        }
+        catch (error) {
+            SnackController.showError(error);
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    getFooterLabels(isResendDisabled) {
+        if (this.onStartOver) {
+            return {
+                title: 'Something wrong?',
+                action: `Try again ${isResendDisabled ? `in ${this.timeoutTimeLeft}s` : ''}`
+            };
+        }
+        return {
+            title: `Didn't receive it?`,
+            action: `Resend ${isResendDisabled ? `in ${this.timeoutTimeLeft}s` : 'Code'}`
+        };
+    }
+    shouldSubmitOnOtpChange() {
+        return this.authConnector && this.otp.length === W3mEmailOtpWidget_1.OTP_LENGTH;
+    }
+};
+W3mEmailOtpWidget.OTP_LENGTH = 6;
+W3mEmailOtpWidget.styles = styles;
+__decorate([
+    r()
+], W3mEmailOtpWidget.prototype, "loading", void 0);
+__decorate([
+    r()
+], W3mEmailOtpWidget.prototype, "timeoutTimeLeft", void 0);
+__decorate([
+    r()
+], W3mEmailOtpWidget.prototype, "error", void 0);
+W3mEmailOtpWidget = W3mEmailOtpWidget_1 = __decorate([
+    customElement('w3m-email-otp-widget')
+], W3mEmailOtpWidget);
+
+export { W3mEmailOtpWidget as W };
+//# sourceMappingURL=index-CMS76VPf.js.map
+
+//# sourceMappingURL=index-CMS76VPf.js.map

package/dist/m0-swap-component/index-CMS76VPf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CMS76VPf.js","sources":["../../../node_modules/.pnpm/@reown+appkit-ui@1.8.16_@types+react@19.1.16_bufferutil@4.0.9_db0@0.3.4_encoding@0.1.13_0b5ba54bea83b995bc8e1888346a1083/node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-input-numeric/styles.js","../../../node_modules/.pnpm/@reown+appkit-ui@1.8.16_@types+react@19.1.16_bufferutil@4.0.9_db0@0.3.4_encoding@0.1.13_0b5ba54bea83b995bc8e1888346a1083/node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-input-numeric/index.js","../../../node_modules/.pnpm/@reown+appkit-ui@1.8.16_@types+react@19.1.16_bufferutil@4.0.9_db0@0.3.4_encoding@0.1.13_0b5ba54bea83b995bc8e1888346a1083/node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-otp/styles.js","../../../node_modules/.pnpm/@reown+appkit-ui@1.8.16_@types+react@19.1.16_bufferutil@4.0.9_db0@0.3.4_encoding@0.1.13_0b5ba54bea83b995bc8e1888346a1083/node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-otp/index.js","../../../node_modules/.pnpm/@reown+appkit-scaffold-ui@1.8.16_@types+react@19.1.16_bufferutil@4.0.9_db0@0.3.4_encodi_3883ab9487ff2addc6d98be1262a415d/node_modules/@reown/appkit-scaffold-ui/dist/esm/src/utils/w3m-email-otp-widget/styles.js","../../../node_modules/.pnpm/@reown+appkit-scaffold-ui@1.8.16_@types+react@19.1.16_bufferutil@4.0.9_db0@0.3.4_encodi_3883ab9487ff2addc6d98be1262a415d/node_modules/@reown/appkit-scaffold-ui/dist/esm/src/utils/w3m-email-otp-widget/index.js"],"sourcesContent":["import { css } from '../../utils/ThemeHelperUtil.js';\nexport default css `\n  :host {\n    position: relative;\n    display: inline-block;\n  }\n\n  input {\n    width: 48px;\n    height: 48px;\n    background: ${({ tokens }) => tokens.theme.foregroundPrimary};\n    border-radius: ${({ borderRadius }) => borderRadius[4]};\n    border: 1px solid ${({ tokens }) => tokens.theme.borderPrimary};\n    font-family: ${({ fontFamily }) => fontFamily.regular};\n    font-size: ${({ textSize }) => textSize.large};\n    line-height: 18px;\n    letter-spacing: -0.16px;\n    text-align: center;\n    color: ${({ tokens }) => tokens.theme.textPrimary};\n    caret-color: ${({ tokens }) => tokens.core.textAccentPrimary};\n    transition:\n      background-color ${({ durations }) => durations['lg']}\n        ${({ easings }) => easings['ease-out-power-2']},\n      border-color ${({ durations }) => durations['lg']}\n        ${({ easings }) => easings['ease-out-power-2']},\n      box-shadow ${({ durations }) => durations['lg']}\n        ${({ easings }) => easings['ease-out-power-2']};\n    will-change: background-color, border-color, box-shadow;\n    box-sizing: border-box;\n    -webkit-appearance: none;\n    -moz-appearance: textfield;\n    padding: ${({ spacing }) => spacing[4]};\n  }\n\n  input::-webkit-outer-spin-button,\n  input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  input[type='number'] {\n    -moz-appearance: textfield;\n  }\n\n  input:disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n\n  input:focus-visible:enabled {\n    background-color: transparent;\n    border: 1px solid ${({ tokens }) => tokens.theme.borderSecondary};\n    box-shadow: 0px 0px 0px 4px ${({ tokens }) => tokens.core.foregroundAccent040};\n  }\n`;\n//# sourceMappingURL=styles.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    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;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiInputNumeric = class WuiInputNumeric extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.disabled = false;\n        this.value = '';\n    }\n    render() {\n        return html `<input\n      type=\"number\"\n      maxlength=\"1\"\n      inputmode=\"numeric\"\n      autofocus\n      ?disabled=${this.disabled}\n      value=${this.value}\n    /> `;\n    }\n};\nWuiInputNumeric.styles = [resetStyles, elementStyles, styles];\n__decorate([\n    property({ type: Boolean })\n], WuiInputNumeric.prototype, \"disabled\", void 0);\n__decorate([\n    property({ type: String })\n], WuiInputNumeric.prototype, \"value\", void 0);\nWuiInputNumeric = __decorate([\n    customElement('wui-input-numeric')\n], WuiInputNumeric);\nexport { WuiInputNumeric };\n//# sourceMappingURL=index.js.map","import { css } from 'lit';\nexport default css `\n  :host {\n    position: relative;\n    display: block;\n  }\n`;\n//# sourceMappingURL=styles.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    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;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { LitElement, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport '../../layout/wui-flex/index.js';\nimport { resetStyles } from '../../utils/ThemeUtil.js';\nimport { UiHelperUtil } from '../../utils/UiHelperUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport '../wui-input-numeric/index.js';\nimport { WuiInputNumeric } from '../wui-input-numeric/index.js';\nimport styles from './styles.js';\nlet WuiOtp = class WuiOtp extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.length = 6;\n        this.otp = '';\n        this.values = Array.from({ length: this.length }).map(() => '');\n        this.numerics = [];\n        this.shouldInputBeEnabled = (index) => {\n            const previousInputs = this.values.slice(0, index);\n            return previousInputs.every(input => input !== '');\n        };\n        this.handleKeyDown = (e, index) => {\n            const inputElement = e.target;\n            const input = this.getInputElement(inputElement);\n            const keyArr = ['ArrowLeft', 'ArrowRight', 'Shift', 'Delete'];\n            if (!input) {\n                return;\n            }\n            if (keyArr.includes(e.key)) {\n                e.preventDefault();\n            }\n            const currentCaretPos = input.selectionStart;\n            switch (e.key) {\n                case 'ArrowLeft':\n                    if (currentCaretPos) {\n                        input.setSelectionRange(currentCaretPos + 1, currentCaretPos + 1);\n                    }\n                    this.focusInputField('prev', index);\n                    break;\n                case 'ArrowRight':\n                    this.focusInputField('next', index);\n                    break;\n                case 'Shift':\n                    this.focusInputField('next', index);\n                    break;\n                case 'Delete':\n                    if (input.value === '') {\n                        this.focusInputField('prev', index);\n                    }\n                    else {\n                        this.updateInput(input, index, '');\n                    }\n                    break;\n                case 'Backspace':\n                    if (input.value === '') {\n                        this.focusInputField('prev', index);\n                    }\n                    else {\n                        this.updateInput(input, index, '');\n                    }\n                    break;\n                default:\n            }\n        };\n        this.focusInputField = (dir, index) => {\n            if (dir === 'next') {\n                const nextIndex = index + 1;\n                if (!this.shouldInputBeEnabled(nextIndex)) {\n                    return;\n                }\n                const numeric = this.numerics[nextIndex < this.length ? nextIndex : index];\n                const input = numeric ? this.getInputElement(numeric) : undefined;\n                if (input) {\n                    input.disabled = false;\n                    input.focus();\n                }\n            }\n            if (dir === 'prev') {\n                const nextIndex = index - 1;\n                const numeric = this.numerics[nextIndex > -1 ? nextIndex : index];\n                const input = numeric ? this.getInputElement(numeric) : undefined;\n                if (input) {\n                    input.focus();\n                }\n            }\n        };\n    }\n    firstUpdated() {\n        if (this.otp) {\n            this.values = this.otp.split('');\n        }\n        const numericElements = this.shadowRoot?.querySelectorAll('wui-input-numeric');\n        if (numericElements) {\n            this.numerics = Array.from(numericElements);\n        }\n        this.numerics[0]?.focus();\n    }\n    render() {\n        return html `\n      <wui-flex gap=\"1\" data-testid=\"wui-otp-input\">\n        ${Array.from({ length: this.length }).map((_, index) => html `\n            <wui-input-numeric\n              @input=${(e) => this.handleInput(e, index)}\n              @click=${(e) => this.selectInput(e)}\n              @keydown=${(e) => this.handleKeyDown(e, index)}\n              .disabled=${!this.shouldInputBeEnabled(index)}\n              .value=${this.values[index] || ''}\n            >\n            </wui-input-numeric>\n          `)}\n      </wui-flex>\n    `;\n    }\n    updateInput(element, index, value) {\n        const numeric = this.numerics[index];\n        const input = element || (numeric ? this.getInputElement(numeric) : undefined);\n        if (input) {\n            input.value = value;\n            this.values = this.values.map((val, i) => (i === index ? value : val));\n        }\n    }\n    selectInput(e) {\n        const targetElement = e.target;\n        if (targetElement) {\n            const inputElement = this.getInputElement(targetElement);\n            inputElement?.select();\n        }\n    }\n    handleInput(e, index) {\n        const inputElement = e.target;\n        const input = this.getInputElement(inputElement);\n        if (input) {\n            const inputValue = input.value;\n            if (e.inputType === 'insertFromPaste') {\n                this.handlePaste(input, inputValue, index);\n            }\n            else {\n                const isValid = UiHelperUtil.isNumber(inputValue);\n                if (isValid && e.data) {\n                    this.updateInput(input, index, e.data);\n                    this.focusInputField('next', index);\n                }\n                else {\n                    this.updateInput(input, index, '');\n                }\n            }\n        }\n        this.dispatchInputChangeEvent();\n    }\n    handlePaste(input, inputValue, index) {\n        const value = inputValue[0];\n        const isValid = value && UiHelperUtil.isNumber(value);\n        if (isValid) {\n            this.updateInput(input, index, value);\n            const inputString = inputValue.substring(1);\n            if (index + 1 < this.length && inputString.length) {\n                const nextNumeric = this.numerics[index + 1];\n                const nextInput = nextNumeric ? this.getInputElement(nextNumeric) : undefined;\n                if (nextInput) {\n                    this.handlePaste(nextInput, inputString, index + 1);\n                }\n            }\n            else {\n                this.focusInputField('next', index);\n            }\n        }\n        else {\n            this.updateInput(input, index, '');\n        }\n    }\n    getInputElement(el) {\n        if (el.shadowRoot?.querySelector('input')) {\n            return el.shadowRoot.querySelector('input');\n        }\n        return null;\n    }\n    dispatchInputChangeEvent() {\n        const value = this.values.join('');\n        this.dispatchEvent(new CustomEvent('inputChange', {\n            detail: value,\n            bubbles: true,\n            composed: true\n        }));\n    }\n};\nWuiOtp.styles = [resetStyles, styles];\n__decorate([\n    property({ type: Number })\n], WuiOtp.prototype, \"length\", void 0);\n__decorate([\n    property({ type: String })\n], WuiOtp.prototype, \"otp\", void 0);\n__decorate([\n    state()\n], WuiOtp.prototype, \"values\", void 0);\nWuiOtp = __decorate([\n    customElement('wui-otp')\n], WuiOtp);\nexport { WuiOtp };\n//# sourceMappingURL=index.js.map","import { css } from 'lit';\nexport default css `\n  wui-loading-spinner {\n    margin: 9px auto;\n  }\n\n  .email-display,\n  .email-display wui-text {\n    max-width: 100%;\n  }\n`;\n//# sourceMappingURL=styles.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    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;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar W3mEmailOtpWidget_1;\nimport { LitElement, html } from 'lit';\nimport { state } from 'lit/decorators.js';\nimport { ConnectorController, CoreHelperUtil, RouterController, SnackController } from '@reown/appkit-controllers';\nimport { customElement } from '@reown/appkit-ui';\nimport '@reown/appkit-ui/wui-flex';\nimport '@reown/appkit-ui/wui-link';\nimport '@reown/appkit-ui/wui-loading-spinner';\nimport '@reown/appkit-ui/wui-otp';\nimport '@reown/appkit-ui/wui-text';\nimport { W3mFrameHelpers } from '@reown/appkit-wallet';\nimport styles from './styles.js';\nlet W3mEmailOtpWidget = W3mEmailOtpWidget_1 = class W3mEmailOtpWidget extends LitElement {\n    firstUpdated() {\n        this.startOTPTimeout();\n    }\n    disconnectedCallback() {\n        clearTimeout(this.OTPTimeout);\n    }\n    constructor() {\n        super();\n        this.loading = false;\n        this.timeoutTimeLeft = W3mFrameHelpers.getTimeToNextEmailLogin();\n        this.error = '';\n        this.otp = '';\n        this.email = RouterController.state.data?.email;\n        this.authConnector = ConnectorController.getAuthConnector();\n    }\n    render() {\n        if (!this.email) {\n            throw new Error('w3m-email-otp-widget: No email provided');\n        }\n        const isResendDisabled = Boolean(this.timeoutTimeLeft);\n        const footerLabels = this.getFooterLabels(isResendDisabled);\n        return html `\n      <wui-flex\n        flexDirection=\"column\"\n        alignItems=\"center\"\n        .padding=${['4', '0', '4', '0']}\n        gap=\"4\"\n      >\n        <wui-flex\n          class=\"email-display\"\n          flexDirection=\"column\"\n          alignItems=\"center\"\n          .padding=${['0', '5', '0', '5']}\n        >\n          <wui-text variant=\"md-regular\" color=\"primary\" align=\"center\">\n            Enter the code we sent to\n          </wui-text>\n          <wui-text variant=\"md-medium\" color=\"primary\" lineClamp=\"1\" align=\"center\">\n            ${this.email}\n          </wui-text>\n        </wui-flex>\n\n        <wui-text variant=\"sm-regular\" color=\"secondary\">The code expires in 20 minutes</wui-text>\n\n        ${this.loading\n            ? html `<wui-loading-spinner size=\"xl\" color=\"accent-primary\"></wui-loading-spinner>`\n            : html ` <wui-flex flexDirection=\"column\" alignItems=\"center\" gap=\"2\">\n              <wui-otp\n                dissabled\n                length=\"6\"\n                @inputChange=${this.onOtpInputChange.bind(this)}\n                .otp=${this.otp}\n              ></wui-otp>\n              ${this.error\n                ? html `\n                    <wui-text variant=\"sm-regular\" align=\"center\" color=\"error\">\n                      ${this.error}. Try Again\n                    </wui-text>\n                  `\n                : null}\n            </wui-flex>`}\n\n        <wui-flex alignItems=\"center\" gap=\"2\">\n          <wui-text variant=\"sm-regular\" color=\"secondary\">${footerLabels.title}</wui-text>\n          <wui-link @click=${this.onResendCode.bind(this)} .disabled=${isResendDisabled}>\n            ${footerLabels.action}\n          </wui-link>\n        </wui-flex>\n      </wui-flex>\n    `;\n    }\n    startOTPTimeout() {\n        this.timeoutTimeLeft = W3mFrameHelpers.getTimeToNextEmailLogin();\n        this.OTPTimeout = setInterval(() => {\n            if (this.timeoutTimeLeft > 0) {\n                this.timeoutTimeLeft = W3mFrameHelpers.getTimeToNextEmailLogin();\n            }\n            else {\n                clearInterval(this.OTPTimeout);\n            }\n        }, 1000);\n    }\n    async onOtpInputChange(event) {\n        try {\n            if (!this.loading) {\n                this.otp = event.detail;\n                if (this.shouldSubmitOnOtpChange()) {\n                    this.loading = true;\n                    await this.onOtpSubmit?.(this.otp);\n                }\n            }\n        }\n        catch (error) {\n            this.error = CoreHelperUtil.parseError(error);\n            this.loading = false;\n        }\n    }\n    async onResendCode() {\n        try {\n            if (this.onOtpResend) {\n                if (!this.loading && !this.timeoutTimeLeft) {\n                    this.error = '';\n                    this.otp = '';\n                    const authConnector = ConnectorController.getAuthConnector();\n                    if (!authConnector || !this.email) {\n                        throw new Error('w3m-email-otp-widget: Unable to resend email');\n                    }\n                    this.loading = true;\n                    await this.onOtpResend(this.email);\n                    this.startOTPTimeout();\n                    SnackController.showSuccess('Code email resent');\n                }\n            }\n            else if (this.onStartOver) {\n                this.onStartOver();\n            }\n        }\n        catch (error) {\n            SnackController.showError(error);\n        }\n        finally {\n            this.loading = false;\n        }\n    }\n    getFooterLabels(isResendDisabled) {\n        if (this.onStartOver) {\n            return {\n                title: 'Something wrong?',\n                action: `Try again ${isResendDisabled ? `in ${this.timeoutTimeLeft}s` : ''}`\n            };\n        }\n        return {\n            title: `Didn't receive it?`,\n            action: `Resend ${isResendDisabled ? `in ${this.timeoutTimeLeft}s` : 'Code'}`\n        };\n    }\n    shouldSubmitOnOtpChange() {\n        return this.authConnector && this.otp.length === W3mEmailOtpWidget_1.OTP_LENGTH;\n    }\n};\nW3mEmailOtpWidget.OTP_LENGTH = 6;\nW3mEmailOtpWidget.styles = styles;\n__decorate([\n    state()\n], W3mEmailOtpWidget.prototype, \"loading\", void 0);\n__decorate([\n    state()\n], W3mEmailOtpWidget.prototype, \"timeoutTimeLeft\", void 0);\n__decorate([\n    state()\n], W3mEmailOtpWidget.prototype, \"error\", void 0);\nW3mEmailOtpWidget = W3mEmailOtpWidget_1 = __decorate([\n    customElement('w3m-email-otp-widget')\n], W3mEmailOtpWidget);\nexport { W3mEmailOtpWidget };\n//# sourceMappingURL=index.js.map"],"names":["__decorate","this","LitElement","html","styles","property","css","state"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}

package/dist/m0-swap-component/index-CoMTkqee.js

@@ -0,0 +1,95 @@
+import { i, a as i$1, L as vars, b, r as resetStyles, c as customElement } from './swap-module-5ZLM-vAV.js';
+import { n } from './wui-text-BS_lZKY4.js';
+
+var styles = i `
+  :host {
+    display: flex;
+  }
+
+  :host([data-size='sm']) > svg {
+    width: 12px;
+    height: 12px;
+  }
+
+  :host([data-size='md']) > svg {
+    width: 16px;
+    height: 16px;
+  }
+
+  :host([data-size='lg']) > svg {
+    width: 24px;
+    height: 24px;
+  }
+
+  :host([data-size='xl']) > svg {
+    width: 32px;
+    height: 32px;
+  }
+
+  svg {
+    animation: rotate 1.4s linear infinite;
+    color: var(--local-color);
+  }
+
+  :host([data-size='md']) > svg > circle {
+    stroke-width: 6px;
+  }
+
+  :host([data-size='sm']) > svg > circle {
+    stroke-width: 8px;
+  }
+
+  @keyframes rotate {
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+`;
+
+var __decorate = (undefined && undefined.__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;
+};
+let WuiLoadingSpinner = class WuiLoadingSpinner extends i$1 {
+    constructor() {
+        super(...arguments);
+        this.color = 'primary';
+        this.size = 'lg';
+    }
+    render() {
+        const VARS_BY_COLOR = {
+            primary: vars.tokens.theme.textPrimary,
+            secondary: vars.tokens.theme.textSecondary,
+            tertiary: vars.tokens.theme.textTertiary,
+            invert: vars.tokens.theme.textInvert,
+            error: vars.tokens.core.textError,
+            warning: vars.tokens.core.textWarning,
+            'accent-primary': vars.tokens.core.textAccentPrimary
+        };
+        this.style.cssText = `
+      --local-color: ${this.color === 'inherit' ? 'inherit' : VARS_BY_COLOR[this.color]};
+      `;
+        this.dataset['size'] = this.size;
+        return b `<svg viewBox="0 0 16 17" fill="none">
+      <path
+        d="M8.75 2.65625V4.65625C8.75 4.85516 8.67098 5.04593 8.53033 5.18658C8.38968 5.32723 8.19891 5.40625 8 5.40625C7.80109 5.40625 7.61032 5.32723 7.46967 5.18658C7.32902 5.04593 7.25 4.85516 7.25 4.65625V2.65625C7.25 2.45734 7.32902 2.26657 7.46967 2.12592C7.61032 1.98527 7.80109 1.90625 8 1.90625C8.19891 1.90625 8.38968 1.98527 8.53033 2.12592C8.67098 2.26657 8.75 2.45734 8.75 2.65625ZM14 7.90625H12C11.8011 7.90625 11.6103 7.98527 11.4697 8.12592C11.329 8.26657 11.25 8.45734 11.25 8.65625C11.25 8.85516 11.329 9.04593 11.4697 9.18658C11.6103 9.32723 11.8011 9.40625 12 9.40625H14C14.1989 9.40625 14.3897 9.32723 14.5303 9.18658C14.671 9.04593 14.75 8.85516 14.75 8.65625C14.75 8.45734 14.671 8.26657 14.5303 8.12592C14.3897 7.98527 14.1989 7.90625 14 7.90625ZM11.3588 10.9544C11.289 10.8846 11.2062 10.8293 11.115 10.7915C11.0239 10.7538 10.9262 10.7343 10.8275 10.7343C10.7288 10.7343 10.6311 10.7538 10.54 10.7915C10.4488 10.8293 10.366 10.8846 10.2963 10.9544C10.2265 11.0241 10.1711 11.107 10.1334 11.1981C10.0956 11.2893 10.0762 11.387 10.0762 11.4856C10.0762 11.5843 10.0956 11.682 10.1334 11.7731C10.1711 11.8643 10.2265 11.9471 10.2963 12.0169L11.7106 13.4312C11.8515 13.5721 12.0426 13.6513 12.2419 13.6513C12.4411 13.6513 12.6322 13.5721 12.7731 13.4312C12.914 13.2904 12.9932 13.0993 12.9932 12.9C12.9932 12.7007 12.914 12.5096 12.7731 12.3687L11.3588 10.9544ZM8 11.9062C7.80109 11.9062 7.61032 11.9853 7.46967 12.1259C7.32902 12.2666 7.25 12.4573 7.25 12.6562V14.6562C7.25 14.8552 7.32902 15.0459 7.46967 15.1866C7.61032 15.3272 7.80109 15.4062 8 15.4062C8.19891 15.4062 8.38968 15.3272 8.53033 15.1866C8.67098 15.0459 8.75 14.8552 8.75 14.6562V12.6562C8.75 12.4573 8.67098 12.2666 8.53033 12.1259C8.38968 11.9853 8.19891 11.9062 8 11.9062ZM4.64125 10.9544L3.22688 12.3687C3.08598 12.5096 3.00682 12.7007 3.00682 12.9C3.00682 13.0993 3.08598 13.2904 3.22688 13.4312C3.36777 13.5721 3.55887 13.6513 3.75813 13.6513C3.95738 13.6513 4.14848 13.5721 4.28937 13.4312L5.70375 12.0169C5.84465 11.876 5.9238 11.6849 5.9238 11.4856C5.9238 11.2864 5.84465 11.0953 5.70375 10.9544C5.56285 10.8135 5.37176 10.7343 5.1725 10.7343C4.97324 10.7343 4.78215 10.8135 4.64125 10.9544ZM4.75 8.65625C4.75 8.45734 4.67098 8.26657 4.53033 8.12592C4.38968 7.98527 4.19891 7.90625 4 7.90625H2C1.80109 7.90625 1.61032 7.98527 1.46967 8.12592C1.32902 8.26657 1.25 8.45734 1.25 8.65625C1.25 8.85516 1.32902 9.04593 1.46967 9.18658C1.61032 9.32723 1.80109 9.40625 2 9.40625H4C4.19891 9.40625 4.38968 9.32723 4.53033 9.18658C4.67098 9.04593 4.75 8.85516 4.75 8.65625ZM4.2875 3.88313C4.1466 3.74223 3.95551 3.66307 3.75625 3.66307C3.55699 3.66307 3.3659 3.74223 3.225 3.88313C3.0841 4.02402 3.00495 4.21512 3.00495 4.41438C3.00495 4.61363 3.0841 4.80473 3.225 4.94562L4.64125 6.35813C4.78215 6.49902 4.97324 6.57818 5.1725 6.57818C5.37176 6.57818 5.56285 6.49902 5.70375 6.35813C5.84465 6.21723 5.9238 6.02613 5.9238 5.82688C5.9238 5.62762 5.84465 5.43652 5.70375 5.29563L4.2875 3.88313Z"
+        fill="currentColor"
+      />
+    </svg>`;
+    }
+};
+WuiLoadingSpinner.styles = [resetStyles, styles];
+__decorate([
+    n()
+], WuiLoadingSpinner.prototype, "color", void 0);
+__decorate([
+    n()
+], WuiLoadingSpinner.prototype, "size", void 0);
+WuiLoadingSpinner = __decorate([
+    customElement('wui-loading-spinner')
+], WuiLoadingSpinner);
+//# sourceMappingURL=index-CoMTkqee.js.map
+
+//# sourceMappingURL=index-CoMTkqee.js.map