https://devconnect.org/_next/static/chunks/6625.834d67acee4740fb.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6625],{26625:(e,t,i)=>{i.r(t),i.d(t,{W3mWalletReceiveView:()=>N});var r=i(22707),o=i(71877),s=i(43957),a=i(35728),c=i(12890),l=i(72317),n=i(4555),w=i(9886),u=i(11862),d=i(6792),p=i(85934),h=i(21438);i(92305),i(85219),i(2657),i(67327),i(18089);var f=i(12248),m=i(64859);let g=(0,r.AH)`
2  button {
3    display: flex;
4    gap: var(--wui-spacing-xl);
5    width: 100%;
6    background-color: var(--wui-color-gray-glass-002);
7    border-radius: var(--wui-border-radius-xxs);
8    padding: var(--wui-spacing-m) var(--wui-spacing-s);
9  }
10
11  wui-text {
12    width: 100%;
13  }
14
15  wui-flex {
16    width: auto;
17  }
18
19  .network-icon {
20    width: var(--wui-spacing-2l);
21    height: var(--wui-spacing-2l);
22    border-radius: calc(var(--wui-spacing-2l) / 2);
23    overflow: hidden;
24    box-shadow:
25      0 0 0 3px var(--wui-color-gray-glass-002),
26      0 0 0 3px var(--wui-color-modal-bg);
27  }
28`;var k=function(e,t,i,r){var o,s=arguments.length,a=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,r);else for(var c=e.length-1;c>=0;c--)(o=e[c])&&(a=(s<3?o(a):s>3?o(t,i,a):o(t,i))||a);return s>3&&a&&Object.defineProperty(t,i,a),a};let v=class extends r.WF{constructor(){super(...arguments),this.networkImages=[""],this.text=""}render(){return(0,r.qy)`
29      <button>
30        <wui-text variant="small-400" color="fg-200">${this.text}</wui-text>
31        <wui-flex gap="3xs" alignItems="center">
32          ${this.networksTemplate()}
33          <wui-icon name="chevronRight" size="sm" color="fg-200"></wui-icon>
34        </wui-flex>
35      </button>
36    `}networksTemplate(){let e=this.networkImages.slice(0,5);return(0,r.qy)` <wui-flex class="networks">
37      ${e?.map(e=>(0,r.qy)` <wui-flex class="network-icon"> <wui-image src=${e}></wui-image> </wui-flex>`)}
38    </wui-flex>`}};v.styles=[f.W5,f.fD,g],k([(0,o.MZ)({type:Array})],v.prototype,"networkImages",void 0),k([(0,o.MZ)()],v.prototype,"text",void 0),v=k([(0,m.E)("wui-compatible-network")],v),i(21995),i(1664),i(97039);var b=i(98280);let y=(0,r.AH)`
39  wui-compatible-network {
40    margin-top: var(--wui-spacing-l);
41  }
42`;var x=function(e,t,i,r){var o,s=arguments.length,a=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,r);else for(var c=e.length-1;c>=0;c--)(o=e[c])&&(a=(s<3?o(a):s>3?o(t,i,a):o(t,i))||a);return s>3&&a&&Object.defineProperty(t,i,a),a};let N=class extends r.WF{constructor(){super(),this.unsubscribe=[],this.address=a.U.state.address,this.profileName=a.U.state.profileName,this.network=c.W.state.activeCaipNetwork,this.unsubscribe.push(a.U.subscribe(e=>{e.address?(this.address=e.address,this.profileName=e.profileName):l.P.showError("Account not found")}),c.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=n.$.getNetworkImage(this.network);return(0,r.qy)` <wui-flex
43      flexDirection="column"
44      .padding=${["0","l","l","l"]}
45      alignItems="center"
46    >
47      <wui-chip-button
48        data-testid="receive-address-copy-button"
49        @click=${this.onCopyClick.bind(this)}
50        text=${h.Zv.getTruncateString({string:this.profileName||this.address||"",charsStart:this.profileName?18:4,charsEnd:4*!this.profileName,truncate:this.profileName?"end":"middle"})}
51        icon="copy"
52        size="sm"
53        imageSrc=${e||""}
54        variant="gray"
55      ></wui-chip-button>
56      <wui-flex
57        flexDirection="column"
58        .padding=${["l","0","0","0"]}
59        alignItems="center"
60        gap="s"
61      >
62        <wui-qr-code
63          size=${232}
64          theme=${w.W.state.themeMode}
65          uri=${this.address}
66          ?arenaClear=${!0}
67          color=${(0,s.J)(w.W.state.themeVariables["--w3m-qr-color"])}
68          data-testid="wui-qr-code"
69        ></wui-qr-code>
70        <wui-text variant="paragraph-500" color="fg-100" align="center">
71          Copy your address or scan this QR code
72        </wui-text>
73      </wui-flex>
74      ${this.networkTemplate()}
75    </wui-flex>`}networkTemplate(){let e=c.W.getAllRequestedCaipNetworks(),t=c.W.checkIfSmartAccountEnabled(),i=c.W.state.activeCaipNetwork,o=e.filter(e=>e?.chainNamespace===i?.chainNamespace);if((0,u.lj)(i?.chainNamespace)===b.Vl.ACCOUNT_TYPES.SMART_ACCOUNT&&t)return i?(0,r.qy)`<wui-compatible-network
76        @click=${this.onReceiveClick.bind(this)}
77        text="Only receive assets on this network"
78        .networkImages=${[n.$.getNetworkImage(i)??""]}
79      ></wui-compatible-network>`:null;let s=(o?.filter(e=>e?.assets?.imageId)?.slice(0,5)).map(n.$.getNetworkImage).filter(

79Boolean);return(0,r.qy)`<wui-compatible-network
80      @click=${this.onReceiveClick.bind(this)}
81      text="Only receive assets on these networks"
82      .networkImages=${s}
83    ></wui-compatible-network>`}onReceiveClick(){d.I.push("WalletCompatibleNetworks")}onCopyClick(){try{this.address&&(p.w.copyToClopboard(this.address),l.P.showSuccess("Address copied"))}catch{l.P.showError("Failed to copy")}}};N.styles=y,x([(0,o.wk)()],N.prototype,"address",void 0),x([(0,o.wk)()],N.prototype,"profileName",void 0),x([(0,o.wk)()],N.prototype,"network",void 0),N=x([(0,h.EM)("w3m-wallet-receive-view")],N)}}]);