https://www.xstable.ai/_next/static/chunks/5852.a242def8b5327a53.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5852],{5852:(e,t,i)=>{i.r(t),i.d(t,{W3mWalletReceiveView:()=>$});var r=i(56059),o=i(81767),a=i(55284),n=i(82376),s=i(82875),c=i(28877),l=i(51636),u=i(89188),d=i(26274),w=i(33432),p=i(2076);i(79909),i(39909),i(83627),i(6077);var h=i(46756),m=i(63412),f=i(91392);let g=(0,f.AH)`
2  button {
3    width: 100%;
4    display: flex;
5    align-items: center;
6    justify-content: space-between;
7    gap: ${({spacing:e})=>e[4]};
8    background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
9    border-radius: ${({borderRadius:e})=>e[3]};
10    border: none;
11    padding: ${({spacing:e})=>e[3]};
12    transition: background-color ${({durations:e})=>e.lg}
13      ${({easings:e})=>e["ease-out-power-2"]};
14    will-change: background-color;
15  }
16
17  /* -- Hover & Active states ----------------------------------------------------------- */
18  button:hover:enabled,
19  button:active:enabled {
20    background-color: ${({tokens:e})=>e.theme.foregroundSecondary};
21  }
22
23  wui-text {
24    flex: 1;
25    color: ${({tokens:e})=>e.theme.textSecondary};
26  }
27
28  wui-flex {
29    width: auto;
30    display: flex;
31    align-items: center;
32    gap: ${({spacing:e})=>e["01"]};
33  }
34
35  wui-icon {
36    color: ${({tokens:e})=>e.theme.iconDefault};
37  }
38
39  .network-icon {
40    position: relative;
41    width: 20px;
42    height: 20px;
43    border-radius: ${({borderRadius:e})=>e[4]};
44    overflow: hidden;
45    margin-left: -8px;
46  }
47
48  .network-icon:first-child {
49    margin-left: 0px;
50  }
51
52  .network-icon:after {
53    position: absolute;
54    inset: 0;
55    content: '';
56    display: block;
57    height: 100%;
58    width: 100%;
59    border-radius: ${({borderRadius:e})=>e[4]};
60    box-shadow: inset 0 0 0 1px ${({tokens:e})=>e.core.glass010};
61  }
62`;var k=function(e,t,i,r){var o,a=arguments.length,n=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(n=(a<3?o(n):a>3?o(t,i,n):o(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};let b=class extends r.WF{constructor(){super(...arguments),this.networkImages=[""],this.text=""}render(){return(0,r.qy)`
63      <button>
64        <wui-text variant="md-regular" color="inherit">${this.text}</wui-text>
65        <wui-flex>
66          ${this.networksTemplate()}
67          <wui-icon name="chevronRight" size="sm" color="inherit"></wui-icon>
68        </wui-flex>
69      </button>
70    `}networksTemplate(){let e=this.networkImages.slice(0,5);return(0,r.qy)` <wui-flex class="networks">
71      ${e?.map(e=>(0,r.qy)` <wui-flex class="network-icon"> <wui-image src=${e}></wui-image> </wui-flex>`)}
72    </wui-flex>`}};b.styles=[h.W5,h.fD,g],k([(0,o.MZ)({type:Array})],b.prototype,"networkImages",void 0),k([(0,o.MZ)()],b.prototype,"text",void 0),b=k([(0,m.E)("wui-compatible-network")],b),i(6647),i(37417),i(66803);var y=i(47482);let v=(0,p.AH)`
73  wui-compatible-network {
74    margin-top: ${({spacing:e})=>e["4"]};
75    width: 100%;
76  }
77
78  wui-qr-code {
79    width: unset !important;
80    height: unset !important;
81  }
82
83  wui-icon {
84    align-items: normal;
85  }
86`;var x=function(e,t,i,r){var o,a=arguments.length,n=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(n=(a<3?o(n):a>3?o(t,i,n):o(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};let $=class extends r.WF{constructor(){super(),this.unsubscribe=[],this.address=n.W.getAccountData()?.address,this.profileName=n.W.getAccountData()?.profileName,this.network=n.W.state.activeCaipNetwork,this.unsubscribe.push(n.W.subscribeChainProp("accountState",e=>{e?(this.address=e.address,this.profileName=e.profileName):s.P.showError("Account not found")}),n.W.subscribeKey("activeCaipNetwork",e=>{e?.id&&(this.network=e)}))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){if(!this.address)throw Error("w3m-wallet-receive-view: No account provided");let e=c.$.getNetworkImage(this.network);return(0,r.qy)` <wui-flex
87      flexDirection="column"
88      .padding=${["0","4","4","4"]}
89      alignItems="center"
90    >
91      <wui-chip-button
92        data-testid="receive-address-copy-button"
93        @click=${this.onCopyClick.bind(this)}
94        text=${p.Zv.getTruncateString({string:this.profileName||this.address||"",charsStart:this.profileName?18:4,charsEnd:4*!this.profileName,truncate:this.profileName?"end":"middle"})}
95        icon="copy"
96        size="sm"
97        imageSrc=${e||""}
98        variant="gray"
99      ></wui-chip-button>

