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

package/dist/index-BKk3ruzQ.js

@@ -0,0 +1,456 @@
+import { m as css, r as resetStyles, n as elementStyles, o as i, x, q as i$1, au as W3mFrameHelpers, R as RouterController, F as ConnectorController, a as CoreHelperUtil, S as SnackController } from "./appkit-BelUXm_6.js";
+import { n, r } from "./class-map-ZEs4CrSH.js";
+import { c as customElement, U as UiHelperUtil } from "./index-jvpHgQNC.js";
+import "./index-LKmHdTip.js";
+import "./index-Q4ByiA8h.js";
+const 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 = function(decorators, target, key, desc) {
+  var c = arguments.length, r2 = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) r2 = (c < 3 ? d(r2) : c > 3 ? d(target, key, r2) : d(target, key)) || r2;
+  return c > 3 && r2 && Object.defineProperty(target, key, r2), r2;
+};
+let WuiInputNumeric = class WuiInputNumeric2 extends i {
+  constructor() {
+    super(...arguments);
+    this.disabled = false;
+    this.value = "";
+  }
+  render() {
+    return x`<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);
+const styles$1 = i$1`
+  :host {
+    position: relative;
+    display: block;
+  }
+`;
+var __decorate$1 = function(decorators, target, key, desc) {
+  var c = arguments.length, r2 = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) r2 = (c < 3 ? d(r2) : c > 3 ? d(target, key, r2) : d(target, key)) || r2;
+  return c > 3 && r2 && Object.defineProperty(target, key, r2), r2;
+};
+let WuiOtp = class WuiOtp2 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;
+      }
+    };
+    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) : void 0;
+        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) : void 0;
+        if (input) {
+          input.focus();
+        }
+      }
+    };
+  }
+  firstUpdated() {
+    var _a, _b;
+    if (this.otp) {
+      this.values = this.otp.split("");
+    }
+    const numericElements = (_a = this.shadowRoot) == null ? void 0 : _a.querySelectorAll("wui-input-numeric");
+    if (numericElements) {
+      this.numerics = Array.from(numericElements);
+    }
+    (_b = this.numerics[0]) == null ? void 0 : _b.focus();
+  }
+  render() {
+    return x`
+      <wui-flex gap="1" data-testid="wui-otp-input">
+        ${Array.from({ length: this.length }).map((_, index) => x`
+            <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) : void 0);
+    if (input) {
+      input.value = value;
+      this.values = this.values.map((val, i2) => i2 === index ? value : val);
+    }
+  }
+  selectInput(e) {
+    const targetElement = e.target;
+    if (targetElement) {
+      const inputElement = this.getInputElement(targetElement);
+      inputElement == null ? void 0 : 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) : void 0;
+        if (nextInput) {
+          this.handlePaste(nextInput, inputString, index + 1);
+        }
+      } else {
+        this.focusInputField("next", index);
+      }
+    } else {
+      this.updateInput(input, index, "");
+    }
+  }
+  getInputElement(el) {
+    var _a;
+    if ((_a = el.shadowRoot) == null ? void 0 : _a.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);
+const styles = i$1`
+  wui-loading-spinner {
+    margin: 9px auto;
+  }
+
+  .email-display,
+  .email-display wui-text {
+    max-width: 100%;
+  }
+`;
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r2 = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) r2 = (c < 3 ? d(r2) : c > 3 ? d(target, key, r2) : d(target, key)) || r2;
+  return c > 3 && r2 && Object.defineProperty(target, key, r2), r2;
+};
+var W3mEmailOtpWidget_1;
+let W3mEmailOtpWidget = W3mEmailOtpWidget_1 = class W3mEmailOtpWidget2 extends i {
+  firstUpdated() {
+    this.startOTPTimeout();
+  }
+  disconnectedCallback() {
+    clearTimeout(this.OTPTimeout);
+  }
+  constructor() {
+    var _a;
+    super();
+    this.loading = false;
+    this.timeoutTimeLeft = W3mFrameHelpers.getTimeToNextEmailLogin();
+    this.error = "";
+    this.otp = "";
+    this.email = (_a = RouterController.state.data) == null ? void 0 : _a.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 x`
+      <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 ? x`<wui-loading-spinner size="xl" color="accent-primary"></wui-loading-spinner>` : x` <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 ? x`
+                    <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);
+      }
+    }, 1e3);
+  }
+  async onOtpInputChange(event) {
+    var _a;
+    try {
+      if (!this.loading) {
+        this.otp = event.detail;
+        if (this.shouldSubmitOnOtpChange()) {
+          this.loading = true;
+          await ((_a = this.onOtpSubmit) == null ? void 0 : _a.call(this, 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-BKk3ruzQ.js.map

package/dist/index-BKk3ruzQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BKk3ruzQ.js","sources":["../../ui/dist/esm/src/composites/wui-input-numeric/styles.js","../../ui/dist/esm/src/composites/wui-input-numeric/index.js","../../ui/dist/esm/src/composites/wui-otp/styles.js","../../ui/dist/esm/src/composites/wui-otp/index.js","../../scaffold-ui/dist/esm/src/utils/w3m-email-otp-widget/styles.js","../../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","r","i","WuiInputNumeric","LitElement","html","styles","property","css","WuiOtp","state","W3mEmailOtpWidget"],"mappings":"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"}