@multiversx/sdk-dapp-liquidity 1.0.12 → 1.0.14

package/index-Ba0tVdql.js

@@ -0,0 +1,200 @@
+#!/usr/bin/env node
+"use strict";
+const bitcoin = require("./bitcoin-DAvQGpeP.js");
+const ifDefined = require("./if-defined-CJ5EZLw2.js");
+require("./index-CtFcWwAd.js");
+require("./index-dnFzVpGy.js");
+require("./index-BBwuv2SS.js");
+const styles = bitcoin.i`
+  button {
+    column-gap: var(--wui-spacing-s);
+    padding: 11px 18px 11px var(--wui-spacing-s);
+    width: 100%;
+    background-color: var(--wui-color-gray-glass-002);
+    border-radius: var(--wui-border-radius-xs);
+    color: var(--wui-color-fg-250);
+    transition:
+      color var(--wui-ease-out-power-1) var(--wui-duration-md),
+      background-color var(--wui-ease-out-power-1) var(--wui-duration-md);
+    will-change: color, background-color;
+  }
+
+  button[data-iconvariant='square'],
+  button[data-iconvariant='square-blue'] {
+    padding: 6px 18px 6px 9px;
+  }
+
+  button > wui-flex {
+    flex: 1;
+  }
+
+  button > wui-image {
+    width: 32px;
+    height: 32px;
+    box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005);
+    border-radius: var(--wui-border-radius-3xl);
+  }
+
+  button > wui-icon {
+    width: 36px;
+    height: 36px;
+    transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);
+    will-change: opacity;
+  }
+
+  button > wui-icon-box[data-variant='blue'] {
+    box-shadow: 0 0 0 2px var(--wui-color-accent-glass-005);
+  }
+
+  button > wui-icon-box[data-variant='overlay'] {
+    box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005);
+  }
+
+  button > wui-icon-box[data-variant='square-blue'] {
+    border-radius: var(--wui-border-radius-3xs);
+    position: relative;
+    border: none;
+    width: 36px;
+    height: 36px;
+  }
+
+  button > wui-icon-box[data-variant='square-blue']::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    border-radius: inherit;
+    border: 1px solid var(--wui-color-accent-glass-010);
+    pointer-events: none;
+  }
+
+  button > wui-icon:last-child {
+    width: 14px;
+    height: 14px;
+  }
+
+  button:disabled {
+    color: var(--wui-color-gray-glass-020);
+  }
+
+  button[data-loading='true'] > wui-icon {
+    opacity: 0;
+  }
+
+  wui-loading-spinner {
+    position: absolute;
+    right: 18px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+`;
+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;
+};
+let WuiListItem = class WuiListItem2 extends bitcoin.i$1 {
+  constructor() {
+    super(...arguments);
+    this.tabIdx = void 0;
+    this.variant = "icon";
+    this.disabled = false;
+    this.imageSrc = void 0;
+    this.alt = void 0;
+    this.chevron = false;
+    this.loading = false;
+  }
+  render() {
+    return bitcoin.x`
+      <button
+        ?disabled=${this.loading ? true : Boolean(this.disabled)}
+        data-loading=${this.loading}
+        data-iconvariant=${ifDefined.o(this.iconVariant)}
+        tabindex=${ifDefined.o(this.tabIdx)}
+      >
+        ${this.loadingTemplate()} ${this.visualTemplate()}
+        <wui-flex gap="3xs">
+          <slot></slot>
+        </wui-flex>
+        ${this.chevronTemplate()}
+      </button>
+    `;
+  }
+  visualTemplate() {
+    if (this.variant === "image" && this.imageSrc) {
+      return bitcoin.x`<wui-image src=${this.imageSrc} alt=${this.alt ?? "list item"}></wui-image>`;
+    }
+    if (this.iconVariant === "square" && this.icon && this.variant === "icon") {
+      return bitcoin.x`<wui-icon name=${this.icon}></wui-icon>`;
+    }
+    if (this.variant === "icon" && this.icon && this.iconVariant) {
+      const color = ["blue", "square-blue"].includes(this.iconVariant) ? "accent-100" : "fg-200";
+      const size = this.iconVariant === "square-blue" ? "mdl" : "md";
+      const iconSize = this.iconSize ? this.iconSize : size;
+      return bitcoin.x`
+        <wui-icon-box
+          data-variant=${this.iconVariant}
+          icon=${this.icon}
+          iconSize=${iconSize}
+          background="transparent"
+          iconColor=${color}
+          backgroundColor=${color}
+          size=${size}
+        ></wui-icon-box>
+      `;
+    }
+    return null;
+  }
+  loadingTemplate() {
+    if (this.loading) {
+      return bitcoin.x`<wui-loading-spinner
+        data-testid="wui-list-item-loading-spinner"
+        color="fg-300"
+      ></wui-loading-spinner>`;
+    }
+    return bitcoin.x``;
+  }
+  chevronTemplate() {
+    if (this.chevron) {
+      return bitcoin.x`<wui-icon size="inherit" color="fg-200" name="chevronRight"></wui-icon>`;
+    }
+    return null;
+  }
+};
+WuiListItem.styles = [bitcoin.resetStyles, bitcoin.elementStyles, styles];
+__decorate([
+  ifDefined.n()
+], WuiListItem.prototype, "icon", void 0);
+__decorate([
+  ifDefined.n()
+], WuiListItem.prototype, "iconSize", void 0);
+__decorate([
+  ifDefined.n()
+], WuiListItem.prototype, "tabIdx", void 0);
+__decorate([
+  ifDefined.n()
+], WuiListItem.prototype, "variant", void 0);
+__decorate([
+  ifDefined.n()
+], WuiListItem.prototype, "iconVariant", void 0);
+__decorate([
+  ifDefined.n({ type: Boolean })
+], WuiListItem.prototype, "disabled", void 0);
+__decorate([
+  ifDefined.n()
+], WuiListItem.prototype, "imageSrc", void 0);
+__decorate([
+  ifDefined.n()
+], WuiListItem.prototype, "alt", void 0);
+__decorate([
+  ifDefined.n({ type: Boolean })
+], WuiListItem.prototype, "chevron", void 0);
+__decorate([
+  ifDefined.n({ type: Boolean })
+], WuiListItem.prototype, "loading", void 0);
+WuiListItem = __decorate([
+  ifDefined.customElement("wui-list-item")
+], WuiListItem);

