@prohetamine/redstone 0.0.1

package/dist/socials-YSUYSh8o.js

@@ -0,0 +1,250 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CjZQCcwG.js"),C=e.css`
+  :host {
+    margin-top: ${({spacing:o})=>o[1]};
+  }
+  wui-separator {
+    margin: ${({spacing:o})=>o[3]} calc(${({spacing:o})=>o[3]} * -1)
+      ${({spacing:o})=>o[2]} calc(${({spacing:o})=>o[3]} * -1);
+    width: calc(100% + ${({spacing:o})=>o[3]} * 2);
+  }
+`;var d=function(o,t,r,n){var a=arguments.length,i=a<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,r):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(o,t,r,n);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(i=(a<3?s(i):a>3?s(t,r,i):s(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};let c=class extends e.i{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=e.ConnectorController.state.connectors,this.authConnector=this.connectors.find(t=>t.type==="AUTH"),this.remoteFeatures=e.OptionsController.state.remoteFeatures,this.isPwaLoading=!1,this.hasExceededUsageLimit=e.ApiController.state.plan.hasExceededUsageLimit,this.unsubscribe.push(e.ConnectorController.subscribeKey("connectors",t=>{this.connectors=t,this.authConnector=this.connectors.find(r=>r.type==="AUTH")}),e.OptionsController.subscribeKey("remoteFeatures",t=>this.remoteFeatures=t))}connectedCallback(){super.connectedCallback(),this.handlePwaFrameLoad()}disconnectedCallback(){this.unsubscribe.forEach(t=>t())}render(){var i;let t=((i=this.remoteFeatures)==null?void 0:i.socials)||[];const r=!!this.authConnector,n=t==null?void 0:t.length,a=e.RouterController.state.view==="ConnectSocials";return(!r||!n)&&!a?null:(a&&!n&&(t=e.ConstantsUtil$1.DEFAULT_SOCIALS),e.b` <wui-flex flexDirection="column" gap="2">
+      ${t.map(s=>e.b`<wui-list-social
+            @click=${()=>{this.onSocialClick(s)}}
+            data-testid=${`social-selector-${s}`}
+            name=${s}
+            logo=${s}
+            ?disabled=${this.isPwaLoading}
+          ></wui-list-social>`)}
+    </wui-flex>`)}async onSocialClick(t){if(this.hasExceededUsageLimit){e.RouterController.push("UsageExceeded");return}t&&await e.executeSocialLogin(t)}async handlePwaFrameLoad(){var t;if(e.CoreHelperUtil.isPWA()){this.isPwaLoading=!0;try{((t=this.authConnector)==null?void 0:t.provider)instanceof e.W3mFrameProvider&&await this.authConnector.provider.init()}catch(r){e.AlertController.open({displayMessage:"Error loading embedded wallet in PWA",debugMessage:r.message},"error")}finally{this.isPwaLoading=!1}}}};c.styles=C;d([e.n()],c.prototype,"tabIdx",void 0);d([e.r()],c.prototype,"connectors",void 0);d([e.r()],c.prototype,"authConnector",void 0);d([e.r()],c.prototype,"remoteFeatures",void 0);d([e.r()],c.prototype,"isPwaLoading",void 0);d([e.r()],c.prototype,"hasExceededUsageLimit",void 0);c=d([e.customElement("w3m-social-login-list")],c);const w=e.css`
+  wui-flex {
+    max-height: clamp(360px, 540px, 80vh);
+    overflow: scroll;
+    scrollbar-width: none;
+    transition: opacity ${({durations:o})=>o.md}
+      ${({easings:o})=>o["ease-out-power-1"]};
+    will-change: opacity;
+  }
+
+  wui-flex::-webkit-scrollbar {
+    display: none;
+  }
+
+  wui-flex.disabled {
+    opacity: 0.3;
+    pointer-events: none;
+    user-select: none;
+  }
+`;var m=function(o,t,r,n){var a=arguments.length,i=a<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,r):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(o,t,r,n);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(i=(a<3?s(i):a>3?s(t,r,i):s(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};exports.W3mConnectSocialsView=class extends e.i{constructor(){super(),this.unsubscribe=[],this.checked=e.OptionsStateController.state.isLegalCheckboxChecked,this.unsubscribe.push(e.OptionsStateController.subscribeKey("isLegalCheckboxChecked",t=>{this.checked=t}))}disconnectedCallback(){this.unsubscribe.forEach(t=>t())}render(){var p;const{termsConditionsUrl:t,privacyPolicyUrl:r}=e.OptionsController.state,n=(p=e.OptionsController.state.features)==null?void 0:p.legalCheckbox,s=!!(t||r)&&!!n&&!this.checked,l=s?-1:void 0;return e.b`
+      <w3m-legal-checkbox></w3m-legal-checkbox>
+      <wui-flex
+        flexDirection="column"
+        .padding=${["0","3","3","3"]}
+        gap="01"
+        class=${e.o(s?"disabled":void 0)}
+      >
+        <w3m-social-login-list tabIdx=${e.o(l)}></w3m-social-login-list>
+      </wui-flex>
+    `}};exports.W3mConnectSocialsView.styles=w;m([e.r()],exports.W3mConnectSocialsView.prototype,"checked",void 0);exports.W3mConnectSocialsView=m([e.customElement("w3m-connect-socials-view")],exports.W3mConnectSocialsView);const f=e.css`
+  wui-logo {
+    width: 80px;
+    height: 80px;
+    border-radius: ${({borderRadius:o})=>o[8]};
+  }
+  @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(${({spacing:o})=>o[1]} * -1);
+    bottom: calc(${({spacing:o})=>o[1]} * -1);
+    opacity: 0;
+    transform: scale(0.5);
+    transition: all ${({easings:o})=>o["ease-out-power-2"]}
+      ${({durations:o})=>o.lg};
+  }
+  wui-text[align='center'] {
+    width: 100%;
+    padding: 0px ${({spacing:o})=>o[4]};
+  }
+  [data-error='true'] wui-icon-box {
+    opacity: 1;
+    transform: scale(1);
+  }
+  [data-error='true'] > wui-flex:first-child {
+    animation: shake 250ms ${({easings:o})=>o["ease-out-power-2"]} both;
+  }
+  .capitalize {
+    text-transform: capitalize;
+  }
+`;var u=function(o,t,r,n){var a=arguments.length,i=a<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,r):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(o,t,r,n);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(i=(a<3?s(i):a>3?s(t,r,i):s(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};exports.W3mConnectingSocialView=class extends e.i{constructor(){var r,n,a;super(),this.unsubscribe=[],this.socialProvider=(r=e.ChainController.getAccountData())==null?void 0:r.socialProvider,this.socialWindow=(n=e.ChainController.getAccountData())==null?void 0:n.socialWindow,this.error=!1,this.connecting=!1,this.message="Connect in the provider window",this.remoteFeatures=e.OptionsController.state.remoteFeatures,this.address=(a=e.ChainController.getAccountData())==null?void 0:a.address,this.connectionsByNamespace=e.ConnectionController.getConnections(e.ChainController.state.activeChain),this.hasMultipleConnections=this.connectionsByNamespace.length>0,this.authConnector=e.ConnectorController.getAuthConnector(),this.handleSocialConnection=async i=>{var s;if((s=i.data)!=null&&s.resultUri)if(i.origin===e.ConstantsUtil$3.SECURE_SITE_ORIGIN){window.removeEventListener("message",this.handleSocialConnection,!1);try{if(this.authConnector&&!this.connecting){this.connecting=!0;const l=this.parseURLError(i.data.resultUri);if(l){this.handleSocialError(l);return}this.closeSocialWindow(),this.updateMessage();const p=i.data.resultUri;this.socialProvider&&e.EventsController.sendEvent({type:"track",event:"SOCIAL_LOGIN_REQUEST_USER_DATA",properties:{provider:this.socialProvider}}),await e.ConnectionController.connectExternal({id:this.authConnector.id,type:this.authConnector.type,socialUri:p},this.authConnector.chain),this.socialProvider&&(e.StorageUtil.setConnectedSocialProvider(this.socialProvider),e.EventsController.sendEvent({type:"track",event:"SOCIAL_LOGIN_SUCCESS",properties:{provider:this.socialProvider}}))}}catch(l){this.error=!0,this.updateMessage(),this.socialProvider&&e.EventsController.sendEvent({type:"track",event:"SOCIAL_LOGIN_ERROR",properties:{provider:this.socialProvider,message:e.CoreHelperUtil.parseError(l)}})}}else e.RouterController.goBack(),e.SnackController.showError("Untrusted Origin"),this.socialProvider&&e.EventsController.sendEvent({type:"track",event:"SOCIAL_LOGIN_ERROR",properties:{provider:this.socialProvider,message:"Untrusted Origin"}})},e.ErrorUtil.EmbeddedWalletAbortController.signal.addEventListener("abort",()=>{this.closeSocialWindow()}),this.unsubscribe.push(e.ChainController.subscribeChainProp("accountState",i=>{var s;if(i&&(this.socialProvider=i.socialProvider,i.socialWindow&&(this.socialWindow=i.socialWindow),i.address)){const l=(s=this.remoteFeatures)==null?void 0:s.multiWallet;i.address!==this.address&&(this.hasMultipleConnections&&l?(e.RouterController.replace("ProfileWallets"),e.SnackController.showSuccess("New Wallet Added"),this.address=i.address):(e.ModalController.state.open||e.OptionsController.state.enableEmbedded)&&e.ModalController.close())}}),e.OptionsController.subscribeKey("remoteFeatures",i=>{this.remoteFeatures=i})),this.authConnector&&this.connectSocial()}disconnectedCallback(){this.unsubscribe.forEach(r=>r()),window.removeEventListener("message",this.handleSocialConnection,!1),!e.ChainController.state.activeCaipAddress&&this.socialProvider&&!this.connecting&&e.EventsController.sendEvent({type:"track",event:"SOCIAL_LOGIN_CANCELED",properties:{provider:this.socialProvider}}),this.closeSocialWindow()}render(){return e.b`
+      <wui-flex
+        data-error=${e.o(this.error)}
+        flexDirection="column"
+        alignItems="center"
+        .padding=${["10","5","5","5"]}
+        gap="6"
+      >
+        <wui-flex justifyContent="center" alignItems="center">
+          <wui-logo logo=${e.o(this.socialProvider)}></wui-logo>
+          ${this.error?null:this.loaderTemplate()}
+          <wui-icon-box color="error" icon="close" size="sm"></wui-icon-box>
+        </wui-flex>
+        <wui-flex flexDirection="column" alignItems="center" gap="2">
+          <wui-text align="center" variant="lg-medium" color="primary"
+            >Log in with
+            <span class="capitalize">${this.socialProvider??"Social"}</span></wui-text
+          >
+          <wui-text align="center" variant="lg-regular" color=${this.error?"error":"secondary"}
+            >${this.message}</wui-text
+          ></wui-flex
+        >
+      </wui-flex>
+    `}loaderTemplate(){const t=e.ThemeController.state.themeVariables["--w3m-border-radius-master"],r=t?parseInt(t.replace("px",""),10):4;return e.b`<wui-loading-thumbnail radius=${r*9}></wui-loading-thumbnail>`}parseURLError(t){try{const r="error=",n=t.indexOf(r);return n===-1?null:t.substring(n+r.length)}catch{return null}}connectSocial(){const t=setInterval(()=>{var r;(r=this.socialWindow)!=null&&r.closed&&(!this.connecting&&e.RouterController.state.view==="ConnectingSocial"&&e.RouterController.goBack(),clearInterval(t))},1e3);window.addEventListener("message",this.handleSocialConnection,!1)}updateMessage(){this.error?this.message="Something went wrong":this.connecting?this.message="Retrieving user data":this.message="Connect in the provider window"}handleSocialError(t){this.error=!0,this.updateMessage(),this.socialProvider&&e.EventsController.sendEvent({type:"track",event:"SOCIAL_LOGIN_ERROR",properties:{provider:this.socialProvider,message:t}}),this.closeSocialWindow()}closeSocialWindow(){this.socialWindow&&(this.socialWindow.close(),e.ChainController.setAccountProp("socialWindow",void 0,e.ChainController.state.activeChain))}};exports.W3mConnectingSocialView.styles=f;u([e.r()],exports.W3mConnectingSocialView.prototype,"socialProvider",void 0);u([e.r()],exports.W3mConnectingSocialView.prototype,"socialWindow",void 0);u([e.r()],exports.W3mConnectingSocialView.prototype,"error",void 0);u([e.r()],exports.W3mConnectingSocialView.prototype,"connecting",void 0);u([e.r()],exports.W3mConnectingSocialView.prototype,"message",void 0);u([e.r()],exports.W3mConnectingSocialView.prototype,"remoteFeatures",void 0);exports.W3mConnectingSocialView=u([e.customElement("w3m-connecting-social-view")],exports.W3mConnectingSocialView);const g=e.css`
+  wui-shimmer {
+    width: 100%;
+    aspect-ratio: 1 / 1;
+    border-radius: ${({borderRadius:o})=>o[4]};
+  }
+
+  wui-qr-code {
+    opacity: 0;
+    animation-duration: ${({durations:o})=>o.xl};
+    animation-timing-function: ${({easings:o})=>o["ease-out-power-2"]};
+    animation-name: fade-in;
+    animation-fill-mode: forwards;
+  }
+
+  wui-logo {
+    width: 80px;
+    height: 80px;
+    border-radius: ${({borderRadius:o})=>o[8]};
+  }
+
+  wui-flex:first-child:not(:only-child) {
+    position: relative;
+  }
+
+  wui-loading-thumbnail {
+    position: absolute;
+  }
+
+  wui-icon-box {
+    position: absolute;
+    right: calc(${({spacing:o})=>o[1]} * -1);
+    bottom: calc(${({spacing:o})=>o[1]} * -1);
+    opacity: 0;
+    transform: scale(0.5);
+    transition:
+      opacity ${({durations:o})=>o.lg} ${({easings:o})=>o["ease-out-power-2"]},
+      transform ${({durations:o})=>o.lg}
+        ${({easings:o})=>o["ease-out-power-2"]};
+    will-change: opacity, transform;
+  }
+
+  @keyframes fade-in {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+`;var h=function(o,t,r,n){var a=arguments.length,i=a<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,r):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(o,t,r,n);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(i=(a<3?s(i):a>3?s(t,r,i):s(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i};exports.W3mConnectingFarcasterView=class extends e.i{constructor(){var t,r;super(),this.unsubscribe=[],this.timeout=void 0,this.socialProvider=(t=e.ChainController.getAccountData())==null?void 0:t.socialProvider,this.uri=(r=e.ChainController.getAccountData())==null?void 0:r.farcasterUrl,this.ready=!1,this.loading=!1,this.remoteFeatures=e.OptionsController.state.remoteFeatures,this.authConnector=e.ConnectorController.getAuthConnector(),this.forceUpdate=()=>{this.requestUpdate()},this.unsubscribe.push(e.ChainController.subscribeChainProp("accountState",n=>{this.socialProvider=n==null?void 0:n.socialProvider,this.uri=n==null?void 0:n.farcasterUrl,this.connectFarcaster()}),e.OptionsController.subscribeKey("remoteFeatures",n=>{this.remoteFeatures=n})),window.addEventListener("resize",this.forceUpdate)}disconnectedCallback(){super.disconnectedCallback(),clearTimeout(this.timeout),window.removeEventListener("resize",this.forceUpdate),!e.ChainController.state.activeCaipAddress&&this.socialProvider&&(this.uri||this.loading)&&e.EventsController.sendEvent({type:"track",event:"SOCIAL_LOGIN_CANCELED",properties:{provider:this.socialProvider}})}render(){return this.onRenderProxy(),e.b`${this.platformTemplate()}`}platformTemplate(){return e.CoreHelperUtil.isMobile()?e.b`${this.mobileTemplate()}`:e.b`${this.desktopTemplate()}`}desktopTemplate(){return this.loading?e.b`${this.loadingTemplate()}`:e.b`${this.qrTemplate()}`}qrTemplate(){return e.b` <wui-flex
+      flexDirection="column"
+      alignItems="center"
+      .padding=${["0","5","5","5"]}
+      gap="5"
+    >
+      <wui-shimmer width="100%"> ${this.qrCodeTemplate()} </wui-shimmer>
+
+      <wui-text variant="lg-medium" color="primary"> Scan this QR Code with your phone </wui-text>
+      ${this.copyTemplate()}
+    </wui-flex>`}loadingTemplate(){return e.b`
+      <wui-flex
+        flexDirection="column"
+        alignItems="center"
+        .padding=${["5","5","5","5"]}
+        gap="5"
+      >
+        <wui-flex justifyContent="center" alignItems="center">
+          <wui-logo logo="farcaster"></wui-logo>
+          ${this.loaderTemplate()}
+          <wui-icon-box color="error" icon="close" size="sm"></wui-icon-box>
+        </wui-flex>
+        <wui-flex flexDirection="column" alignItems="center" gap="2">
+          <wui-text align="center" variant="md-medium" color="primary">
+            Loading user data
+          </wui-text>
+          <wui-text align="center" variant="sm-regular" color="secondary">
+            Please wait a moment while we load your data.
+          </wui-text>
+        </wui-flex>
+      </wui-flex>
+    `}mobileTemplate(){return e.b` <wui-flex
+      flexDirection="column"
+      alignItems="center"
+      .padding=${["10","5","5","5"]}
+      gap="5"
+    >
+      <wui-flex justifyContent="center" alignItems="center">
+        <wui-logo logo="farcaster"></wui-logo>
+        ${this.loaderTemplate()}
+        <wui-icon-box
+          color="error"
+          icon="close"
+          size="sm"
+        ></wui-icon-box>
+      </wui-flex>
+      <wui-flex flexDirection="column" alignItems="center" gap="2">
+        <wui-text align="center" variant="md-medium" color="primary"
+          >Continue in Farcaster</span></wui-text
+        >
+        <wui-text align="center" variant="sm-regular" color="secondary"
+          >Accept connection request in the app</wui-text
+        ></wui-flex
+      >
+      ${this.mobileLinkTemplate()}
+    </wui-flex>`}loaderTemplate(){const t=e.ThemeController.state.themeVariables["--w3m-border-radius-master"],r=t?parseInt(t.replace("px",""),10):4;return e.b`<wui-loading-thumbnail radius=${r*9}></wui-loading-thumbnail>`}async connectFarcaster(){var t,r;if(this.authConnector)try{await((t=this.authConnector)==null?void 0:t.provider.connectFarcaster()),this.socialProvider&&(e.StorageUtil.setConnectedSocialProvider(this.socialProvider),e.EventsController.sendEvent({type:"track",event:"SOCIAL_LOGIN_REQUEST_USER_DATA",properties:{provider:this.socialProvider}})),this.loading=!0;const a=e.ConnectionController.getConnections(this.authConnector.chain).length>0;await e.ConnectionController.connectExternal(this.authConnector,this.authConnector.chain);const i=(r=this.remoteFeatures)==null?void 0:r.multiWallet;this.socialProvider&&e.EventsController.sendEvent({type:"track",event:"SOCIAL_LOGIN_SUCCESS",properties:{provider:this.socialProvider}}),this.loading=!1,a&&i?(e.RouterController.replace("ProfileWallets"),e.SnackController.showSuccess("New Wallet Added")):e.ModalController.close()}catch(n){this.socialProvider&&e.EventsController.sendEvent({type:"track",event:"SOCIAL_LOGIN_ERROR",properties:{provider:this.socialProvider,message:e.CoreHelperUtil.parseError(n)}}),e.RouterController.goBack(),e.SnackController.showError(n)}}mobileLinkTemplate(){return e.b`<wui-button
+      size="md"
+      ?loading=${this.loading}
+      ?disabled=${!this.uri||this.loading}
+      @click=${()=>{this.uri&&e.CoreHelperUtil.openHref(this.uri,"_blank")}}
+    >
+      Open farcaster</wui-button
+    >`}onRenderProxy(){!this.ready&&this.uri&&(this.timeout=setTimeout(()=>{this.ready=!0},200))}qrCodeTemplate(){if(!this.uri||!this.ready)return null;const t=this.getBoundingClientRect().width-40,r=e.ThemeController.state.themeVariables["--apkt-qr-color"]??e.ThemeController.state.themeVariables["--w3m-qr-color"];return e.b` <wui-qr-code
+      size=${t}
+      theme=${e.ThemeController.state.themeMode}
+      uri=${this.uri}
+      ?farcaster=${!0}
+      data-testid="wui-qr-code"
+      color=${e.o(r)}
+    ></wui-qr-code>`}copyTemplate(){const t=!this.uri||!this.ready;return e.b`<wui-button
+      .disabled=${t}
+      @click=${this.onCopyUri}
+      variant="neutral-secondary"
+      size="sm"
+      data-testid="copy-wc2-uri"
+    >
+      <wui-icon size="sm" color="default" slot="iconRight" name="copy"></wui-icon>
+      Copy link
+    </wui-button>`}onCopyUri(){try{this.uri&&(e.CoreHelperUtil.copyToClopboard(this.uri),e.SnackController.showSuccess("Link copied"))}catch{e.SnackController.showError("Failed to copy")}}};exports.W3mConnectingFarcasterView.styles=g;h([e.r()],exports.W3mConnectingFarcasterView.prototype,"socialProvider",void 0);h([e.r()],exports.W3mConnectingFarcasterView.prototype,"uri",void 0);h([e.r()],exports.W3mConnectingFarcasterView.prototype,"ready",void 0);h([e.r()],exports.W3mConnectingFarcasterView.prototype,"loading",void 0);h([e.r()],exports.W3mConnectingFarcasterView.prototype,"remoteFeatures",void 0);exports.W3mConnectingFarcasterView=h([e.customElement("w3m-connecting-farcaster-view")],exports.W3mConnectingFarcasterView);