@multiversx/sdk-dapp-liquidity 1.0.12 → 1.0.14

package/index-BXkamf-I.js

@@ -0,0 +1,337 @@
+#!/usr/bin/env node
+"use strict";
+const bitcoin = require("./bitcoin-DAvQGpeP.js");
+const ifDefined = require("./if-defined-CJ5EZLw2.js");
+require("./index-dnFzVpGy.js");
+const styles = bitcoin.i`
+  :host {
+    width: var(--local-width);
+    position: relative;
+  }
+
+  button {
+    border: none;
+    border-radius: var(--local-border-radius);
+    width: var(--local-width);
+    white-space: nowrap;
+  }
+
+  /* -- Sizes --------------------------------------------------- */
+  button[data-size='xs'] {
+    padding: var(--wui-spacing-3xs) var(--wui-spacing-s) var(--wui-spacing-3xs) var(--wui-spacing-s);
+    height: 24px;
+  }
+
+  button[data-size='xs'][data-icon-left='true'][data-icon-right='false'] {
+    padding: var(--wui-spacing-3xs) var(--wui-spacing-s) var(--wui-spacing-3xs) var(--wui-spacing-s);
+  }
+
+  button[data-size='xs'][data-icon-right='true'][data-icon-left='false'] {
+    padding: var(--wui-spacing-3xs) var(--wui-spacing-s) var(--wui-spacing-3xs) var(--wui-spacing-s);
+  }
+
+  button[data-size='sm'] {
+    padding: 7.2px var(--wui-spacing-s) 7.2px var(--wui-spacing-s);
+    height: 32px;
+  }
+
+  button[data-size='sm'][data-icon-left='true'][data-icon-right='false'] {
+    padding: 7.2px var(--wui-spacing-s) 7.2px var(--wui-spacing-s);
+  }
+
+  button[data-size='sm'][data-icon-right='true'][data-icon-left='false'] {
+    padding: 7.2px var(--wui-spacing-s) 7.2px var(--wui-spacing-s);
+  }
+
+  button[data-size='md'] {
+    padding: 8.2px var(--wui-spacing-l) 9px var(--wui-spacing-l);
+    height: 36px;
+  }
+
+  button[data-size='md'][data-icon-left='true'][data-icon-right='false'] {
+    padding: 8.2px var(--wui-spacing-l) 9px var(--wui-spacing-s);
+  }
+
+  button[data-size='md'][data-icon-right='true'][data-icon-left='false'] {
+    padding: 8.2px var(--wui-spacing-s) 9px var(--wui-spacing-l);
+  }
+
+  button[data-size='lg'] {
+    padding: var(--wui-spacing-m) var(--wui-spacing-2l);
+    height: 48px;
+  }
+
+  /* -- Variants --------------------------------------------------------- */
+  button[data-variant='main'] {
+    background-color: var(--wui-color-accent-100);
+    color: var(--wui-color-inverse-100);
+    border: none;
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
+  }
+
+  button[data-variant='inverse'] {
+    background-color: var(--wui-color-inverse-100);
+    color: var(--wui-color-inverse-000);
+    border: none;
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
+  }
+
+  button[data-variant='accent'] {
+    background-color: var(--wui-color-accent-glass-010);
+    color: var(--wui-color-accent-100);
+    border: none;
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
+  }
+
+  button[data-variant='accent-error'] {
+    background: var(--wui-color-error-glass-015);
+    color: var(--wui-color-error-100);
+    border: none;
+    box-shadow: inset 0 0 0 1px var(--wui-color-error-glass-010);
+  }
+
+  button[data-variant='accent-success'] {
+    background: var(--wui-color-success-glass-015);
+    color: var(--wui-color-success-100);
+    border: none;
+    box-shadow: inset 0 0 0 1px var(--wui-color-success-glass-010);
+  }
+
+  button[data-variant='neutral'] {
+    background: transparent;
+    color: var(--wui-color-fg-100);
+    border: none;
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
+  }
+
+  /* -- Focus states --------------------------------------------------- */
+  button[data-variant='main']:focus-visible:enabled {
+    background-color: var(--wui-color-accent-090);
+    box-shadow:
+      inset 0 0 0 1px var(--wui-color-accent-100),
+      0 0 0 4px var(--wui-color-accent-glass-020);
+  }
+  button[data-variant='inverse']:focus-visible:enabled {
+    background-color: var(--wui-color-inverse-100);
+    box-shadow:
+      inset 0 0 0 1px var(--wui-color-gray-glass-010),
+      0 0 0 4px var(--wui-color-accent-glass-020);
+  }
+  button[data-variant='accent']:focus-visible:enabled {
+    background-color: var(--wui-color-accent-glass-010);
+    box-shadow:
+      inset 0 0 0 1px var(--wui-color-accent-100),
+      0 0 0 4px var(--wui-color-accent-glass-020);
+  }
+  button[data-variant='accent-error']:focus-visible:enabled {
+    background: var(--wui-color-error-glass-015);
+    box-shadow:
+      inset 0 0 0 1px var(--wui-color-error-100),
+      0 0 0 4px var(--wui-color-error-glass-020);
+  }
+  button[data-variant='accent-success']:focus-visible:enabled {
+    background: var(--wui-color-success-glass-015);
+    box-shadow:
+      inset 0 0 0 1px var(--wui-color-success-100),
+      0 0 0 4px var(--wui-color-success-glass-020);
+  }
+  button[data-variant='neutral']:focus-visible:enabled {
+    background: var(--wui-color-gray-glass-005);
+    box-shadow:
+      inset 0 0 0 1px var(--wui-color-gray-glass-010),
+      0 0 0 4px var(--wui-color-gray-glass-002);
+  }
+
+  /* -- Hover & Active states ----------------------------------------------------------- */
+  @media (hover: hover) and (pointer: fine) {
+    button[data-variant='main']:hover:enabled {
+      background-color: var(--wui-color-accent-090);
+    }
+
+    button[data-variant='main']:active:enabled {
+      background-color: var(--wui-color-accent-080);
+    }
+
+    button[data-variant='accent']:hover:enabled {
+      background-color: var(--wui-color-accent-glass-015);
+    }
+
+    button[data-variant='accent']:active:enabled {
+      background-color: var(--wui-color-accent-glass-020);
+    }
+
+    button[data-variant='accent-error']:hover:enabled {
+      background: var(--wui-color-error-glass-020);
+      color: var(--wui-color-error-100);
+    }
+
+    button[data-variant='accent-error']:active:enabled {
+      background: var(--wui-color-error-glass-030);
+      color: var(--wui-color-error-100);
+    }
+
+    button[data-variant='accent-success']:hover:enabled {
+      background: var(--wui-color-success-glass-020);
+      color: var(--wui-color-success-100);
+    }
+
+    button[data-variant='accent-success']:active:enabled {
+      background: var(--wui-color-success-glass-030);
+      color: var(--wui-color-success-100);
+    }
+
+    button[data-variant='neutral']:hover:enabled {
+      background: var(--wui-color-gray-glass-002);
+    }
+
+    button[data-variant='neutral']:active:enabled {
+      background: var(--wui-color-gray-glass-005);
+    }
+
+    button[data-size='lg'][data-icon-left='true'][data-icon-right='false'] {
+      padding-left: var(--wui-spacing-m);
+    }
+
+    button[data-size='lg'][data-icon-right='true'][data-icon-left='false'] {
+      padding-right: var(--wui-spacing-m);
+    }
+  }
+
+  /* -- Disabled state --------------------------------------------------- */
+  button:disabled {
+    background-color: var(--wui-color-gray-glass-002);
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
+    color: var(--wui-color-gray-glass-020);
+    cursor: not-allowed;
+  }
+
+  button > wui-text {
+    transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);
+    will-change: opacity;
+    opacity: var(--local-opacity-100);
+  }
+
+  ::slotted(*) {
+    transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);
+    will-change: opacity;
+    opacity: var(--local-opacity-100);
+  }
+
+  wui-loading-spinner {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    opacity: var(--local-opacity-000);
+  }
+`;
+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;
+};
+const SPINNER_COLOR_BY_VARIANT = {
+  main: "inverse-100",
+  inverse: "inverse-000",
+  accent: "accent-100",
+  "accent-error": "error-100",
+  "accent-success": "success-100",
+  neutral: "fg-100",
+  disabled: "gray-glass-020"
+};
+const TEXT_VARIANT_BY_SIZE = {
+  lg: "paragraph-600",
+  md: "small-600",
+  sm: "small-600",
+  xs: "tiny-600"
+};
+const SPINNER_SIZE_BY_SIZE = {
+  lg: "md",
+  md: "md",
+  sm: "sm",
+  xs: "sm"
+};
+let WuiButton = class WuiButton2 extends bitcoin.i$1 {
+  constructor() {
+    super(...arguments);
+    this.size = "lg";
+    this.disabled = false;
+    this.fullWidth = false;
+    this.loading = false;
+    this.variant = "main";
+    this.hasIconLeft = false;
+    this.hasIconRight = false;
+    this.borderRadius = "m";
+  }
+  render() {
+    this.style.cssText = `
+    --local-width: ${this.fullWidth ? "100%" : "auto"};
+    --local-opacity-100: ${this.loading ? 0 : 1};
+    --local-opacity-000: ${this.loading ? 1 : 0};
+    --local-border-radius: var(--wui-border-radius-${this.borderRadius});
+    `;
+    const textVariant = this.textVariant ?? TEXT_VARIANT_BY_SIZE[this.size];
+    return bitcoin.x`
+      <button
+        data-variant=${this.variant}
+        data-icon-left=${this.hasIconLeft}
+        data-icon-right=${this.hasIconRight}
+        data-size=${this.size}
+        ?disabled=${this.disabled}
+      >
+        ${this.loadingTemplate()}
+        <slot name="iconLeft" @slotchange=${() => this.handleSlotLeftChange()}></slot>
+        <wui-text variant=${textVariant} color="inherit">
+          <slot></slot>
+        </wui-text>
+        <slot name="iconRight" @slotchange=${() => this.handleSlotRightChange()}></slot>
+      </button>
+    `;
+  }
+  handleSlotLeftChange() {
+    this.hasIconLeft = true;
+  }
+  handleSlotRightChange() {
+    this.hasIconRight = true;
+  }
+  loadingTemplate() {
+    if (this.loading) {
+      const size = SPINNER_SIZE_BY_SIZE[this.size];
+      const color = this.disabled ? SPINNER_COLOR_BY_VARIANT["disabled"] : SPINNER_COLOR_BY_VARIANT[this.variant];
+      return bitcoin.x`<wui-loading-spinner color=${color} size=${size}></wui-loading-spinner>`;
+    }
+    return bitcoin.x``;
+  }
+};
+WuiButton.styles = [bitcoin.resetStyles, bitcoin.elementStyles, styles];
+__decorate([
+  ifDefined.n()
+], WuiButton.prototype, "size", void 0);
+__decorate([
+  ifDefined.n({ type: Boolean })
+], WuiButton.prototype, "disabled", void 0);
+__decorate([
+  ifDefined.n({ type: Boolean })
+], WuiButton.prototype, "fullWidth", void 0);
+__decorate([
+  ifDefined.n({ type: Boolean })
+], WuiButton.prototype, "loading", void 0);
+__decorate([
+  ifDefined.n()
+], WuiButton.prototype, "variant", void 0);
+__decorate([
+  ifDefined.n({ type: Boolean })
+], WuiButton.prototype, "hasIconLeft", void 0);
+__decorate([
+  ifDefined.n({ type: Boolean })
+], WuiButton.prototype, "hasIconRight", void 0);
+__decorate([
+  ifDefined.n()
+], WuiButton.prototype, "borderRadius", void 0);
+__decorate([
+  ifDefined.n()
+], WuiButton.prototype, "textVariant", void 0);
+WuiButton = __decorate([
+  ifDefined.customElement("wui-button")
+], WuiButton);

