@multiversx/sdk-dapp-liquidity 1.0.12 → 1.0.14

package/embedded-wallet-B9ro9Tel.js

@@ -0,0 +1,549 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const bitcoin = require("./bitcoin-DAvQGpeP.js");
+const ifDefined = require("./if-defined-CJ5EZLw2.js");
+const react = require("./react-BzZcQig5.js");
+const index = require("./index-8VyNYS01.js");
+const ref = require("./ref-FGI2cUQB.js");
+require("./index-dnFzVpGy.js");
+require("./index-BQf6VHil.js");
+require("./index-BxSUTfaY.js");
+require("./index-ChFNkSxT.js");
+const react$1 = require("./react-C_wTMVq_.js");
+require("./index-BXkamf-I.js");
+require("./index-BBwuv2SS.js");
+require("./index-DZEwxUMS.js");
+const styles$3 = bitcoin.i`
+  div {
+    width: 100%;
+  }
+
+  [data-ready='false'] {
+    transform: scale(1.05);
+  }
+
+  @media (max-width: 430px) {
+    [data-ready='false'] {
+      transform: translateY(-50px);
+    }
+  }
+`;
+var __decorate$4 = 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;
+};
+const PAGE_HEIGHT = 600;
+const PAGE_WIDTH = 360;
+const HEADER_HEIGHT = 64;
+exports.W3mApproveTransactionView = class W3mApproveTransactionView extends bitcoin.i$1 {
+  constructor() {
+    super();
+    this.bodyObserver = void 0;
+    this.unsubscribe = [];
+    this.iframe = document.getElementById("w3m-iframe");
+    this.ready = false;
+    this.unsubscribe.push(...[
+      react.ModalController.subscribeKey("open", (isOpen) => {
+        if (!isOpen) {
+          this.onHideIframe();
+        }
+      }),
+      react.ModalController.subscribeKey("shake", (val) => {
+        if (val) {
+          this.iframe.style.animation = `w3m-shake 500ms var(--wui-ease-out-power-2)`;
+        } else {
+          this.iframe.style.animation = "none";
+        }
+      })
+    ]);
+  }
+  disconnectedCallback() {
+    var _a;
+    this.onHideIframe();
+    this.unsubscribe.forEach((unsubscribe) => unsubscribe());
+    (_a = this.bodyObserver) == null ? void 0 : _a.unobserve(window.document.body);
+  }
+  async firstUpdated() {
+    var _a;
+    await this.syncTheme();
+    this.iframe.style.display = "block";
+    const container = (_a = this == null ? void 0 : this.renderRoot) == null ? void 0 : _a.querySelector("div");
+    this.bodyObserver = new ResizeObserver((entries) => {
+      var _a2, _b;
+      const contentBoxSize = (_a2 = entries == null ? void 0 : entries[0]) == null ? void 0 : _a2.contentBoxSize;
+      const width = (_b = contentBoxSize == null ? void 0 : contentBoxSize[0]) == null ? void 0 : _b.inlineSize;
+      this.iframe.style.height = `${PAGE_HEIGHT}px`;
+      container.style.height = `${PAGE_HEIGHT}px`;
+      if (width && width <= 430) {
+        this.iframe.style.width = "100%";
+        this.iframe.style.left = "0px";
+        this.iframe.style.bottom = "0px";
+        this.iframe.style.top = "unset";
+      } else {
+        this.iframe.style.width = `${PAGE_WIDTH}px`;
+        this.iframe.style.left = `calc(50% - ${PAGE_WIDTH / 2}px)`;
+        this.iframe.style.top = `calc(50% - ${PAGE_HEIGHT / 2}px + ${HEADER_HEIGHT / 2}px)`;
+        this.iframe.style.bottom = "unset";
+      }
+      this.ready = true;
+      this.onShowIframe();
+    });
+    this.bodyObserver.observe(window.document.body);
+  }
+  render() {
+    return bitcoin.x`<div data-ready=${this.ready} id="w3m-frame-container"></div>`;
+  }
+  onShowIframe() {
+    const isMobile = window.innerWidth <= 430;
+    this.iframe.style.animation = isMobile ? "w3m-iframe-zoom-in-mobile 200ms var(--wui-ease-out-power-2)" : "w3m-iframe-zoom-in 200ms var(--wui-ease-out-power-2)";
+  }
+  onHideIframe() {
+    this.iframe.style.display = "none";
+    this.iframe.style.animation = "w3m-iframe-fade-out 200ms var(--wui-ease-out-power-2)";
+  }
+  async syncTheme() {
+    const authConnector = react.ConnectorController.getAuthConnector();
+    if (authConnector) {
+      const themeMode = react.ThemeController.getSnapshot().themeMode;
+      const themeVariables = react.ThemeController.getSnapshot().themeVariables;
+      await authConnector.provider.syncTheme({
+        themeVariables,
+        w3mThemeVariables: bitcoin.getW3mThemeVariables(themeVariables, themeMode)
+      });
+    }
+  }
+};
+exports.W3mApproveTransactionView.styles = styles$3;
+__decorate$4([
+  ifDefined.r()
+], exports.W3mApproveTransactionView.prototype, "ready", void 0);
+exports.W3mApproveTransactionView = __decorate$4([
+  ifDefined.customElement("w3m-approve-transaction-view")
+], exports.W3mApproveTransactionView);
+var __decorate$3 = 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;
+};
+exports.W3mUpgradeWalletView = class W3mUpgradeWalletView extends bitcoin.i$1 {
+  render() {
+    return bitcoin.x`
+      <wui-flex flexDirection="column" alignItems="center" gap="xl" padding="xl">
+        <wui-text variant="paragraph-400" color="fg-100">Follow the instructions on</wui-text>
+        <wui-chip
+          icon="externalLink"
+          variant="fill"
+          href=${react.ConstantsUtil.SECURE_SITE_DASHBOARD}
+          imageSrc=${react.ConstantsUtil.SECURE_SITE_FAVICON}
+          data-testid="w3m-secure-website-button"
+        >
+        </wui-chip>
+        <wui-text variant="small-400" color="fg-200">
+          You will have to reconnect for security reasons
+        </wui-text>
+      </wui-flex>
+    `;
+  }
+};
+exports.W3mUpgradeWalletView = __decorate$3([
+  ifDefined.customElement("w3m-upgrade-wallet-view")
+], exports.W3mUpgradeWalletView);
+const styles$2 = bitcoin.i`
+  :host {
+    position: relative;
+    width: 100%;
+    display: inline-block;
+    color: var(--wui-color-fg-275);
+  }
+
+  .error {
+    margin: var(--wui-spacing-xxs) var(--wui-spacing-m) var(--wui-spacing-0) var(--wui-spacing-m);
+  }
+
+  .base-name {
+    position: absolute;
+    right: 45px;
+    top: 15px;
+    text-align: right;
+  }
+`;
+var __decorate$2 = 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 WuiEnsInput = class WuiEnsInput2 extends bitcoin.i$1 {
+  constructor() {
+    super(...arguments);
+    this.disabled = false;
+    this.loading = false;
+  }
+  render() {
+    return bitcoin.x`
+      <wui-input-text
+        value=${ifDefined.o(this.value)}
+        ?disabled=${this.disabled}
+        .value=${this.value || ""}
+        data-testid="wui-ens-input"
+        inputRightPadding="5xl"
+      >
+        ${this.baseNameTemplate()} ${this.errorTemplate()}${this.loadingTemplate()}
+      </wui-input-text>
+    `;
+  }
+  baseNameTemplate() {
+    return bitcoin.x`<wui-text variant="paragraph-400" color="fg-200" class="base-name">
+      ${react.ConstantsUtil$1.WC_NAME_SUFFIX}
+    </wui-text>`;
+  }
+  loadingTemplate() {
+    return this.loading ? bitcoin.x`<wui-loading-spinner size="md" color="accent-100"></wui-loading-spinner>` : null;
+  }
+  errorTemplate() {
+    if (this.errorMessage) {
+      return bitcoin.x`<wui-text variant="tiny-500" color="error-100" class="error"
+        >${this.errorMessage}</wui-text
+      >`;
+    }
+    return null;
+  }
+};
+WuiEnsInput.styles = [bitcoin.resetStyles, styles$2];
+__decorate$2([
+  ifDefined.n()
+], WuiEnsInput.prototype, "errorMessage", void 0);
+__decorate$2([
+  ifDefined.n({ type: Boolean })
+], WuiEnsInput.prototype, "disabled", void 0);
+__decorate$2([
+  ifDefined.n()
+], WuiEnsInput.prototype, "value", void 0);
+__decorate$2([
+  ifDefined.n({ type: Boolean })
+], WuiEnsInput.prototype, "loading", void 0);
+WuiEnsInput = __decorate$2([
+  ifDefined.customElement("wui-ens-input")
+], WuiEnsInput);
+const styles$1 = bitcoin.i`
+  wui-flex {
+    width: 100%;
+  }
+
+  .suggestion {
+    background: var(--wui-color-gray-glass-002);
+    border-radius: var(--wui-border-radius-xs);
+  }
+
+  .suggestion:hover {
+    background-color: var(--wui-color-gray-glass-005);
+    cursor: pointer;
+  }
+
+  .suggested-name {
+    max-width: 75%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  form {
+    width: 100%;
+  }
+
+  wui-icon-link {
+    position: absolute;
+    right: 20px;
+    transform: translateY(11px);
+  }
+`;
+var __decorate$1 = 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;
+};
+exports.W3mRegisterAccountNameView = class W3mRegisterAccountNameView extends bitcoin.i$1 {
+  constructor() {
+    super();
+    this.formRef = ref.e();
+    this.usubscribe = [];
+    this.name = "";
+    this.error = "";
+    this.loading = react$1.EnsController.state.loading;
+    this.suggestions = react$1.EnsController.state.suggestions;
+    this.registered = false;
+    this.profileName = react.AccountController.state.profileName;
+    this.onDebouncedNameInputChange = react.CoreHelperUtil.debounce((value) => {
+      if (react$1.EnsController.validateName(value)) {
+        this.error = "";
+        this.name = value;
+        react$1.EnsController.getSuggestions(value);
+        react$1.EnsController.isNameRegistered(value).then((registered) => {
+          this.registered = registered;
+        });
+      } else if (value.length < 4) {
+        this.error = "Name must be at least 4 characters long";
+      } else {
+        this.error = "Can only contain letters, numbers and - characters";
+      }
+    });
+    this.usubscribe.push(...[
+      react$1.EnsController.subscribe((val) => {
+        this.suggestions = val.suggestions;
+        this.loading = val.loading;
+      }),
+      react.AccountController.subscribeKey("profileName", (val) => {
+        this.profileName = val;
+        if (val) {
+          this.error = "You already own a name";
+        }
+      })
+    ]);
+  }
+  firstUpdated() {
+    var _a;
+    (_a = this.formRef.value) == null ? void 0 : _a.addEventListener("keydown", this.onEnterKey.bind(this));
+  }
+  disconnectedCallback() {
+    var _a;
+    super.disconnectedCallback();
+    this.usubscribe.forEach((unsub) => unsub());
+    (_a = this.formRef.value) == null ? void 0 : _a.removeEventListener("keydown", this.onEnterKey.bind(this));
+  }
+  render() {
+    return bitcoin.x`
+      <wui-flex
+        flexDirection="column"
+        alignItems="center"
+        gap="m"
+        .padding=${["0", "s", "m", "s"]}
+      >
+        <form ${ref.n(this.formRef)} @submit=${this.onSubmitName.bind(this)}>
+          <wui-ens-input
+            @inputChange=${this.onNameInputChange.bind(this)}
+            .errorMessage=${this.error}
+            .value=${this.name}
+          >
+          </wui-ens-input>
+          ${this.submitButtonTemplate()}
+          <input type="submit" hidden />
+        </form>
+        ${this.templateSuggestions()}
+      </wui-flex>
+    `;
+  }
+  submitButtonTemplate() {
+    const showSubmit = this.isAllowedToSubmit();
+    return showSubmit ? bitcoin.x`
+          <wui-icon-link
+            size="sm"
+            icon="chevronRight"
+            iconcolor="accent-100"
+            @click=${this.onSubmitName.bind(this)}
+          >
+          </wui-icon-link>
+        ` : null;
+  }
+  onSelectSuggestion(name) {
+    return () => {
+      this.name = name;
+      this.registered = false;
+      this.requestUpdate();
+    };
+  }
+  onNameInputChange(event) {
+    this.onDebouncedNameInputChange(event.detail);
+  }
+  nameSuggestionTagTemplate() {
+    if (this.loading) {
+      return bitcoin.x`<wui-loading-spinner size="lg" color="fg-100"></wui-loading-spinner>`;
+    }
+    return this.registered ? bitcoin.x`<wui-tag variant="shade" size="lg">Registered</wui-tag>` : bitcoin.x`<wui-tag variant="success" size="lg">Available</wui-tag>`;
+  }
+  templateSuggestions() {
+    if (!this.name || this.name.length < 4 || this.error) {
+      return null;
+    }
+    const suggestions = this.registered ? this.suggestions.filter((s) => s.name !== this.name) : [];
+    return bitcoin.x`<wui-flex flexDirection="column" gap="xxs" alignItems="center">
+      <wui-flex
+        data-testid="account-name-suggestion"
+        .padding=${["m", "m", "m", "m"]}
+        justifyContent="space-between"
+        class="suggestion"
+        @click=${this.onSubmitName.bind(this)}
+      >
+        <wui-text color="fg-100" variant="paragraph-400" class="suggested-name">
+          ${this.name}</wui-text
+        >${this.nameSuggestionTagTemplate()}
+      </wui-flex>
+      ${suggestions.map((suggestion) => this.availableNameTemplate(suggestion.name))}
+    </wui-flex>`;
+  }
+  availableNameTemplate(suggestion) {
+    return bitcoin.x` <wui-flex
+      data-testid="account-name-suggestion"
+      .padding=${["m", "m", "m", "m"]}
+      justifyContent="space-between"
+      class="suggestion"
+      @click=${this.onSelectSuggestion(suggestion)}
+    >
+      <wui-text color="fg-100" variant="paragraph-400" class="suggested-name">
+        ${suggestion}
+      </wui-text>
+      <wui-tag variant="success" size="lg">Available</wui-tag>
+    </wui-flex>`;
+  }
+  isAllowedToSubmit() {
+    return !this.loading && !this.registered && !this.error && !this.profileName && react$1.EnsController.validateName(this.name);
+  }
+  async onSubmitName() {
+    const activeChainNamespace = react.ChainController.state.activeChain;
+    try {
+      if (!this.isAllowedToSubmit()) {
+        return;
+      }
+      const ensName = `${this.name}${react.ConstantsUtil$1.WC_NAME_SUFFIX}`;
+      react.EventsController.sendEvent({
+        type: "track",
+        event: "REGISTER_NAME_INITIATED",
+        properties: {
+          isSmartAccount: react.getPreferredAccountType(activeChainNamespace) === react.W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT,
+          ensName
+        }
+      });
+      await react$1.EnsController.registerName(ensName);
+      react.EventsController.sendEvent({
+        type: "track",
+        event: "REGISTER_NAME_SUCCESS",
+        properties: {
+          isSmartAccount: react.getPreferredAccountType(activeChainNamespace) === react.W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT,
+          ensName
+        }
+      });
+    } catch (error) {
+      react.SnackController.showError(error.message);
+      react.EventsController.sendEvent({
+        type: "track",
+        event: "REGISTER_NAME_ERROR",
+        properties: {
+          isSmartAccount: react.getPreferredAccountType(activeChainNamespace) === react.W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT,
+          ensName: `${this.name}${react.ConstantsUtil$1.WC_NAME_SUFFIX}`,
+          error: (error == null ? void 0 : error.message) || "Unknown error"
+        }
+      });
+    }
+  }
+  onEnterKey(event) {
+    if (event.key === "Enter" && this.isAllowedToSubmit()) {
+      this.onSubmitName();
+    }
+  }
+};
+exports.W3mRegisterAccountNameView.styles = styles$1;
+__decorate$1([
+  ifDefined.n()
+], exports.W3mRegisterAccountNameView.prototype, "errorMessage", void 0);
+__decorate$1([
+  ifDefined.r()
+], exports.W3mRegisterAccountNameView.prototype, "name", void 0);
+__decorate$1([
+  ifDefined.r()
+], exports.W3mRegisterAccountNameView.prototype, "error", void 0);
+__decorate$1([
+  ifDefined.r()
+], exports.W3mRegisterAccountNameView.prototype, "loading", void 0);
+__decorate$1([
+  ifDefined.r()
+], exports.W3mRegisterAccountNameView.prototype, "suggestions", void 0);
+__decorate$1([
+  ifDefined.r()
+], exports.W3mRegisterAccountNameView.prototype, "registered", void 0);
+__decorate$1([
+  ifDefined.r()
+], exports.W3mRegisterAccountNameView.prototype, "profileName", void 0);
+exports.W3mRegisterAccountNameView = __decorate$1([
+  ifDefined.customElement("w3m-register-account-name-view")
+], exports.W3mRegisterAccountNameView);
+const styles = bitcoin.i`
+  .continue-button-container {
+    width: 100%;
+  }
+`;
+var __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;
+};
+exports.W3mRegisterAccountNameSuccess = class W3mRegisterAccountNameSuccess extends bitcoin.i$1 {
+  render() {
+    return bitcoin.x`
+      <wui-flex
+        flexDirection="column"
+        alignItems="center"
+        gap="xxl"
+        .padding=${["0", "0", "l", "0"]}
+      >
+        ${this.onboardingTemplate()} ${this.buttonsTemplate()}
+        <wui-link
+          @click=${() => {
+      react.CoreHelperUtil.openHref(index.NavigationUtil.URLS.FAQ, "_blank");
+    }}
+        >
+          Learn more
+          <wui-icon color="inherit" slot="iconRight" name="externalLink"></wui-icon>
+        </wui-link>
+      </wui-flex>
+    `;
+  }
+  onboardingTemplate() {
+    return bitcoin.x` <wui-flex
+      flexDirection="column"
+      gap="xxl"
+      alignItems="center"
+      .padding=${["0", "xxl", "0", "xxl"]}
+    >
+      <wui-flex gap="s" alignItems="center" justifyContent="center">
+        <wui-icon-box
+          size="xl"
+          iconcolor="success-100"
+          backgroundcolor="success-100"
+          icon="checkmark"
+          background="opaque"
+        ></wui-icon-box>
+      </wui-flex>
+      <wui-flex flexDirection="column" alignItems="center" gap="s">
+        <wui-text align="center" variant="medium-600" color="fg-100">
+          Account name chosen successfully
+        </wui-text>
+        <wui-text align="center" variant="paragraph-400" color="fg-100">
+          You can now fund your account and trade crypto
+        </wui-text>
+      </wui-flex>
+    </wui-flex>`;
+  }
+  buttonsTemplate() {
+    return bitcoin.x`<wui-flex
+      .padding=${["0", "2l", "0", "2l"]}
+      gap="s"
+      class="continue-button-container"
+    >
+      <wui-button fullWidth size="lg" borderRadius="xs" @click=${this.redirectToAccount.bind(this)}
+        >Let's Go!
+      </wui-button>
+    </wui-flex>`;
+  }
+  redirectToAccount() {
+    react.RouterController.replace("Account");
+  }
+};
+exports.W3mRegisterAccountNameSuccess.styles = styles;
+exports.W3mRegisterAccountNameSuccess = __decorate([
+  ifDefined.customElement("w3m-register-account-name-success-view")
+], exports.W3mRegisterAccountNameSuccess);