@directcryptopay/sdk 0.2.2 → 0.2.3

package/dist/index-BSKRq56S.js

@@ -0,0 +1,355 @@
+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

@@ -0,0 +1,172 @@
+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);

package/dist/index-BcPxaHr5.js

@@ -0,0 +1,118 @@
+import { cU as h, cV as m, cW as f, cX as g, cY as a } from "./index-D_8VUmn1.js";
+import { n as i, c as b } from "./index-CEqcN8QP.js";
+import { o as p } from "./if-defined-CdZSZ6UL.js";
+import "./index-CmAv0Tzr.js";
+const y = h`
+  :host {
+    width: 100%;
+  }
+
+  button {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: ${({ spacing: e }) => e[3]};
+    width: 100%;
+    background-color: ${({ tokens: e }) => e.theme.backgroundPrimary};
+    border-radius: ${({ borderRadius: e }) => e[4]};
+    transition:
+      background-color ${({ durations: e }) => e.lg}
+        ${({ easings: e }) => e["ease-out-power-2"]},
+      scale ${({ durations: e }) => e.lg} ${({ easings: e }) => e["ease-out-power-2"]};
+    will-change: background-color, scale;
+  }
+
+  wui-text {
+    text-transform: capitalize;
+  }
+
+  wui-image {
+    color: ${({ tokens: e }) => e.theme.textPrimary};
+  }
+
+  @media (hover: hover) {
+    button:hover:enabled {
+      background-color: ${({ tokens: e }) => e.theme.foregroundPrimary};
+    }
+  }
+
+  button:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+`;
+var o = function(e, n, l, s) {
+  var d = arguments.length, r = d < 3 ? n : s === null ? s = Object.getOwnPropertyDescriptor(n, l) : s, u;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") r = Reflect.decorate(e, n, l, s);
+  else for (var c = e.length - 1; c >= 0; c--) (u = e[c]) && (r = (d < 3 ? u(r) : d > 3 ? u(n, l, r) : u(n, l)) || r);
+  return d > 3 && r && Object.defineProperty(n, l, r), r;
+};
+let t = class extends g {
+  constructor() {
+    super(...arguments), this.imageSrc = "google", this.loading = !1, this.disabled = !1, this.rightIcon = !0, this.rounded = !1, this.fullSize = !1;
+  }
+  render() {
+    return this.dataset.rounded = this.rounded ? "true" : "false", a`
+      <button
+        ?disabled=${this.loading ? !0 : !!this.disabled}
+        data-loading=${this.loading}
+        tabindex=${p(this.tabIdx)}
+      >
+        <wui-flex gap="2" alignItems="center">
+          ${this.templateLeftIcon()}
+          <wui-flex gap="1">
+            <slot></slot>
+          </wui-flex>
+        </wui-flex>
+        ${this.templateRightIcon()}
+      </button>
+    `;
+  }
+  templateLeftIcon() {
+    return this.icon ? a`<wui-image
+        icon=${this.icon}
+        iconColor=${p(this.iconColor)}
+        ?boxed=${!0}
+        ?rounded=${this.rounded}
+      ></wui-image>` : a`<wui-image
+      ?boxed=${!0}
+      ?rounded=${this.rounded}
+      ?fullSize=${this.fullSize}
+      src=${this.imageSrc}
+    ></wui-image>`;
+  }
+  templateRightIcon() {
+    return this.rightIcon ? this.loading ? a`<wui-loading-spinner size="md" color="accent-primary"></wui-loading-spinner>` : a`<wui-icon name="chevronRight" size="lg" color="default"></wui-icon>` : null;
+  }
+};
+t.styles = [m, f, y];
+o([
+  i()
+], t.prototype, "imageSrc", void 0);
+o([
+  i()
+], t.prototype, "icon", void 0);
+o([
+  i()
+], t.prototype, "iconColor", void 0);
+o([
+  i({ type: Boolean })
+], t.prototype, "loading", void 0);
+o([
+  i()
+], t.prototype, "tabIdx", void 0);
+o([
+  i({ type: Boolean })
+], t.prototype, "disabled", void 0);
+o([
+  i({ type: Boolean })
+], t.prototype, "rightIcon", void 0);
+o([
+  i({ type: Boolean })
+], t.prototype, "rounded", void 0);
+o([
+  i({ type: Boolean })
+], t.prototype, "fullSize", void 0);
+t = o([
+  b("wui-list-item")
+], t);