@directcryptopay/sdk 0.2.2 → 0.2.4

package/dist/index-BB9JJ24N.js

@@ -0,0 +1,125 @@
+import { dp as d, cU as g, cV as u, cX as m, cY as p } from "./index-DeL88Lwc.js";
+import { n as s, c as v } from "./index-DuTny38n.js";
+import "./index-DFi8TiHc.js";
+const w = d`<svg width="86" height="96" fill="none">
+  <path
+    d="M78.3244 18.926L50.1808 2.45078C45.7376 -0.150261 40.2624 -0.150262 35.8192 2.45078L7.6756 18.926C3.23322 21.5266 0.5 26.3301 0.5 31.5248V64.4752C0.5 69.6699 3.23322 74.4734 7.6756 77.074L35.8192 93.5492C40.2624 96.1503 45.7376 96.1503 50.1808 93.5492L78.3244 77.074C82.7668 74.4734 85.5 69.6699 85.5 64.4752V31.5248C85.5 26.3301 82.7668 21.5266 78.3244 18.926Z"
+  />
+</svg>`, f = d`<svg  viewBox="0 0 48 54" fill="none">
+  <path
+    d="M43.4605 10.7248L28.0485 1.61089C25.5438 0.129705 22.4562 0.129705 19.9515 1.61088L4.53951 10.7248C2.03626 12.2051 0.5 14.9365 0.5 17.886V36.1139C0.5 39.0635 2.03626 41.7949 4.53951 43.2752L19.9515 52.3891C22.4562 53.8703 25.5438 53.8703 28.0485 52.3891L43.4605 43.2752C45.9637 41.7949 47.5 39.0635 47.5 36.114V17.8861C47.5 14.9365 45.9637 12.2051 43.4605 10.7248Z"
+  />
+</svg>`, k = d`
+  <svg fill="none" viewBox="0 0 36 40">
+    <path
+      d="M15.4 2.1a5.21 5.21 0 0 1 5.2 0l11.61 6.7a5.21 5.21 0 0 1 2.61 4.52v13.4c0 1.87-1 3.59-2.6 4.52l-11.61 6.7c-1.62.93-3.6.93-5.22 0l-11.6-6.7a5.21 5.21 0 0 1-2.61-4.51v-13.4c0-1.87 1-3.6 2.6-4.52L15.4 2.1Z"
+    />
+  </svg>
+`, y = g`
+  :host {
+    position: relative;
+    border-radius: inherit;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: var(--local-width);
+    height: var(--local-height);
+  }
+
+  :host([data-round='true']) {
+    background: ${({ tokens: e }) => e.theme.foregroundPrimary};
+    border-radius: 100%;
+    outline: 1px solid ${({ tokens: e }) => e.core.glass010};
+  }
+
+  svg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+  }
+
+  svg > path {
+    stroke: var(--local-stroke);
+  }
+
+  wui-image {
+    width: 100%;
+    height: 100%;
+    -webkit-clip-path: var(--local-path);
+    clip-path: var(--local-path);
+    background: ${({ tokens: e }) => e.theme.foregroundPrimary};
+  }
+
+  wui-icon {
+    transform: translateY(-5%);
+    width: var(--local-icon-size);
+    height: var(--local-icon-size);
+  }
+`;
+var a = function(e, i, r, n) {
+  var l = arguments.length, o = l < 3 ? i : n === null ? n = Object.getOwnPropertyDescriptor(i, r) : n, c;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(e, i, r, n);
+  else for (var h = e.length - 1; h >= 0; h--) (c = e[h]) && (o = (l < 3 ? c(o) : l > 3 ? c(i, r, o) : c(i, r)) || o);
+  return l > 3 && o && Object.defineProperty(i, r, o), o;
+};
+let t = class extends m {
+  constructor() {
+    super(...arguments), this.size = "md", this.name = "uknown", this.networkImagesBySize = {
+      sm: k,
+      md: f,
+      lg: w
+    }, this.selected = !1, this.round = !1;
+  }
+  render() {
+    const i = {
+      sm: "4",
+      md: "6",
+      lg: "10"
+    };
+    return this.round ? (this.dataset.round = "true", this.style.cssText = `
+      --local-width: var(--apkt-spacing-10);
+      --local-height: var(--apkt-spacing-10);
+      --local-icon-size: var(--apkt-spacing-4);
+    `) : this.style.cssText = `
+
+      --local-path: var(--apkt-path-network-${this.size});
+      --local-width:  var(--apkt-width-network-${this.size});
+      --local-height:  var(--apkt-height-network-${this.size});
+      --local-icon-size:  var(--apkt-spacing-${i[this.size]});
+    `, p`${this.templateVisual()} ${this.svgTemplate()} `;
+  }
+  svgTemplate() {
+    return this.round ? null : this.networkImagesBySize[this.size];
+  }
+  templateVisual() {
+    return this.imageSrc ? p`<wui-image src=${this.imageSrc} alt=${this.name}></wui-image>` : p`<wui-icon size="inherit" color="default" name="networkPlaceholder"></wui-icon>`;
+  }
+};
+t.styles = [u, y];
+a([
+  s()
+], t.prototype, "size", void 0);
+a([
+  s()
+], t.prototype, "name", void 0);
+a([
+  s({ type: Object })
+], t.prototype, "networkImagesBySize", void 0);
+a([
+  s()
+], t.prototype, "imageSrc", void 0);
+a([
+  s({ type: Boolean })
+], t.prototype, "selected", void 0);
+a([
+  s({ type: Boolean })
+], t.prototype, "round", void 0);
+t = a([
+  v("wui-network-image")
+], t);
+export {
+  f as n
+};