package/index-BYTxCmKH.js

@@ -0,0 +1,64 @@
+#!/usr/bin/env node
+"use strict";
+const bitcoin = require("./bitcoin-DAvQGpeP.js");
+const ifDefined = require("./if-defined-CJ5EZLw2.js");
+require("./index-BQf6VHil.js");
+const styles = bitcoin.i`
+  :host {
+    position: relative;
+    display: inline-block;
+  }
+
+  wui-text {
+    margin: var(--wui-spacing-xxs) var(--wui-spacing-m) var(--wui-spacing-0) var(--wui-spacing-m);
+  }
+`;
+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 WuiEmailInput = class WuiEmailInput2 extends bitcoin.i$1 {
+  constructor() {
+    super(...arguments);
+    this.disabled = false;
+  }
+  render() {
+    return bitcoin.x`
+      <wui-input-text
+        type="email"
+        placeholder="Email"
+        icon="mail"
+        size="mdl"
+        .disabled=${this.disabled}
+        .value=${this.value}
+        data-testid="wui-email-input"
+        tabIdx=${ifDefined.o(this.tabIdx)}
+      ></wui-input-text>
+      ${this.templateError()}
+    `;
+  }
+  templateError() {
+    if (this.errorMessage) {
+      return bitcoin.x`<wui-text variant="tiny-500" color="error-100">${this.errorMessage}</wui-text>`;
+    }
+    return null;
+  }
+};
+WuiEmailInput.styles = [bitcoin.resetStyles, styles];
+__decorate([
+  ifDefined.n()
+], WuiEmailInput.prototype, "errorMessage", void 0);
+__decorate([
+  ifDefined.n({ type: Boolean })
+], WuiEmailInput.prototype, "disabled", void 0);
+__decorate([
+  ifDefined.n()
+], WuiEmailInput.prototype, "value", void 0);
+__decorate([
+  ifDefined.n()
+], WuiEmailInput.prototype, "tabIdx", void 0);
+WuiEmailInput = __decorate([
+  ifDefined.customElement("wui-email-input")
+], WuiEmailInput);

