@directcryptopay/sdk 0.2.3 → 0.3.0

package/dist/index-BcPxaHr5.js

@@ -1,118 +0,0 @@
-import { cU as h, cV as m, cW as f, cX as g, cY as a } from "./index-D_8VUmn1.js";
-import { n as i, c as b } from "./index-CEqcN8QP.js";
-import { o as p } from "./if-defined-CdZSZ6UL.js";
-import "./index-CmAv0Tzr.js";
-const y = h`
-  :host {
-    width: 100%;
-  }
-
-  button {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: ${({ spacing: e }) => e[3]};
-    width: 100%;
-    background-color: ${({ tokens: e }) => e.theme.backgroundPrimary};
-    border-radius: ${({ borderRadius: e }) => e[4]};
-    transition:
-      background-color ${({ durations: e }) => e.lg}
-        ${({ easings: e }) => e["ease-out-power-2"]},
-      scale ${({ durations: e }) => e.lg} ${({ easings: e }) => e["ease-out-power-2"]};
-    will-change: background-color, scale;
-  }
-
-  wui-text {
-    text-transform: capitalize;
-  }
-
-  wui-image {
-    color: ${({ tokens: e }) => e.theme.textPrimary};
-  }
-
-  @media (hover: hover) {
-    button:hover:enabled {
-      background-color: ${({ tokens: e }) => e.theme.foregroundPrimary};
-    }
-  }
-
-  button:disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-`;
-var o = function(e, n, l, s) {
-  var d = arguments.length, r = d < 3 ? n : s === null ? s = Object.getOwnPropertyDescriptor(n, l) : s, u;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") r = Reflect.decorate(e, n, l, s);
-  else for (var c = e.length - 1; c >= 0; c--) (u = e[c]) && (r = (d < 3 ? u(r) : d > 3 ? u(n, l, r) : u(n, l)) || r);
-  return d > 3 && r && Object.defineProperty(n, l, r), r;
-};
-let t = class extends g {
-  constructor() {
-    super(...arguments), this.imageSrc = "google", this.loading = !1, this.disabled = !1, this.rightIcon = !0, this.rounded = !1, this.fullSize = !1;
-  }
-  render() {
-    return this.dataset.rounded = this.rounded ? "true" : "false", a`
-      <button
-        ?disabled=${this.loading ? !0 : !!this.disabled}
-        data-loading=${this.loading}
-        tabindex=${p(this.tabIdx)}
-      >
-        <wui-flex gap="2" alignItems="center">
-          ${this.templateLeftIcon()}
-          <wui-flex gap="1">
-            <slot></slot>
-          </wui-flex>
-        </wui-flex>
-        ${this.templateRightIcon()}
-      </button>
-    `;
-  }
-  templateLeftIcon() {
-    return this.icon ? a`<wui-image
-        icon=${this.icon}
-        iconColor=${p(this.iconColor)}
-        ?boxed=${!0}
-        ?rounded=${this.rounded}
-      ></wui-image>` : a`<wui-image
-      ?boxed=${!0}
-      ?rounded=${this.rounded}
-      ?fullSize=${this.fullSize}
-      src=${this.imageSrc}
-    ></wui-image>`;
-  }
-  templateRightIcon() {
-    return this.rightIcon ? this.loading ? a`<wui-loading-spinner size="md" color="accent-primary"></wui-loading-spinner>` : a`<wui-icon name="chevronRight" size="lg" color="default"></wui-icon>` : null;
-  }
-};
-t.styles = [m, f, y];
-o([
-  i()
-], t.prototype, "imageSrc", void 0);
-o([
-  i()
-], t.prototype, "icon", void 0);
-o([
-  i()
-], t.prototype, "iconColor", void 0);
-o([
-  i({ type: Boolean })
-], t.prototype, "loading", void 0);
-o([
-  i()
-], t.prototype, "tabIdx", void 0);
-o([
-  i({ type: Boolean })
-], t.prototype, "disabled", void 0);
-o([
-  i({ type: Boolean })
-], t.prototype, "rightIcon", void 0);
-o([
-  i({ type: Boolean })
-], t.prototype, "rounded", void 0);
-o([
-  i({ type: Boolean })
-], t.prototype, "fullSize", void 0);
-t = o([
-  b("wui-list-item")
-], t);

package/dist/index-Bjt7nGaJ.js