package/dist/index-BCkEvPQ6.js

@@ -0,0 +1,172 @@
+import { cU as l, cV as p, cW as h, cX as b, cY as y } from "./index-DeL88Lwc.js";
+import { n as r, c as f } from "./index-DuTny38n.js";
+import { o as v } from "./if-defined-k21LutCn.js";
+const m = l`
+  :host {
+    position: relative;
+  }
+
+  button {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: transparent;
+    padding: ${({ spacing: t }) => t[1]};
+  }
+
+  /* -- Colors --------------------------------------------------- */
+  button[data-type='accent'] wui-icon {
+    color: ${({ tokens: t }) => t.core.iconAccentPrimary};
+  }
+
+  button[data-type='neutral'][data-variant='primary'] wui-icon {
+    color: ${({ tokens: t }) => t.theme.iconInverse};
+  }
+
+  button[data-type='neutral'][data-variant='secondary'] wui-icon {
+    color: ${({ tokens: t }) => t.theme.iconDefault};
+  }
+
+  button[data-type='success'] wui-icon {
+    color: ${({ tokens: t }) => t.core.iconSuccess};
+  }
+
+  button[data-type='error'] wui-icon {
+    color: ${({ tokens: t }) => t.core.iconError};
+  }
+
+  /* -- Sizes --------------------------------------------------- */
+  button[data-size='xs'] {
+    width: 16px;
+    height: 16px;
+
+    border-radius: ${({ borderRadius: t }) => t[1]};
+  }
+
+  button[data-size='sm'] {
+    width: 20px;
+    height: 20px;
+    border-radius: ${({ borderRadius: t }) => t[1]};
+  }
+
+  button[data-size='md'] {
+    width: 24px;
+    height: 24px;
+    border-radius: ${({ borderRadius: t }) => t[2]};
+  }
+
+  button[data-size='lg'] {
+    width: 28px;
+    height: 28px;
+    border-radius: ${({ borderRadius: t }) => t[2]};
+  }
+
+  button[data-size='xs'] wui-icon {
+    width: 8px;
+    height: 8px;
+  }
+
+  button[data-size='sm'] wui-icon {
+    width: 12px;
+    height: 12px;
+  }
+
+  button[data-size='md'] wui-icon {
+    width: 16px;
+    height: 16px;
+  }
+
+  button[data-size='lg'] wui-icon {
+    width: 20px;
+    height: 20px;
+  }
+
+  /* -- Hover --------------------------------------------------- */
+  @media (hover: hover) {
+    button[data-type='accent']:hover:enabled {
+      background-color: ${({ tokens: t }) => t.core.foregroundAccent010};
+    }
+
+    button[data-variant='primary'][data-type='neutral']:hover:enabled {
+      background-color: ${({ tokens: t }) => t.theme.foregroundSecondary};
+    }
+
+    button[data-variant='secondary'][data-type='neutral']:hover:enabled {
+      background-color: ${({ tokens: t }) => t.theme.foregroundSecondary};
+    }
+
+    button[data-type='success']:hover:enabled {
+      background-color: ${({ tokens: t }) => t.core.backgroundSuccess};
+    }
+
+    button[data-type='error']:hover:enabled {
+      background-color: ${({ tokens: t }) => t.core.backgroundError};
+    }
+  }
+
+  /* -- Focus --------------------------------------------------- */
+  button:focus-visible {
+    box-shadow: 0 0 0 4px ${({ tokens: t }) => t.core.foregroundAccent020};
+  }
+
+  /* -- Properties --------------------------------------------------- */
+  button[data-full-width='true'] {
+    width: 100%;
+  }
+
+  :host([fullWidth]) {
+    width: 100%;
+  }
+
+  button[disabled] {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+`;
+var i = function(t, a, n, d) {
+  var c = arguments.length, o = c < 3 ? a : d === null ? d = Object.getOwnPropertyDescriptor(a, n) : d, s;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(t, a, n, d);
+  else for (var u = t.length - 1; u >= 0; u--) (s = t[u]) && (o = (c < 3 ? s(o) : c > 3 ? s(a, n, o) : s(a, n)) || o);
+  return c > 3 && o && Object.defineProperty(a, n, o), o;
+};
+let e = class extends b {
+  constructor() {
+    super(...arguments), this.icon = "card", this.variant = "primary", this.type = "accent", this.size = "md", this.iconSize = void 0, this.fullWidth = !1, this.disabled = !1;
+  }
+  render() {
+    return y`<button
+      data-variant=${this.variant}
+      data-type=${this.type}
+      data-size=${this.size}
+      data-full-width=${this.fullWidth}
+      ?disabled=${this.disabled}
+    >
+      <wui-icon color="inherit" name=${this.icon} size=${v(this.iconSize)}></wui-icon>
+    </button>`;
+  }
+};
+e.styles = [p, h, m];
+i([
+  r()
+], e.prototype, "icon", void 0);
+i([
+  r()
+], e.prototype, "variant", void 0);
+i([
+  r()
+], e.prototype, "type", void 0);
+i([
+  r()
+], e.prototype, "size", void 0);
+i([
+  r()
+], e.prototype, "iconSize", void 0);
+i([
+  r({ type: Boolean })
+], e.prototype, "fullWidth", void 0);
+i([
+  r({ type: Boolean })
+], e.prototype, "disabled", void 0);
+e = i([
+  f("wui-icon-button")
+], e);

