0xtrails 0.0.1 → 0.0.2

package/dist/widget/index-Cu2Wva8v.js

@@ -0,0 +1,200 @@
+import { i as O, r as W, a as I } from "./index-CK94R-H7.js";
+import { b as x, x as y } from "./lit-html-BRjl1r6K.js";
+import { n as v, c as M } from "./if-defined-DRXJEhv7.js";
+import "./index-CDlhy529.js";
+import { b as N } from "./browser-DyOl4_8m.js";
+const A = 0.1, k = 2.5, w = 7;
+function E(c, r, h) {
+  return c === r ? !1 : (c - r < 0 ? r - c : c - r) <= h + A;
+}
+function D(c, r) {
+  const h = Array.prototype.slice.call(N.create(c, { errorCorrectionLevel: r }).modules.data, 0), d = Math.sqrt(h.length);
+  return h.reduce((p, u, f) => (f % d === 0 ? p.push([u]) : p[p.length - 1].push(u)) && p, []);
+}
+const Q = {
+  generate({ uri: c, size: r, logoSize: h, dotColor: d = "#141414" }) {
+    const p = "transparent", f = [], l = D(c, "Q"), n = r / l.length, z = [
+      { x: 0, y: 0 },
+      { x: 1, y: 0 },
+      { x: 0, y: 1 }
+    ];
+    z.forEach(({ x: o, y: t }) => {
+      const s = (l.length - w) * n * o, e = (l.length - w) * n * t, a = 0.45;
+      for (let i = 0; i < z.length; i += 1) {
+        const g = n * (w - i * 2);
+        f.push(x`
+            <rect
+              fill=${i === 2 ? d : p}
+              width=${i === 0 ? g - 5 : g}
+              rx= ${i === 0 ? (g - 5) * a : g * a}
+              ry= ${i === 0 ? (g - 5) * a : g * a}
+              stroke=${d}
+              stroke-width=${i === 0 ? 5 : 0}
+              height=${i === 0 ? g - 5 : g}
+              x= ${i === 0 ? e + n * i + 5 / 2 : e + n * i}
+              y= ${i === 0 ? s + n * i + 5 / 2 : s + n * i}
+            />
+          `);
+      }
+    });
+    const C = Math.floor((h + 25) / n), R = l.length / 2 - C / 2, S = l.length / 2 + C / 2 - 1, _ = [];
+    l.forEach((o, t) => {
+      o.forEach((s, e) => {
+        if (l[t][e] && !(t < w && e < w || t > l.length - (w + 1) && e < w || t < w && e > l.length - (w + 1)) && !(t > R && t < S && e > R && e < S)) {
+          const a = t * n + n / 2, i = e * n + n / 2;
+          _.push([a, i]);
+        }
+      });
+    });
+    const b = {};
+    return _.forEach(([o, t]) => {
+      var s;
+      b[o] ? (s = b[o]) == null || s.push(t) : b[o] = [t];
+    }), Object.entries(b).map(([o, t]) => {
+      const s = t.filter((e) => t.every((a) => !E(e, a, n)));
+      return [Number(o), s];
+    }).forEach(([o, t]) => {
+      t.forEach((s) => {
+        f.push(x`<circle cx=${o} cy=${s} fill=${d} r=${n / k} />`);
+      });
+    }), Object.entries(b).filter(([o, t]) => t.length > 1).map(([o, t]) => {
+      const s = t.filter((e) => t.some((a) => E(e, a, n)));
+      return [Number(o), s];
+    }).map(([o, t]) => {
+      t.sort((e, a) => e < a ? -1 : 1);
+      const s = [];
+      for (const e of t) {
+        const a = s.find((i) => i.some((g) => E(e, g, n)));
+        a ? a.push(e) : s.push([e]);
+      }
+      return [o, s.map((e) => [e[0], e[e.length - 1]])];
+    }).forEach(([o, t]) => {
+      t.forEach(([s, e]) => {
+        f.push(x`
+              <line
+                x1=${o}
+                x2=${o}
+                y1=${s}
+                y2=${e}
+                stroke=${d}
+                stroke-width=${n / (k / 2)}
+                stroke-linecap="round"
+              />
+            `);
+      });
+    }), f;
+  }
+}, T = O`
+  :host {
+    position: relative;
+    user-select: none;
+    display: block;
+    overflow: hidden;
+    aspect-ratio: 1 / 1;
+    width: var(--local-size);
+  }
+
+  :host([data-theme='dark']) {
+    border-radius: clamp(0px, var(--wui-border-radius-l), 40px);
+    background-color: var(--wui-color-inverse-100);
+    padding: var(--wui-spacing-l);
+  }
+
+  :host([data-theme='light']) {
+    box-shadow: 0 0 0 1px var(--wui-color-bg-125);
+    background-color: var(--wui-color-bg-125);
+  }
+
+  :host([data-clear='true']) > wui-icon {
+    display: none;
+  }
+
+  svg:first-child,
+  wui-image,
+  wui-icon {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translateY(-50%) translateX(-50%);
+  }
+
+  wui-image {
+    width: 25%;
+    height: 25%;
+    border-radius: var(--wui-border-radius-xs);
+  }
+
+  wui-icon {
+    width: 100%;
+    height: 100%;
+    color: var(--local-icon-color) !important;
+    transform: translateY(-50%) translateX(-50%) scale(0.25);
+  }
+`;
+var $ = function(c, r, h, d) {
+  var p = arguments.length, u = p < 3 ? r : d === null ? d = Object.getOwnPropertyDescriptor(r, h) : d, f;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") u = Reflect.decorate(c, r, h, d);
+  else for (var l = c.length - 1; l >= 0; l--) (f = c[l]) && (u = (p < 3 ? f(u) : p > 3 ? f(r, h, u) : f(r, h)) || u);
+  return p > 3 && u && Object.defineProperty(r, h, u), u;
+};
+const q = "#3396ff";
+let m = class extends I {
+  constructor() {
+    super(...arguments), this.uri = "", this.size = 0, this.theme = "dark", this.imageSrc = void 0, this.alt = void 0, this.arenaClear = void 0, this.farcaster = void 0;
+  }
+  render() {
+    return this.dataset.theme = this.theme, this.dataset.clear = String(this.arenaClear), this.style.cssText = `
+     --local-size: ${this.size}px;
+     --local-icon-color: ${this.color ?? q}
+    `, y`${this.templateVisual()} ${this.templateSvg()}`;
+  }
+  templateSvg() {
+    const r = this.theme === "light" ? this.size : this.size - 32;
+    return x`
+      <svg height=${r} width=${r}>
+        ${Q.generate({
+      uri: this.uri,
+      size: r,
+      logoSize: this.arenaClear ? 0 : r / 4,
+      dotColor: this.color
+    })}
+      </svg>
+    `;
+  }
+  templateVisual() {
+    return this.imageSrc ? y`<wui-image src=${this.imageSrc} alt=${this.alt ?? "logo"}></wui-image>` : this.farcaster ? y`<wui-icon
+        class="farcaster"
+        size="inherit"
+        color="inherit"
+        name="farcaster"
+      ></wui-icon>` : y`<wui-icon size="inherit" color="inherit" name="walletConnect"></wui-icon>`;
+  }
+};
+m.styles = [W, T];
+$([
+  v()
+], m.prototype, "uri", void 0);
+$([
+  v({ type: Number })
+], m.prototype, "size", void 0);
+$([
+  v()
+], m.prototype, "theme", void 0);
+$([
+  v()
+], m.prototype, "imageSrc", void 0);
+$([
+  v()
+], m.prototype, "alt", void 0);
+$([
+  v()
+], m.prototype, "color", void 0);
+$([
+  v({ type: Boolean })
+], m.prototype, "arenaClear", void 0);
+$([
+  v({ type: Boolean })
+], m.prototype, "farcaster", void 0);
+m = $([
+  M("wui-qr-code")
+], m);