package/index-BdOAPWyt.mjs

@@ -0,0 +1,210 @@
+import { A as AccountController, c as ChainController, E as EventsController, R as RouterController, k as ConnectorController, S as SnackController, d as CoreHelperUtil, n as StorageUtil, l as ConstantsUtil } from "./react-BWxe90Ar.mjs";
+import { i, c as resetStyles, f as i$1, x, e as elementStyles } from "./bitcoin-dNBGbS2B.mjs";
+import { n, c as customElement, o } from "./if-defined-DjC5UMfF.mjs";
+function getPopupWindow() {
+  try {
+    return CoreHelperUtil.returnOpenHref(`${ConstantsUtil.SECURE_SITE_SDK_ORIGIN}/loading`, "popupWindow", "width=600,height=800,scrollbars=yes");
+  } catch (error) {
+    throw new Error("Could not open social popup");
+  }
+}
+async function connectFarcaster() {
+  RouterController.push("ConnectingFarcaster");
+  const authConnector = ConnectorController.getAuthConnector();
+  if (authConnector) {
+    if (!AccountController.state.farcasterUrl) {
+      try {
+        const { url } = await authConnector.provider.getFarcasterUri();
+        AccountController.setFarcasterUrl(url, ChainController.state.activeChain);
+      } catch (error) {
+        RouterController.goBack();
+        SnackController.showError(error);
+      }
+    }
+  }
+}
+async function connectSocial(socialProvider) {
+  RouterController.push("ConnectingSocial");
+  const authConnector = ConnectorController.getAuthConnector();
+  let popupWindow = null;
+  try {
+    const timeout = setTimeout(() => {
+      throw new Error("Social login timed out. Please try again.");
+    }, 45e3);
+    if (authConnector && socialProvider) {
+      if (!CoreHelperUtil.isTelegram()) {
+        popupWindow = getPopupWindow();
+      }
+      if (popupWindow) {
+        AccountController.setSocialWindow(popupWindow, ChainController.state.activeChain);
+      } else if (!CoreHelperUtil.isTelegram()) {
+        throw new Error("Could not create social popup");
+      }
+      const { uri } = await authConnector.provider.getSocialRedirectUri({
+        provider: socialProvider
+      });
+      if (!uri) {
+        popupWindow == null ? void 0 : popupWindow.close();
+        throw new Error("Could not fetch the social redirect uri");
+      }
+      if (popupWindow) {
+        popupWindow.location.href = uri;
+      }
+      if (CoreHelperUtil.isTelegram()) {
+        StorageUtil.setTelegramSocialProvider(socialProvider);
+        const parsedUri = CoreHelperUtil.formatTelegramSocialLoginUrl(uri);
+        CoreHelperUtil.openHref(parsedUri, "_top");
+      }
+      clearTimeout(timeout);
+    }
+  } catch (error) {
+    popupWindow == null ? void 0 : popupWindow.close();
+    SnackController.showError(error == null ? void 0 : error.message);
+  }
+}
+async function executeSocialLogin(socialProvider) {
+  AccountController.setSocialProvider(socialProvider, ChainController.state.activeChain);
+  EventsController.sendEvent({
+    type: "track",
+    event: "SOCIAL_LOGIN_STARTED",
+    properties: { provider: socialProvider }
+  });
+  if (socialProvider === "farcaster") {
+    await connectFarcaster();
+  } else {
+    await connectSocial(socialProvider);
+  }
+}
+const styles$1 = i`
+  :host {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 40px;
+    height: 40px;
+    border-radius: var(--wui-border-radius-3xl);
+    border: 1px solid var(--wui-color-gray-glass-005);
+    overflow: hidden;
+  }
+
+  wui-icon {
+    width: 100%;
+    height: 100%;
+  }
+`;
+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 i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) 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 WuiLogo = class WuiLogo2 extends i$1 {
+  constructor() {
+    super(...arguments);
+    this.logo = "google";
+  }
+  render() {
+    return x`<wui-icon color="inherit" size="inherit" name=${this.logo}></wui-icon> `;
+  }
+};
+WuiLogo.styles = [resetStyles, styles$1];
+__decorate$1([
+  n()
+], WuiLogo.prototype, "logo", void 0);
+WuiLogo = __decorate$1([
+  customElement("wui-logo")
+], WuiLogo);
+const styles = i`
+  button {
+    column-gap: var(--wui-spacing-s);
+    padding: 7px var(--wui-spacing-l) 7px var(--wui-spacing-xs);
+    width: 100%;
+    justify-content: flex-start;
+    background-color: var(--wui-color-gray-glass-002);
+    border-radius: var(--wui-border-radius-xs);
+    color: var(--wui-color-fg-100);
+  }
+
+  wui-text {
+    text-transform: capitalize;
+  }
+
+  wui-text[data-align='left'] {
+    display: flex;
+    flex: 1;
+  }
+
+  wui-text[data-align='center'] {
+    display: flex;
+    flex: 1;
+    justify-content: center;
+  }
+
+  .invisible {
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  button:disabled {
+    background-color: var(--wui-color-gray-glass-015);
+    color: var(--wui-color-gray-glass-015);
+  }
+`;
+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 i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) 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 WuiListSocial = class WuiListSocial2 extends i$1 {
+  constructor() {
+    super(...arguments);
+    this.logo = "google";
+    this.name = "Continue with google";
+    this.align = "left";
+    this.disabled = false;
+  }
+  render() {
+    return x`
+      <button ?disabled=${this.disabled} tabindex=${o(this.tabIdx)}>
+        <wui-logo logo=${this.logo}></wui-logo>
+        <wui-text
+          data-align=${this.align}
+          variant="paragraph-500"
+          color="inherit"
+          align=${this.align}
+          >${this.name}</wui-text
+        >
+        ${this.templatePlacement()}
+      </button>
+    `;
+  }
+  templatePlacement() {
+    if (this.align === "center") {
+      return x` <wui-logo class="invisible" logo=${this.logo}></wui-logo>`;
+    }
+    return null;
+  }
+};
+WuiListSocial.styles = [resetStyles, elementStyles, styles];
+__decorate([
+  n()
+], WuiListSocial.prototype, "logo", void 0);
+__decorate([
+  n()
+], WuiListSocial.prototype, "name", void 0);
+__decorate([
+  n()
+], WuiListSocial.prototype, "align", void 0);
+__decorate([
+  n()
+], WuiListSocial.prototype, "tabIdx", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiListSocial.prototype, "disabled", void 0);
+WuiListSocial = __decorate([
+  customElement("wui-list-social")
+], WuiListSocial);
+export {
+  executeSocialLogin as e
+};

