@directcryptopay/sdk 0.1.0

package/dist/index-CwB_qRfM.js

@@ -0,0 +1,305 @@
+import { cP as $, cQ as R, cR as _, cz as f, cC as m, cA as b, cB as l, dd as a, cD as O } from "./index-DiHImG4L.js";
+import { n as P, c as w, o as j, r as y } from "./if-defined-BciplFKz.js";
+import { e as T, n as U } from "./ref-huAzXCX0.js";
+import { R as B } from "./ConstantsUtil-B-_-u8aQ.js";
+const u = $({
+  isLegalCheckboxChecked: !1
+}), x = {
+  state: u,
+  subscribe(n) {
+    return _(u, () => n(u));
+  },
+  subscribeKey(n, e) {
+    return R(u, n, e);
+  },
+  setIsLegalCheckboxChecked(n) {
+    u.isLegalCheckboxChecked = n;
+  }
+}, E = f`
+  label {
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    column-gap: var(--wui-spacing-1xs);
+  }
+
+  label > input[type='checkbox'] {
+    height: 0;
+    width: 0;
+    opacity: 0;
+    pointer-events: none;
+    position: absolute;
+  }
+
+  label > span {
+    width: var(--wui-spacing-xl);
+    height: var(--wui-spacing-xl);
+    min-width: var(--wui-spacing-xl);
+    min-height: var(--wui-spacing-xl);
+    border-radius: var(--wui-border-radius-3xs);
+    border-width: 1px;
+    border-style: solid;
+    border-color: var(--wui-color-gray-glass-010);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: background-color var(--wui-ease-out-power-1) var(--wui-duration-lg);
+    will-change: background-color;
+  }
+
+  label > span:hover,
+  label > input[type='checkbox']:focus-visible + span {
+    background-color: var(--wui-color-gray-glass-010);
+  }
+
+  label input[type='checkbox']:checked + span {
+    background-color: var(--wui-color-blue-base-90);
+  }
+
+  label > span > wui-icon {
+    opacity: 0;
+    transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-lg);
+    will-change: opacity;
+  }
+
+  label > input[type='checkbox']:checked + span wui-icon {
+    opacity: 1;
+  }
+`;
+var v = function(n, e, r, o) {
+  var i = arguments.length, t = i < 3 ? e : o === null ? o = Object.getOwnPropertyDescriptor(e, r) : o, c;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") t = Reflect.decorate(n, e, r, o);
+  else for (var s = n.length - 1; s >= 0; s--) (c = n[s]) && (t = (i < 3 ? c(t) : i > 3 ? c(e, r, t) : c(e, r)) || t);
+  return i > 3 && t && Object.defineProperty(e, r, t), t;
+};
+let h = class extends b {
+  constructor() {
+    super(...arguments), this.inputElementRef = T(), this.checked = void 0;
+  }
+  render() {
+    return l`
+      <label>
+        <input
+          ${U(this.inputElementRef)}
+          ?checked=${j(this.checked)}
+          type="checkbox"
+          @change=${this.dispatchChangeEvent}
+        />
+        <span>
+          <wui-icon name="checkmarkBold" color="inverse-100" size="xxs"></wui-icon>
+        </span>
+        <slot></slot>
+      </label>
+    `;
+  }
+  dispatchChangeEvent() {
+    var e;
+    this.dispatchEvent(new CustomEvent("checkboxChange", {
+      detail: (e = this.inputElementRef.value) == null ? void 0 : e.checked,
+      bubbles: !0,
+      composed: !0
+    }));
+  }
+};
+h.styles = [m, E];
+v([
+  P({ type: Boolean })
+], h.prototype, "checked", void 0);
+h = v([
+  w("wui-checkbox")
+], h);
+const L = f`
+  :host {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  wui-checkbox {
+    padding: var(--wui-spacing-s);
+  }
+  a {
+    text-decoration: none;
+    color: var(--wui-color-fg-150);
+    font-weight: 500;
+  }
+`;
+var k = function(n, e, r, o) {
+  var i = arguments.length, t = i < 3 ? e : o === null ? o = Object.getOwnPropertyDescriptor(e, r) : o, c;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") t = Reflect.decorate(n, e, r, o);
+  else for (var s = n.length - 1; s >= 0; s--) (c = n[s]) && (t = (i < 3 ? c(t) : i > 3 ? c(e, r, t) : c(e, r)) || t);
+  return i > 3 && t && Object.defineProperty(e, r, t), t;
+};
+let d = class extends b {
+  constructor() {
+    super(), this.unsubscribe = [], this.checked = x.state.isLegalCheckboxChecked, this.unsubscribe.push(x.subscribeKey("isLegalCheckboxChecked", (e) => {
+      this.checked = e;
+    }));
+  }
+  disconnectedCallback() {
+    this.unsubscribe.forEach((e) => e());
+  }
+  render() {
+    var i;
+    const { termsConditionsUrl: e, privacyPolicyUrl: r } = a.state, o = (i = a.state.features) == null ? void 0 : i.legalCheckbox;
+    return !e && !r || !o ? null : l`
+      <wui-checkbox
+        ?checked=${this.checked}
+        @checkboxChange=${this.onCheckboxChange.bind(this)}
+        data-testid="wui-checkbox"
+      >
+        <wui-text color="fg-250" variant="small-400" align="left">
+          I agree to our ${this.termsTemplate()} ${this.andTemplate()} ${this.privacyTemplate()}
+        </wui-text>
+      </wui-checkbox>
+    `;
+  }
+  andTemplate() {
+    const { termsConditionsUrl: e, privacyPolicyUrl: r } = a.state;
+    return e && r ? "and" : "";
+  }
+  termsTemplate() {
+    const { termsConditionsUrl: e } = a.state;
+    return e ? l`<a rel="noreferrer" target="_blank" href=${e}>terms of service</a>` : null;
+  }
+  privacyTemplate() {
+    const { privacyPolicyUrl: e } = a.state;
+    return e ? l`<a rel="noreferrer" target="_blank" href=${e}>privacy policy</a>` : null;
+  }
+  onCheckboxChange() {
+    x.setIsLegalCheckboxChecked(!this.checked);
+  }
+};
+d.styles = [L];
+k([
+  y()
+], d.prototype, "checked", void 0);
+d = k([
+  w("w3m-legal-checkbox")
+], d);
+const W = f`
+  .reown-logo {
+    height: var(--wui-spacing-xxl);
+  }
+
+  a {
+    text-decoration: none;
+    cursor: pointer;
+  }
+
+  a:hover {
+    opacity: 0.9;
+  }
+`;
+var F = function(n, e, r, o) {
+  var i = arguments.length, t = i < 3 ? e : o === null ? o = Object.getOwnPropertyDescriptor(e, r) : o, c;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") t = Reflect.decorate(n, e, r, o);
+  else for (var s = n.length - 1; s >= 0; s--) (c = n[s]) && (t = (i < 3 ? c(t) : i > 3 ? c(e, r, t) : c(e, r)) || t);
+  return i > 3 && t && Object.defineProperty(e, r, t), t;
+};
+let g = class extends b {
+  render() {
+    return l`
+      <a
+        data-testid="ux-branding-reown"
+        href=${B}
+        rel="noreferrer"
+        target="_blank"
+        style="text-decoration: none;"
+      >
+        <wui-flex
+          justifyContent="center"
+          alignItems="center"
+          gap="xs"
+          .padding=${["0", "0", "l", "0"]}
+        >
+          <wui-text variant="small-500" color="fg-100"> UX by </wui-text>
+          <wui-icon name="reown" size="xxxl" class="reown-logo"></wui-icon>
+        </wui-flex>
+      </a>
+    `;
+  }
+};
+g.styles = [m, O, W];
+g = F([
+  w("wui-ux-by-reown")
+], g);
+const D = f`
+  :host > wui-flex {
+    background-color: var(--wui-color-gray-glass-005);
+  }
+
+  :host wui-ux-by-reown {
+    padding-top: 0;
+  }
+
+  :host wui-ux-by-reown.branding-only {
+    padding-top: var(--wui-spacing-m);
+  }
+
+  a {
+    text-decoration: none;
+    color: var(--wui-color-fg-175);
+    font-weight: 500;
+  }
+`;
+var C = function(n, e, r, o) {
+  var i = arguments.length, t = i < 3 ? e : o === null ? o = Object.getOwnPropertyDescriptor(e, r) : o, c;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") t = Reflect.decorate(n, e, r, o);
+  else for (var s = n.length - 1; s >= 0; s--) (c = n[s]) && (t = (i < 3 ? c(t) : i > 3 ? c(e, r, t) : c(e, r)) || t);
+  return i > 3 && t && Object.defineProperty(e, r, t), t;
+};
+let p = class extends b {
+  constructor() {
+    super(), this.unsubscribe = [], this.remoteFeatures = a.state.remoteFeatures, this.unsubscribe.push(a.subscribeKey("remoteFeatures", (e) => this.remoteFeatures = e));
+  }
+  disconnectedCallback() {
+    this.unsubscribe.forEach((e) => e());
+  }
+  render() {
+    var t;
+    const { termsConditionsUrl: e, privacyPolicyUrl: r } = a.state, o = (t = a.state.features) == null ? void 0 : t.legalCheckbox;
+    return !e && !r || o ? l`
+        <wui-flex flexDirection="column"> ${this.reownBrandingTemplate(!0)} </wui-flex>
+      ` : l`
+      <wui-flex flexDirection="column">
+        <wui-flex .padding=${["m", "s", "s", "s"]} justifyContent="center">
+          <wui-text color="fg-250" variant="small-400" 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 } = a.state;
+    return e && r ? "and" : "";
+  }
+  termsTemplate() {
+    const { termsConditionsUrl: e } = a.state;
+    return e ? l`<a href=${e}>Terms of Service</a>` : null;
+  }
+  privacyTemplate() {
+    const { privacyPolicyUrl: e } = a.state;
+    return e ? l`<a href=${e}>Privacy Policy</a>` : null;
+  }
+  reownBrandingTemplate(e = !1) {
+    var r;
+    return (r = this.remoteFeatures) != null && r.reownBranding ? e ? l`<wui-ux-by-reown class="branding-only"></wui-ux-by-reown>` : l`<wui-ux-by-reown></wui-ux-by-reown>` : null;
+  }
+};
+p.styles = [D];
+C([
+  y()
+], p.prototype, "remoteFeatures", void 0);
+p = C([
+  w("w3m-legal-footer")
+], p);
+export {
+  x as O
+};

package/dist/index-CxOF7GqE.js

@@ -0,0 +1,265 @@
+import { cz as w, cC as g, cD as h, cA as v, cB as l } from "./index-DiHImG4L.js";
+import { n as a, c as x, a as m, o as c } from "./if-defined-BciplFKz.js";
+import { e as b, n as f } from "./ref-huAzXCX0.js";
+const y = w`
+  :host {
+    position: relative;
+    width: 100%;
+    display: inline-block;
+    color: var(--wui-color-fg-275);
+  }
+
+  input {
+    width: 100%;
+    border-radius: var(--wui-border-radius-xs);
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
+    background: var(--wui-color-gray-glass-002);
+    font-size: var(--wui-font-size-paragraph);
+    letter-spacing: var(--wui-letter-spacing-paragraph);
+    color: var(--wui-color-fg-100);
+    transition:
+      background-color var(--wui-ease-inout-power-1) var(--wui-duration-md),
+      border-color var(--wui-ease-inout-power-1) var(--wui-duration-md),
+      box-shadow var(--wui-ease-inout-power-1) var(--wui-duration-md);
+    will-change: background-color, border-color, box-shadow;
+    caret-color: var(--wui-color-accent-100);
+  }
+
+  input:disabled {
+    cursor: not-allowed;
+    border: 1px solid var(--wui-color-gray-glass-010);
+  }
+
+  input:disabled::placeholder,
+  input:disabled + wui-icon {
+    color: var(--wui-color-fg-300);
+  }
+
+  input::placeholder {
+    color: var(--wui-color-fg-275);
+  }
+
+  input:focus:enabled {
+    background-color: var(--wui-color-gray-glass-005);
+    -webkit-box-shadow:
+      inset 0 0 0 1px var(--wui-color-accent-100),
+      0px 0px 0px 4px var(--wui-box-shadow-blue);
+    -moz-box-shadow:
+      inset 0 0 0 1px var(--wui-color-accent-100),
+      0px 0px 0px 4px var(--wui-box-shadow-blue);
+    box-shadow:
+      inset 0 0 0 1px var(--wui-color-accent-100),
+      0px 0px 0px 4px var(--wui-box-shadow-blue);
+  }
+
+  input:hover:enabled {
+    background-color: var(--wui-color-gray-glass-005);
+  }
+
+  wui-icon {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    pointer-events: none;
+  }
+
+  .wui-size-sm {
+    padding: 9px var(--wui-spacing-m) 10px var(--wui-spacing-s);
+  }
+
+  wui-icon + .wui-size-sm {
+    padding: 9px var(--wui-spacing-m) 10px 36px;
+  }
+
+  wui-icon[data-input='sm'] {
+    left: var(--wui-spacing-s);
+  }
+
+  .wui-size-md {
+    padding: 15px var(--wui-spacing-m) var(--wui-spacing-l) var(--wui-spacing-m);
+  }
+
+  wui-icon + .wui-size-md,
+  wui-loading-spinner + .wui-size-md {
+    padding: 10.5px var(--wui-spacing-3xl) 10.5px var(--wui-spacing-3xl);
+  }
+
+  wui-icon[data-input='md'] {
+    left: var(--wui-spacing-l);
+  }
+
+  .wui-size-lg {
+    padding: var(--wui-spacing-s) var(--wui-spacing-s) var(--wui-spacing-s) var(--wui-spacing-l);
+    letter-spacing: var(--wui-letter-spacing-medium-title);
+    font-size: var(--wui-font-size-medium-title);
+    font-weight: var(--wui-font-weight-light);
+    line-height: 130%;
+    color: var(--wui-color-fg-100);
+    height: 64px;
+  }
+
+  .wui-padding-right-xs {
+    padding-right: var(--wui-spacing-xs);
+  }
+
+  .wui-padding-right-s {
+    padding-right: var(--wui-spacing-s);
+  }
+
+  .wui-padding-right-m {
+    padding-right: var(--wui-spacing-m);
+  }
+
+  .wui-padding-right-l {
+    padding-right: var(--wui-spacing-l);
+  }
+
+  .wui-padding-right-xl {
+    padding-right: var(--wui-spacing-xl);
+  }
+
+  .wui-padding-right-2xl {
+    padding-right: var(--wui-spacing-2xl);
+  }
+
+  .wui-padding-right-3xl {
+    padding-right: var(--wui-spacing-3xl);
+  }
+
+  .wui-padding-right-4xl {
+    padding-right: var(--wui-spacing-4xl);
+  }
+
+  .wui-padding-right-5xl {
+    padding-right: var(--wui-spacing-5xl);
+  }
+
+  wui-icon + .wui-size-lg,
+  wui-loading-spinner + .wui-size-lg {
+    padding-left: 50px;
+  }
+
+  wui-icon[data-input='lg'] {
+    left: var(--wui-spacing-l);
+  }
+
+  .wui-size-mdl {
+    padding: 17.25px var(--wui-spacing-m) 17.25px var(--wui-spacing-m);
+  }
+  wui-icon + .wui-size-mdl,
+  wui-loading-spinner + .wui-size-mdl {
+    padding: 17.25px var(--wui-spacing-3xl) 17.25px 40px;
+  }
+  wui-icon[data-input='mdl'] {
+    left: var(--wui-spacing-m);
+  }
+
+  input:placeholder-shown ~ ::slotted(wui-input-element),
+  input:placeholder-shown ~ ::slotted(wui-icon) {
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+
+  input[type='number'] {
+    -moz-appearance: textfield;
+  }
+
+  ::slotted(wui-input-element),
+  ::slotted(wui-icon) {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+
+  ::slotted(wui-input-element) {
+    right: var(--wui-spacing-m);
+  }
+
+  ::slotted(wui-icon) {
+    right: 0px;
+  }
+`;
+var e = function(s, t, o, r) {
+  var p = arguments.length, n = p < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, o) : r, u;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") n = Reflect.decorate(s, t, o, r);
+  else for (var d = s.length - 1; d >= 0; d--) (u = s[d]) && (n = (p < 3 ? u(n) : p > 3 ? u(t, o, n) : u(t, o)) || n);
+  return p > 3 && n && Object.defineProperty(t, o, n), n;
+};
+let i = class extends v {
+  constructor() {
+    super(...arguments), this.inputElementRef = b(), this.size = "md", this.disabled = !1, this.placeholder = "", this.type = "text", this.value = "";
+  }
+  render() {
+    const t = `wui-padding-right-${this.inputRightPadding}`, r = {
+      [`wui-size-${this.size}`]: !0,
+      [t]: !!this.inputRightPadding
+    };
+    return l`${this.templateIcon()}
+      <input
+        data-testid="wui-input-text"
+        ${f(this.inputElementRef)}
+        class=${m(r)}
+        type=${this.type}
+        enterkeyhint=${c(this.enterKeyHint)}
+        ?disabled=${this.disabled}
+        placeholder=${this.placeholder}
+        @input=${this.dispatchInputChangeEvent.bind(this)}
+        .value=${this.value || ""}
+        tabindex=${c(this.tabIdx)}
+      />
+      <slot></slot>`;
+  }
+  templateIcon() {
+    return this.icon ? l`<wui-icon
+        data-input=${this.size}
+        size=${this.size}
+        color="inherit"
+        name=${this.icon}
+      ></wui-icon>` : null;
+  }
+  dispatchInputChangeEvent() {
+    var t;
+    this.dispatchEvent(new CustomEvent("inputChange", {
+      detail: (t = this.inputElementRef.value) == null ? void 0 : t.value,
+      bubbles: !0,
+      composed: !0
+    }));
+  }
+};
+i.styles = [g, h, y];
+e([
+  a()
+], i.prototype, "size", void 0);
+e([
+  a()
+], i.prototype, "icon", void 0);
+e([
+  a({ type: Boolean })
+], i.prototype, "disabled", void 0);
+e([
+  a()
+], i.prototype, "placeholder", void 0);
+e([
+  a()
+], i.prototype, "type", void 0);
+e([
+  a()
+], i.prototype, "keyHint", void 0);
+e([
+  a()
+], i.prototype, "value", void 0);
+e([
+  a()
+], i.prototype, "inputRightPadding", void 0);
+e([
+  a()
+], i.prototype, "tabIdx", void 0);
+i = e([
+  x("wui-input-text")
+], i);

package/dist/index-D-IzHD_8.js

@@ -0,0 +1,54 @@
+import { cz as u, cC as b, cD as p, cA as f, cB as v } from "./index-DiHImG4L.js";
+import { n as d, c as m, o as x } from "./if-defined-BciplFKz.js";
+const g = u`
+  button {
+    padding: var(--wui-spacing-4xs) var(--wui-spacing-xxs);
+    border-radius: var(--wui-border-radius-3xs);
+    background-color: transparent;
+    color: var(--wui-color-accent-100);
+  }
+
+  button:disabled {
+    background-color: transparent;
+    color: var(--wui-color-gray-glass-015);
+  }
+
+  button:hover {
+    background-color: var(--wui-color-gray-glass-005);
+  }
+`;
+var l = function(n, o, r, i) {
+  var s = arguments.length, t = s < 3 ? o : i === null ? i = Object.getOwnPropertyDescriptor(o, r) : i, a;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") t = Reflect.decorate(n, o, r, i);
+  else for (var c = n.length - 1; c >= 0; c--) (a = n[c]) && (t = (s < 3 ? a(t) : s > 3 ? a(o, r, t) : a(o, r)) || t);
+  return s > 3 && t && Object.defineProperty(o, r, t), t;
+};
+let e = class extends f {
+  constructor() {
+    super(...arguments), this.tabIdx = void 0, this.disabled = !1, this.color = "inherit";
+  }
+  render() {
+    return v`
+      <button ?disabled=${this.disabled} tabindex=${x(this.tabIdx)}>
+        <slot name="iconLeft"></slot>
+        <wui-text variant="small-600" color=${this.color}>
+          <slot></slot>
+        </wui-text>
+        <slot name="iconRight"></slot>
+      </button>
+    `;
+  }
+};
+e.styles = [b, p, g];
+l([
+  d()
+], e.prototype, "tabIdx", void 0);
+l([
+  d({ type: Boolean })
+], e.prototype, "disabled", void 0);
+l([
+  d()
+], e.prototype, "color", void 0);
+e = l([
+  m("wui-link")
+], e);