@directcryptopay/sdk 0.2.1 → 0.2.3

package/dist/index-D7lmgqUR.js

@@ -0,0 +1,153 @@
+import { cU as d, cV as c, cW as m, cX as f, cZ as v, cY as h } from "./index-D_8VUmn1.js";
+import { n as r, c as y, U as b } from "./index-CEqcN8QP.js";
+import { e as g, n as w } from "./ref-CpgjXAw7.js";
+const x = d`
+  :host {
+    position: relative;
+    display: inline-block;
+  }
+
+  :host([data-error='true']) > input {
+    color: ${({ tokens: t }) => t.core.textError};
+  }
+
+  :host([data-error='false']) > input {
+    color: ${({ tokens: t }) => t.theme.textSecondary};
+  }
+
+  input {
+    background: transparent;
+    height: auto;
+    box-sizing: border-box;
+    color: ${({ tokens: t }) => t.theme.textPrimary};
+    font-feature-settings: 'case' on;
+    font-size: ${({ textSize: t }) => t.h4};
+    caret-color: ${({ tokens: t }) => t.core.backgroundAccentPrimary};
+    line-height: ${({ typography: t }) => t["h4-regular-mono"].lineHeight};
+    letter-spacing: ${({ typography: t }) => t["h4-regular-mono"].letterSpacing};
+    -webkit-appearance: none;
+    -moz-appearance: textfield;
+    padding: 0px;
+    font-family: ${({ fontFamily: t }) => t.mono};
+  }
+
+  :host([data-width-variant='auto']) input {
+    width: 100%;
+  }
+
+  :host([data-width-variant='fit']) input {
+    width: 1ch;
+  }
+
+  .wui-input-amount-fit-mirror {
+    position: absolute;
+    visibility: hidden;
+    white-space: pre;
+    font-size: var(--local-font-size);
+    line-height: 130%;
+    letter-spacing: -1.28px;
+    font-family: ${({ fontFamily: t }) => t.mono};
+  }
+
+  .wui-input-amount-fit-width {
+    display: inline-block;
+    position: relative;
+  }
+
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+
+  input::placeholder {
+    color: ${({ tokens: t }) => t.theme.textSecondary};
+  }
+`;
+var a = function(t, e, n, s) {
+  var p = arguments.length, o = p < 3 ? e : s === null ? s = Object.getOwnPropertyDescriptor(e, n) : s, l;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(t, e, n, s);
+  else for (var u = t.length - 1; u >= 0; u--) (l = t[u]) && (o = (p < 3 ? l(o) : p > 3 ? l(e, n, o) : l(e, n)) || o);
+  return p > 3 && o && Object.defineProperty(e, n, o), o;
+};
+let i = class extends f {
+  constructor() {
+    super(...arguments), this.inputElementRef = g(), this.disabled = !1, this.value = "", this.placeholder = "0", this.widthVariant = "auto", this.maxDecimals = void 0, this.maxIntegers = void 0, this.fontSize = "h4", this.error = !1;
+  }
+  firstUpdated() {
+    this.resizeInput();
+  }
+  updated() {
+    this.style.setProperty("--local-font-size", v.textSize[this.fontSize]), this.resizeInput();
+  }
+  render() {
+    var e;
+    return this.dataset.widthVariant = this.widthVariant, this.dataset.error = String(this.error), (e = this.inputElementRef) != null && e.value && this.value && (this.inputElementRef.value.value = this.value), this.widthVariant === "auto" ? this.inputTemplate() : h`
+      <div class="wui-input-amount-fit-width">
+        <span class="wui-input-amount-fit-mirror"></span>
+        ${this.inputTemplate()}
+      </div>
+    `;
+  }
+  inputTemplate() {
+    return h`<input
+      ${w(this.inputElementRef)}
+      type="text"
+      inputmode="decimal"
+      pattern="[0-9,.]*"
+      placeholder=${this.placeholder}
+      ?disabled=${this.disabled}
+      autofocus
+      value=${this.value ?? ""}
+      @input=${this.dispatchInputChangeEvent.bind(this)}
+    />`;
+  }
+  dispatchInputChangeEvent() {
+    this.inputElementRef.value && (this.inputElementRef.value.value = b.maskInput({
+      value: this.inputElementRef.value.value,
+      decimals: this.maxDecimals,
+      integers: this.maxIntegers
+    }), this.dispatchEvent(new CustomEvent("inputChange", {
+      detail: this.inputElementRef.value.value,
+      bubbles: !0,
+      composed: !0
+    })), this.resizeInput());
+  }
+  resizeInput() {
+    if (this.widthVariant === "fit") {
+      const e = this.inputElementRef.value;
+      if (e) {
+        const n = e.previousElementSibling;
+        n && (n.textContent = e.value || "0", e.style.width = `${n.offsetWidth}px`);
+      }
+    }
+  }
+};
+i.styles = [c, m, x];
+a([
+  r({ type: Boolean })
+], i.prototype, "disabled", void 0);
+a([
+  r({ type: String })
+], i.prototype, "value", void 0);
+a([
+  r({ type: String })
+], i.prototype, "placeholder", void 0);
+a([
+  r({ type: String })
+], i.prototype, "widthVariant", void 0);
+a([
+  r({ type: Number })
+], i.prototype, "maxDecimals", void 0);
+a([
+  r({ type: Number })
+], i.prototype, "maxIntegers", void 0);
+a([
+  r({ type: String })
+], i.prototype, "fontSize", void 0);
+a([
+  r({ type: Boolean })
+], i.prototype, "error", void 0);
+i = a([
+  y("wui-input-amount")
+], i);