package/index-BYoOxo0S.js

@@ -0,0 +1,218 @@
+#!/usr/bin/env node
+"use strict";
+const bitcoin = require("./bitcoin-DAvQGpeP.js");
+const ifDefined = require("./if-defined-CJ5EZLw2.js");
+require("./index-CtFcWwAd.js");
+const styles$1 = bitcoin.i`
+  button {
+    padding: 6.5px var(--wui-spacing-l) 6.5px var(--wui-spacing-xs);
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+    border-radius: var(--wui-border-radius-xs);
+    background-color: var(--wui-color-gray-glass-002);
+  }
+
+  button[data-clickable='false'] {
+    pointer-events: none;
+    background-color: transparent;
+  }
+
+  wui-image,
+  wui-icon {
+    width: var(--wui-spacing-3xl);
+    height: var(--wui-spacing-3xl);
+  }
+
+  wui-image {
+    border-radius: var(--wui-border-radius-3xl);
+  }
+`;
+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;
+};
+let WuiListToken = class WuiListToken2 extends bitcoin.i$1 {
+  constructor() {
+    super(...arguments);
+    this.tokenName = "";
+    this.tokenImageUrl = "";
+    this.tokenValue = 0;
+    this.tokenAmount = "0.0";
+    this.tokenCurrency = "";
+    this.clickable = false;
+  }
+  render() {
+    return bitcoin.x`
+      <button data-clickable=${String(this.clickable)}>
+        <wui-flex gap="s" alignItems="center">
+          ${this.visualTemplate()}
+          <wui-flex flexDirection="column" justifyContent="spaceBetween">
+            <wui-text variant="paragraph-500" color="fg-100">${this.tokenName}</wui-text>
+            <wui-text variant="small-400" color="fg-200">
+              ${ifDefined.UiHelperUtil.formatNumberToLocalString(this.tokenAmount, 4)} ${this.tokenCurrency}
+            </wui-text>
+          </wui-flex>
+        </wui-flex>
+        <wui-text variant="paragraph-500" color="fg-100">$${this.tokenValue.toFixed(2)}</wui-text>
+      </button>
+    `;
+  }
+  visualTemplate() {
+    if (this.tokenName && this.tokenImageUrl) {
+      return bitcoin.x`<wui-image alt=${this.tokenName} src=${this.tokenImageUrl}></wui-image>`;
+    }
+    return bitcoin.x`<wui-icon name="coinPlaceholder" color="fg-100"></wui-icon>`;
+  }
+};
+WuiListToken.styles = [bitcoin.resetStyles, bitcoin.elementStyles, styles$1];
+__decorate$1([
+  ifDefined.n()
+], WuiListToken.prototype, "tokenName", void 0);
+__decorate$1([
+  ifDefined.n()
+], WuiListToken.prototype, "tokenImageUrl", void 0);
+__decorate$1([
+  ifDefined.n({ type: Number })
+], WuiListToken.prototype, "tokenValue", void 0);
+__decorate$1([
+  ifDefined.n()
+], WuiListToken.prototype, "tokenAmount", void 0);
+__decorate$1([
+  ifDefined.n()
+], WuiListToken.prototype, "tokenCurrency", void 0);
+__decorate$1([
+  ifDefined.n({ type: Boolean })
+], WuiListToken.prototype, "clickable", void 0);
+WuiListToken = __decorate$1([
+  ifDefined.customElement("wui-list-token")
+], WuiListToken);
+const styles = bitcoin.i`
+  :host {
+    display: block;
+    width: var(--local-width);
+    height: var(--local-height);
+    border-radius: var(--wui-border-radius-3xl);
+    box-shadow: 0 0 0 8px var(--wui-color-gray-glass-005);
+    overflow: hidden;
+    position: relative;
+  }
+
+  :host([data-variant='generated']) {
+    --mixed-local-color-1: var(--local-color-1);
+    --mixed-local-color-2: var(--local-color-2);
+    --mixed-local-color-3: var(--local-color-3);
+    --mixed-local-color-4: var(--local-color-4);
+    --mixed-local-color-5: var(--local-color-5);
+  }
+
+  @supports (background: color-mix(in srgb, white 50%, black)) {
+    :host([data-variant='generated']) {
+      --mixed-local-color-1: color-mix(
+        in srgb,
+        var(--w3m-color-mix) var(--w3m-color-mix-strength),
+        var(--local-color-1)
+      );
+      --mixed-local-color-2: color-mix(
+        in srgb,
+        var(--w3m-color-mix) var(--w3m-color-mix-strength),
+        var(--local-color-2)
+      );
+      --mixed-local-color-3: color-mix(
+        in srgb,
+        var(--w3m-color-mix) var(--w3m-color-mix-strength),
+        var(--local-color-3)
+      );
+      --mixed-local-color-4: color-mix(
+        in srgb,
+        var(--w3m-color-mix) var(--w3m-color-mix-strength),
+        var(--local-color-4)
+      );
+      --mixed-local-color-5: color-mix(
+        in srgb,
+        var(--w3m-color-mix) var(--w3m-color-mix-strength),
+        var(--local-color-5)
+      );
+    }
+  }
+
+  :host([data-variant='generated']) {
+    box-shadow: 0 0 0 8px var(--wui-color-gray-glass-005);
+    background: radial-gradient(
+      var(--local-radial-circle),
+      #fff 0.52%,
+      var(--mixed-local-color-5) 31.25%,
+      var(--mixed-local-color-3) 51.56%,
+      var(--mixed-local-color-2) 65.63%,
+      var(--mixed-local-color-1) 82.29%,
+      var(--mixed-local-color-4) 100%
+    );
+  }
+
+  :host([data-variant='default']) {
+    box-shadow: 0 0 0 8px var(--wui-color-gray-glass-005);
+    background: radial-gradient(
+      75.29% 75.29% at 64.96% 24.36%,
+      #fff 0.52%,
+      #f5ccfc 31.25%,
+      #dba4f5 51.56%,
+      #9a8ee8 65.63%,
+      #6493da 82.29%,
+      #6ebdea 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;
+};
+let WuiAvatar = class WuiAvatar2 extends bitcoin.i$1 {
+  constructor() {
+    super(...arguments);
+    this.imageSrc = void 0;
+    this.alt = void 0;
+    this.address = void 0;
+    this.size = "xl";
+  }
+  render() {
+    this.style.cssText = `
+    --local-width: var(--wui-icon-box-size-${this.size});
+    --local-height: var(--wui-icon-box-size-${this.size});
+    `;
+    return bitcoin.x`${this.visualTemplate()}`;
+  }
+  visualTemplate() {
+    if (this.imageSrc) {
+      this.dataset["variant"] = "image";
+      return bitcoin.x`<wui-image src=${this.imageSrc} alt=${this.alt ?? "avatar"}></wui-image>`;
+    } else if (this.address) {
+      this.dataset["variant"] = "generated";
+      const cssColors = ifDefined.UiHelperUtil.generateAvatarColors(this.address);
+      this.style.cssText += `
+ ${cssColors}`;
+      return null;
+    }
+    this.dataset["variant"] = "default";
+    return null;
+  }
+};
+WuiAvatar.styles = [bitcoin.resetStyles, styles];
+__decorate([
+  ifDefined.n()
+], WuiAvatar.prototype, "imageSrc", void 0);
+__decorate([
+  ifDefined.n()
+], WuiAvatar.prototype, "alt", void 0);
+__decorate([
+  ifDefined.n()
+], WuiAvatar.prototype, "address", void 0);
+__decorate([
+  ifDefined.n()
+], WuiAvatar.prototype, "size", void 0);
+WuiAvatar = __decorate([
+  ifDefined.customElement("wui-avatar")
+], WuiAvatar);