@multiversx/sdk-dapp-liquidity 1.0.12 → 1.0.14

package/email-Znno7H8_.mjs

@@ -0,0 +1,878 @@
+import { i, c as resetStyles, e as elementStyles, f as i$1, x } from "./bitcoin-dNBGbS2B.mjs";
+import { n, c as customElement, r, U as UiHelperUtil } from "./if-defined-DjC5UMfF.mjs";
+import "./index-CcgeRPs2.mjs";
+import "./index-Dx7NyDyv.mjs";
+import { b as W3mFrameHelpers, C as ConstantsUtil } from "./react-M-DnxvZl.mjs";
+import { R as RouterController, k as ConnectorController, d as CoreHelperUtil, S as SnackController, E as EventsController, C as ConnectionController, c as ChainController, O as OptionsController, M as ModalController, l as ConstantsUtil$1 } from "./react-BWxe90Ar.mjs";
+import "./index-42Rpweo5.mjs";
+import { e, n as n$1 } from "./ref-CqxfRkBm.mjs";
+import "./index-DT_mc1hV.mjs";
+import "./index-oCj_SpOa.mjs";
+const styles$4 = i`
+  :host {
+    position: relative;
+    display: inline-block;
+  }
+
+  input {
+    width: 50px;
+    height: 50px;
+    background: var(--wui-color-gray-glass-010);
+    border-radius: var(--wui-border-radius-xs);
+    border: 1px solid var(--wui-color-gray-glass-005);
+    font-family: var(--wui-font-family);
+    font-size: var(--wui-font-size-large);
+    font-weight: var(--wui-font-weight-regular);
+    letter-spacing: var(--wui-letter-spacing-large);
+    text-align: center;
+    color: var(--wui-color-fg-100);
+    caret-color: var(--wui-color-accent-100);
+    transition:
+      background-color var(--wui-ease-inout-power-1) var(--wui-duration-md),
+      border-color var(--wui-ease-inout-power-1) var(--wui-duration-md),
+      box-shadow var(--wui-ease-inout-power-1) var(--wui-duration-md);
+    will-change: background-color, border-color, box-shadow;
+    box-sizing: border-box;
+    -webkit-appearance: none;
+    -moz-appearance: textfield;
+    padding: 0px;
+  }
+
+  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;
+    border: 1px solid var(--wui-color-gray-glass-010);
+    background: var(--wui-color-gray-glass-005);
+  }
+
+  input:focus:enabled {
+    background-color: var(--wui-color-gray-glass-015);
+    border: 1px solid var(--wui-color-accent-100);
+    -webkit-box-shadow: 0px 0px 0px 4px var(--wui-box-shadow-blue);
+    -moz-box-shadow: 0px 0px 0px 4px var(--wui-box-shadow-blue);
+    box-shadow: 0px 0px 0px 4px var(--wui-box-shadow-blue);
+  }
+
+  @media (hover: hover) and (pointer: fine) {
+    input:hover:enabled {
+      background-color: var(--wui-color-gray-glass-015);
+    }
+  }
+`;
+var __decorate$8 = 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$1 {
+  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$4];
+__decorate$8([
+  n({ type: Boolean })
+], WuiInputNumeric.prototype, "disabled", void 0);
+__decorate$8([
+  n({ type: String })
+], WuiInputNumeric.prototype, "value", void 0);
+WuiInputNumeric = __decorate$8([
+  customElement("wui-input-numeric")
+], WuiInputNumeric);
+const styles$3 = i`
+  :host {
+    position: relative;
+    display: block;
+  }
+`;
+var __decorate$7 = 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$1 {
+  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 = (e2, index) => {
+      const inputElement = e2.target;
+      const input = this.getInputElement(inputElement);
+      const keyArr = ["ArrowLeft", "ArrowRight", "Shift", "Delete"];
+      if (!input) {
+        return;
+      }
+      if (keyArr.includes(e2.key)) {
+        e2.preventDefault();
+      }
+      const currentCaretPos = input.selectionStart;
+      switch (e2.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="xxs" data-testid="wui-otp-input">
+        ${Array.from({ length: this.length }).map((_, index) => x`
+            <wui-input-numeric
+              @input=${(e2) => this.handleInput(e2, index)}
+              @click=${(e2) => this.selectInput(e2)}
+              @keydown=${(e2) => this.handleKeyDown(e2, 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(e2) {
+    const targetElement = e2.target;
+    if (targetElement) {
+      const inputElement = this.getInputElement(targetElement);
+      inputElement == null ? void 0 : inputElement.select();
+    }
+  }
+  handleInput(e2, index) {
+    const inputElement = e2.target;
+    const input = this.getInputElement(inputElement);
+    if (input) {
+      const inputValue = input.value;
+      if (e2.inputType === "insertFromPaste") {
+        this.handlePaste(input, inputValue, index);
+      } else {
+        const isValid = UiHelperUtil.isNumber(inputValue);
+        if (isValid && e2.data) {
+          this.updateInput(input, index, e2.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$3];
+__decorate$7([
+  n({ type: Number })
+], WuiOtp.prototype, "length", void 0);
+__decorate$7([
+  n({ type: String })
+], WuiOtp.prototype, "otp", void 0);
+__decorate$7([
+  r()
+], WuiOtp.prototype, "values", void 0);
+WuiOtp = __decorate$7([
+  customElement("wui-otp")
+], WuiOtp);
+const styles$2 = i`
+  wui-loading-spinner {
+    margin: 9px auto;
+  }
+
+  .email-display,
+  .email-display wui-text {
+    max-width: 100%;
+  }
+`;
+var __decorate$6 = 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;
+};
+const OTP_LENGTH = 6;
+let W3mEmailOtpWidget = class W3mEmailOtpWidget2 extends i$1 {
+  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=${["l", "0", "l", "0"]}
+        gap="l"
+      >
+        <wui-flex
+          class="email-display"
+          flexDirection="column"
+          alignItems="center"
+          .padding=${["0", "xl", "0", "xl"]}
+        >
+          <wui-text variant="paragraph-400" color="fg-100" align="center">
+            Enter the code we sent to
+          </wui-text>
+          <wui-text variant="paragraph-500" color="fg-100" lineClamp="1" align="center">
+            ${this.email}
+          </wui-text>
+        </wui-flex>
+
+        <wui-text variant="small-400" color="fg-200">The code expires in 20 minutes</wui-text>
+
+        ${this.loading ? x`<wui-loading-spinner size="xl" color="accent-100"></wui-loading-spinner>` : x` <wui-flex flexDirection="column" alignItems="center" gap="xs">
+              <wui-otp
+                dissabled
+                length="6"
+                @inputChange=${this.onOtpInputChange.bind(this)}
+                .otp=${this.otp}
+              ></wui-otp>
+              ${this.error ? x`
+                    <wui-text variant="small-400" align="center" color="error-100">
+                      ${this.error}. Try Again
+                    </wui-text>
+                  ` : null}
+            </wui-flex>`}
+
+        <wui-flex alignItems="center" gap="xs">
+          <wui-text variant="small-400" color="fg-200">${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.authConnector && this.otp.length === OTP_LENGTH) {
+          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"}`
+    };
+  }
+};
+W3mEmailOtpWidget.styles = styles$2;
+__decorate$6([
+  r()
+], W3mEmailOtpWidget.prototype, "loading", void 0);
+__decorate$6([
+  r()
+], W3mEmailOtpWidget.prototype, "timeoutTimeLeft", void 0);
+__decorate$6([
+  r()
+], W3mEmailOtpWidget.prototype, "error", void 0);
+W3mEmailOtpWidget = __decorate$6([
+  customElement("w3m-email-otp-widget")
+], W3mEmailOtpWidget);
+var __decorate$5 = 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 W3mEmailVerifyOtpView = class W3mEmailVerifyOtpView2 extends W3mEmailOtpWidget {
+  constructor() {
+    super(...arguments);
+    this.onOtpSubmit = async (otp) => {
+      var _a;
+      try {
+        if (this.authConnector) {
+          await this.authConnector.provider.connectOtp({ otp });
+          EventsController.sendEvent({ type: "track", event: "EMAIL_VERIFICATION_CODE_PASS" });
+          const connectionsByNamespace = ConnectionController.getConnections(ChainController.state.activeChain);
+          const hasConnections = connectionsByNamespace.length > 0;
+          if (ChainController.state.activeChain) {
+            await ConnectionController.connectExternal(this.authConnector, ChainController.state.activeChain);
+          } else {
+            throw new Error("Active chain is not set on ChainControll");
+          }
+          EventsController.sendEvent({
+            type: "track",
+            event: "CONNECT_SUCCESS",
+            properties: { method: "email", name: this.authConnector.name || "Unknown" }
+          });
+          const isMultiWalletEnabled = (_a = OptionsController.state.remoteFeatures) == null ? void 0 : _a.multiWallet;
+          if (OptionsController.state.siwx) {
+            ModalController.close();
+          } else if (hasConnections && isMultiWalletEnabled) {
+            RouterController.replace("ProfileWallets");
+            SnackController.showSuccess("New Wallet Added");
+          } else {
+            ModalController.close();
+          }
+        }
+      } catch (error) {
+        EventsController.sendEvent({
+          type: "track",
+          event: "EMAIL_VERIFICATION_CODE_FAIL",
+          properties: { message: CoreHelperUtil.parseError(error) }
+        });
+        throw error;
+      }
+    };
+    this.onOtpResend = async (email) => {
+      if (this.authConnector) {
+        await this.authConnector.provider.connectEmail({ email });
+        EventsController.sendEvent({ type: "track", event: "EMAIL_VERIFICATION_CODE_SENT" });
+      }
+    };
+  }
+};
+W3mEmailVerifyOtpView = __decorate$5([
+  customElement("w3m-email-verify-otp-view")
+], W3mEmailVerifyOtpView);
+const styles$1 = i`
+  wui-icon-box {
+    height: var(--wui-icon-box-size-xl);
+    width: var(--wui-icon-box-size-xl);
+  }
+`;
+var __decorate$4 = 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 W3mEmailVerifyDeviceView = class W3mEmailVerifyDeviceView2 extends i$1 {
+  constructor() {
+    var _a;
+    super();
+    this.email = (_a = RouterController.state.data) == null ? void 0 : _a.email;
+    this.authConnector = ConnectorController.getAuthConnector();
+    this.loading = false;
+    this.listenForDeviceApproval();
+  }
+  render() {
+    if (!this.email) {
+      throw new Error("w3m-email-verify-device-view: No email provided");
+    }
+    if (!this.authConnector) {
+      throw new Error("w3m-email-verify-device-view: No auth connector provided");
+    }
+    return x`
+      <wui-flex
+        flexDirection="column"
+        alignItems="center"
+        .padding=${["xxl", "s", "xxl", "s"]}
+        gap="l"
+      >
+        <wui-icon-box
+          size="xl"
+          iconcolor="accent-100"
+          backgroundcolor="accent-100"
+          icon="verify"
+          background="opaque"
+        ></wui-icon-box>
+
+        <wui-flex flexDirection="column" alignItems="center" gap="s">
+          <wui-flex flexDirection="column" alignItems="center">
+            <wui-text variant="paragraph-400" color="fg-100">
+              Approve the login link we sent to
+            </wui-text>
+            <wui-text variant="paragraph-400" color="fg-100"><b>${this.email}</b></wui-text>
+          </wui-flex>
+
+          <wui-text variant="small-400" color="fg-200" align="center">
+            The code expires in 20 minutes
+          </wui-text>
+
+          <wui-flex alignItems="center" id="w3m-resend-section" gap="xs">
+            <wui-text variant="small-400" color="fg-100" align="center">
+              Didn't receive it?
+            </wui-text>
+            <wui-link @click=${this.onResendCode.bind(this)} .disabled=${this.loading}>
+              Resend email
+            </wui-link>
+          </wui-flex>
+        </wui-flex>
+      </wui-flex>
+    `;
+  }
+  async listenForDeviceApproval() {
+    if (this.authConnector) {
+      try {
+        await this.authConnector.provider.connectDevice();
+        EventsController.sendEvent({ type: "track", event: "DEVICE_REGISTERED_FOR_EMAIL" });
+        EventsController.sendEvent({ type: "track", event: "EMAIL_VERIFICATION_CODE_SENT" });
+        RouterController.replace("EmailVerifyOtp", { email: this.email });
+      } catch (error) {
+        RouterController.goBack();
+      }
+    }
+  }
+  async onResendCode() {
+    try {
+      if (!this.loading) {
+        if (!this.authConnector || !this.email) {
+          throw new Error("w3m-email-login-widget: Unable to resend email");
+        }
+        this.loading = true;
+        await this.authConnector.provider.connectEmail({ email: this.email });
+        this.listenForDeviceApproval();
+        SnackController.showSuccess("Code email resent");
+      }
+    } catch (error) {
+      SnackController.showError(error);
+    } finally {
+      this.loading = false;
+    }
+  }
+};
+W3mEmailVerifyDeviceView.styles = styles$1;
+__decorate$4([
+  r()
+], W3mEmailVerifyDeviceView.prototype, "loading", void 0);
+W3mEmailVerifyDeviceView = __decorate$4([
+  customElement("w3m-email-verify-device-view")
+], W3mEmailVerifyDeviceView);
+const styles = i`
+  wui-email-input {
+    width: 100%;
+  }
+
+  form {
+    width: 100%;
+    display: block;
+    position: relative;
+  }
+`;
+var __decorate$3 = 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 W3mUpdateEmailWalletView = class W3mUpdateEmailWalletView2 extends i$1 {
+  constructor() {
+    var _a, _b;
+    super(...arguments);
+    this.formRef = e();
+    this.initialEmail = ((_a = RouterController.state.data) == null ? void 0 : _a.email) ?? "";
+    this.redirectView = (_b = RouterController.state.data) == null ? void 0 : _b.redirectView;
+    this.email = "";
+    this.loading = false;
+  }
+  firstUpdated() {
+    var _a;
+    (_a = this.formRef.value) == null ? void 0 : _a.addEventListener("keydown", (event) => {
+      if (event.key === "Enter") {
+        this.onSubmitEmail(event);
+      }
+    });
+  }
+  render() {
+    return x`
+      <wui-flex flexDirection="column" padding="m" gap="m">
+        <form ${n$1(this.formRef)} @submit=${this.onSubmitEmail.bind(this)}>
+          <wui-email-input
+            value=${this.initialEmail}
+            .disabled=${this.loading}
+            @inputChange=${this.onEmailInputChange.bind(this)}
+          >
+          </wui-email-input>
+          <input type="submit" hidden />
+        </form>
+        ${this.buttonsTemplate()}
+      </wui-flex>
+    `;
+  }
+  onEmailInputChange(event) {
+    this.email = event.detail;
+  }
+  async onSubmitEmail(event) {
+    try {
+      if (this.loading) {
+        return;
+      }
+      this.loading = true;
+      event.preventDefault();
+      const authConnector = ConnectorController.getAuthConnector();
+      if (!authConnector) {
+        throw new Error("w3m-update-email-wallet: Auth connector not found");
+      }
+      const response = await authConnector.provider.updateEmail({ email: this.email });
+      EventsController.sendEvent({ type: "track", event: "EMAIL_EDIT" });
+      if (response.action === "VERIFY_SECONDARY_OTP") {
+        RouterController.push("UpdateEmailSecondaryOtp", {
+          email: this.initialEmail,
+          newEmail: this.email,
+          redirectView: this.redirectView
+        });
+      } else {
+        RouterController.push("UpdateEmailPrimaryOtp", {
+          email: this.initialEmail,
+          newEmail: this.email,
+          redirectView: this.redirectView
+        });
+      }
+    } catch (error) {
+      SnackController.showError(error);
+      this.loading = false;
+    }
+  }
+  buttonsTemplate() {
+    const showSubmit = !this.loading && this.email.length > 3 && this.email !== this.initialEmail;
+    if (!this.redirectView) {
+      return x`
+        <wui-button
+          size="md"
+          variant="main"
+          fullWidth
+          @click=${this.onSubmitEmail.bind(this)}
+          .disabled=${!showSubmit}
+          .loading=${this.loading}
+        >
+          Save
+        </wui-button>
+      `;
+    }
+    return x`
+      <wui-flex gap="s">
+        <wui-button size="md" variant="neutral" fullWidth @click=${RouterController.goBack}>
+          Cancel
+        </wui-button>
+
+        <wui-button
+          size="md"
+          variant="main"
+          fullWidth
+          @click=${this.onSubmitEmail.bind(this)}
+          .disabled=${!showSubmit}
+          .loading=${this.loading}
+        >
+          Save
+        </wui-button>
+      </wui-flex>
+    `;
+  }
+};
+W3mUpdateEmailWalletView.styles = styles;
+__decorate$3([
+  r()
+], W3mUpdateEmailWalletView.prototype, "email", void 0);
+__decorate$3([
+  r()
+], W3mUpdateEmailWalletView.prototype, "loading", void 0);
+W3mUpdateEmailWalletView = __decorate$3([
+  customElement("w3m-update-email-wallet-view")
+], W3mUpdateEmailWalletView);
+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 W3mUpdateEmailPrimaryOtpView = class W3mUpdateEmailPrimaryOtpView2 extends W3mEmailOtpWidget {
+  constructor() {
+    var _a;
+    super();
+    this.email = (_a = RouterController.state.data) == null ? void 0 : _a.email;
+    this.onOtpSubmit = async (otp) => {
+      try {
+        if (this.authConnector) {
+          await this.authConnector.provider.updateEmailPrimaryOtp({ otp });
+          EventsController.sendEvent({ type: "track", event: "EMAIL_VERIFICATION_CODE_PASS" });
+          RouterController.replace("UpdateEmailSecondaryOtp", RouterController.state.data);
+        }
+      } catch (error) {
+        EventsController.sendEvent({
+          type: "track",
+          event: "EMAIL_VERIFICATION_CODE_FAIL",
+          properties: { message: CoreHelperUtil.parseError(error) }
+        });
+        throw error;
+      }
+    };
+    this.onStartOver = () => {
+      RouterController.replace("UpdateEmailWallet", RouterController.state.data);
+    };
+  }
+};
+W3mUpdateEmailPrimaryOtpView = __decorate$2([
+  customElement("w3m-update-email-primary-otp-view")
+], W3mUpdateEmailPrimaryOtpView);
+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 W3mUpdateEmailSecondaryOtpView = class W3mUpdateEmailSecondaryOtpView2 extends W3mEmailOtpWidget {
+  constructor() {
+    var _a, _b;
+    super();
+    this.email = (_a = RouterController.state.data) == null ? void 0 : _a.newEmail;
+    this.redirectView = (_b = RouterController.state.data) == null ? void 0 : _b.redirectView;
+    this.onOtpSubmit = async (otp) => {
+      try {
+        if (this.authConnector) {
+          await this.authConnector.provider.updateEmailSecondaryOtp({ otp });
+          EventsController.sendEvent({ type: "track", event: "EMAIL_VERIFICATION_CODE_PASS" });
+          if (this.redirectView) {
+            RouterController.reset(this.redirectView);
+          }
+        }
+      } catch (error) {
+        EventsController.sendEvent({
+          type: "track",
+          event: "EMAIL_VERIFICATION_CODE_FAIL",
+          properties: { message: CoreHelperUtil.parseError(error) }
+        });
+        throw error;
+      }
+    };
+    this.onStartOver = () => {
+      RouterController.replace("UpdateEmailWallet", RouterController.state.data);
+    };
+  }
+};
+W3mUpdateEmailSecondaryOtpView = __decorate$1([
+  customElement("w3m-update-email-secondary-otp-view")
+], W3mUpdateEmailSecondaryOtpView);
+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;
+};
+let W3mEmailLoginView = class W3mEmailLoginView2 extends i$1 {
+  constructor() {
+    var _a;
+    super();
+    this.authConnector = ConnectorController.getAuthConnector();
+    this.isEmailEnabled = (_a = OptionsController.state.remoteFeatures) == null ? void 0 : _a.email;
+    this.isAuthEnabled = this.checkIfAuthEnabled(ConnectorController.state.connectors);
+    this.connectors = ConnectorController.state.connectors;
+    ConnectorController.subscribeKey("connectors", (val) => {
+      this.connectors = val;
+      this.isAuthEnabled = this.checkIfAuthEnabled(this.connectors);
+    });
+  }
+  render() {
+    if (!this.isEmailEnabled) {
+      throw new Error("w3m-email-login-view: Email is not enabled");
+    }
+    if (!this.isAuthEnabled) {
+      throw new Error("w3m-email-login-view: No auth connector provided");
+    }
+    return x`<wui-flex
+      flexDirection="column"
+      .padding=${["3xs", "m", "m", "m"]}
+      gap="l"
+    >
+      <w3m-email-login-widget></w3m-email-login-widget>
+    </wui-flex> `;
+  }
+  checkIfAuthEnabled(connectors) {
+    const namespacesWithAuthConnector = connectors.filter((c) => c.type === ConstantsUtil.CONNECTOR_TYPE_AUTH).map((i2) => i2.chain);
+    const authSupportedNamespaces = ConstantsUtil$1.AUTH_CONNECTOR_SUPPORTED_CHAINS;
+    return authSupportedNamespaces.some((ns) => namespacesWithAuthConnector.includes(ns));
+  }
+};
+__decorate([
+  r()
+], W3mEmailLoginView.prototype, "connectors", void 0);
+W3mEmailLoginView = __decorate([
+  customElement("w3m-email-login-view")
+], W3mEmailLoginView);
+export {
+  W3mEmailLoginView,
+  W3mEmailVerifyDeviceView,
+  W3mEmailVerifyOtpView,
+  W3mUpdateEmailPrimaryOtpView,
+  W3mUpdateEmailSecondaryOtpView,
+  W3mUpdateEmailWalletView
+};