package/dist/index-DG_-qYze.js

@@ -0,0 +1,107 @@
+import { cU as p, cV as f, cW as h, cX as b, cN as d, cY as m } from "./index-D_8VUmn1.js";
+import { n as i, c as w } from "./index-CEqcN8QP.js";
+import "./index-I7VDqINw.js";
+const g = p`
+  :host {
+    width: 100%;
+  }
+
+  button {
+    padding: ${({ spacing: e }) => e[3]};
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+    border-radius: ${({ borderRadius: e }) => e[4]};
+    background-color: transparent;
+  }
+
+  @media (hover: hover) {
+    button:hover:enabled {
+      background-color: ${({ tokens: e }) => e.theme.foregroundSecondary};
+    }
+  }
+
+  button:focus-visible:enabled {
+    background-color: ${({ tokens: e }) => e.theme.foregroundSecondary};
+    box-shadow: 0 0 0 4px ${({ tokens: e }) => e.core.foregroundAccent040};
+  }
+
+  button[data-clickable='false'] {
+    pointer-events: none;
+    background-color: transparent;
+  }
+
+  wui-image,
+  wui-icon {
+    width: ${({ spacing: e }) => e[10]};
+    height: ${({ spacing: e }) => e[10]};
+  }
+
+  wui-image {
+    border-radius: ${({ borderRadius: e }) => e[16]};
+  }
+`;
+var n = function(e, r, a, u) {
+  var l = arguments.length, o = l < 3 ? r : u === null ? u = Object.getOwnPropertyDescriptor(r, a) : u, c;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(e, r, a, u);
+  else for (var s = e.length - 1; s >= 0; s--) (c = e[s]) && (o = (l < 3 ? c(o) : l > 3 ? c(r, a, o) : c(r, a)) || o);
+  return l > 3 && o && Object.defineProperty(r, a, o), o;
+};
+let t = class extends b {
+  constructor() {
+    super(...arguments), this.tokenName = "", this.tokenImageUrl = "", this.tokenValue = 0, this.tokenAmount = "0.0", this.tokenCurrency = "", this.clickable = !1;
+  }
+  render() {
+    return m`
+      <button data-clickable=${String(this.clickable)}>
+        <wui-flex gap="2" alignItems="center">
+          ${this.visualTemplate()}
+          <wui-flex flexDirection="column" justifyContent="space-between" gap="1">
+            <wui-text variant="md-regular" color="primary">${this.tokenName}</wui-text>
+            <wui-text variant="sm-regular-mono" color="secondary">
+              ${d.formatNumberToLocalString(this.tokenAmount, 4)} ${this.tokenCurrency}
+            </wui-text>
+          </wui-flex>
+        </wui-flex>
+        <wui-flex
+          flexDirection="column"
+          justifyContent="space-between"
+          gap="1"
+          alignItems="flex-end"
+        >
+          <wui-text variant="md-regular-mono" color="primary"
+            >$${this.tokenValue.toFixed(2)}</wui-text
+          >
+          <wui-text variant="sm-regular-mono" color="secondary">
+            ${d.formatNumberToLocalString(this.tokenAmount, 4)}
+          </wui-text>
+        </wui-flex>
+      </button>
+    `;
+  }
+  visualTemplate() {
+    return this.tokenName && this.tokenImageUrl ? m`<wui-image alt=${this.tokenName} src=${this.tokenImageUrl}></wui-image>` : m`<wui-icon name="coinPlaceholder" color="default"></wui-icon>`;
+  }
+};
+t.styles = [f, h, g];
+n([
+  i()
+], t.prototype, "tokenName", void 0);
+n([
+  i()
+], t.prototype, "tokenImageUrl", void 0);
+n([
+  i({ type: Number })
+], t.prototype, "tokenValue", void 0);
+n([
+  i()
+], t.prototype, "tokenAmount", void 0);
+n([
+  i()
+], t.prototype, "tokenCurrency", void 0);
+n([
+  i({ type: Boolean })
+], t.prototype, "clickable", void 0);
+t = n([
+  w("wui-list-token")
+], t);

