@directcryptopay/sdk 0.2.2 → 0.2.3

package/dist/index-D_gLn3rT.js

@@ -0,0 +1,100 @@
+import { cU as h, cV as f, cX as u, cY as v } from "./index-D_8VUmn1.js";
+import { n as d, c as m, U as p } from "./index-CEqcN8QP.js";
+import "./index-I7VDqINw.js";
+const x = h`
+  :host {
+    display: block;
+    width: var(--local-width);
+    height: var(--local-height);
+    border-radius: ${({ borderRadius: l }) => l[16]};
+    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);
+  }
+
+  :host([data-variant='generated']) {
+    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']) {
+    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 o = function(l, a, r, i) {
+  var s = arguments.length, e = s < 3 ? a : i === null ? i = Object.getOwnPropertyDescriptor(a, r) : i, c;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") e = Reflect.decorate(l, a, r, i);
+  else for (var n = l.length - 1; n >= 0; n--) (c = l[n]) && (e = (s < 3 ? c(e) : s > 3 ? c(a, r, e) : c(a, r)) || e);
+  return s > 3 && e && Object.defineProperty(a, r, e), e;
+};
+let t = class extends u {
+  constructor() {
+    super(...arguments), this.imageSrc = void 0, this.alt = void 0, this.address = void 0, this.size = "xl";
+  }
+  render() {
+    const a = {
+      inherit: "inherit",
+      xxs: "3",
+      xs: "5",
+      sm: "6",
+      md: "8",
+      mdl: "8",
+      lg: "10",
+      xl: "16",
+      xxl: "20"
+    };
+    return this.style.cssText = `
+    --local-width: var(--apkt-spacing-${a[this.size ?? "xl"]});
+    --local-height: var(--apkt-spacing-${a[this.size ?? "xl"]});
+    `, v`${this.visualTemplate()}`;
+  }
+  visualTemplate() {
+    if (this.imageSrc)
+      return this.dataset.variant = "image", v`<wui-image src=${this.imageSrc} alt=${this.alt ?? "avatar"}></wui-image>`;
+    if (this.address) {
+      this.dataset.variant = "generated";
+      const a = p.generateAvatarColors(this.address);
+      return this.style.cssText += `
+ ${a}`, null;
+    }
+    return this.dataset.variant = "default", null;
+  }
+};
+t.styles = [f, x];
+o([
+  d()
+], t.prototype, "imageSrc", void 0);
+o([
+  d()
+], t.prototype, "alt", void 0);
+o([
+  d()
+], t.prototype, "address", void 0);
+o([
+  d()
+], t.prototype, "size", void 0);
+t = o([
+  m("wui-avatar")
+], t);

package/dist/index-DqcVUSC9.js

@@ -0,0 +1,62 @@
+import { cU as c, cX as f, cY as l } from "./index-D_8VUmn1.js";
+import { n as h, c as m } from "./index-CEqcN8QP.js";
+const p = c`
+  :host {
+    display: block;
+    background: linear-gradient(
+      90deg,
+      ${({ tokens: e }) => e.theme.foregroundSecondary} 0%,
+      ${({ tokens: e }) => e.theme.foregroundTertiary} 50%,
+      ${({ tokens: e }) => e.theme.foregroundSecondary} 100%
+    );
+    background-size: 200% 100%;
+    animation: shimmer 1s ease-in-out infinite;
+    border-radius: ${({ borderRadius: e }) => e[2]};
+  }
+
+  :host([data-rounded='true']) {
+    border-radius: ${({ borderRadius: e }) => e[16]};
+  }
+
+  @keyframes shimmer {
+    0% {
+      background-position: 200% 0;
+    }
+    100% {
+      background-position: -200% 0;
+    }
+  }
+`;
+var n = function(e, o, i, s) {
+  var d = arguments.length, t = d < 3 ? o : s === null ? s = Object.getOwnPropertyDescriptor(o, i) : s, a;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") t = Reflect.decorate(e, o, i, s);
+  else for (var u = e.length - 1; u >= 0; u--) (a = e[u]) && (t = (d < 3 ? a(t) : d > 3 ? a(o, i, t) : a(o, i)) || t);
+  return d > 3 && t && Object.defineProperty(o, i, t), t;
+};
+let r = class extends f {
+  constructor() {
+    super(...arguments), this.width = "", this.height = "", this.variant = "default", this.rounded = !1;
+  }
+  render() {
+    return this.style.cssText = `
+      width: ${this.width};
+      height: ${this.height};
+    `, this.dataset.rounded = this.rounded ? "true" : "false", l`<slot></slot>`;
+  }
+};
+r.styles = [p];
+n([
+  h()
+], r.prototype, "width", void 0);
+n([
+  h()
+], r.prototype, "height", void 0);
+n([
+  h()
+], r.prototype, "variant", void 0);
+n([
+  h({ type: Boolean })
+], r.prototype, "rounded", void 0);
+r = n([
+  m("wui-shimmer")
+], r);

package/dist/index-I7VDqINw.js

@@ -0,0 +1,128 @@
+import { cU as u, cV as p, cX as g, cY as c } from "./index-D_8VUmn1.js";
+import { n as r, c as f } from "./index-CEqcN8QP.js";
+import { o as m } from "./if-defined-CdZSZ6UL.js";
+const x = u`
+  :host {
+    display: block;
+    width: var(--local-width);
+    height: var(--local-height);
+  }
+
+  img {
+    display: block;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    object-position: center center;
+    border-radius: inherit;
+    user-select: none;
+    user-drag: none;
+    -webkit-user-drag: none;
+    -khtml-user-drag: none;
+    -moz-user-drag: none;
+    -o-user-drag: none;
+  }
+
+  :host([data-boxed='true']) {
+    width: 40px;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: ${({ tokens: e }) => e.theme.foregroundPrimary};
+    border-radius: ${({ borderRadius: e }) => e[2]};
+  }
+
+  :host([data-boxed='true']) img {
+    width: 20px;
+    height: 20px;
+    border-radius: ${({ borderRadius: e }) => e[16]};
+  }
+
+  :host([data-full='true']) img {
+    width: 100%;
+    height: 100%;
+  }
+
+  :host([data-boxed='true']) wui-icon {
+    width: 20px;
+    height: 20px;
+  }
+
+  :host([data-icon='error']) {
+    background-color: ${({ tokens: e }) => e.core.backgroundError};
+  }
+
+  :host([data-rounded='true']) {
+    border-radius: ${({ borderRadius: e }) => e[16]};
+  }
+`;
+var o = function(e, i, n, a) {
+  var d = arguments.length, s = d < 3 ? i : a === null ? a = Object.getOwnPropertyDescriptor(i, n) : a, l;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") s = Reflect.decorate(e, i, n, a);
+  else for (var h = e.length - 1; h >= 0; h--) (l = e[h]) && (s = (d < 3 ? l(s) : d > 3 ? l(i, n, s) : l(i, n)) || s);
+  return d > 3 && s && Object.defineProperty(i, n, s), s;
+};
+let t = class extends g {
+  constructor() {
+    super(...arguments), this.src = "./path/to/image.jpg", this.alt = "Image", this.size = void 0, this.boxed = !1, this.rounded = !1, this.fullSize = !1;
+  }
+  render() {
+    const i = {
+      inherit: "inherit",
+      xxs: "2",
+      xs: "3",
+      sm: "4",
+      md: "4",
+      mdl: "5",
+      lg: "5",
+      xl: "6",
+      xxl: "7",
+      "3xl": "8",
+      "4xl": "9",
+      "5xl": "10"
+    };
+    return this.style.cssText = `
+      --local-width: ${this.size ? `var(--apkt-spacing-${i[this.size]});` : "100%"};
+      --local-height: ${this.size ? `var(--apkt-spacing-${i[this.size]});` : "100%"};
+      `, this.dataset.boxed = this.boxed ? "true" : "false", this.dataset.rounded = this.rounded ? "true" : "false", this.dataset.full = this.fullSize ? "true" : "false", this.dataset.icon = this.iconColor || "inherit", this.icon ? c`<wui-icon
+        color=${this.iconColor || "inherit"}
+        name=${this.icon}
+        size="lg"
+      ></wui-icon> ` : this.logo ? c`<wui-icon size="lg" color="inherit" name=${this.logo}></wui-icon> ` : c`<img src=${m(this.src)} alt=${this.alt} @error=${this.handleImageError} />`;
+  }
+  handleImageError() {
+    this.dispatchEvent(new CustomEvent("onLoadError", { bubbles: !0, composed: !0 }));
+  }
+};
+t.styles = [p, x];
+o([
+  r()
+], t.prototype, "src", void 0);
+o([
+  r()
+], t.prototype, "logo", void 0);
+o([
+  r()
+], t.prototype, "icon", void 0);
+o([
+  r()
+], t.prototype, "iconColor", void 0);
+o([
+  r()
+], t.prototype, "alt", void 0);
+o([
+  r()
+], t.prototype, "size", void 0);
+o([
+  r({ type: Boolean })
+], t.prototype, "boxed", void 0);
+o([
+  r({ type: Boolean })
+], t.prototype, "rounded", void 0);
+o([
+  r({ type: Boolean })
+], t.prototype, "fullSize", void 0);
+t = o([
+  f("wui-image")
+], t);

package/dist/index-Oz72I9VP.js

@@ -0,0 +1,209 @@
+import { cU as b, cV as g, cW as p, cX as h, cY as u } from "./index-D_8VUmn1.js";
+import { n, c as v } from "./index-CEqcN8QP.js";
+import "./index-CmAv0Tzr.js";
+const m = b`
+  :host {
+    width: var(--local-width);
+  }
+
+  button {
+    width: var(--local-width);
+    white-space: nowrap;
+    column-gap: ${({ spacing: t }) => t[2]};
+    transition:
+      scale ${({ durations: t }) => t.lg} ${({ easings: t }) => t["ease-out-power-1"]},
+      background-color ${({ durations: t }) => t.lg}
+        ${({ easings: t }) => t["ease-out-power-2"]},
+      border-radius ${({ durations: t }) => t.lg}
+        ${({ easings: t }) => t["ease-out-power-1"]};
+    will-change: scale, background-color, border-radius;
+    cursor: pointer;
+  }
+
+  /* -- Sizes --------------------------------------------------- */
+  button[data-size='sm'] {
+    border-radius: ${({ borderRadius: t }) => t[2]};
+    padding: 0 ${({ spacing: t }) => t[2]};
+    height: 28px;
+  }
+
+  button[data-size='md'] {
+    border-radius: ${({ borderRadius: t }) => t[3]};
+    padding: 0 ${({ spacing: t }) => t[4]};
+    height: 38px;
+  }
+
+  button[data-size='lg'] {
+    border-radius: ${({ borderRadius: t }) => t[4]};
+    padding: 0 ${({ spacing: t }) => t[5]};
+    height: 48px;
+  }
+
+  /* -- Variants --------------------------------------------------------- */
+  button[data-variant='accent-primary'] {
+    background-color: ${({ tokens: t }) => t.core.backgroundAccentPrimary};
+    color: ${({ tokens: t }) => t.theme.textInvert};
+  }
+
+  button[data-variant='accent-secondary'] {
+    background-color: ${({ tokens: t }) => t.core.foregroundAccent010};
+    color: ${({ tokens: t }) => t.core.textAccentPrimary};
+  }
+
+  button[data-variant='neutral-primary'] {
+    background-color: ${({ tokens: t }) => t.theme.backgroundInvert};
+    color: ${({ tokens: t }) => t.theme.textInvert};
+  }
+
+  button[data-variant='neutral-secondary'] {
+    background-color: transparent;
+    border: 1px solid ${({ tokens: t }) => t.theme.borderSecondary};
+    color: ${({ tokens: t }) => t.theme.textPrimary};
+  }
+
+  button[data-variant='neutral-tertiary'] {
+    background-color: ${({ tokens: t }) => t.theme.foregroundPrimary};
+    color: ${({ tokens: t }) => t.theme.textPrimary};
+  }
+
+  button[data-variant='error-primary'] {
+    background-color: ${({ tokens: t }) => t.core.textError};
+    color: ${({ tokens: t }) => t.theme.textInvert};
+  }
+
+  button[data-variant='error-secondary'] {
+    background-color: ${({ tokens: t }) => t.core.backgroundError};
+    color: ${({ tokens: t }) => t.core.textError};
+  }
+
+  button[data-variant='shade'] {
+    background: var(--wui-color-gray-glass-002);
+    color: var(--wui-color-fg-200);
+    border: none;
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
+  }
+
+  /* -- Focus states --------------------------------------------------- */
+  button[data-size='sm']:focus-visible:enabled {
+    border-radius: 28px;
+  }
+
+  button[data-size='md']:focus-visible:enabled {
+    border-radius: 38px;
+  }
+
+  button[data-size='lg']:focus-visible:enabled {
+    border-radius: 48px;
+  }
+  button[data-variant='shade']: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) {
+    button[data-size='sm']:hover:enabled {
+      border-radius: 28px;
+    }
+
+    button[data-size='md']:hover:enabled {
+      border-radius: 38px;
+    }
+
+    button[data-size='lg']:hover:enabled {
+      border-radius: 48px;
+    }
+
+    button[data-variant='shade']:hover:enabled {
+      background: var(--wui-color-gray-glass-002);
+    }
+
+    button[data-variant='shade']:active:enabled {
+      background: var(--wui-color-gray-glass-005);
+    }
+  }
+
+  button[data-size='sm']:active:enabled {
+    border-radius: 28px;
+  }
+
+  button[data-size='md']:active:enabled {
+    border-radius: 38px;
+  }
+
+  button[data-size='lg']:active:enabled {
+    border-radius: 48px;
+  }
+
+  /* -- Disabled states --------------------------------------------------- */
+  button:disabled {
+    opacity: 0.3;
+  }
+`;
+var i = function(t, a, o, s) {
+  var d = arguments.length, e = d < 3 ? a : s === null ? s = Object.getOwnPropertyDescriptor(a, o) : s, l;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") e = Reflect.decorate(t, a, o, s);
+  else for (var c = t.length - 1; c >= 0; c--) (l = t[c]) && (e = (d < 3 ? l(e) : d > 3 ? l(a, o, e) : l(a, o)) || e);
+  return d > 3 && e && Object.defineProperty(a, o, e), e;
+};
+const y = {
+  lg: "lg-regular-mono",
+  md: "md-regular-mono",
+  sm: "sm-regular-mono"
+}, $ = {
+  lg: "md",
+  md: "md",
+  sm: "sm"
+};
+let r = class extends h {
+  constructor() {
+    super(...arguments), this.size = "lg", this.disabled = !1, this.fullWidth = !1, this.loading = !1, this.variant = "accent-primary";
+  }
+  render() {
+    this.style.cssText = `
+    --local-width: ${this.fullWidth ? "100%" : "auto"};
+     `;
+    const a = this.textVariant ?? y[this.size];
+    return u`
+      <button data-variant=${this.variant} data-size=${this.size} ?disabled=${this.disabled}>
+        ${this.loadingTemplate()}
+        <slot name="iconLeft"></slot>
+        <wui-text variant=${a} color="inherit">
+          <slot></slot>
+        </wui-text>
+        <slot name="iconRight"></slot>
+      </button>
+    `;
+  }
+  loadingTemplate() {
+    if (this.loading) {
+      const a = $[this.size], o = this.variant === "neutral-primary" || this.variant === "accent-primary" ? "invert" : "primary";
+      return u`<wui-loading-spinner color=${o} size=${a}></wui-loading-spinner>`;
+    }
+    return null;
+  }
+};
+r.styles = [g, p, m];
+i([
+  n()
+], r.prototype, "size", void 0);
+i([
+  n({ type: Boolean })
+], r.prototype, "disabled", void 0);
+i([
+  n({ type: Boolean })
+], r.prototype, "fullWidth", void 0);
+i([
+  n({ type: Boolean })
+], r.prototype, "loading", void 0);
+i([
+  n()
+], r.prototype, "variant", void 0);
+i([
+  n()
+], r.prototype, "textVariant", void 0);
+r = i([
+  v("wui-button")
+], r);

package/dist/index-UclsHkJ0.js

@@ -0,0 +1,118 @@
+import { cU as u, cV as h, cW as f, cX as p, cY as g } from "./index-D_8VUmn1.js";
+import { n as d, c as m } from "./index-CEqcN8QP.js";
+import { o as b } from "./if-defined-CdZSZ6UL.js";
+const y = u`
+  :host {
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: ${({ borderRadius: o }) => o[2]};
+    padding: ${({ spacing: o }) => o[1]} !important;
+    background-color: ${({ tokens: o }) => o.theme.backgroundPrimary};
+    position: relative;
+  }
+
+  :host([data-padding='2']) {
+    padding: ${({ spacing: o }) => o[2]} !important;
+  }
+
+  :host:after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border-radius: ${({ borderRadius: o }) => o[2]};
+  }
+
+  :host > wui-icon {
+    z-index: 10;
+  }
+
+  /* -- Colors --------------------------------------------------- */
+  :host([data-color='accent-primary']) {
+    color: ${({ tokens: o }) => o.core.iconAccentPrimary};
+  }
+
+  :host([data-color='accent-primary']):after {
+    background-color: ${({ tokens: o }) => o.core.foregroundAccent010};
+  }
+
+  :host([data-color='default']),
+  :host([data-color='secondary']) {
+    color: ${({ tokens: o }) => o.theme.iconDefault};
+  }
+
+  :host([data-color='default']):after {
+    background-color: ${({ tokens: o }) => o.theme.foregroundPrimary};
+  }
+
+  :host([data-color='secondary']):after {
+    background-color: ${({ tokens: o }) => o.theme.foregroundSecondary};
+  }
+
+  :host([data-color='success']) {
+    color: ${({ tokens: o }) => o.core.iconSuccess};
+  }
+
+  :host([data-color='success']):after {
+    background-color: ${({ tokens: o }) => o.core.backgroundSuccess};
+  }
+
+  :host([data-color='error']) {
+    color: ${({ tokens: o }) => o.core.iconError};
+  }
+
+  :host([data-color='error']):after {
+    background-color: ${({ tokens: o }) => o.core.backgroundError};
+  }
+
+  :host([data-color='warning']) {
+    color: ${({ tokens: o }) => o.core.iconWarning};
+  }
+
+  :host([data-color='warning']):after {
+    background-color: ${({ tokens: o }) => o.core.backgroundWarning};
+  }
+
+  :host([data-color='inverse']) {
+    color: ${({ tokens: o }) => o.theme.iconInverse};
+  }
+
+  :host([data-color='inverse']):after {
+    background-color: transparent;
+  }
+`;
+var a = function(o, e, c, n) {
+  var i = arguments.length, r = i < 3 ? e : n === null ? n = Object.getOwnPropertyDescriptor(e, c) : n, s;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") r = Reflect.decorate(o, e, c, n);
+  else for (var l = o.length - 1; l >= 0; l--) (s = o[l]) && (r = (i < 3 ? s(r) : i > 3 ? s(e, c, r) : s(e, c)) || r);
+  return i > 3 && r && Object.defineProperty(e, c, r), r;
+};
+let t = class extends p {
+  constructor() {
+    super(...arguments), this.icon = "copy", this.size = "md", this.padding = "1", this.color = "default";
+  }
+  render() {
+    return this.dataset.padding = this.padding, this.dataset.color = this.color, g`
+      <wui-icon size=${b(this.size)} name=${this.icon} color="inherit"></wui-icon>
+    `;
+  }
+};
+t.styles = [h, f, y];
+a([
+  d()
+], t.prototype, "icon", void 0);
+a([
+  d()
+], t.prototype, "size", void 0);
+a([
+  d()
+], t.prototype, "padding", void 0);
+a([
+  d()
+], t.prototype, "color", void 0);
+t = a([
+  m("wui-icon-box")
+], t);