@directcryptopay/sdk 0.2.2 → 0.2.4

package/dist/index-CBMU3PTE.js

@@ -0,0 +1,65 @@
+import { cU as h, cV as l, cX as u, cY as f } from "./index-DeL88Lwc.js";
+import { n as p, c as m } from "./index-DuTny38n.js";
+const g = h`
+  :host {
+    display: block;
+    width: 100px;
+    height: 100px;
+  }
+
+  svg {
+    width: 100px;
+    height: 100px;
+  }
+
+  rect {
+    fill: none;
+    stroke: ${(r) => r.colors.accent100};
+    stroke-width: 3px;
+    stroke-linecap: round;
+    animation: dash 1s linear infinite;
+  }
+
+  @keyframes dash {
+    to {
+      stroke-dashoffset: 0px;
+    }
+  }
+`;
+var c = function(r, e, a, s) {
+  var n = arguments.length, t = n < 3 ? e : s === null ? s = Object.getOwnPropertyDescriptor(e, a) : s, o;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") t = Reflect.decorate(r, e, a, s);
+  else for (var d = r.length - 1; d >= 0; d--) (o = r[d]) && (t = (n < 3 ? o(t) : n > 3 ? o(e, a, t) : o(e, a)) || t);
+  return n > 3 && t && Object.defineProperty(e, a, t), t;
+};
+let i = class extends u {
+  constructor() {
+    super(...arguments), this.radius = 36;
+  }
+  render() {
+    return this.svgLoaderTemplate();
+  }
+  svgLoaderTemplate() {
+    const e = this.radius > 50 ? 50 : this.radius, s = 36 - e, n = 116 + s, t = 245 + s, o = 360 + s * 1.75;
+    return f`
+      <svg viewBox="0 0 110 110" width="110" height="110">
+        <rect
+          x="2"
+          y="2"
+          width="106"
+          height="106"
+          rx=${e}
+          stroke-dasharray="${n} ${t}"
+          stroke-dashoffset=${o}
+        />
+      </svg>
+    `;
+  }
+};
+i.styles = [l, g];
+c([
+  p({ type: Number })
+], i.prototype, "radius", void 0);
+i = c([
+  m("wui-loading-thumbnail")
+], i);

package/dist/index-CGwPkJLF.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-DeL88Lwc.js";
+import { n as h, c as v, r as d, U as T } from "./index-DuTny38n.js";
+import "./index-DcYjZV4H.js";
+import "./index-B8LkUrww.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-CNGEqX3D.js