99
100      <wui-flex
101        flexDirection="column"
102        .padding=${["4","0","0","0"]}
103        alignItems="center"
104        gap="4"
105      >
106        <wui-qr-code
107          size=${232}
108          theme=${l.W.state.themeMode}
109          uri=${this.address}
110          ?arenaClear=${!0}
111          color=${(0,a.J)(l.W.state.themeVariables["--apkt-qr-color"]??l.W.state.themeVariables["--w3m-qr-color"])}
112          data-testid="wui-qr-code"
113        ></wui-qr-code>
114        <wui-text variant="lg-regular" color="primary" align="center">
115          Copy your address or scan this QR code
116        </wui-text>
117        <wui-button @click=${this.onCopyClick.bind(this)} size="sm" variant="neutral-secondary">
118          <wui-icon slot="iconLeft" size="sm" color="inherit" name="copy"></wui-icon>
119          <wui-text variant="md-regular" color="inherit">Copy address</wui-text>
120        </wui-button>
121      </wui-flex>
122      ${this.networkTemplate()}
123    </wui-flex>`}networkTemplate(){let e=n.W.getAllRequestedCaipNetworks(),t=n.W.checkIfSmartAccountEnabled(),i=n.W.state.activeCaipNetwork,o=e.filter(e=>e?.chainNamespace===i?.chainNamespace);if((0,u.lj)(i?.chainNamespace)===y.Vl.ACCOUNT_TYPES.SMART_ACCOUNT&&t)return i?(0,r.qy)`<wui-compatible-network
124        @click=${this.onReceiveClick.bind(this)}
125        text="Only receive assets on this network"
126        .networkImages=${[c.$.getNetworkImage(i)??""]}
127      ></wui-compatible-network>`:null;let a=(o?.filter(e=>e?.assets?.imageId)?.slice(0,5)).map(c.$.getNetworkImage).filter(Boolean);return(0,r.qy)`<wui-compatible-network
128      @click=${this.onReceiveClick.bind(this)}
129      text="Only receive assets on these networks"
130      .networkImages=${a}
131    ></wui-compatible-network>`}onReceiveClick(){d.I.push("WalletCompatibleNetworks")}onCopyClick(){try{this.address&&(w.w.copyToClopboard(this.address),s.P.showSuccess("Address copied"))}catch{s.P.showError("Failed to copy")}}};$.styles=v,x([(0,o.wk)()],$.prototype,"address",void 0),x([(0,o.wk)()],$.prototype,"profileName",void 0),x([(0,o.wk)()],$.prototype,"network",void 0),$=x([(0,p.EM)("w3m-wallet-receive-view")],$)}}]);