@directcryptopay/sdk 0.2.3 → 0.3.0

package/dist/index-BEswjY9r.js

@@ -1,117 +0,0 @@
-import { cU as l, cV as b, cW as p, cX as h, cY as v } from "./index-D_8VUmn1.js";
-import { n as r, c as f } from "./index-CEqcN8QP.js";
-const m = l`
-  button {
-    background-color: transparent;
-    padding: ${({ spacing: t }) => t[1]};
-  }
-
-  button:focus-visible {
-    box-shadow: 0 0 0 4px ${({ tokens: t }) => t.core.foregroundAccent020};
-  }
-
-  button[data-variant='accent']:hover:enabled,
-  button[data-variant='accent']:focus-visible {
-    background-color: ${({ tokens: t }) => t.core.foregroundAccent010};
-  }
-
-  button[data-variant='primary']:hover:enabled,
-  button[data-variant='primary']:focus-visible,
-  button[data-variant='secondary']:hover:enabled,
-  button[data-variant='secondary']:focus-visible {
-    background-color: ${({ tokens: t }) => t.theme.foregroundSecondary};
-  }
-
-  button[data-size='xs'] > wui-icon {
-    width: 8px;
-    height: 8px;
-  }
-
-  button[data-size='sm'] > wui-icon {
-    width: 12px;
-    height: 12px;
-  }
-
-  button[data-size='xs'],
-  button[data-size='sm'] {
-    border-radius: ${({ borderRadius: t }) => t[1]};
-  }
-
-  button[data-size='md'],
-  button[data-size='lg'] {
-    border-radius: ${({ borderRadius: t }) => t[2]};
-  }
-
-  button[data-size='md'] > wui-icon {
-    width: 16px;
-    height: 16px;
-  }
-
-  button[data-size='lg'] > wui-icon {
-    width: 20px;
-    height: 20px;
-  }
-
-  button:disabled {
-    background-color: transparent;
-    cursor: not-allowed;
-    opacity: 0.5;
-  }
-
-  button:hover:not(:disabled) {
-    background-color: var(--wui-color-accent-glass-015);
-  }
-
-  button:focus-visible:not(:disabled) {
-    background-color: var(--wui-color-accent-glass-015);
-    box-shadow:
-      inset 0 0 0 1px var(--wui-color-accent-100),
-      0 0 0 4px var(--wui-color-accent-glass-020);
-  }
-`;
-var i = function(t, o, n, c) {
-  var s = arguments.length, e = s < 3 ? o : c === null ? c = Object.getOwnPropertyDescriptor(o, n) : c, d;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") e = Reflect.decorate(t, o, n, c);
-  else for (var u = t.length - 1; u >= 0; u--) (d = t[u]) && (e = (s < 3 ? d(e) : s > 3 ? d(o, n, e) : d(o, n)) || e);
-  return s > 3 && e && Object.defineProperty(o, n, e), e;
-};
-let a = class extends h {
-  constructor() {
-    super(...arguments), this.size = "md", this.disabled = !1, this.icon = "copy", this.iconColor = "default", this.variant = "accent";
-  }
-  render() {
-    const o = {
-      accent: "accent-primary",
-      primary: "inverse",
-      secondary: "default"
-    };
-    return v`
-      <button data-variant=${this.variant} ?disabled=${this.disabled} data-size=${this.size}>
-        <wui-icon
-          color=${o[this.variant] || this.iconColor}
-          size=${this.size}
-          name=${this.icon}
-        ></wui-icon>
-      </button>
-    `;
-  }
-};
-a.styles = [b, p, m];
-i([
-  r()
-], a.prototype, "size", void 0);
-i([
-  r({ type: Boolean })
-], a.prototype, "disabled", void 0);
-i([
-  r()
-], a.prototype, "icon", void 0);
-i([
-  r()
-], a.prototype, "iconColor", void 0);
-i([
-  r()
-], a.prototype, "variant", void 0);
-a = i([
-  f("wui-icon-link")
-], a);

package/dist/index-BSKRq56S.js