package/index-BirWzf8c.mjs

@@ -0,0 +1,71 @@
+import { i, c as resetStyles, f as i$1, x } from "./bitcoin-dNBGbS2B.mjs";
+import { n, c as customElement } from "./if-defined-DjC5UMfF.mjs";
+const styles = i`
+  :host {
+    display: block;
+    width: var(--wui-box-size-md);
+    height: var(--wui-box-size-md);
+  }
+
+  svg {
+    width: var(--wui-box-size-md);
+    height: var(--wui-box-size-md);
+  }
+
+  rect {
+    fill: none;
+    stroke: var(--wui-color-accent-100);
+    stroke-width: 4px;
+    stroke-linecap: round;
+    animation: dash 1s linear infinite;
+  }
+
+  @keyframes dash {
+    to {
+      stroke-dashoffset: 0px;
+    }
+  }
+`;
+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 i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) 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 WuiLoadingThumbnail = class WuiLoadingThumbnail2 extends i$1 {
+  constructor() {
+    super(...arguments);
+    this.radius = 36;
+  }
+  render() {
+    return this.svgLoaderTemplate();
+  }
+  svgLoaderTemplate() {
+    const radius = this.radius > 50 ? 50 : this.radius;
+    const standardValue = 36;
+    const radiusFactor = standardValue - radius;
+    const dashArrayStart = 116 + radiusFactor;
+    const dashArrayEnd = 245 + radiusFactor;
+    const dashOffset = 360 + radiusFactor * 1.75;
+    return x`
+      <svg viewBox="0 0 110 110" width="110" height="110">
+        <rect
+          x="2"
+          y="2"
+          width="106"
+          height="106"
+          rx=${radius}
+          stroke-dasharray="${dashArrayStart} ${dashArrayEnd}"
+          stroke-dashoffset=${dashOffset}
+        />
+      </svg>
+    `;
+  }
+};
+WuiLoadingThumbnail.styles = [resetStyles, styles];
+__decorate([
+  n({ type: Number })
+], WuiLoadingThumbnail.prototype, "radius", void 0);
+WuiLoadingThumbnail = __decorate([
+  customElement("wui-loading-thumbnail")
+], WuiLoadingThumbnail);