package/dist/{index-Dy4NyE6l.js → index-DHot9Fdb.js}

@@ -1,6 +1,6 @@
-import { cM as D, bp as b, aW as I, cN as C, c0 as g, b2 as A, cO as y, cn as N } from "./index-BJ7cbG3N.js";
-import { cP as m } from "./index-BJ7cbG3N.js";
-function k(u = {}) {
+import { d9 as D, bp as b, aW as I, da as C, c0 as g, b2 as A, db as y, cn as _ } from "./index-D_8VUmn1.js";
+import { dc as m } from "./index-D_8VUmn1.js";
+function q(u = {}) {
   let l, d, s, a;
   return D((n) => ({
     id: "baseAccount",
@@ -69,7 +69,7 @@ function k(u = {}) {
             ...u.preference,
             options: ((r = u.preference) == null ? void 0 : r.options) ?? "all"
           };
-        })(), { createBaseAccountSDK: e } = await import("./index-CPTcEPbD.js");
+        })(), { createBaseAccountSDK: e } = await import("./index-CM3YaYca.js");
         l = e({
           ...u,
           appChainIds: n.chains.map((r) => r.id),
@@ -173,13 +173,13 @@ function S(u = {}) {
     async getProvider() {
       if (typeof window < "u" && (window == null ? void 0 : window.parent) !== window) {
         if (!d) {
-          const { default: t } = await import("./index-5mp7WkhV.js"), e = new t(u), i = await N(() => e.safe.getInfo(), {
+          const { default: t } = await import("./index-uBeF6OAB.js"), e = new t(u), i = await _(() => e.safe.getInfo(), {
             timeout: u.unstable_getInfoTimeout ?? 10
           });
           if (!i)
             throw new Error("Could not load Safe information");
           const r = await (async () => {
-            const c = await import("./index-D5r0iSq4.js").then((p) => p.i);
+            const c = await import("./index-BkTSyAJb.js").then((p) => p.i);
             return typeof c.SafeAppProvider != "function" && typeof c.default.SafeAppProvider == "function" ? c.default.SafeAppProvider : c.SafeAppProvider;
           })();
           d = new r(i, e);
@@ -212,7 +212,7 @@ function S(u = {}) {
   }));
 }
 export {
-  k as baseAccount,
+  q as baseAccount,
   m as injected,
   S as safe
 };

package/dist/index-DV2LrPtU.js

@@ -0,0 +1,123 @@
+import { cU as u, cV as p, cX as m, cY as c } from "./index-D_8VUmn1.js";
+import { n as s, c as f } from "./index-CEqcN8QP.js";
+import "./index-I7VDqINw.js";
+import "./index-UclsHkJ0.js";
+const w = u`
+  :host {
+    position: relative;
+    background-color: ${({ tokens: e }) => e.theme.foregroundTertiary};
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: inherit;
+    border-radius: var(--local-border-radius);
+  }
+
+  :host([data-image='true']) {
+    background-color: transparent;
+  }
+
+  :host > wui-flex {
+    overflow: hidden;
+    border-radius: inherit;
+    border-radius: var(--local-border-radius);
+  }
+
+  :host([data-size='sm']) {
+    width: 32px;
+    height: 32px;
+  }
+
+  :host([data-size='md']) {
+    width: 40px;
+    height: 40px;
+  }
+
+  :host([data-size='lg']) {
+    width: 56px;
+    height: 56px;
+  }
+
+  :host([name='Extension'])::after {
+    border: 1px solid ${({ colors: e }) => e.accent010};
+  }
+
+  :host([data-wallet-icon='allWallets'])::after {
+    border: 1px solid ${({ colors: e }) => e.accent010};
+  }
+
+  wui-icon[data-parent-size='inherit'] {
+    width: 75%;
+    height: 75%;
+    align-items: center;
+  }
+
+  wui-icon[data-parent-size='sm'] {
+    width: 32px;
+    height: 32px;
+  }
+
+  wui-icon[data-parent-size='md'] {
+    width: 40px;
+    height: 40px;
+  }
+
+  :host > wui-icon-box {
+    position: absolute;
+    overflow: hidden;
+    right: -1px;
+    bottom: -2px;
+    z-index: 1;
+    border: 2px solid ${({ tokens: e }) => e.theme.backgroundPrimary};
+    padding: 1px;
+  }
+`;
+var r = function(e, t, o, n) {
+  var l = arguments.length, a = l < 3 ? t : n === null ? n = Object.getOwnPropertyDescriptor(t, o) : n, d;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, o, n);
+  else for (var h = e.length - 1; h >= 0; h--) (d = e[h]) && (a = (l < 3 ? d(a) : l > 3 ? d(t, o, a) : d(t, o)) || a);
+  return l > 3 && a && Object.defineProperty(t, o, a), a;
+};
+let i = class extends m {
+  constructor() {
+    super(...arguments), this.size = "md", this.name = "", this.installed = !1, this.badgeSize = "xs";
+  }
+  render() {
+    let t = "1";
+    return this.size === "lg" ? t = "4" : this.size === "md" ? t = "2" : this.size === "sm" && (t = "1"), this.style.cssText = `
+       --local-border-radius: var(--apkt-borderRadius-${t});
+   `, this.dataset.size = this.size, this.imageSrc && (this.dataset.image = "true"), this.walletIcon && (this.dataset.walletIcon = this.walletIcon), c`
+      <wui-flex justifyContent="center" alignItems="center"> ${this.templateVisual()} </wui-flex>
+    `;
+  }
+  templateVisual() {
+    return this.imageSrc ? c`<wui-image src=${this.imageSrc} alt=${this.name}></wui-image>` : this.walletIcon ? c`<wui-icon size="md" color="default" name=${this.walletIcon}></wui-icon>` : c`<wui-icon
+      data-parent-size=${this.size}
+      size="inherit"
+      color="inherit"
+      name="wallet"
+    ></wui-icon>`;
+  }
+};
+i.styles = [p, w];
+r([
+  s()
+], i.prototype, "size", void 0);
+r([
+  s()
+], i.prototype, "name", void 0);
+r([
+  s()
+], i.prototype, "imageSrc", void 0);
+r([
+  s()
+], i.prototype, "walletIcon", void 0);
+r([
+  s({ type: Boolean })
+], i.prototype, "installed", void 0);
+r([
+  s()
+], i.prototype, "badgeSize", void 0);
+i = r([
+  f("wui-wallet-image")
+], i);

package/dist/index-DYBaJQ2W.js

@@ -0,0 +1,65 @@
+import { cU as h, cV as l, cX as u, cY as f } from "./index-D_8VUmn1.js";
+import { n as p, c as m } from "./index-CEqcN8QP.js";
+const g = h`
+  :host {
+    display: block;
+    width: 100px;
+    height: 100px;
+  }
+
+  svg {
+    width: 100px;
+    height: 100px;
+  }
+
+  rect {
+    fill: none;
+    stroke: ${(r) => r.colors.accent100};
+    stroke-width: 3px;
+    stroke-linecap: round;
+    animation: dash 1s linear infinite;
+  }
+
+  @keyframes dash {
+    to {
+      stroke-dashoffset: 0px;
+    }
+  }
+`;
+var c = function(r, e, a, s) {
+  var n = arguments.length, t = n < 3 ? e : s === null ? s = Object.getOwnPropertyDescriptor(e, a) : s, o;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") t = Reflect.decorate(r, e, a, s);
+  else for (var d = r.length - 1; d >= 0; d--) (o = r[d]) && (t = (n < 3 ? o(t) : n > 3 ? o(e, a, t) : o(e, a)) || t);
+  return n > 3 && t && Object.defineProperty(e, a, t), t;
+};
+let i = class extends u {
+  constructor() {
+    super(...arguments), this.radius = 36;
+  }
+  render() {
+    return this.svgLoaderTemplate();
+  }
+  svgLoaderTemplate() {
+    const e = this.radius > 50 ? 50 : this.radius, s = 36 - e, n = 116 + s, t = 245 + s, o = 360 + s * 1.75;
+    return f`
+      <svg viewBox="0 0 110 110" width="110" height="110">
+        <rect
+          x="2"
+          y="2"
+          width="106"
+          height="106"
+          rx=${e}
+          stroke-dasharray="${n} ${t}"
+          stroke-dashoffset=${o}
+        />
+      </svg>
+    `;
+  }
+};
+i.styles = [l, g];
+c([
+  p({ type: Number })
+], i.prototype, "radius", void 0);
+i = c([
+  m("wui-loading-thumbnail")
+], i);