@@ -1,355 +0,0 @@
-import { cU as C, cV as O, cW as P, cX as b, cY as l, c_ as E, dq as g, d0 as S, d8 as I, cG as R, cH as $ } from "./index-D_8VUmn1.js";
-import { n as h, c as v, r as d, U as T } from "./index-CEqcN8QP.js";
-import "./index-X8zir_1j.js";
-import "./index-CmAv0Tzr.js";
-const L = C`
-  :host {
-    position: relative;
-    display: inline-block;
-  }
-
-  input {
-    width: 48px;
-    height: 48px;
-    background: ${({ tokens: n }) => n.theme.foregroundPrimary};
-    border-radius: ${({ borderRadius: n }) => n[4]};
-    border: 1px solid ${({ tokens: n }) => n.theme.borderPrimary};
-    font-family: ${({ fontFamily: n }) => n.regular};
-    font-size: ${({ textSize: n }) => n.large};
-    line-height: 18px;
-    letter-spacing: -0.16px;
-    text-align: center;
-    color: ${({ tokens: n }) => n.theme.textPrimary};
-    caret-color: ${({ tokens: n }) => n.core.textAccentPrimary};
-    transition:
-      background-color ${({ durations: n }) => n.lg}
-        ${({ easings: n }) => n["ease-out-power-2"]},
-      border-color ${({ durations: n }) => n.lg}
-        ${({ easings: n }) => n["ease-out-power-2"]},
-      box-shadow ${({ durations: n }) => n.lg}
-        ${({ easings: n }) => n["ease-out-power-2"]};
-    will-change: background-color, border-color, box-shadow;
-    box-sizing: border-box;
-    -webkit-appearance: none;
-    -moz-appearance: textfield;
-    padding: ${({ spacing: n }) => n[4]};
-  }
-
-  input::-webkit-outer-spin-button,
-  input::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
-  }
-
-  input[type='number'] {
-    -moz-appearance: textfield;
-  }
-
-  input:disabled {
-    cursor: not-allowed;
-    opacity: 0.5;
-  }
-
-  input:focus-visible:enabled {
-    background-color: transparent;
-    border: 1px solid ${({ tokens: n }) => n.theme.borderSecondary};
-    box-shadow: 0px 0px 0px 4px ${({ tokens: n }) => n.core.foregroundAccent040};
-  }
-`;
-var y = function(n, t, e, i) {
-  var r = arguments.length, o = r < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, e) : i, s;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(n, t, e, i);
-  else for (var a = n.length - 1; a >= 0; a--) (s = n[a]) && (o = (r < 3 ? s(o) : r > 3 ? s(t, e, o) : s(t, e)) || o);
-  return r > 3 && o && Object.defineProperty(t, e, o), o;
-};
-let p = class extends b {
-  constructor() {
-    super(...arguments), this.disabled = !1, this.value = "";
-  }
-  render() {
-    return l`<input
-      type="number"
-      maxlength="1"
-      inputmode="numeric"
-      autofocus
-      ?disabled=${this.disabled}
-      value=${this.value}
-    /> `;
-  }
-};
-p.styles = [O, P, L];
-y([
-  h({ type: Boolean })
-], p.prototype, "disabled", void 0);
-y([
-  h({ type: String })
-], p.prototype, "value", void 0);
-p = y([
-  v("wui-input-numeric")
-], p);
-const _ = E`
-  :host {
-    position: relative;
-    display: block;
-  }
-`;
-var m = function(n, t, e, i) {
-  var r = arguments.length, o = r < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, e) : i, s;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(n, t, e, i);
-  else for (var a = n.length - 1; a >= 0; a--) (s = n[a]) && (o = (r < 3 ? s(o) : r > 3 ? s(t, e, o) : s(t, e)) || o);
-  return r > 3 && o && Object.defineProperty(t, e, o), o;
-};
-let c = class extends b {
-  constructor() {
-    super(...arguments), this.length = 6, this.otp = "", this.values = Array.from({ length: this.length }).map(() => ""), this.numerics = [], this.shouldInputBeEnabled = (t) => this.values.slice(0, t).every((i) => i !== ""), this.handleKeyDown = (t, e) => {
-      const i = t.target, r = this.getInputElement(i), o = ["ArrowLeft", "ArrowRight", "Shift", "Delete"];
-      if (!r)
-        return;
-      o.includes(t.key) && t.preventDefault();
-      const s = r.selectionStart;
-      switch (t.key) {
-        case "ArrowLeft":
-          s && r.setSelectionRange(s + 1, s + 1), this.focusInputField("prev", e);
-          break;
-        case "ArrowRight":
-          this.focusInputField("next", e);
-          break;
-        case "Shift":
-          this.focusInputField("next", e);
-          break;
-        case "Delete":
-          r.value === "" ? this.focusInputField("prev", e) : this.updateInput(r, e, "");
-          break;
-        case "Backspace":
-          r.value === "" ? this.focusInputField("prev", e) : this.updateInput(r, e, "");
-          break;
-      }
-    }, this.focusInputField = (t, e) => {
-      if (t === "next") {
-        const i = e + 1;
-        if (!this.shouldInputBeEnabled(i))
-          return;
-        const r = this.numerics[i < this.length ? i : e], o = r ? this.getInputElement(r) : void 0;
-        o && (o.disabled = !1, o.focus());
-      }
-      if (t === "prev") {
-        const i = e - 1, r = this.numerics[i > -1 ? i : e], o = r ? this.getInputElement(r) : void 0;
-        o && o.focus();
-      }
-    };
-  }
-  firstUpdated() {
-    var e, i;
-    this.otp && (this.values = this.otp.split(""));
-    const t = (e = this.shadowRoot) == null ? void 0 : e.querySelectorAll("wui-input-numeric");
-    t && (this.numerics = Array.from(t)), (i = this.numerics[0]) == null || i.focus();
-  }
-  render() {
-    return l`
-      <wui-flex gap="1" data-testid="wui-otp-input">
-        ${Array.from({ length: this.length }).map((t, e) => l`
-            <wui-input-numeric
-              @input=${(i) => this.handleInput(i, e)}
-              @click=${(i) => this.selectInput(i)}
-              @keydown=${(i) => this.handleKeyDown(i, e)}
-              .disabled=${!this.shouldInputBeEnabled(e)}
-              .value=${this.values[e] || ""}
-            >
-            </wui-input-numeric>
-          `)}
-      </wui-flex>
-    `;
-  }
-  updateInput(t, e, i) {
-    const r = this.numerics[e], o = t || (r ? this.getInputElement(r) : void 0);
-    o && (o.value = i, this.values = this.values.map((s, a) => a === e ? i : s));
-  }
-  selectInput(t) {
-    const e = t.target;
-    if (e) {
-      const i = this.getInputElement(e);
-      i == null || i.select();
-    }
-  }
-  handleInput(t, e) {
-    const i = t.target, r = this.getInputElement(i);
-    if (r) {
-      const o = r.value;
-      t.inputType === "insertFromPaste" ? this.handlePaste(r, o, e) : T.isNumber(o) && t.data ? (this.updateInput(r, e, t.data), this.focusInputField("next", e)) : this.updateInput(r, e, "");
-    }
-    this.dispatchInputChangeEvent();
-  }
-  handlePaste(t, e, i) {
-    const r = e[0];
-    if (r && T.isNumber(r)) {
-      this.updateInput(t, i, r);
-      const s = e.substring(1);
-      if (i + 1 < this.length && s.length) {
-        const a = this.numerics[i + 1], x = a ? this.getInputElement(a) : void 0;
-        x && this.handlePaste(x, s, i + 1);
-      } else
-        this.focusInputField("next", i);
-    } else
-      this.updateInput(t, i, "");
-  }
-  getInputElement(t) {
-    var e;
-    return (e = t.shadowRoot) != null && e.querySelector("input") ? t.shadowRoot.querySelector("input") : null;
-  }
-  dispatchInputChangeEvent() {
-    const t = this.values.join("");
-    this.dispatchEvent(new CustomEvent("inputChange", {
-      detail: t,
-      bubbles: !0,
-      composed: !0
-    }));
-  }
-};
-c.styles = [O, _];
-m([
-  h({ type: Number })
-], c.prototype, "length", void 0);
-m([
-  h({ type: String })
-], c.prototype, "otp", void 0);
-m([
-  d()
-], c.prototype, "values", void 0);
-c = m([
-  v("wui-otp")
-], c);
-const k = E`
-  wui-loading-spinner {
-    margin: 9px auto;
-  }
-
-  .email-display,
-  .email-display wui-text {
-    max-width: 100%;
-  }
-`;
-var f = function(n, t, e, i) {
-  var r = arguments.length, o = r < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, e) : i, s;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(n, t, e, i);
-  else for (var a = n.length - 1; a >= 0; a--) (s = n[a]) && (o = (r < 3 ? s(o) : r > 3 ? s(t, e, o) : s(t, e)) || o);
-  return r > 3 && o && Object.defineProperty(t, e, o), o;
-}, w;
-let u = w = class extends b {
-  firstUpdated() {
-    this.startOTPTimeout();
-  }
-  disconnectedCallback() {
-    clearTimeout(this.OTPTimeout);
-  }
-  constructor() {
-    var t;
-    super(), this.loading = !1, this.timeoutTimeLeft = g.getTimeToNextEmailLogin(), this.error = "", this.otp = "", this.email = (t = S.state.data) == null ? void 0 : t.email, this.authConnector = I.getAuthConnector();
-  }
-  render() {
-    if (!this.email)
-      throw new Error("w3m-email-otp-widget: No email provided");
-    const t = !!this.timeoutTimeLeft, e = this.getFooterLabels(t);
-    return l`
-      <wui-flex
-        flexDirection="column"
-        alignItems="center"
-        .padding=${["4", "0", "4", "0"]}
-        gap="4"
-      >
-        <wui-flex
-          class="email-display"
-          flexDirection="column"
-          alignItems="center"
-          .padding=${["0", "5", "0", "5"]}
-        >
-          <wui-text variant="md-regular" color="primary" align="center">
-            Enter the code we sent to
-          </wui-text>
-          <wui-text variant="md-medium" color="primary" lineClamp="1" align="center">
-            ${this.email}
-          </wui-text>
-        </wui-flex>
-
-        <wui-text variant="sm-regular" color="secondary">The code expires in 20 minutes</wui-text>
-
-        ${this.loading ? l`<wui-loading-spinner size="xl" color="accent-primary"></wui-loading-spinner>` : l` <wui-flex flexDirection="column" alignItems="center" gap="2">
-              <wui-otp
-                dissabled
-                length="6"
-                @inputChange=${this.onOtpInputChange.bind(this)}
-                .otp=${this.otp}
-              ></wui-otp>
-              ${this.error ? l`
-                    <wui-text variant="sm-regular" align="center" color="error">
-                      ${this.error}. Try Again
-                    </wui-text>
-                  ` : null}
-            </wui-flex>`}
-
-        <wui-flex alignItems="center" gap="2">
-          <wui-text variant="sm-regular" color="secondary">${e.title}</wui-text>
-          <wui-link @click=${this.onResendCode.bind(this)} .disabled=${t}>
-            ${e.action}
-          </wui-link>
-        </wui-flex>
-      </wui-flex>
-    `;
-  }
-  startOTPTimeout() {
-    this.timeoutTimeLeft = g.getTimeToNextEmailLogin(), this.OTPTimeout = setInterval(() => {
-      this.timeoutTimeLeft > 0 ? this.timeoutTimeLeft = g.getTimeToNextEmailLogin() : clearInterval(this.OTPTimeout);
-    }, 1e3);
-  }
-  async onOtpInputChange(t) {
-    var e;
-    try {
-      this.loading || (this.otp = t.detail, this.shouldSubmitOnOtpChange() && (this.loading = !0, await ((e = this.onOtpSubmit) == null ? void 0 : e.call(this, this.otp))));
-    } catch (i) {
-      this.error = R.parseError(i), this.loading = !1;
-    }
-  }
-  async onResendCode() {
-    try {
-      if (this.onOtpResend) {
-        if (!this.loading && !this.timeoutTimeLeft) {
-          if (this.error = "", this.otp = "", !I.getAuthConnector() || !this.email)
-            throw new Error("w3m-email-otp-widget: Unable to resend email");
-          this.loading = !0, await this.onOtpResend(this.email), this.startOTPTimeout(), $.showSuccess("Code email resent");
-        }
-      } else this.onStartOver && this.onStartOver();
-    } catch (t) {
-      $.showError(t);
-    } finally {
-      this.loading = !1;
-    }
-  }
-  getFooterLabels(t) {
-    return this.onStartOver ? {
-      title: "Something wrong?",
-      action: `Try again ${t ? `in ${this.timeoutTimeLeft}s` : ""}`
-    } : {
-      title: "Didn't receive it?",
-      action: `Resend ${t ? `in ${this.timeoutTimeLeft}s` : "Code"}`
-    };
-  }
-  shouldSubmitOnOtpChange() {
-    return this.authConnector && this.otp.length === w.OTP_LENGTH;
-  }
-};
-u.OTP_LENGTH = 6;
-u.styles = k;
-f([
-  d()
-], u.prototype, "loading", void 0);
-f([
-  d()
-], u.prototype, "timeoutTimeLeft", void 0);
-f([
-  d()
-], u.prototype, "error", void 0);
-u = w = f([
-  v("w3m-email-otp-widget")
-], u);
-export {
-  u as W
-};

package/dist/index-BaygXQxx.js

@@ -1,172 +0,0 @@
-import { cU as l, cV as p, cW as h, cX as b, cY as y } from "./index-D_8VUmn1.js";
-import { n as r, c as f } from "./index-CEqcN8QP.js";
-import { o as v } from "./if-defined-CdZSZ6UL.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);