@@ -0,0 +1,153 @@
+import { cU as d, cV as c, cW as m, cX as f, cZ as v, cY as h } from "./index-DeL88Lwc.js";
+import { n as r, c as y, U as b } from "./index-DuTny38n.js";
+import { e as g, n as w } from "./ref-SOwYtCZb.js";
+const x = d`
+  :host {
+    position: relative;
+    display: inline-block;
+  }
+
+  :host([data-error='true']) > input {
+    color: ${({ tokens: t }) => t.core.textError};
+  }
+
+  :host([data-error='false']) > input {
+    color: ${({ tokens: t }) => t.theme.textSecondary};
+  }
+
+  input {
+    background: transparent;
+    height: auto;
+    box-sizing: border-box;
+    color: ${({ tokens: t }) => t.theme.textPrimary};
+    font-feature-settings: 'case' on;
+    font-size: ${({ textSize: t }) => t.h4};
+    caret-color: ${({ tokens: t }) => t.core.backgroundAccentPrimary};
+    line-height: ${({ typography: t }) => t["h4-regular-mono"].lineHeight};
+    letter-spacing: ${({ typography: t }) => t["h4-regular-mono"].letterSpacing};
+    -webkit-appearance: none;
+    -moz-appearance: textfield;
+    padding: 0px;
+    font-family: ${({ fontFamily: t }) => t.mono};
+  }
+
+  :host([data-width-variant='auto']) input {
+    width: 100%;
+  }
+
+  :host([data-width-variant='fit']) input {
+    width: 1ch;
+  }
+
+  .wui-input-amount-fit-mirror {
+    position: absolute;
+    visibility: hidden;
+    white-space: pre;
+    font-size: var(--local-font-size);
+    line-height: 130%;
+    letter-spacing: -1.28px;
+    font-family: ${({ fontFamily: t }) => t.mono};
+  }
+
+  .wui-input-amount-fit-width {
+    display: inline-block;
+    position: relative;
+  }
+
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+
+  input::placeholder {
+    color: ${({ tokens: t }) => t.theme.textSecondary};
+  }
+`;
+var a = function(t, e, n, s) {
+  var p = arguments.length, o = p < 3 ? e : s === null ? s = Object.getOwnPropertyDescriptor(e, n) : s, l;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(t, e, n, s);
+  else for (var u = t.length - 1; u >= 0; u--) (l = t[u]) && (o = (p < 3 ? l(o) : p > 3 ? l(e, n, o) : l(e, n)) || o);
+  return p > 3 && o && Object.defineProperty(e, n, o), o;
+};
+let i = class extends f {
+  constructor() {
+    super(...arguments), this.inputElementRef = g(), this.disabled = !1, this.value = "", this.placeholder = "0", this.widthVariant = "auto", this.maxDecimals = void 0, this.maxIntegers = void 0, this.fontSize = "h4", this.error = !1;
+  }
+  firstUpdated() {
+    this.resizeInput();
+  }
+  updated() {
+    this.style.setProperty("--local-font-size", v.textSize[this.fontSize]), this.resizeInput();
+  }
+  render() {
+    var e;
+    return this.dataset.widthVariant = this.widthVariant, this.dataset.error = String(this.error), (e = this.inputElementRef) != null && e.value && this.value && (this.inputElementRef.value.value = this.value), this.widthVariant === "auto" ? this.inputTemplate() : h`
+      <div class="wui-input-amount-fit-width">
+        <span class="wui-input-amount-fit-mirror"></span>
+        ${this.inputTemplate()}
+      </div>
+    `;
+  }
+  inputTemplate() {
+    return h`<input
+      ${w(this.inputElementRef)}
+      type="text"
+      inputmode="decimal"
+      pattern="[0-9,.]*"
+      placeholder=${this.placeholder}
+      ?disabled=${this.disabled}
+      autofocus
+      value=${this.value ?? ""}
+      @input=${this.dispatchInputChangeEvent.bind(this)}
+    />`;
+  }
+  dispatchInputChangeEvent() {
+    this.inputElementRef.value && (this.inputElementRef.value.value = b.maskInput({
+      value: this.inputElementRef.value.value,
+      decimals: this.maxDecimals,
+      integers: this.maxIntegers
+    }), this.dispatchEvent(new CustomEvent("inputChange", {
+      detail: this.inputElementRef.value.value,
+      bubbles: !0,
+      composed: !0
+    })), this.resizeInput());
+  }
+  resizeInput() {
+    if (this.widthVariant === "fit") {
+      const e = this.inputElementRef.value;
+      if (e) {
+        const n = e.previousElementSibling;
+        n && (n.textContent = e.value || "0", e.style.width = `${n.offsetWidth}px`);
+      }
+    }
+  }
+};
+i.styles = [c, m, x];
+a([
+  r({ type: Boolean })
+], i.prototype, "disabled", void 0);
+a([
+  r({ type: String })
+], i.prototype, "value", void 0);
+a([
+  r({ type: String })
+], i.prototype, "placeholder", void 0);
+a([
+  r({ type: String })
+], i.prototype, "widthVariant", void 0);
+a([
+  r({ type: Number })
+], i.prototype, "maxDecimals", void 0);
+a([
+  r({ type: Number })
+], i.prototype, "maxIntegers", void 0);
+a([
+  r({ type: String })
+], i.prototype, "fontSize", void 0);
+a([
+  r({ type: Boolean })
+], i.prototype, "error", void 0);
+i = a([
+  y("wui-input-amount")
+], i);