package/dist/index-BDeO_csr.js

@@ -0,0 +1,171 @@
+import { c_ as h, cX as p, cM as c, cY as a, cF as x, d3 as b, cE as g, d4 as v, d0 as C, cU as m, cV as _, cW as $ } from "./index-DeL88Lwc.js";
+import { c as w, r as T } from "./index-DuTny38n.js";
+import "./index-DcYjZV4H.js";
+const R = h``;
+var O = function(n, e, r, o) {
+  var i = arguments.length, t = i < 3 ? e : o === null ? o = Object.getOwnPropertyDescriptor(e, r) : o, s;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") t = Reflect.decorate(n, e, r, o);
+  else for (var l = n.length - 1; l >= 0; l--) (s = n[l]) && (t = (i < 3 ? s(t) : i > 3 ? s(e, r, t) : s(e, r)) || t);
+  return i > 3 && t && Object.defineProperty(e, r, t), t;
+};
+let f = class extends p {
+  render() {
+    const { termsConditionsUrl: e, privacyPolicyUrl: r } = c.state;
+    return !e && !r ? null : a`
+      <wui-flex
+        .padding=${["4", "3", "3", "3"]}
+        flexDirection="column"
+        alignItems="center"
+        justifyContent="center"
+        gap="3"
+      >
+        <wui-text color="secondary" variant="md-regular" align="center">
+          We work with the best providers to give you the lowest fees and best support. More options
+          coming soon!
+        </wui-text>
+
+        ${this.howDoesItWorkTemplate()}
+      </wui-flex>
+    `;
+  }
+  howDoesItWorkTemplate() {
+    return a` <wui-link @click=${this.onWhatIsBuy.bind(this)}>
+      <wui-icon size="xs" color="accent-primary" slot="iconLeft" name="helpCircle"></wui-icon>
+      How does it work?
+    </wui-link>`;
+  }
+  onWhatIsBuy() {
+    x.sendEvent({
+      type: "track",
+      event: "SELECT_WHAT_IS_A_BUY",
+      properties: {
+        isSmartAccount: b(g.state.activeChain) === v.ACCOUNT_TYPES.SMART_ACCOUNT
+      }
+    }), C.push("WhatIsABuy");
+  }
+};
+f.styles = [R];
+f = O([
+  w("w3m-onramp-providers-footer")
+], f);
+const P = "https://reown.com", U = m`
+  .reown-logo {
+    height: 24px;
+  }
+
+  a {
+    text-decoration: none;
+    cursor: pointer;
+    color: ${({ tokens: n }) => n.theme.textSecondary};
+  }
+
+  a:hover {
+    opacity: 0.9;
+  }
+`;
+var W = function(n, e, r, o) {
+  var i = arguments.length, t = i < 3 ? e : o === null ? o = Object.getOwnPropertyDescriptor(e, r) : o, s;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") t = Reflect.decorate(n, e, r, o);
+  else for (var l = n.length - 1; l >= 0; l--) (s = n[l]) && (t = (i < 3 ? s(t) : i > 3 ? s(e, r, t) : s(e, r)) || t);
+  return i > 3 && t && Object.defineProperty(e, r, t), t;
+};
+let d = class extends p {
+  render() {
+    return a`
+      <a
+        data-testid="ux-branding-reown"
+        href=${P}
+        rel="noreferrer"
+        target="_blank"
+        style="text-decoration: none;"
+      >
+        <wui-flex
+          justifyContent="center"
+          alignItems="center"
+          gap="1"
+          .padding=${["01", "0", "3", "0"]}
+        >
+          <wui-text variant="sm-regular" color="inherit"> UX by </wui-text>
+          <wui-icon name="reown" size="inherit" class="reown-logo"></wui-icon>
+        </wui-flex>
+      </a>
+    `;
+  }
+};
+d.styles = [_, $, U];
+d = W([
+  w("wui-ux-by-reown")
+], d);
+const B = m`
+  :host wui-ux-by-reown {
+    padding-top: 0;
+  }
+
+  :host wui-ux-by-reown.branding-only {
+    padding-top: ${({ spacing: n }) => n[3]};
+  }
+
+  a {
+    text-decoration: none;
+    color: ${({ tokens: n }) => n.core.textAccentPrimary};
+    font-weight: 500;
+  }
+`;
+var y = function(n, e, r, o) {
+  var i = arguments.length, t = i < 3 ? e : o === null ? o = Object.getOwnPropertyDescriptor(e, r) : o, s;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") t = Reflect.decorate(n, e, r, o);
+  else for (var l = n.length - 1; l >= 0; l--) (s = n[l]) && (t = (i < 3 ? s(t) : i > 3 ? s(e, r, t) : s(e, r)) || t);
+  return i > 3 && t && Object.defineProperty(e, r, t), t;
+};
+let u = class extends p {
+  constructor() {
+    super(), this.unsubscribe = [], this.remoteFeatures = c.state.remoteFeatures, this.unsubscribe.push(c.subscribeKey("remoteFeatures", (e) => this.remoteFeatures = e));
+  }
+  disconnectedCallback() {
+    this.unsubscribe.forEach((e) => e());
+  }
+  render() {
+    var t;
+    const { termsConditionsUrl: e, privacyPolicyUrl: r } = c.state, o = (t = c.state.features) == null ? void 0 : t.legalCheckbox;
+    return !e && !r || o ? a`
+        <wui-flex flexDirection="column"> ${this.reownBrandingTemplate(!0)} </wui-flex>
+      ` : a`
+      <wui-flex flexDirection="column">
+        <wui-flex .padding=${["4", "3", "3", "3"]} justifyContent="center">
+          <wui-text color="secondary" variant="md-regular" align="center">
+            By connecting your wallet, you agree to our <br />
+            ${this.termsTemplate()} ${this.andTemplate()} ${this.privacyTemplate()}
+          </wui-text>
+        </wui-flex>
+        ${this.reownBrandingTemplate()}
+      </wui-flex>
+    `;
+  }
+  andTemplate() {
+    const { termsConditionsUrl: e, privacyPolicyUrl: r } = c.state;
+    return e && r ? "and" : "";
+  }
+  termsTemplate() {
+    const { termsConditionsUrl: e } = c.state;
+    return e ? a`<a href=${e} target="_blank" rel="noopener noreferrer"
+      >Terms of Service</a
+    >` : null;
+  }
+  privacyTemplate() {
+    const { privacyPolicyUrl: e } = c.state;
+    return e ? a`<a href=${e} target="_blank" rel="noopener noreferrer"
+      >Privacy Policy</a
+    >` : null;
+  }
+  reownBrandingTemplate(e = !1) {
+    var r;
+    return (r = this.remoteFeatures) != null && r.reownBranding ? e ? a`<wui-ux-by-reown class="branding-only"></wui-ux-by-reown>` : a`<wui-ux-by-reown></wui-ux-by-reown>` : null;
+  }
+};
+u.styles = [B];
+y([
+  T()
+], u.prototype, "remoteFeatures", void 0);
+u = y([
+  w("w3m-legal-footer")
+], u);