@directcryptopay/sdk 0.2.1 → 0.2.3

package/dist/index-C-6iznUO.js

@@ -0,0 +1,174 @@
+import { cE as l, cF as g, d0 as h, d8 as m, cH as w, cG as s, dm as E, dn as _, d2 as R, cU as y, cV as b, cX as v, cY as C, cW as O } from "./index-D_8VUmn1.js";
+import { n as d, c as x } from "./index-CEqcN8QP.js";
+import { o as $ } from "./if-defined-CdZSZ6UL.js";
+function U() {
+  try {
+    return s.returnOpenHref(`${R.SECURE_SITE_SDK_ORIGIN}/loading`, "popupWindow", "width=600,height=800,scrollbars=yes");
+  } catch {
+    throw new Error("Could not open social popup");
+  }
+}
+async function I() {
+  h.push("ConnectingFarcaster");
+  const e = m.getAuthConnector();
+  if (e) {
+    const o = l.getAccountData();
+    if (!(o != null && o.farcasterUrl))
+      try {
+        const { url: t } = await e.provider.getFarcasterUri();
+        l.setAccountProp("farcasterUrl", t, l.state.activeChain);
+      } catch (t) {
+        h.goBack(), w.showError(t);
+      }
+  }
+}
+async function L(e) {
+  h.push("ConnectingSocial");
+  const o = m.getAuthConnector();
+  let t = null;
+  try {
+    const i = setTimeout(() => {
+      throw new Error("Social login timed out. Please try again.");
+    }, 45e3);
+    if (o && e) {
+      if (s.isTelegram() || (t = U()), t)
+        l.setAccountProp("socialWindow", E(t), l.state.activeChain);
+      else if (!s.isTelegram())
+        throw new Error("Could not create social popup");
+      const { uri: n } = await o.provider.getSocialRedirectUri({
+        provider: e
+      });
+      if (!n)
+        throw t == null || t.close(), new Error("Could not fetch the social redirect uri");
+      if (t && (t.location.href = n), s.isTelegram()) {
+        _.setTelegramSocialProvider(e);
+        const r = s.formatTelegramSocialLoginUrl(n);
+        s.openHref(r, "_top");
+      }
+      clearTimeout(i);
+    }
+  } catch (i) {
+    t == null || t.close();
+    const n = s.parseError(i);
+    w.showError(n), g.sendEvent({
+      type: "track",
+      event: "SOCIAL_LOGIN_ERROR",
+      properties: { provider: e, message: n }
+    });
+  }
+}
+async function D(e) {
+  l.setAccountProp("socialProvider", e, l.state.activeChain), g.sendEvent({
+    type: "track",
+    event: "SOCIAL_LOGIN_STARTED",
+    properties: { provider: e }
+  }), e === "farcaster" ? await I() : await L(e);
+}
+const T = y`
+  :host {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 40px;
+    height: 40px;
+    border-radius: ${({ borderRadius: e }) => e[20]};
+    overflow: hidden;
+  }
+
+  wui-icon {
+    width: 100%;
+    height: 100%;
+  }
+`;
+var S = function(e, o, t, i) {
+  var n = arguments.length, r = n < 3 ? o : i === null ? i = Object.getOwnPropertyDescriptor(o, t) : i, a;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") r = Reflect.decorate(e, o, t, i);
+  else for (var c = e.length - 1; c >= 0; c--) (a = e[c]) && (r = (n < 3 ? a(r) : n > 3 ? a(o, t, r) : a(o, t)) || r);
+  return n > 3 && r && Object.defineProperty(o, t, r), r;
+};
+let p = class extends v {
+  constructor() {
+    super(...arguments), this.logo = "google";
+  }
+  render() {
+    return C`<wui-icon color="inherit" size="inherit" name=${this.logo}></wui-icon> `;
+  }
+};
+p.styles = [b, T];
+S([
+  d()
+], p.prototype, "logo", void 0);
+p = S([
+  x("wui-logo")
+], p);
+const A = y`
+  :host {
+    width: 100%;
+  }
+
+  button {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: ${({ spacing: e }) => e[3]};
+    width: 100%;
+    background-color: transparent;
+    border-radius: ${({ borderRadius: e }) => e[4]};
+  }
+
+  wui-text {
+    text-transform: capitalize;
+  }
+
+  @media (hover: hover) {
+    button:hover:enabled {
+      background-color: ${({ tokens: e }) => e.theme.foregroundPrimary};
+    }
+  }
+
+  button:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+`;
+var f = function(e, o, t, i) {
+  var n = arguments.length, r = n < 3 ? o : i === null ? i = Object.getOwnPropertyDescriptor(o, t) : i, a;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") r = Reflect.decorate(e, o, t, i);
+  else for (var c = e.length - 1; c >= 0; c--) (a = e[c]) && (r = (n < 3 ? a(r) : n > 3 ? a(o, t, r) : a(o, t)) || r);
+  return n > 3 && r && Object.defineProperty(o, t, r), r;
+};
+let u = class extends v {
+  constructor() {
+    super(...arguments), this.logo = "google", this.name = "Continue with google", this.disabled = !1;
+  }
+  render() {
+    return C`
+      <button ?disabled=${this.disabled} tabindex=${$(this.tabIdx)}>
+        <wui-flex gap="2" alignItems="center">
+          <wui-image ?boxed=${!0} logo=${this.logo}></wui-image>
+          <wui-text variant="lg-regular" color="primary">${this.name}</wui-text>
+        </wui-flex>
+        <wui-icon name="chevronRight" size="lg" color="default"></wui-icon>
+      </button>
+    `;
+  }
+};
+u.styles = [b, O, A];
+f([
+  d()
+], u.prototype, "logo", void 0);
+f([
+  d()
+], u.prototype, "name", void 0);
+f([
+  d()
+], u.prototype, "tabIdx", void 0);
+f([
+  d({ type: Boolean })
+], u.prototype, "disabled", void 0);
+u = f([
+  x("wui-list-social")
+], u);
+export {
+  D as e
+};

