@directcryptopay/sdk 0.2.2 → 0.2.4

package/dist/index-BjOhprVS.js

@@ -0,0 +1,199 @@
+import { cU as u, cV as g, cW as m, cX as p, cY as n } from "./index-DeL88Lwc.js";
+import { n as r, c as x } from "./index-DuTny38n.js";
+import "./index-DFi8TiHc.js";
+import "./index-D1BvhCbI.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);

package/dist/{index-Dy4NyE6l.js → index-BjyMgZsf.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-DeL88Lwc.js";
+import { dc as m } from "./index-DeL88Lwc.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-BA0VwKg0.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-C4qc4PdD.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-Nfjb6bV0.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-BkThIDLX.js

@@ -0,0 +1,159 @@
+import { c$ as d, cC as h, cR as f, cS as g, cU as w, cX as b, cY as y } from "./index-DeL88Lwc.js";
+import { r as m, c as x } from "./index-DuTny38n.js";
+const o = h({
+  message: "",
+  open: !1,
+  triggerRect: {
+    width: 0,
+    height: 0,
+    top: 0,
+    left: 0
+  },
+  variant: "shade"
+}), v = {
+  state: o,
+  subscribe(t) {
+    return g(o, () => t(o));
+  },
+  subscribeKey(t, e) {
+    return f(o, t, e);
+  },
+  showTooltip({ message: t, triggerRect: e, variant: i }) {
+    o.open = !0, o.message = t, o.triggerRect = e, o.variant = i;
+  },
+  hide() {
+    o.open = !1, o.message = "", o.triggerRect = {
+      width: 0,
+      height: 0,
+      top: 0,
+      left: 0
+    };
+  }
+}, s = d(v), $ = w`
+  :host {
+    pointer-events: none;
+  }
+
+  :host > wui-flex {
+    display: var(--w3m-tooltip-display);
+    opacity: var(--w3m-tooltip-opacity);
+    padding: 9px ${({ spacing: t }) => t[3]} 10px ${({ spacing: t }) => t[3]};
+    border-radius: ${({ borderRadius: t }) => t[3]};
+    color: ${({ tokens: t }) => t.theme.backgroundPrimary};
+    position: absolute;
+    top: var(--w3m-tooltip-top);
+    left: var(--w3m-tooltip-left);
+    transform: translate(calc(-50% + var(--w3m-tooltip-parent-width)), calc(-100% - 8px));
+    max-width: calc(var(--apkt-modal-width) - ${({ spacing: t }) => t[5]});
+    transition: opacity ${({ durations: t }) => t.lg}
+      ${({ easings: t }) => t["ease-out-power-2"]};
+    will-change: opacity;
+    opacity: 0;
+    animation-duration: ${({ durations: t }) => t.xl};
+    animation-timing-function: ${({ easings: t }) => t["ease-out-power-2"]};
+    animation-name: fade-in;
+    animation-fill-mode: forwards;
+  }
+
+  :host([data-variant='shade']) > wui-flex {
+    background-color: ${({ tokens: t }) => t.theme.foregroundPrimary};
+  }
+
+  :host([data-variant='shade']) > wui-flex > wui-text {
+    color: ${({ tokens: t }) => t.theme.textSecondary};
+  }
+
+  :host([data-variant='fill']) > wui-flex {
+    background-color: ${({ tokens: t }) => t.theme.textPrimary};
+    border: none;
+  }
+
+  wui-icon {
+    position: absolute;
+    width: 12px !important;
+    height: 4px !important;
+    color: ${({ tokens: t }) => t.theme.foregroundPrimary};
+  }
+
+  wui-icon[data-placement='top'] {
+    bottom: 0px;
+    left: 50%;
+    transform: translate(-50%, 95%);
+  }
+
+  wui-icon[data-placement='bottom'] {
+    top: 0;
+    left: 50%;
+    transform: translate(-50%, -95%) rotate(180deg);
+  }
+
+  wui-icon[data-placement='right'] {
+    top: 50%;
+    left: 0;
+    transform: translate(-65%, -50%) rotate(90deg);
+  }
+
+  wui-icon[data-placement='left'] {
+    top: 50%;
+    right: 0%;
+    transform: translate(65%, -50%) rotate(270deg);
+  }
+
+  @keyframes fade-in {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+`;
+var n = function(t, e, i, p) {
+  var c = arguments.length, a = c < 3 ? e : p === null ? p = Object.getOwnPropertyDescriptor(e, i) : p, l;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(t, e, i, p);
+  else for (var u = t.length - 1; u >= 0; u--) (l = t[u]) && (a = (c < 3 ? l(a) : c > 3 ? l(e, i, a) : l(e, i)) || a);
+  return c > 3 && a && Object.defineProperty(e, i, a), a;
+};
+let r = class extends b {
+  constructor() {
+    super(), this.unsubscribe = [], this.open = s.state.open, this.message = s.state.message, this.triggerRect = s.state.triggerRect, this.variant = s.state.variant, this.unsubscribe.push(s.subscribe((e) => {
+      this.open = e.open, this.message = e.message, this.triggerRect = e.triggerRect, this.variant = e.variant;
+    }));
+  }
+  disconnectedCallback() {
+    this.unsubscribe.forEach((e) => e());
+  }
+  render() {
+    this.dataset.variant = this.variant;
+    const e = this.triggerRect.top, i = this.triggerRect.left;
+    return this.style.cssText = `
+    --w3m-tooltip-top: ${e}px;
+    --w3m-tooltip-left: ${i}px;
+    --w3m-tooltip-parent-width: ${this.triggerRect.width / 2}px;
+    --w3m-tooltip-display: ${this.open ? "flex" : "none"};
+    --w3m-tooltip-opacity: ${this.open ? 1 : 0};
+    `, y`<wui-flex>
+      <wui-icon data-placement="top" size="inherit" name="cursor"></wui-icon>
+      <wui-text color="primary" variant="sm-regular">${this.message}</wui-text>
+    </wui-flex>`;
+  }
+};
+r.styles = [$];
+n([
+  m()
+], r.prototype, "open", void 0);
+n([
+  m()
+], r.prototype, "message", void 0);
+n([
+  m()
+], r.prototype, "triggerRect", void 0);
+n([
+  m()
+], r.prototype, "variant", void 0);
+r = n([
+  x("w3m-tooltip")
+], r);
+export {
+  s as T
+};

package/dist/index-BmFs6nb7.js

@@ -0,0 +1,209 @@
+import { cU as b, cV as g, cW as p, cX as h, cY as u } from "./index-DeL88Lwc.js";
+import { n, c as v } from "./index-DuTny38n.js";
+import "./index-B8LkUrww.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-5mp7WkhV.js → index-C4qc4PdD.js}

@@ -1,6 +1,6 @@
 import { r as T } from "./index-C1QEJL-2.js";
-import { bk as y } from "./index-BJ7cbG3N.js";
-import { h as k, e as I } from "./hashTypedData-ZH9ZnWu3.js";
+import { bk as y } from "./index-DeL88Lwc.js";
+import { h as k, e as I } from "./hashTypedData-a7b8tdkO.js";
 const q = () => "9.1.0", v = (t) => t.toString(16).padStart(2, "0"), C = (t) => {
   const e = new Uint8Array(t / 2);
   return window.crypto.getRandomValues(e), Array.from(e, v).join("");