package/dist/widget/index-DKBxLTEF.js

@@ -0,0 +1,240 @@
+import { i as p, a as h, R as l, p as o } from "./index-CK94R-H7.js";
+import { x as e } from "./lit-html-BRjl1r6K.js";
+import { r as u, c as d } from "./if-defined-DRXJEhv7.js";
+import { T as g } from "./index-BiCU29wK.js";
+const f = p`
+  :host {
+    --prev-height: 0px;
+    --new-height: 0px;
+    display: block;
+  }
+
+  div.w3m-router-container {
+    transform: translateY(0);
+    opacity: 1;
+  }
+
+  div.w3m-router-container[view-direction='prev'] {
+    animation:
+      slide-left-out 150ms forwards ease,
+      slide-left-in 150ms forwards ease;
+    animation-delay: 0ms, 200ms;
+  }
+
+  div.w3m-router-container[view-direction='next'] {
+    animation:
+      slide-right-out 150ms forwards ease,
+      slide-right-in 150ms forwards ease;
+    animation-delay: 0ms, 200ms;
+  }
+
+  @keyframes slide-left-out {
+    from {
+      transform: translateX(0px);
+      opacity: 1;
+    }
+    to {
+      transform: translateX(10px);
+      opacity: 0;
+    }
+  }
+
+  @keyframes slide-left-in {
+    from {
+      transform: translateX(-10px);
+      opacity: 0;
+    }
+    to {
+      transform: translateX(0);
+      opacity: 1;
+    }
+  }
+
+  @keyframes slide-right-out {
+    from {
+      transform: translateX(0px);
+      opacity: 1;
+    }
+    to {
+      transform: translateX(-10px);
+      opacity: 0;
+    }
+  }
+
+  @keyframes slide-right-in {
+    from {
+      transform: translateX(10px);
+      opacity: 0;
+    }
+    to {
+      transform: translateX(0);
+      opacity: 1;
+    }
+  }
+`;
+var v = function(s, t, i, r) {
+  var w = arguments.length, a = w < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, i) : r, c;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(s, t, i, r);
+  else for (var m = s.length - 1; m >= 0; m--) (c = s[m]) && (a = (w < 3 ? c(a) : w > 3 ? c(t, i, a) : c(t, i)) || a);
+  return w > 3 && a && Object.defineProperty(t, i, a), a;
+};
+let n = class extends h {
+  constructor() {
+    super(), this.resizeObserver = void 0, this.prevHeight = "0px", this.prevHistoryLength = 1, this.unsubscribe = [], this.view = l.state.view, this.viewDirection = "", this.unsubscribe.push(l.subscribeKey("view", (t) => this.onViewChange(t)));
+  }
+  firstUpdated() {
+    var t;
+    this.resizeObserver = new ResizeObserver(([i]) => {
+      const r = `${i == null ? void 0 : i.contentRect.height}px`;
+      this.prevHeight !== "0px" && (this.style.setProperty("--prev-height", this.prevHeight), this.style.setProperty("--new-height", r), this.style.animation = "w3m-view-height 150ms forwards ease", this.style.height = "auto"), setTimeout(() => {
+        this.prevHeight = r, this.style.animation = "unset";
+      }, o.ANIMATION_DURATIONS.ModalHeight);
+    }), (t = this.resizeObserver) == null || t.observe(this.getWrapper());
+  }
+  disconnectedCallback() {
+    var t;
+    (t = this.resizeObserver) == null || t.unobserve(this.getWrapper()), this.unsubscribe.forEach((i) => i());
+  }
+  render() {
+    return e`<div class="w3m-router-container" view-direction="${this.viewDirection}">
+      ${this.viewTemplate()}
+    </div>`;
+  }
+  viewTemplate() {
+    switch (this.view) {
+      case "AccountSettings":
+        return e`<w3m-account-settings-view></w3m-account-settings-view>`;
+      case "Account":
+        return e`<w3m-account-view></w3m-account-view>`;
+      case "AllWallets":
+        return e`<w3m-all-wallets-view></w3m-all-wallets-view>`;
+      case "ApproveTransaction":
+        return e`<w3m-approve-transaction-view></w3m-approve-transaction-view>`;
+      case "BuyInProgress":
+        return e`<w3m-buy-in-progress-view></w3m-buy-in-progress-view>`;
+      case "ChooseAccountName":
+        return e`<w3m-choose-account-name-view></w3m-choose-account-name-view>`;
+      case "Connect":
+        return e`<w3m-connect-view></w3m-connect-view>`;
+      case "Create":
+        return e`<w3m-connect-view walletGuide="explore"></w3m-connect-view>`;
+      case "ConnectingWalletConnect":
+        return e`<w3m-connecting-wc-view></w3m-connecting-wc-view>`;
+      case "ConnectingWalletConnectBasic":
+        return e`<w3m-connecting-wc-basic-view></w3m-connecting-wc-basic-view>`;
+      case "ConnectingExternal":
+        return e`<w3m-connecting-external-view></w3m-connecting-external-view>`;
+      case "ConnectingSiwe":
+        return e`<w3m-connecting-siwe-view></w3m-connecting-siwe-view>`;
+      case "ConnectWallets":
+        return e`<w3m-connect-wallets-view></w3m-connect-wallets-view>`;
+      case "ConnectSocials":
+        return e`<w3m-connect-socials-view></w3m-connect-socials-view>`;
+      case "ConnectingSocial":
+        return e`<w3m-connecting-social-view></w3m-connecting-social-view>`;
+      case "Downloads":
+        return e`<w3m-downloads-view></w3m-downloads-view>`;
+      case "EmailLogin":
+        return e`<w3m-email-login-view></w3m-email-login-view>`;
+      case "EmailVerifyOtp":
+        return e`<w3m-email-verify-otp-view></w3m-email-verify-otp-view>`;
+      case "EmailVerifyDevice":
+        return e`<w3m-email-verify-device-view></w3m-email-verify-device-view>`;
+      case "GetWallet":
+        return e`<w3m-get-wallet-view></w3m-get-wallet-view>`;
+      case "Networks":
+        return e`<w3m-networks-view></w3m-networks-view>`;
+      case "SwitchNetwork":
+        return e`<w3m-network-switch-view></w3m-network-switch-view>`;
+      case "ProfileWallets":
+        return e`<w3m-profile-wallets-view></w3m-profile-wallets-view>`;
+      case "Transactions":
+        return e`<w3m-transactions-view></w3m-transactions-view>`;
+      case "OnRampProviders":
+        return e`<w3m-onramp-providers-view></w3m-onramp-providers-view>`;
+      case "OnRampTokenSelect":
+        return e`<w3m-onramp-token-select-view></w3m-onramp-token-select-view>`;
+      case "OnRampFiatSelect":
+        return e`<w3m-onramp-fiat-select-view></w3m-onramp-fiat-select-view>`;
+      case "UpgradeEmailWallet":
+        return e`<w3m-upgrade-wallet-view></w3m-upgrade-wallet-view>`;
+      case "UpdateEmailWallet":
+        return e`<w3m-update-email-wallet-view></w3m-update-email-wallet-view>`;
+      case "UpdateEmailPrimaryOtp":
+        return e`<w3m-update-email-primary-otp-view></w3m-update-email-primary-otp-view>`;
+      case "UpdateEmailSecondaryOtp":
+        return e`<w3m-update-email-secondary-otp-view></w3m-update-email-secondary-otp-view>`;
+      case "UnsupportedChain":
+        return e`<w3m-unsupported-chain-view></w3m-unsupported-chain-view>`;
+      case "Swap":
+        return e`<w3m-swap-view></w3m-swap-view>`;
+      case "SwapSelectToken":
+        return e`<w3m-swap-select-token-view></w3m-swap-select-token-view>`;
+      case "SwapPreview":
+        return e`<w3m-swap-preview-view></w3m-swap-preview-view>`;
+      case "WalletSend":
+        return e`<w3m-wallet-send-view></w3m-wallet-send-view>`;
+      case "WalletSendSelectToken":
+        return e`<w3m-wallet-send-select-token-view></w3m-wallet-send-select-token-view>`;
+      case "WalletSendPreview":
+        return e`<w3m-wallet-send-preview-view></w3m-wallet-send-preview-view>`;
+      case "WhatIsABuy":
+        return e`<w3m-what-is-a-buy-view></w3m-what-is-a-buy-view>`;
+      case "WalletReceive":
+        return e`<w3m-wallet-receive-view></w3m-wallet-receive-view>`;
+      case "WalletCompatibleNetworks":
+        return e`<w3m-wallet-compatible-networks-view></w3m-wallet-compatible-networks-view>`;
+      case "WhatIsAWallet":
+        return e`<w3m-what-is-a-wallet-view></w3m-what-is-a-wallet-view>`;
+      case "ConnectingMultiChain":
+        return e`<w3m-connecting-multi-chain-view></w3m-connecting-multi-chain-view>`;
+      case "WhatIsANetwork":
+        return e`<w3m-what-is-a-network-view></w3m-what-is-a-network-view>`;
+      case "ConnectingFarcaster":
+        return e`<w3m-connecting-farcaster-view></w3m-connecting-farcaster-view>`;
+      case "SwitchActiveChain":
+        return e`<w3m-switch-active-chain-view></w3m-switch-active-chain-view>`;
+      case "RegisterAccountName":
+        return e`<w3m-register-account-name-view></w3m-register-account-name-view>`;
+      case "RegisterAccountNameSuccess":
+        return e`<w3m-register-account-name-success-view></w3m-register-account-name-success-view>`;
+      case "SmartSessionCreated":
+        return e`<w3m-smart-session-created-view></w3m-smart-session-created-view>`;
+      case "SmartSessionList":
+        return e`<w3m-smart-session-list-view></w3m-smart-session-list-view>`;
+      case "SIWXSignMessage":
+        return e`<w3m-siwx-sign-message-view></w3m-siwx-sign-message-view>`;
+      case "Pay":
+        return e`<w3m-pay-view></w3m-pay-view>`;
+      case "PayLoading":
+        return e`<w3m-pay-loading-view></w3m-pay-loading-view>`;
+      default:
+        return e`<w3m-connect-view></w3m-connect-view>`;
+    }
+  }
+  onViewChange(t) {
+    g.hide();
+    let i = o.VIEW_DIRECTION.Next;
+    const { history: r } = l.state;
+    r.length < this.prevHistoryLength && (i = o.VIEW_DIRECTION.Prev), this.prevHistoryLength = r.length, this.viewDirection = i, setTimeout(() => {
+      this.view = t;
+    }, o.ANIMATION_DURATIONS.ViewTransition);
+  }
+  getWrapper() {
+    var t;
+    return (t = this.shadowRoot) == null ? void 0 : t.querySelector("div");
+  }
+};
+n.styles = f;
+v([
+  u()
+], n.prototype, "view", void 0);
+v([
+  u()
+], n.prototype, "viewDirection", void 0);
+n = v([
+  d("w3m-router")
+], n);
+export {
+  n as W
+};