@multiversx/sdk-dapp-liquidity 1.0.12 → 1.0.14

package/socials-DF0CK9cN.js

@@ -0,0 +1,756 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const bitcoin = require("./bitcoin-DAvQGpeP.js");
+const ifDefined = require("./if-defined-CJ5EZLw2.js");
+const index$1 = require("./index-CNMDBpW7.js");
+const index = require("./index-DomzHmwk.js");
+const react = require("./react-BzZcQig5.js");
+const react$1 = require("./react-C_wTMVq_.js");
+require("./index-BBwuv2SS.js");
+require("./index-Daok2ZKn.js");
+require("./index-BXkamf-I.js");
+require("./index-DZEwxUMS.js");
+require("./index-GglJmM2C.js");
+require("./index-DAtWLY21.js");
+const styles$3 = bitcoin.i`
+  :host {
+    margin-top: var(--wui-spacing-3xs);
+  }
+  wui-separator {
+    margin: var(--wui-spacing-m) calc(var(--wui-spacing-m) * -1) var(--wui-spacing-xs)
+      calc(var(--wui-spacing-m) * -1);
+    width: calc(100% + var(--wui-spacing-s) * 2);
+  }
+`;
+var __decorate$3 = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+let W3mSocialLoginList = class W3mSocialLoginList2 extends bitcoin.i$1 {
+  constructor() {
+    super();
+    this.unsubscribe = [];
+    this.tabIdx = void 0;
+    this.connectors = react.ConnectorController.state.connectors;
+    this.authConnector = this.connectors.find((c) => c.type === "AUTH");
+    this.remoteFeatures = react.OptionsController.state.remoteFeatures;
+    this.isPwaLoading = false;
+    this.unsubscribe.push(react.ConnectorController.subscribeKey("connectors", (val) => {
+      this.connectors = val;
+      this.authConnector = this.connectors.find((c) => c.type === "AUTH");
+    }), react.OptionsController.subscribeKey("remoteFeatures", (val) => this.remoteFeatures = val));
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.handlePwaFrameLoad();
+  }
+  disconnectedCallback() {
+    this.unsubscribe.forEach((unsubscribe) => unsubscribe());
+  }
+  render() {
+    var _a;
+    let socials = ((_a = this.remoteFeatures) == null ? void 0 : _a.socials) || [];
+    const isAuthConnectorExist = Boolean(this.authConnector);
+    const isSocialsEnabled = socials == null ? void 0 : socials.length;
+    const isConnectSocialsView = react.RouterController.state.view === "ConnectSocials";
+    if ((!isAuthConnectorExist || !isSocialsEnabled) && !isConnectSocialsView) {
+      return null;
+    }
+    if (isConnectSocialsView && !isSocialsEnabled) {
+      socials = react.ConstantsUtil.DEFAULT_SOCIALS;
+    }
+    return bitcoin.x` <wui-flex flexDirection="column" gap="xs">
+      ${socials.map((social) => bitcoin.x`<wui-list-social
+            @click=${() => {
+      this.onSocialClick(social);
+    }}
+            data-testid=${`social-selector-${social}`}
+            name=${social}
+            logo=${social}
+            ?disabled=${this.isPwaLoading}
+          ></wui-list-social>`)}
+    </wui-flex>`;
+  }
+  async onSocialClick(socialProvider) {
+    if (socialProvider) {
+      await index.executeSocialLogin(socialProvider);
+    }
+  }
+  async handlePwaFrameLoad() {
+    var _a;
+    if (react.CoreHelperUtil.isPWA()) {
+      this.isPwaLoading = true;
+      try {
+        if (((_a = this.authConnector) == null ? void 0 : _a.provider) instanceof react$1.W3mFrameProvider) {
+          await this.authConnector.provider.init();
+        }
+      } catch (error) {
+        react.AlertController.open({
+          shortMessage: "Error loading embedded wallet in PWA",
+          longMessage: error.message
+        }, "error");
+      } finally {
+        this.isPwaLoading = false;
+      }
+    }
+  }
+};
+W3mSocialLoginList.styles = styles$3;
+__decorate$3([
+  ifDefined.n()
+], W3mSocialLoginList.prototype, "tabIdx", void 0);
+__decorate$3([
+  ifDefined.r()
+], W3mSocialLoginList.prototype, "connectors", void 0);
+__decorate$3([
+  ifDefined.r()
+], W3mSocialLoginList.prototype, "authConnector", void 0);
+__decorate$3([
+  ifDefined.r()
+], W3mSocialLoginList.prototype, "remoteFeatures", void 0);
+__decorate$3([
+  ifDefined.r()
+], W3mSocialLoginList.prototype, "isPwaLoading", void 0);
+W3mSocialLoginList = __decorate$3([
+  ifDefined.customElement("w3m-social-login-list")
+], W3mSocialLoginList);
+const styles$2 = bitcoin.i`
+  wui-flex {
+    max-height: clamp(360px, 540px, 80vh);
+    overflow: scroll;
+    scrollbar-width: none;
+    transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);
+    will-change: opacity;
+  }
+  wui-flex::-webkit-scrollbar {
+    display: none;
+  }
+  wui-flex.disabled {
+    opacity: 0.3;
+    pointer-events: none;
+    user-select: none;
+  }
+`;
+var __decorate$2 = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+exports.W3mConnectSocialsView = class W3mConnectSocialsView extends bitcoin.i$1 {
+  constructor() {
+    super();
+    this.unsubscribe = [];
+    this.checked = index$1.OptionsStateController.state.isLegalCheckboxChecked;
+    this.unsubscribe.push(index$1.OptionsStateController.subscribeKey("isLegalCheckboxChecked", (val) => {
+      this.checked = val;
+    }));
+  }
+  disconnectedCallback() {
+    this.unsubscribe.forEach((unsubscribe) => unsubscribe());
+  }
+  render() {
+    var _a;
+    const { termsConditionsUrl, privacyPolicyUrl } = react.OptionsController.state;
+    const legalCheckbox = (_a = react.OptionsController.state.features) == null ? void 0 : _a.legalCheckbox;
+    const legalUrl = termsConditionsUrl || privacyPolicyUrl;
+    const showLegalCheckbox = Boolean(legalUrl) && Boolean(legalCheckbox);
+    const disabled = showLegalCheckbox && !this.checked;
+    const tabIndex = disabled ? -1 : void 0;
+    return bitcoin.x`
+      <w3m-legal-checkbox></w3m-legal-checkbox>
+      <wui-flex
+        flexDirection="column"
+        .padding=${showLegalCheckbox ? ["0", "s", "s", "s"] : "s"}
+        gap="xs"
+        class=${ifDefined.o(disabled ? "disabled" : void 0)}
+      >
+        <w3m-social-login-list tabIdx=${ifDefined.o(tabIndex)}></w3m-social-login-list>
+      </wui-flex>
+      <w3m-legal-footer></w3m-legal-footer>
+    `;
+  }
+};
+exports.W3mConnectSocialsView.styles = styles$2;
+__decorate$2([
+  ifDefined.r()
+], exports.W3mConnectSocialsView.prototype, "checked", void 0);
+exports.W3mConnectSocialsView = __decorate$2([
+  ifDefined.customElement("w3m-connect-socials-view")
+], exports.W3mConnectSocialsView);
+const styles$1 = bitcoin.i`
+  wui-logo {
+    width: 80px;
+    height: 80px;
+    border-radius: var(--wui-border-radius-m);
+  }
+  @keyframes shake {
+    0% {
+      transform: translateX(0);
+    }
+    25% {
+      transform: translateX(3px);
+    }
+    50% {
+      transform: translateX(-3px);
+    }
+    75% {
+      transform: translateX(3px);
+    }
+    100% {
+      transform: translateX(0);
+    }
+  }
+  wui-flex:first-child:not(:only-child) {
+    position: relative;
+  }
+  wui-loading-thumbnail {
+    position: absolute;
+  }
+  wui-icon-box {
+    position: absolute;
+    right: calc(var(--wui-spacing-3xs) * -1);
+    bottom: calc(var(--wui-spacing-3xs) * -1);
+    opacity: 0;
+    transform: scale(0.5);
+    transition: all var(--wui-ease-out-power-2) var(--wui-duration-lg);
+  }
+  wui-text[align='center'] {
+    width: 100%;
+    padding: 0px var(--wui-spacing-l);
+  }
+  [data-error='true'] wui-icon-box {
+    opacity: 1;
+    transform: scale(1);
+  }
+  [data-error='true'] > wui-flex:first-child {
+    animation: shake 250ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+  }
+  .capitalize {
+    text-transform: capitalize;
+  }
+`;
+var __decorate$1 = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+exports.W3mConnectingSocialView = class W3mConnectingSocialView extends bitcoin.i$1 {
+  constructor() {
+    super();
+    this.unsubscribe = [];
+    this.socialProvider = react.AccountController.state.socialProvider;
+    this.socialWindow = react.AccountController.state.socialWindow;
+    this.error = false;
+    this.connecting = false;
+    this.message = "Connect in the provider window";
+    this.remoteFeatures = react.OptionsController.state.remoteFeatures;
+    this.address = react.AccountController.state.address;
+    this.connectionsByNamespace = react.ConnectionController.getConnections(react.ChainController.state.activeChain);
+    this.hasMultipleConnections = this.connectionsByNamespace.length > 0;
+    this.authConnector = react.ConnectorController.getAuthConnector();
+    this.handleSocialConnection = async (event) => {
+      var _a;
+      if ((_a = event.data) == null ? void 0 : _a.resultUri) {
+        if (event.origin === bitcoin.ConstantsUtil.SECURE_SITE_ORIGIN) {
+          window.removeEventListener("message", this.handleSocialConnection, false);
+          try {
+            if (this.authConnector && !this.connecting) {
+              if (this.socialWindow) {
+                this.socialWindow.close();
+                react.AccountController.setSocialWindow(void 0, react.ChainController.state.activeChain);
+              }
+              this.connecting = true;
+              this.updateMessage();
+              const uri = event.data.resultUri;
+              if (this.socialProvider) {
+                react.EventsController.sendEvent({
+                  type: "track",
+                  event: "SOCIAL_LOGIN_REQUEST_USER_DATA",
+                  properties: { provider: this.socialProvider }
+                });
+              }
+              await react.ConnectionController.connectExternal({
+                id: this.authConnector.id,
+                type: this.authConnector.type,
+                socialUri: uri
+              }, this.authConnector.chain);
+              if (this.socialProvider) {
+                react.StorageUtil.setConnectedSocialProvider(this.socialProvider);
+                react.EventsController.sendEvent({
+                  type: "track",
+                  event: "SOCIAL_LOGIN_SUCCESS",
+                  properties: { provider: this.socialProvider }
+                });
+              }
+            }
+          } catch (error) {
+            this.error = true;
+            this.updateMessage();
+            if (this.socialProvider) {
+              react.EventsController.sendEvent({
+                type: "track",
+                event: "SOCIAL_LOGIN_ERROR",
+                properties: { provider: this.socialProvider }
+              });
+            }
+          }
+        } else {
+          react.RouterController.goBack();
+          react.SnackController.showError("Untrusted Origin");
+          if (this.socialProvider) {
+            react.EventsController.sendEvent({
+              type: "track",
+              event: "SOCIAL_LOGIN_ERROR",
+              properties: { provider: this.socialProvider }
+            });
+          }
+        }
+      }
+    };
+    const abortController = react$1.ErrorUtil.EmbeddedWalletAbortController;
+    abortController.signal.addEventListener("abort", () => {
+      if (this.socialWindow) {
+        this.socialWindow.close();
+        react.AccountController.setSocialWindow(void 0, react.ChainController.state.activeChain);
+      }
+    });
+    this.unsubscribe.push(...[
+      react.AccountController.subscribe((val) => {
+        if (val.socialProvider) {
+          this.socialProvider = val.socialProvider;
+        }
+        if (val.socialWindow) {
+          this.socialWindow = val.socialWindow;
+        }
+      }),
+      react.OptionsController.subscribeKey("remoteFeatures", (val) => {
+        this.remoteFeatures = val;
+      }),
+      react.AccountController.subscribeKey("address", (val) => {
+        var _a;
+        const isMultiWalletEnabled = (_a = this.remoteFeatures) == null ? void 0 : _a.multiWallet;
+        if (val && val !== this.address) {
+          if (this.hasMultipleConnections && isMultiWalletEnabled) {
+            react.RouterController.replace("ProfileWallets");
+            react.SnackController.showSuccess("New Wallet Added");
+          } else if (react.ModalController.state.open || react.OptionsController.state.enableEmbedded) {
+            react.ModalController.close();
+          }
+        }
+      })
+    ]);
+    if (this.authConnector) {
+      this.connectSocial();
+    }
+  }
+  disconnectedCallback() {
+    var _a;
+    this.unsubscribe.forEach((unsubscribe) => unsubscribe());
+    window.removeEventListener("message", this.handleSocialConnection, false);
+    (_a = this.socialWindow) == null ? void 0 : _a.close();
+    react.AccountController.setSocialWindow(void 0, react.ChainController.state.activeChain);
+  }
+  render() {
+    return bitcoin.x`
+      <wui-flex
+        data-error=${ifDefined.o(this.error)}
+        flexDirection="column"
+        alignItems="center"
+        .padding=${["3xl", "xl", "xl", "xl"]}
+        gap="xl"
+      >
+        <wui-flex justifyContent="center" alignItems="center">
+          <wui-logo logo=${ifDefined.o(this.socialProvider)}></wui-logo>
+          ${this.error ? null : this.loaderTemplate()}
+          <wui-icon-box
+            backgroundColor="error-100"
+            background="opaque"
+            iconColor="error-100"
+            icon="close"
+            size="sm"
+            border
+            borderColor="wui-color-bg-125"
+          ></wui-icon-box>
+        </wui-flex>
+        <wui-flex flexDirection="column" alignItems="center" gap="xs">
+          <wui-text align="center" variant="paragraph-500" color="fg-100"
+            >Log in with
+            <span class="capitalize">${this.socialProvider ?? "Social"}</span></wui-text
+          >
+          <wui-text align="center" variant="small-400" color=${this.error ? "error-100" : "fg-200"}
+            >${this.message}</wui-text
+          ></wui-flex
+        >
+      </wui-flex>
+    `;
+  }
+  loaderTemplate() {
+    const borderRadiusMaster = react.ThemeController.state.themeVariables["--w3m-border-radius-master"];
+    const radius = borderRadiusMaster ? parseInt(borderRadiusMaster.replace("px", ""), 10) : 4;
+    return bitcoin.x`<wui-loading-thumbnail radius=${radius * 9}></wui-loading-thumbnail>`;
+  }
+  connectSocial() {
+    const interval = setInterval(() => {
+      var _a;
+      if ((_a = this.socialWindow) == null ? void 0 : _a.closed) {
+        if (!this.connecting && react.RouterController.state.view === "ConnectingSocial") {
+          if (this.socialProvider) {
+            react.EventsController.sendEvent({
+              type: "track",
+              event: "SOCIAL_LOGIN_CANCELED",
+              properties: { provider: this.socialProvider }
+            });
+          }
+          react.RouterController.goBack();
+        }
+        clearInterval(interval);
+      }
+    }, 1e3);
+    window.addEventListener("message", this.handleSocialConnection, false);
+  }
+  updateMessage() {
+    if (this.error) {
+      this.message = "Something went wrong";
+    } else if (this.connecting) {
+      this.message = "Retrieving user data";
+    } else {
+      this.message = "Connect in the provider window";
+    }
+  }
+};
+exports.W3mConnectingSocialView.styles = styles$1;
+__decorate$1([
+  ifDefined.r()
+], exports.W3mConnectingSocialView.prototype, "socialProvider", void 0);
+__decorate$1([
+  ifDefined.r()
+], exports.W3mConnectingSocialView.prototype, "socialWindow", void 0);
+__decorate$1([
+  ifDefined.r()
+], exports.W3mConnectingSocialView.prototype, "error", void 0);
+__decorate$1([
+  ifDefined.r()
+], exports.W3mConnectingSocialView.prototype, "connecting", void 0);
+__decorate$1([
+  ifDefined.r()
+], exports.W3mConnectingSocialView.prototype, "message", void 0);
+__decorate$1([
+  ifDefined.r()
+], exports.W3mConnectingSocialView.prototype, "remoteFeatures", void 0);
+exports.W3mConnectingSocialView = __decorate$1([
+  ifDefined.customElement("w3m-connecting-social-view")
+], exports.W3mConnectingSocialView);
+const styles = bitcoin.i`
+  @keyframes fadein {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+
+  wui-shimmer {
+    width: 100%;
+    aspect-ratio: 1 / 1;
+    border-radius: clamp(0px, var(--wui-border-radius-l), 40px) !important;
+  }
+
+  wui-qr-code {
+    opacity: 0;
+    animation-duration: 200ms;
+    animation-timing-function: ease;
+    animation-name: fadein;
+    animation-fill-mode: forwards;
+  }
+
+  wui-logo {
+    width: 80px;
+    height: 80px;
+    border-radius: var(--wui-border-radius-m);
+  }
+
+  wui-flex:first-child:not(:only-child) {
+    position: relative;
+  }
+  wui-loading-thumbnail {
+    position: absolute;
+  }
+  wui-icon-box {
+    position: absolute;
+    right: calc(var(--wui-spacing-3xs) * -1);
+    bottom: calc(var(--wui-spacing-3xs) * -1);
+    opacity: 0;
+    transform: scale(0.5);
+    transition: all var(--wui-ease-out-power-2) var(--wui-duration-lg);
+  }
+`;
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+exports.W3mConnectingFarcasterView = class W3mConnectingFarcasterView extends bitcoin.i$1 {
+  constructor() {
+    super();
+    this.unsubscribe = [];
+    this.timeout = void 0;
+    this.socialProvider = react.AccountController.state.socialProvider;
+    this.uri = react.AccountController.state.farcasterUrl;
+    this.ready = false;
+    this.loading = false;
+    this.remoteFeatures = react.OptionsController.state.remoteFeatures;
+    this.authConnector = react.ConnectorController.getAuthConnector();
+    this.forceUpdate = () => {
+      this.requestUpdate();
+    };
+    this.unsubscribe.push(...[
+      react.AccountController.subscribeKey("farcasterUrl", (val) => {
+        if (val) {
+          this.uri = val;
+          this.connectFarcaster();
+        }
+      }),
+      react.AccountController.subscribeKey("socialProvider", (val) => {
+        if (val) {
+          this.socialProvider = val;
+        }
+      }),
+      react.OptionsController.subscribeKey("remoteFeatures", (val) => {
+        this.remoteFeatures = val;
+      })
+    ]);
+    window.addEventListener("resize", this.forceUpdate);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    clearTimeout(this.timeout);
+    window.removeEventListener("resize", this.forceUpdate);
+  }
+  render() {
+    this.onRenderProxy();
+    return bitcoin.x`${this.platformTemplate()}`;
+  }
+  platformTemplate() {
+    if (react.CoreHelperUtil.isMobile()) {
+      return bitcoin.x`${this.mobileTemplate()}`;
+    }
+    return bitcoin.x`${this.desktopTemplate()}`;
+  }
+  desktopTemplate() {
+    if (this.loading) {
+      return bitcoin.x`${this.loadingTemplate()}`;
+    }
+    return bitcoin.x`${this.qrTemplate()}`;
+  }
+  qrTemplate() {
+    return bitcoin.x` <wui-flex
+      flexDirection="column"
+      alignItems="center"
+      .padding=${["0", "xl", "xl", "xl"]}
+      gap="xl"
+    >
+      <wui-shimmer borderRadius="l" width="100%"> ${this.qrCodeTemplate()} </wui-shimmer>
+
+      <wui-text variant="paragraph-500" color="fg-100">
+        Scan this QR Code with your phone
+      </wui-text>
+      ${this.copyTemplate()}
+    </wui-flex>`;
+  }
+  loadingTemplate() {
+    return bitcoin.x`
+      <wui-flex
+        flexDirection="column"
+        alignItems="center"
+        .padding=${["xl", "xl", "xl", "xl"]}
+        gap="xl"
+      >
+        <wui-flex justifyContent="center" alignItems="center">
+          <wui-logo logo="farcaster"></wui-logo>
+          ${this.loaderTemplate()}
+          <wui-icon-box
+            backgroundColor="error-100"
+            background="opaque"
+            iconColor="error-100"
+            icon="close"
+            size="sm"
+            border
+            borderColor="wui-color-bg-125"
+          ></wui-icon-box>
+        </wui-flex>
+        <wui-flex flexDirection="column" alignItems="center" gap="xs">
+          <wui-text align="center" variant="paragraph-500" color="fg-100">
+            Loading user data
+          </wui-text>
+          <wui-text align="center" variant="small-400" color="fg-200">
+            Please wait a moment while we load your data.
+          </wui-text>
+        </wui-flex>
+      </wui-flex>
+    `;
+  }
+  mobileTemplate() {
+    return bitcoin.x` <wui-flex
+      flexDirection="column"
+      alignItems="center"
+      .padding=${["3xl", "xl", "xl", "xl"]}
+      gap="xl"
+    >
+      <wui-flex justifyContent="center" alignItems="center">
+        <wui-logo logo="farcaster"></wui-logo>
+        ${this.loaderTemplate()}
+        <wui-icon-box
+          backgroundColor="error-100"
+          background="opaque"
+          iconColor="error-100"
+          icon="close"
+          size="sm"
+          border
+          borderColor="wui-color-bg-125"
+        ></wui-icon-box>
+      </wui-flex>
+      <wui-flex flexDirection="column" alignItems="center" gap="xs">
+        <wui-text align="center" variant="paragraph-500" color="fg-100"
+          >Continue in Farcaster</span></wui-text
+        >
+        <wui-text align="center" variant="small-400" color="fg-200"
+          >Accept connection request in the app</wui-text
+        ></wui-flex
+      >
+      ${this.mobileLinkTemplate()}
+    </wui-flex>`;
+  }
+  loaderTemplate() {
+    const borderRadiusMaster = react.ThemeController.state.themeVariables["--w3m-border-radius-master"];
+    const radius = borderRadiusMaster ? parseInt(borderRadiusMaster.replace("px", ""), 10) : 4;
+    return bitcoin.x`<wui-loading-thumbnail radius=${radius * 9}></wui-loading-thumbnail>`;
+  }
+  async connectFarcaster() {
+    var _a, _b;
+    if (this.authConnector) {
+      try {
+        await ((_a = this.authConnector) == null ? void 0 : _a.provider.connectFarcaster());
+        if (this.socialProvider) {
+          react.StorageUtil.setConnectedSocialProvider(this.socialProvider);
+          react.EventsController.sendEvent({
+            type: "track",
+            event: "SOCIAL_LOGIN_REQUEST_USER_DATA",
+            properties: { provider: this.socialProvider }
+          });
+        }
+        this.loading = true;
+        const connectionsByNamespace = react.ConnectionController.getConnections(this.authConnector.chain);
+        const hasConnections = connectionsByNamespace.length > 0;
+        await react.ConnectionController.connectExternal(this.authConnector, this.authConnector.chain);
+        const isMultiWalletEnabled = (_b = this.remoteFeatures) == null ? void 0 : _b.multiWallet;
+        if (this.socialProvider) {
+          react.EventsController.sendEvent({
+            type: "track",
+            event: "SOCIAL_LOGIN_SUCCESS",
+            properties: { provider: this.socialProvider }
+          });
+        }
+        this.loading = false;
+        if (hasConnections && isMultiWalletEnabled) {
+          react.RouterController.replace("ProfileWallets");
+          react.SnackController.showSuccess("New Wallet Added");
+        } else {
+          react.ModalController.close();
+        }
+      } catch (error) {
+        if (this.socialProvider) {
+          react.EventsController.sendEvent({
+            type: "track",
+            event: "SOCIAL_LOGIN_ERROR",
+            properties: { provider: this.socialProvider }
+          });
+        }
+        react.RouterController.goBack();
+        react.SnackController.showError(error);
+      }
+    }
+  }
+  mobileLinkTemplate() {
+    return bitcoin.x`<wui-button
+      size="md"
+      ?loading=${this.loading}
+      ?disabled=${!this.uri || this.loading}
+      @click=${() => {
+      if (this.uri) {
+        react.CoreHelperUtil.openHref(this.uri, "_blank");
+      }
+    }}
+    >
+      Open farcaster</wui-button
+    >`;
+  }
+  onRenderProxy() {
+    if (!this.ready && this.uri) {
+      this.timeout = setTimeout(() => {
+        this.ready = true;
+      }, 200);
+    }
+  }
+  qrCodeTemplate() {
+    if (!this.uri || !this.ready) {
+      return null;
+    }
+    const size = this.getBoundingClientRect().width - 40;
+    return bitcoin.x` <wui-qr-code
+      size=${size}
+      theme=${react.ThemeController.state.themeMode}
+      uri=${this.uri}
+      ?farcaster=${true}
+      data-testid="wui-qr-code"
+      color=${ifDefined.o(react.ThemeController.state.themeVariables["--w3m-qr-color"])}
+    ></wui-qr-code>`;
+  }
+  copyTemplate() {
+    const inactive = !this.uri || !this.ready;
+    return bitcoin.x`<wui-link
+      .disabled=${inactive}
+      @click=${this.onCopyUri}
+      color="fg-200"
+      data-testid="copy-wc2-uri"
+    >
+      <wui-icon size="xs" color="fg-200" slot="iconLeft" name="copy"></wui-icon>
+      Copy link
+    </wui-link>`;
+  }
+  onCopyUri() {
+    try {
+      if (this.uri) {
+        react.CoreHelperUtil.copyToClopboard(this.uri);
+        react.SnackController.showSuccess("Link copied");
+      }
+    } catch {
+      react.SnackController.showError("Failed to copy");
+    }
+  }
+};
+exports.W3mConnectingFarcasterView.styles = styles;
+__decorate([
+  ifDefined.r()
+], exports.W3mConnectingFarcasterView.prototype, "socialProvider", void 0);
+__decorate([
+  ifDefined.r()
+], exports.W3mConnectingFarcasterView.prototype, "uri", void 0);
+__decorate([
+  ifDefined.r()
+], exports.W3mConnectingFarcasterView.prototype, "ready", void 0);
+__decorate([
+  ifDefined.r()
+], exports.W3mConnectingFarcasterView.prototype, "loading", void 0);
+__decorate([
+  ifDefined.r()
+], exports.W3mConnectingFarcasterView.prototype, "remoteFeatures", void 0);
+exports.W3mConnectingFarcasterView = __decorate([
+  ifDefined.customElement("w3m-connecting-farcaster-view")
+], exports.W3mConnectingFarcasterView);