@@ -1,199 +0,0 @@
-import { cU as u, cV as g, cW as m, cX as p, cY as n } from "./index-D_8VUmn1.js";
-import { n as r, c as x } from "./index-CEqcN8QP.js";
-import "./index-I7VDqINw.js";
-import "./index-DqcVUSC9.js";
-const b = u`
-  button {
-    display: block;
-    display: flex;
-    align-items: center;
-    padding: ${({ spacing: e }) => e[1]};
-    transition: background-color ${({ durations: e }) => e.lg}
-      ${({ easings: e }) => e["ease-out-power-2"]};
-    will-change: background-color;
-    background-color: ${({ tokens: e }) => e.theme.foregroundPrimary};
-    border-radius: ${({ borderRadius: e }) => e[32]};
-  }
-
-  wui-image {
-    border-radius: ${({ borderRadius: e }) => e[32]};
-  }
-
-  wui-text {
-    padding-left: ${({ spacing: e }) => e[1]};
-    padding-right: ${({ spacing: e }) => e[1]};
-  }
-
-  .left-icon-container {
-    width: 24px;
-    height: 24px;
-    justify-content: center;
-    align-items: center;
-  }
-
-  .left-image-container {
-    position: relative;
-    justify-content: center;
-    align-items: center;
-  }
-
-  .chain-image {
-    position: absolute;
-    border: 1px solid ${({ tokens: e }) => e.theme.foregroundPrimary};
-  }
-
-  /* -- Sizes --------------------------------------------------- */
-  button[data-size='lg'] {
-    height: 32px;
-  }
-
-  button[data-size='md'] {
-    height: 28px;
-  }
-
-  button[data-size='sm'] {
-    height: 24px;
-  }
-
-  button[data-size='lg'] .token-image {
-    width: 24px;
-    height: 24px;
-  }
-
-  button[data-size='md'] .token-image {
-    width: 20px;
-    height: 20px;
-  }
-
-  button[data-size='sm'] .token-image {
-    width: 16px;
-    height: 16px;
-  }
-
-  button[data-size='lg'] .left-icon-container {
-    width: 24px;
-    height: 24px;
-  }
-
-  button[data-size='md'] .left-icon-container {
-    width: 20px;
-    height: 20px;
-  }
-
-  button[data-size='sm'] .left-icon-container {
-    width: 16px;
-    height: 16px;
-  }
-
-  button[data-size='lg'] .chain-image {
-    width: 12px;
-    height: 12px;
-    bottom: 2px;
-    right: -4px;
-  }
-
-  button[data-size='md'] .chain-image {
-    width: 10px;
-    height: 10px;
-    bottom: 2px;
-    right: -4px;
-  }
-
-  button[data-size='sm'] .chain-image {
-    width: 8px;
-    height: 8px;
-    bottom: 2px;
-    right: -3px;
-  }
-
-  /* -- Focus states --------------------------------------------------- */
-  button:focus-visible:enabled {
-    background-color: ${({ tokens: e }) => e.theme.foregroundSecondary};
-    box-shadow: 0 0 0 4px ${({ tokens: e }) => e.core.foregroundAccent040};
-  }
-
-  /* -- Hover & Active states ----------------------------------------------------------- */
-  @media (hover: hover) {
-    button:hover:enabled,
-    button:active:enabled {
-      background-color: ${({ tokens: e }) => e.theme.foregroundSecondary};
-    }
-  }
-
-  /* -- Disabled states --------------------------------------------------- */
-  button:disabled {
-    background-color: ${({ tokens: e }) => e.theme.foregroundSecondary};
-    opacity: 0.5;
-  }
-`;
-var a = function(e, t, s, d) {
-  var c = arguments.length, o = c < 3 ? t : d === null ? d = Object.getOwnPropertyDescriptor(t, s) : d, l;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(e, t, s, d);
-  else for (var h = e.length - 1; h >= 0; h--) (l = e[h]) && (o = (c < 3 ? l(o) : c > 3 ? l(t, s, o) : l(t, s)) || o);
-  return c > 3 && o && Object.defineProperty(t, s, o), o;
-};
-const f = {
-  lg: "lg-regular",
-  md: "lg-regular",
-  sm: "md-regular"
-}, w = {
-  lg: "lg",
-  md: "md",
-  sm: "sm"
-};
-let i = class extends p {
-  constructor() {
-    super(...arguments), this.size = "md", this.disabled = !1, this.text = "", this.loading = !1;
-  }
-  render() {
-    return this.loading ? n` <wui-flex alignItems="center" gap="01" padding="01">
-        <wui-shimmer width="20px" height="20px"></wui-shimmer>
-        <wui-shimmer width="32px" height="18px" borderRadius="4xs"></wui-shimmer>
-      </wui-flex>` : n`
-      <button ?disabled=${this.disabled} data-size=${this.size}>
-        ${this.imageTemplate()} ${this.textTemplate()}
-      </button>
-    `;
-  }
-  imageTemplate() {
-    if (this.imageSrc && this.chainImageSrc)
-      return n`<wui-flex class="left-image-container">
-        <wui-image src=${this.imageSrc} class="token-image"></wui-image>
-        <wui-image src=${this.chainImageSrc} class="chain-image"></wui-image>
-      </wui-flex>`;
-    if (this.imageSrc)
-      return n`<wui-image src=${this.imageSrc} class="token-image"></wui-image>`;
-    const t = w[this.size];
-    return n`<wui-flex class="left-icon-container">
-      <wui-icon size=${t} name="networkPlaceholder"></wui-icon>
-    </wui-flex>`;
-  }
-  textTemplate() {
-    const t = f[this.size];
-    return n`<wui-text color="primary" variant=${t}
-      >${this.text}</wui-text
-    >`;
-  }
-};
-i.styles = [g, m, b];
-a([
-  r()
-], i.prototype, "size", void 0);
-a([
-  r()
-], i.prototype, "imageSrc", void 0);
-a([
-  r()
-], i.prototype, "chainImageSrc", void 0);
-a([
-  r({ type: Boolean })
-], i.prototype, "disabled", void 0);
-a([
-  r()
-], i.prototype, "text", void 0);
-a([
-  r({ type: Boolean })
-], i.prototype, "loading", void 0);
-i = a([
-  x("wui-token-button")
-], i);