package/dist/index-C4M5s_AM.js

@@ -0,0 +1,228 @@
+import { cU as c, cV as h, cW as m, cX as b, cY as a } from "./index-D_8VUmn1.js";
+import { n as o, c as x } from "./index-CEqcN8QP.js";
+import { o as f } from "./if-defined-CdZSZ6UL.js";
+import { e as $, n as g } from "./ref-CpgjXAw7.js";
+const w = c`
+  :host {
+    position: relative;
+    width: 100%;
+    display: inline-flex;
+    flex-direction: column;
+    gap: ${({ spacing: t }) => t[3]};
+    color: ${({ tokens: t }) => t.theme.textPrimary};
+    caret-color: ${({ tokens: t }) => t.core.textAccentPrimary};
+  }
+
+  .wui-input-text-container {
+    position: relative;
+    display: flex;
+  }
+
+  input {
+    width: 100%;
+    border-radius: ${({ borderRadius: t }) => t[4]};
+    color: inherit;
+    background: transparent;
+    border: 1px solid ${({ tokens: t }) => t.theme.borderPrimary};
+    caret-color: ${({ tokens: t }) => t.core.textAccentPrimary};
+    padding: ${({ spacing: t }) => t[3]} ${({ spacing: t }) => t[3]}
+      ${({ spacing: t }) => t[3]} ${({ spacing: t }) => t[10]};
+    font-size: ${({ textSize: t }) => t.large};
+    line-height: ${({ typography: t }) => t["lg-regular"].lineHeight};
+    letter-spacing: ${({ typography: t }) => t["lg-regular"].letterSpacing};
+    font-weight: ${({ fontWeight: t }) => t.regular};
+    font-family: ${({ fontFamily: t }) => t.regular};
+  }
+
+  input[data-size='lg'] {
+    padding: ${({ spacing: t }) => t[4]} ${({ spacing: t }) => t[3]}
+      ${({ spacing: t }) => t[4]} ${({ spacing: t }) => t[10]};
+  }
+
+  @media (hover: hover) and (pointer: fine) {
+    input:hover:enabled {
+      border: 1px solid ${({ tokens: t }) => t.theme.borderSecondary};
+    }
+  }
+
+  input:disabled {
+    cursor: unset;
+    border: 1px solid ${({ tokens: t }) => t.theme.borderPrimary};
+  }
+
+  input::placeholder {
+    color: ${({ tokens: t }) => t.theme.textSecondary};
+  }
+
+  input:focus:enabled {
+    border: 1px solid ${({ tokens: t }) => t.theme.borderSecondary};
+    background-color: ${({ tokens: t }) => t.theme.foregroundPrimary};
+    -webkit-box-shadow: 0px 0px 0px 4px ${({ tokens: t }) => t.core.foregroundAccent040};
+    -moz-box-shadow: 0px 0px 0px 4px ${({ tokens: t }) => t.core.foregroundAccent040};
+    box-shadow: 0px 0px 0px 4px ${({ tokens: t }) => t.core.foregroundAccent040};
+  }
+
+  div.wui-input-text-container:has(input:disabled) {
+    opacity: 0.5;
+  }
+
+  wui-icon.wui-input-text-left-icon {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    pointer-events: none;
+    left: ${({ spacing: t }) => t[4]};
+    color: ${({ tokens: t }) => t.theme.iconDefault};
+  }
+
+  button.wui-input-text-submit-button {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    right: ${({ spacing: t }) => t[3]};
+    width: 24px;
+    height: 24px;
+    border: none;
+    background: transparent;
+    border-radius: ${({ borderRadius: t }) => t[2]};
+    color: ${({ tokens: t }) => t.core.textAccentPrimary};
+  }
+
+  button.wui-input-text-submit-button:disabled {
+    opacity: 1;
+  }
+
+  button.wui-input-text-submit-button.loading wui-icon {
+    animation: spin 1s linear infinite;
+  }
+
+  button.wui-input-text-submit-button:hover {
+    background: ${({ tokens: t }) => t.core.foregroundAccent010};
+  }
+
+  input:has(+ .wui-input-text-submit-button) {
+    padding-right: ${({ spacing: t }) => t[12]};
+  }
+
+  input[type='number'] {
+    -moz-appearance: textfield;
+  }
+
+  input[type='search']::-webkit-search-decoration,
+  input[type='search']::-webkit-search-cancel-button,
+  input[type='search']::-webkit-search-results-button,
+  input[type='search']::-webkit-search-results-decoration {
+    -webkit-appearance: none;
+  }
+
+  /* -- Keyframes --------------------------------------------------- */
+  @keyframes spin {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+`;
+var n = function(t, i, s, u) {
+  var p = arguments.length, r = p < 3 ? i : u === null ? u = Object.getOwnPropertyDescriptor(i, s) : u, l;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") r = Reflect.decorate(t, i, s, u);
+  else for (var d = t.length - 1; d >= 0; d--) (l = t[d]) && (r = (p < 3 ? l(r) : p > 3 ? l(i, s, r) : l(i, s)) || r);
+  return p > 3 && r && Object.defineProperty(i, s, r), r;
+};
+let e = class extends b {
+  constructor() {
+    super(...arguments), this.inputElementRef = $(), this.disabled = !1, this.loading = !1, this.placeholder = "", this.type = "text", this.value = "", this.size = "md";
+  }
+  render() {
+    return a` <div class="wui-input-text-container">
+        ${this.templateLeftIcon()}
+        <input
+          data-size=${this.size}
+          ${g(this.inputElementRef)}
+          data-testid="wui-input-text"
+          type=${this.type}
+          enterkeyhint=${f(this.enterKeyHint)}
+          ?disabled=${this.disabled}
+          placeholder=${this.placeholder}
+          @input=${this.dispatchInputChangeEvent.bind(this)}
+          @keydown=${this.onKeyDown}
+          .value=${this.value || ""}
+        />
+        ${this.templateSubmitButton()}
+        <slot class="wui-input-text-slot"></slot>
+      </div>
+      ${this.templateError()} ${this.templateWarning()}`;
+  }
+  templateLeftIcon() {
+    return this.icon ? a`<wui-icon
+        class="wui-input-text-left-icon"
+        size="md"
+        data-size=${this.size}
+        color="inherit"
+        name=${this.icon}
+      ></wui-icon>` : null;
+  }
+  templateSubmitButton() {
+    var i;
+    return this.onSubmit ? a`<button
+        class="wui-input-text-submit-button ${this.loading ? "loading" : ""}"
+        @click=${(i = this.onSubmit) == null ? void 0 : i.bind(this)}
+        ?disabled=${this.disabled || this.loading}
+      >
+        ${this.loading ? a`<wui-icon name="spinner" size="md"></wui-icon>` : a`<wui-icon name="chevronRight" size="md"></wui-icon>`}
+      </button>` : null;
+  }
+  templateError() {
+    return this.errorText ? a`<wui-text variant="sm-regular" color="error">${this.errorText}</wui-text>` : null;
+  }
+  templateWarning() {
+    return this.warningText ? a`<wui-text variant="sm-regular" color="warning">${this.warningText}</wui-text>` : null;
+  }
+  dispatchInputChangeEvent() {
+    var i;
+    this.dispatchEvent(new CustomEvent("inputChange", {
+      detail: (i = this.inputElementRef.value) == null ? void 0 : i.value,
+      bubbles: !0,
+      composed: !0
+    }));
+  }
+};
+e.styles = [h, m, w];
+n([
+  o()
+], e.prototype, "icon", void 0);
+n([
+  o({ type: Boolean })
+], e.prototype, "disabled", void 0);
+n([
+  o({ type: Boolean })
+], e.prototype, "loading", void 0);
+n([
+  o()
+], e.prototype, "placeholder", void 0);
+n([
+  o()
+], e.prototype, "type", void 0);
+n([
+  o()
+], e.prototype, "value", void 0);
+n([
+  o()
+], e.prototype, "errorText", void 0);
+n([
+  o()
+], e.prototype, "warningText", void 0);
+n([
+  o()
+], e.prototype, "onSubmit", void 0);
+n([
+  o()
+], e.prototype, "size", void 0);
+n([
+  o({ attribute: !1 })
+], e.prototype, "onKeyDown", void 0);
+e = n([
+  x("wui-input-text")
+], e);