@skip-go/widget-web-component 3.14.4 → 3.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (194) hide show
  1. package/build/1125.index.js +3 -0
  2. package/build/1133.index.js +8 -0
  3. package/build/1136.index.js +9 -0
  4. package/build/1139.index.js +18 -0
  5. package/build/1171.index.js +1 -1
  6. package/build/1189.index.js +1 -1
  7. package/build/1203.index.js +1 -1
  8. package/build/1207.index.js +1 -1
  9. package/build/1211.index.js +8 -0
  10. package/build/1226.index.js +8 -0
  11. package/build/1349.index.js +1 -1
  12. package/build/1361.index.js +1 -1
  13. package/build/1363.index.js +1 -1
  14. package/build/1370.index.js +1 -1
  15. package/build/1415.index.js +8 -0
  16. package/build/1426.index.js +3 -0
  17. package/build/1470.index.js +1 -1
  18. package/build/1572.index.js +11 -0
  19. package/build/1716.index.js +1 -1
  20. package/build/1776.index.js +8 -0
  21. package/build/1852.index.js +1 -1
  22. package/build/1881.index.js +1 -1
  23. package/build/1894.index.js +1 -1
  24. package/build/1911.index.js +1 -1
  25. package/build/1951.index.js +18 -0
  26. package/build/1979.index.js +30 -0
  27. package/build/2034.index.js +1 -1
  28. package/build/2131.index.js +1 -1
  29. package/build/2166.index.js +1 -1
  30. package/build/2202.index.js +61 -0
  31. package/build/2242.index.js +1 -1
  32. package/build/2289.index.js +8 -0
  33. package/build/2301.index.js +1 -1
  34. package/build/2410.index.js +1 -1
  35. package/build/2422.index.js +1 -0
  36. package/build/245.index.js +1 -1
  37. package/build/2496.index.js +1 -1
  38. package/build/2557.index.js +17 -0
  39. package/build/2699.index.js +1 -1
  40. package/build/2715.index.js +8 -0
  41. package/build/283.index.js +8 -0
  42. package/build/2844.index.js +13 -0
  43. package/build/2851.index.js +1 -0
  44. package/build/2902.index.js +15 -0
  45. package/build/3070.index.js +1 -1
  46. package/build/3099.index.js +8 -0
  47. package/build/3105.index.js +8 -0
  48. package/build/3131.index.js +6 -0
  49. package/build/3148.index.js +1 -1
  50. package/build/3472.index.js +1 -1
  51. package/build/3550.index.js +8 -0
  52. package/build/3574.index.js +1 -1
  53. package/build/362.index.js +12 -0
  54. package/build/3646.index.js +32 -0
  55. package/build/3726.index.js +1 -1
  56. package/build/3828.index.js +14 -0
  57. package/build/385.index.js +1 -1
  58. package/build/3857.index.js +14 -0
  59. package/build/3874.index.js +17 -0
  60. package/build/4028.index.js +1 -1
  61. package/build/4150.index.js +620 -0
  62. package/build/4194.index.js +317 -0
  63. package/build/4203.index.js +1 -1
  64. package/build/4226.index.js +14 -0
  65. package/build/4249.index.js +8 -0
  66. package/build/4264.index.js +1 -0
  67. package/build/428.index.js +1 -0
  68. package/build/4289.index.js +1 -1
  69. package/build/4319.index.js +1 -1
  70. package/build/4379.index.js +2069 -0
  71. package/build/4446.index.js +2 -0
  72. package/build/4683.index.js +1 -1
  73. package/build/4693.index.js +2 -2
  74. package/build/4729.index.js +1 -1
  75. package/build/4733.index.js +12 -0
  76. package/build/4857.index.js +12 -0
  77. package/build/4969.index.js +1 -1
  78. package/build/5069.index.js +1 -1
  79. package/build/5090.index.js +8 -0
  80. package/build/5193.index.js +1 -1
  81. package/build/5206.index.js +14 -0
  82. package/build/5218.index.js +6 -0
  83. package/build/5330.index.js +8 -0
  84. package/build/537.index.js +1 -1
  85. package/build/5438.index.js +9 -0
  86. package/build/5526.index.js +1 -1
  87. package/build/5572.index.js +1 -1
  88. package/build/5619.index.js +1 -1
  89. package/build/5642.index.js +2 -0
  90. package/build/5647.index.js +1 -1
  91. package/build/5737.index.js +1 -1
  92. package/build/577.index.js +8 -0
  93. package/build/5880.index.js +1 -1
  94. package/build/590.index.js +1 -1
  95. package/build/5972.index.js +622 -0
  96. package/build/602.index.js +9 -0
  97. package/build/6024.index.js +1 -1
  98. package/build/6036.index.js +8 -0
  99. package/build/6075.index.js +1 -1
  100. package/build/6123.index.js +1 -1
  101. package/build/6127.index.js +1 -1
  102. package/build/6138.index.js +18 -0
  103. package/build/6148.index.js +1 -1
  104. package/build/6151.index.js +1 -1
  105. package/build/6175.index.js +4 -0
  106. package/build/631.index.js +18 -0
  107. package/build/6323.index.js +1 -1
  108. package/build/6442.index.js +1 -1
  109. package/build/6484.index.js +1 -1
  110. package/build/6543.index.js +1 -1
  111. package/build/6553.index.js +8 -0
  112. package/build/6558.index.js +1 -0
  113. package/build/6573.index.js +1 -1
  114. package/build/6611.index.js +12 -0
  115. package/build/6639.index.js +8 -0
  116. package/build/6654.index.js +1 -0
  117. package/build/6705.index.js +12 -0
  118. package/build/6715.index.js +12 -0
  119. package/build/674.index.js +317 -0
  120. package/build/674.index.js.LICENSE.txt +17 -0
  121. package/build/6753.index.js +1 -1
  122. package/build/6811.index.js +8 -0
  123. package/build/6813.index.js +4 -0
  124. package/build/6869.index.js +1 -1
  125. package/build/6969.index.js +12 -0
  126. package/build/7172.index.js +1 -1
  127. package/build/7176.index.js +16 -0
  128. package/build/7201.index.js +878 -0
  129. package/build/7272.index.js +6 -0
  130. package/build/7311.index.js +11 -0
  131. package/build/7409.index.js +1 -0
  132. package/build/7428.index.js +4 -0
  133. package/build/7540.index.js +8 -0
  134. package/build/7618.index.js +1 -1
  135. package/build/7762.index.js +1 -1
  136. package/build/7780.index.js +3 -0
  137. package/build/7981.index.js +1 -1
  138. package/build/8000.index.js +1 -1
  139. package/build/8029.index.js +8 -0
  140. package/build/8036.index.js +1 -1
  141. package/build/8147.index.js +16 -0
  142. package/build/8249.index.js +8 -0
  143. package/build/8318.index.js +1 -1
  144. package/build/8367.index.js +1 -1
  145. package/build/8373.index.js +2082 -0
  146. package/build/8373.index.js.LICENSE.txt +5 -0
  147. package/build/8467.index.js +1 -1
  148. package/build/8483.index.js +1 -1
  149. package/build/8631.index.js +8 -0
  150. package/build/8645.index.js +2 -0
  151. package/build/8645.index.js.LICENSE.txt +11 -0
  152. package/build/8714.index.js +8 -0
  153. package/build/8717.index.js +6 -0
  154. package/build/8904.index.js +1 -1
  155. package/build/896.index.js +1 -1
  156. package/build/8964.index.js +26 -0
  157. package/build/897.index.js +11 -0
  158. package/build/9081.index.js +8 -0
  159. package/build/9120.index.js +8 -0
  160. package/build/913.index.js +15 -0
  161. package/build/9192.index.js +1 -0
  162. package/build/9194.index.js +878 -4
  163. package/build/9309.index.js +15 -0
  164. package/build/9313.index.js +8 -0
  165. package/build/9372.index.js +1 -1
  166. package/build/9396.index.js +12 -0
  167. package/build/9476.index.js +1 -1
  168. package/build/9607.index.js +8 -0
  169. package/build/967.index.js +5 -0
  170. package/build/984.index.js +8 -0
  171. package/build/9850.index.js +14 -0
  172. package/build/9884.index.js +1 -1
  173. package/build/index.js +769 -1633
  174. package/build/index.js.LICENSE.txt +6 -16
  175. package/package.json +1 -1
  176. package/build/1179.index.js +0 -2
  177. package/build/1256.index.js +0 -317
  178. package/build/1934.index.js +0 -2
  179. package/build/1934.index.js.LICENSE.txt +0 -17
  180. package/build/4619.index.js +0 -622
  181. package/build/4833.index.js +0 -2
  182. package/build/5902.index.js +0 -2
  183. package/build/6319.index.js +0 -2069
  184. package/build/6700.index.js +0 -1
  185. package/build/7084.index.js +0 -2
  186. package/build/7544.index.js +0 -1
  187. package/build/7591.index.js +0 -1
  188. package/build/8780.index.js +0 -1
  189. /package/build/{1256.index.js.LICENSE.txt → 4194.index.js.LICENSE.txt} +0 -0
  190. /package/build/{6319.index.js.LICENSE.txt → 4379.index.js.LICENSE.txt} +0 -0
  191. /package/build/{4833.index.js.LICENSE.txt → 4446.index.js.LICENSE.txt} +0 -0
  192. /package/build/{1179.index.js.LICENSE.txt → 5642.index.js.LICENSE.txt} +0 -0
  193. /package/build/{5902.index.js.LICENSE.txt → 7201.index.js.LICENSE.txt} +0 -0
  194. /package/build/{7084.index.js.LICENSE.txt → 9194.index.js.LICENSE.txt} +0 -0
@@ -0,0 +1,622 @@
1
+ export const __webpack_esm_id__=5972;export const __webpack_esm_ids__=[5972];export const __webpack_esm_modules__={3953:(e,t,i)=>{var o=i(35842),a=i(47214),r=(i(21348),i(66501),i(38916),i(24210)),s=i(27305),n=i(57147),c=function(e,t,i,o){var a,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(s=(r<3?a(s):r>3?a(t,i,s):a(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s};let l=class extends o.WF{constructor(){super(...arguments),this.imageSrc=""}render(){return o.qy`<button>
2
+ ${this.imageTemplate()}
3
+ <wui-icon size="xs" color="fg-200" name="chevronBottom"></wui-icon>
4
+ </button>`}imageTemplate(){return this.imageSrc?o.qy`<wui-image src=${this.imageSrc} alt="select visual"></wui-image>`:o.qy`<wui-icon-box
5
+ size="xxs"
6
+ iconColor="fg-200"
7
+ backgroundColor="fg-100"
8
+ background="opaque"
9
+ icon="networkPlaceholder"
10
+ ></wui-icon-box>`}};l.styles=[r.W5,r.fD,r.ck,n.A],c([(0,a.MZ)()],l.prototype,"imageSrc",void 0),l=c([(0,s.E)("wui-select")],l)},6978:(e,t,i)=>{var o=i(35842),a=i(47214),r=i(42831),s=i(8235),n=i(94768),c=i(74091),l=i(33918),w=function(e,t,i,o){var a,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(s=(r<3?a(s):r>3?a(t,i,s):a(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s};let d=class extends o.WF{constructor(){super(),this.resizeObserver=void 0,this.prevHeight="0px",this.prevHistoryLength=1,this.unsubscribe=[],this.view=r.I.state.view,this.viewDirection="",this.unsubscribe.push(r.I.subscribeKey("view",e=>this.onViewChange(e)))}firstUpdated(){this.resizeObserver=new ResizeObserver(([e])=>{const t=`${e?.contentRect.height}px`;"0px"!==this.prevHeight&&(this.style.setProperty("--prev-height",this.prevHeight),this.style.setProperty("--new-height",t),this.style.animation="w3m-view-height 150ms forwards ease",this.style.height="auto"),setTimeout(()=>{this.prevHeight=t,this.style.animation="unset"},c.o.ANIMATION_DURATIONS.ModalHeight)}),this.resizeObserver?.observe(this.getWrapper())}disconnectedCallback(){this.resizeObserver?.unobserve(this.getWrapper()),this.unsubscribe.forEach(e=>e())}render(){return o.qy`<div class="w3m-router-container" view-direction="${this.viewDirection}">
11
+ ${this.viewTemplate()}
12
+ </div>`}viewTemplate(){switch(this.view){case"AccountSettings":return o.qy`<w3m-account-settings-view></w3m-account-settings-view>`;case"Account":return o.qy`<w3m-account-view></w3m-account-view>`;case"AllWallets":return o.qy`<w3m-all-wallets-view></w3m-all-wallets-view>`;case"ApproveTransaction":return o.qy`<w3m-approve-transaction-view></w3m-approve-transaction-view>`;case"BuyInProgress":return o.qy`<w3m-buy-in-progress-view></w3m-buy-in-progress-view>`;case"ChooseAccountName":return o.qy`<w3m-choose-account-name-view></w3m-choose-account-name-view>`;case"Connect":default:return o.qy`<w3m-connect-view></w3m-connect-view>`;case"Create":return o.qy`<w3m-connect-view walletGuide="explore"></w3m-connect-view>`;case"ConnectingWalletConnect":return o.qy`<w3m-connecting-wc-view></w3m-connecting-wc-view>`;case"ConnectingWalletConnectBasic":return o.qy`<w3m-connecting-wc-basic-view></w3m-connecting-wc-basic-view>`;case"ConnectingExternal":return o.qy`<w3m-connecting-external-view></w3m-connecting-external-view>`;case"ConnectingSiwe":return o.qy`<w3m-connecting-siwe-view></w3m-connecting-siwe-view>`;case"ConnectWallets":return o.qy`<w3m-connect-wallets-view></w3m-connect-wallets-view>`;case"ConnectSocials":return o.qy`<w3m-connect-socials-view></w3m-connect-socials-view>`;case"ConnectingSocial":return o.qy`<w3m-connecting-social-view></w3m-connecting-social-view>`;case"Downloads":return o.qy`<w3m-downloads-view></w3m-downloads-view>`;case"EmailLogin":return o.qy`<w3m-email-login-view></w3m-email-login-view>`;case"EmailVerifyOtp":return o.qy`<w3m-email-verify-otp-view></w3m-email-verify-otp-view>`;case"EmailVerifyDevice":return o.qy`<w3m-email-verify-device-view></w3m-email-verify-device-view>`;case"GetWallet":return o.qy`<w3m-get-wallet-view></w3m-get-wallet-view>`;case"Networks":return o.qy`<w3m-networks-view></w3m-networks-view>`;case"SwitchNetwork":return o.qy`<w3m-network-switch-view></w3m-network-switch-view>`;case"Profile":return o.qy`<w3m-profile-view></w3m-profile-view>`;case"SwitchAddress":return o.qy`<w3m-switch-address-view></w3m-switch-address-view>`;case"Transactions":return o.qy`<w3m-transactions-view></w3m-transactions-view>`;case"OnRampProviders":return o.qy`<w3m-onramp-providers-view></w3m-onramp-providers-view>`;case"OnRampActivity":return o.qy`<w3m-onramp-activity-view></w3m-onramp-activity-view>`;case"OnRampTokenSelect":return o.qy`<w3m-onramp-token-select-view></w3m-onramp-token-select-view>`;case"OnRampFiatSelect":return o.qy`<w3m-onramp-fiat-select-view></w3m-onramp-fiat-select-view>`;case"UpgradeEmailWallet":return o.qy`<w3m-upgrade-wallet-view></w3m-upgrade-wallet-view>`;case"UpdateEmailWallet":return o.qy`<w3m-update-email-wallet-view></w3m-update-email-wallet-view>`;case"UpdateEmailPrimaryOtp":return o.qy`<w3m-update-email-primary-otp-view></w3m-update-email-primary-otp-view>`;case"UpdateEmailSecondaryOtp":return o.qy`<w3m-update-email-secondary-otp-view></w3m-update-email-secondary-otp-view>`;case"UnsupportedChain":return o.qy`<w3m-unsupported-chain-view></w3m-unsupported-chain-view>`;case"Swap":return o.qy`<w3m-swap-view></w3m-swap-view>`;case"SwapSelectToken":return o.qy`<w3m-swap-select-token-view></w3m-swap-select-token-view>`;case"SwapPreview":return o.qy`<w3m-swap-preview-view></w3m-swap-preview-view>`;case"WalletSend":return o.qy`<w3m-wallet-send-view></w3m-wallet-send-view>`;case"WalletSendSelectToken":return o.qy`<w3m-wallet-send-select-token-view></w3m-wallet-send-select-token-view>`;case"WalletSendPreview":return o.qy`<w3m-wallet-send-preview-view></w3m-wallet-send-preview-view>`;case"WhatIsABuy":return o.qy`<w3m-what-is-a-buy-view></w3m-what-is-a-buy-view>`;case"WalletReceive":return o.qy`<w3m-wallet-receive-view></w3m-wallet-receive-view>`;case"WalletCompatibleNetworks":return o.qy`<w3m-wallet-compatible-networks-view></w3m-wallet-compatible-networks-view>`;case"WhatIsAWallet":return o.qy`<w3m-what-is-a-wallet-view></w3m-what-is-a-wallet-view>`;case"ConnectingMultiChain":return o.qy`<w3m-connecting-multi-chain-view></w3m-connecting-multi-chain-view>`;case"WhatIsANetwork":return o.qy`<w3m-what-is-a-network-view></w3m-what-is-a-network-view>`;case"ConnectingFarcaster":return o.qy`<w3m-connecting-farcaster-view></w3m-connecting-farcaster-view>`;case"SwitchActiveChain":return o.qy`<w3m-switch-active-chain-view></w3m-switch-active-chain-view>`;case"RegisterAccountName":return o.qy`<w3m-register-account-name-view></w3m-register-account-name-view>`;case"RegisterAccountNameSuccess":return o.qy`<w3m-register-account-name-success-view></w3m-register-account-name-success-view>`;case"SmartSessionCreated":return o.qy`<w3m-smart-session-created-view></w3m-smart-session-created-view>`;case"SmartSessionList":return o.qy`<w3m-smart-session-list-view></w3m-smart-session-list-view>`;case"SIWXSignMessage":return o.qy`<w3m-siwx-sign-message-view></w3m-siwx-sign-message-view>`}}onViewChange(e){s.I.hide();let t=c.o.VIEW_DIRECTION.Next;const{history:i}=r.I.state;i.length<this.prevHistoryLength&&(t=c.o.VIEW_DIRECTION.Prev),this.prevHistoryLength=i.length,this.viewDirection=t,setTimeout(()=>{this.view=e},c.o.ANIMATION_DURATIONS.ViewTransition)}getWrapper(){return this.shadowRoot?.querySelector("div")}};d.styles=l.A,w([(0,a.wk)()],d.prototype,"view",void 0),w([(0,a.wk)()],d.prototype,"viewDirection",void 0),d=w([(0,n.EM)("w3m-router")],d)},8235:(e,t,i)=>{i.d(t,{I:()=>s});var o=i(89168),a=i(39150);const r=(0,o.BX)({message:"",open:!1,triggerRect:{width:0,height:0,top:0,left:0},variant:"shade"}),s={state:r,subscribe:e=>(0,o.B1)(r,()=>e(r)),subscribeKey:(e,t)=>(0,a.u$)(r,e,t),showTooltip({message:e,triggerRect:t,variant:i}){r.open=!0,r.message=e,r.triggerRect=t,r.variant=i},hide(){r.open=!1,r.message="",r.triggerRect={width:0,height:0,top:0,left:0}}}},8258:(e,t,i)=>{var o=i(35842),a=i(47214),r=(i(21348),i(62247),i(50798),i(24210)),s=i(27305),n=(i(38916),i(27102)),c=function(e,t,i,o){var a,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(s=(r<3?a(s):r>3?a(t,i,s):a(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s};let l=class extends o.WF{constructor(){super(...arguments),this.backgroundColor="accent-100",this.iconColor="accent-100",this.icon="checkmark",this.message="",this.loading=!1,this.iconType="default"}render(){return o.qy`
13
+ ${this.templateIcon()}
14
+ <wui-text variant="paragraph-500" color="fg-100" data-testid="wui-snackbar-message"
15
+ >${this.message}</wui-text
16
+ >
17
+ `}templateIcon(){return this.loading?o.qy`<wui-loading-spinner size="md" color="accent-100"></wui-loading-spinner>`:"default"===this.iconType?o.qy`<wui-icon size="xl" color=${this.iconColor} name=${this.icon}></wui-icon>`:o.qy`<wui-icon-box
18
+ size="sm"
19
+ iconSize="xs"
20
+ iconColor=${this.iconColor}
21
+ backgroundColor=${this.backgroundColor}
22
+ icon=${this.icon}
23
+ background="opaque"
24
+ ></wui-icon-box>`}};l.styles=[r.W5,n.A],c([(0,a.MZ)()],l.prototype,"backgroundColor",void 0),c([(0,a.MZ)()],l.prototype,"iconColor",void 0),c([(0,a.MZ)()],l.prototype,"icon",void 0),c([(0,a.MZ)()],l.prototype,"message",void 0),c([(0,a.MZ)()],l.prototype,"loading",void 0),c([(0,a.MZ)()],l.prototype,"iconType",void 0),l=c([(0,s.E)("wui-snackbar")],l)},13758:(e,t,i)=>{i(53667)},14159:(e,t,i)=>{var o=i(35842),a=i(24210),r=i(27305),s=i(86289);let n=class extends o.WF{render(){return o.qy`<slot></slot>`}};n.styles=[a.W5,s.A],n=function(e,t,i,o){var a,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(s=(r<3?a(s):r>3?a(t,i,s):a(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s}([(0,r.E)("wui-card")],n)},15934:(e,t,i)=>{i(55435)},22187:(e,t,i)=>{i(8258)},22241:(e,t,i)=>{i.d(t,{A:()=>o});const o=i(35842).AH`
25
+ :host {
26
+ pointer-events: none;
27
+ }
28
+
29
+ :host > wui-flex {
30
+ display: var(--w3m-tooltip-display);
31
+ opacity: var(--w3m-tooltip-opacity);
32
+ padding: 9px var(--wui-spacing-s) 10px var(--wui-spacing-s);
33
+ border-radius: var(--wui-border-radius-xxs);
34
+ color: var(--wui-color-bg-100);
35
+ position: fixed;
36
+ top: var(--w3m-tooltip-top);
37
+ left: var(--w3m-tooltip-left);
38
+ transform: translate(calc(-50% + var(--w3m-tooltip-parent-width)), calc(-100% - 8px));
39
+ max-width: calc(var(--w3m-modal-width) - var(--wui-spacing-xl));
40
+ transition: opacity 0.2s var(--wui-ease-out-power-2);
41
+ will-change: opacity;
42
+ }
43
+
44
+ :host([data-variant='shade']) > wui-flex {
45
+ background-color: var(--wui-color-bg-150);
46
+ border: 1px solid var(--wui-color-gray-glass-005);
47
+ }
48
+
49
+ :host([data-variant='shade']) > wui-flex > wui-text {
50
+ color: var(--wui-color-fg-150);
51
+ }
52
+
53
+ :host([data-variant='fill']) > wui-flex {
54
+ background-color: var(--wui-color-fg-100);
55
+ border: none;
56
+ }
57
+
58
+ wui-icon {
59
+ position: absolute;
60
+ width: 12px !important;
61
+ height: 4px !important;
62
+ color: var(--wui-color-bg-150);
63
+ }
64
+
65
+ wui-icon[data-placement='top'] {
66
+ bottom: 0px;
67
+ left: 50%;
68
+ transform: translate(-50%, 95%);
69
+ }
70
+
71
+ wui-icon[data-placement='bottom'] {
72
+ top: 0;
73
+ left: 50%;
74
+ transform: translate(-50%, -95%) rotate(180deg);
75
+ }
76
+
77
+ wui-icon[data-placement='right'] {
78
+ top: 50%;
79
+ left: 0;
80
+ transform: translate(-65%, -50%) rotate(90deg);
81
+ }
82
+
83
+ wui-icon[data-placement='left'] {
84
+ top: 50%;
85
+ right: 0%;
86
+ transform: translate(65%, -50%) rotate(270deg);
87
+ }
88
+ `},27102:(e,t,i)=>{i.d(t,{A:()=>o});const o=i(35842).AH`
89
+ :host {
90
+ display: flex;
91
+ column-gap: var(--wui-spacing-s);
92
+ align-items: center;
93
+ padding: var(--wui-spacing-xs) var(--wui-spacing-m) var(--wui-spacing-xs) var(--wui-spacing-xs);
94
+ border-radius: var(--wui-border-radius-s);
95
+ border: 1px solid var(--wui-color-gray-glass-005);
96
+ box-sizing: border-box;
97
+ background-color: var(--wui-color-bg-175);
98
+ box-shadow:
99
+ 0px 14px 64px -4px rgba(0, 0, 0, 0.15),
100
+ 0px 8px 22px -6px rgba(0, 0, 0, 0.15);
101
+
102
+ max-width: 300px;
103
+ }
104
+
105
+ :host wui-loading-spinner {
106
+ margin-left: var(--wui-spacing-3xs);
107
+ }
108
+ `},28846:(e,t,i)=>{var o=i(35842),a=i(47214),r=i(27938),s=(i(21348),i(50798),i(75028),i(24210)),n=i(27305),c=i(99330),l=function(e,t,i,o){var a,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(s=(r<3?a(s):r>3?a(t,i,s):a(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s};let w=class extends o.WF{constructor(){super(...arguments),this.message="",this.backgroundColor="accent-100",this.iconColor="accent-100",this.icon="info"}render(){return this.style.cssText=`\n --local-icon-bg-value: var(--wui-color-${this.backgroundColor});\n `,o.qy`
109
+ <wui-flex flexDirection="row" justifyContent="space-between" alignItems="center">
110
+ <wui-flex columnGap="xs" flexDirection="row" alignItems="center">
111
+ <wui-flex
112
+ flexDirection="row"
113
+ alignItems="center"
114
+ justifyContent="center"
115
+ class="icon-box"
116
+ >
117
+ <wui-icon color=${this.iconColor} size="md" name=${this.icon}></wui-icon>
118
+ </wui-flex>
119
+ <wui-text variant="small-500" color="bg-350" data-testid="wui-alertbar-text"
120
+ >${this.message}</wui-text
121
+ >
122
+ </wui-flex>
123
+ <wui-icon
124
+ class="close"
125
+ color="bg-350"
126
+ size="sm"
127
+ name="close"
128
+ @click=${this.onClose}
129
+ ></wui-icon>
130
+ </wui-flex>
131
+ `}onClose(){r.h.close()}};w.styles=[s.W5,c.A],l([(0,a.MZ)()],w.prototype,"message",void 0),l([(0,a.MZ)()],w.prototype,"backgroundColor",void 0),l([(0,a.MZ)()],w.prototype,"iconColor",void 0),l([(0,a.MZ)()],w.prototype,"icon",void 0),w=l([(0,n.E)("wui-alertbar")],w)},33918:(e,t,i)=>{i.d(t,{A:()=>o});const o=i(35842).AH`
132
+ :host {
133
+ --prev-height: 0px;
134
+ --new-height: 0px;
135
+ display: block;
136
+ }
137
+
138
+ div.w3m-router-container {
139
+ transform: translateY(0);
140
+ opacity: 1;
141
+ }
142
+
143
+ div.w3m-router-container[view-direction='prev'] {
144
+ animation:
145
+ slide-left-out 150ms forwards ease,
146
+ slide-left-in 150ms forwards ease;
147
+ animation-delay: 0ms, 200ms;
148
+ }
149
+
150
+ div.w3m-router-container[view-direction='next'] {
151
+ animation:
152
+ slide-right-out 150ms forwards ease,
153
+ slide-right-in 150ms forwards ease;
154
+ animation-delay: 0ms, 200ms;
155
+ }
156
+
157
+ @keyframes slide-left-out {
158
+ from {
159
+ transform: translateX(0px);
160
+ opacity: 1;
161
+ }
162
+ to {
163
+ transform: translateX(10px);
164
+ opacity: 0;
165
+ }
166
+ }
167
+
168
+ @keyframes slide-left-in {
169
+ from {
170
+ transform: translateX(-10px);
171
+ opacity: 0;
172
+ }
173
+ to {
174
+ transform: translateX(0);
175
+ opacity: 1;
176
+ }
177
+ }
178
+
179
+ @keyframes slide-right-out {
180
+ from {
181
+ transform: translateX(0px);
182
+ opacity: 1;
183
+ }
184
+ to {
185
+ transform: translateX(-10px);
186
+ opacity: 0;
187
+ }
188
+ }
189
+
190
+ @keyframes slide-right-in {
191
+ from {
192
+ transform: translateX(10px);
193
+ opacity: 0;
194
+ }
195
+ to {
196
+ transform: translateX(0);
197
+ opacity: 1;
198
+ }
199
+ }
200
+ `},35007:(e,t,i)=>{var o=i(35842),a=i(47214),r=i(8235),s=i(94768),n=(i(98191),i(46569),i(96975),i(22241)),c=function(e,t,i,o){var a,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(s=(r<3?a(s):r>3?a(t,i,s):a(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s};let l=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.open=r.I.state.open,this.message=r.I.state.message,this.triggerRect=r.I.state.triggerRect,this.variant=r.I.state.variant,this.unsubscribe.push(r.I.subscribe(e=>{this.open=e.open,this.message=e.message,this.triggerRect=e.triggerRect,this.variant=e.variant}))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){this.dataset.variant=this.variant;const e=this.triggerRect.top,t=this.triggerRect.left;return this.style.cssText=`\n --w3m-tooltip-top: ${e}px;\n --w3m-tooltip-left: ${t}px;\n --w3m-tooltip-parent-width: ${this.triggerRect.width/2}px;\n --w3m-tooltip-display: ${this.open?"flex":"none"};\n --w3m-tooltip-opacity: ${this.open?1:0};\n `,o.qy`<wui-flex>
201
+ <wui-icon data-placement="top" color="fg-100" size="inherit" name="cursor"></wui-icon>
202
+ <wui-text color="inherit" variant="small-500">${this.message}</wui-text>
203
+ </wui-flex>`}};l.styles=[n.A],c([(0,a.wk)()],l.prototype,"open",void 0),c([(0,a.wk)()],l.prototype,"message",void 0),c([(0,a.wk)()],l.prototype,"triggerRect",void 0),c([(0,a.wk)()],l.prototype,"variant",void 0),l=c([(0,s.EM)("w3m-tooltip"),(0,s.EM)("w3m-tooltip")],l)},41525:(e,t,i)=>{i.d(t,{A:()=>o});const o=i(35842).AH`
204
+ button {
205
+ border-radius: var(--local-border-radius);
206
+ color: var(--wui-color-fg-100);
207
+ padding: var(--local-padding);
208
+ }
209
+
210
+ @media (max-width: 700px) {
211
+ button {
212
+ padding: var(--wui-spacing-s);
213
+ }
214
+ }
215
+
216
+ button > wui-icon {
217
+ pointer-events: none;
218
+ }
219
+
220
+ button:disabled > wui-icon {
221
+ color: var(--wui-color-bg-300) !important;
222
+ }
223
+
224
+ button:disabled {
225
+ background-color: transparent;
226
+ }
227
+ `},43594:(e,t,i)=>{i(14159)},45972:(e,t,i)=>{i.r(t),i.d(t,{W3mModal:()=>o.t});var o=i(71588)},50656:(e,t,i)=>{i.d(t,{A:()=>o});const o=i(35842).AH`
228
+ :host {
229
+ z-index: var(--w3m-z-index);
230
+ display: block;
231
+ backface-visibility: hidden;
232
+ will-change: opacity;
233
+ position: fixed;
234
+ top: 0;
235
+ left: 0;
236
+ right: 0;
237
+ bottom: 0;
238
+ pointer-events: none;
239
+ opacity: 0;
240
+ background-color: var(--wui-cover);
241
+ transition: opacity 0.2s var(--wui-ease-out-power-2);
242
+ will-change: opacity;
243
+ }
244
+
245
+ :host(.open) {
246
+ opacity: 1;
247
+ }
248
+
249
+ :host(.embedded) {
250
+ position: relative;
251
+ pointer-events: unset;
252
+ background: none;
253
+ width: 100%;
254
+ opacity: 1;
255
+ }
256
+
257
+ wui-card {
258
+ max-width: var(--w3m-modal-width);
259
+ width: 100%;
260
+ position: relative;
261
+ animation: zoom-in 0.2s var(--wui-ease-out-power-2);
262
+ animation-fill-mode: backwards;
263
+ outline: none;
264
+ transition:
265
+ border-radius var(--wui-duration-lg) var(--wui-ease-out-power-1),
266
+ background-color var(--wui-duration-lg) var(--wui-ease-out-power-1);
267
+ will-change: border-radius, background-color;
268
+ }
269
+
270
+ :host(.embedded) wui-card {
271
+ max-width: 400px;
272
+ }
273
+
274
+ wui-card[shake='true'] {
275
+ animation:
276
+ zoom-in 0.2s var(--wui-ease-out-power-2),
277
+ w3m-shake 0.5s var(--wui-ease-out-power-2);
278
+ }
279
+
280
+ wui-flex {
281
+ overflow-x: hidden;
282
+ overflow-y: auto;
283
+ display: flex;
284
+ align-items: center;
285
+ justify-content: center;
286
+ width: 100%;
287
+ height: 100%;
288
+ }
289
+
290
+ @media (max-height: 700px) and (min-width: 431px) {
291
+ wui-flex {
292
+ align-items: flex-start;
293
+ }
294
+
295
+ wui-card {
296
+ margin: var(--wui-spacing-xxl) 0px;
297
+ }
298
+ }
299
+
300
+ @media (max-width: 430px) {
301
+ wui-flex {
302
+ align-items: flex-end;
303
+ }
304
+
305
+ wui-card {
306
+ max-width: 100%;
307
+ border-bottom-left-radius: var(--local-border-bottom-mobile-radius);
308
+ border-bottom-right-radius: var(--local-border-bottom-mobile-radius);
309
+ border-bottom: none;
310
+ animation: slide-in 0.2s var(--wui-ease-out-power-2);
311
+ }
312
+
313
+ wui-card[shake='true'] {
314
+ animation:
315
+ slide-in 0.2s var(--wui-ease-out-power-2),
316
+ w3m-shake 0.5s var(--wui-ease-out-power-2);
317
+ }
318
+ }
319
+
320
+ @keyframes zoom-in {
321
+ 0% {
322
+ transform: scale(0.95) translateY(0);
323
+ }
324
+ 100% {
325
+ transform: scale(1) translateY(0);
326
+ }
327
+ }
328
+
329
+ @keyframes slide-in {
330
+ 0% {
331
+ transform: scale(1) translateY(50px);
332
+ }
333
+ 100% {
334
+ transform: scale(1) translateY(0);
335
+ }
336
+ }
337
+
338
+ @keyframes w3m-shake {
339
+ 0% {
340
+ transform: scale(1) rotate(0deg);
341
+ }
342
+ 20% {
343
+ transform: scale(1) rotate(-1deg);
344
+ }
345
+ 40% {
346
+ transform: scale(1) rotate(1.5deg);
347
+ }
348
+ 60% {
349
+ transform: scale(1) rotate(-1.5deg);
350
+ }
351
+ 80% {
352
+ transform: scale(1) rotate(1deg);
353
+ }
354
+ 100% {
355
+ transform: scale(1) rotate(0deg);
356
+ }
357
+ }
358
+
359
+ @keyframes w3m-view-height {
360
+ from {
361
+ height: var(--prev-height);
362
+ }
363
+ to {
364
+ height: var(--new-height);
365
+ }
366
+ }
367
+ `},53105:(e,t,i)=>{i.d(t,{A:()=>o});const o=i(35842).AH`
368
+ :host {
369
+ display: block;
370
+ position: absolute;
371
+ opacity: 0;
372
+ pointer-events: none;
373
+ top: 11px;
374
+ left: 50%;
375
+ width: max-content;
376
+ }
377
+ `},55435:(e,t,i)=>{var o=i(35842),a=i(47214),r=(i(21348),i(24210)),s=i(27305),n=i(41525),c=function(e,t,i,o){var a,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(s=(r<3?a(s):r>3?a(t,i,s):a(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s};let l=class extends o.WF{constructor(){super(...arguments),this.size="md",this.disabled=!1,this.icon="copy",this.iconColor="inherit"}render(){const e="lg"===this.size?"--wui-border-radius-xs":"--wui-border-radius-xxs",t="lg"===this.size?"--wui-spacing-1xs":"--wui-spacing-2xs";return this.style.cssText=`\n --local-border-radius: var(${e});\n --local-padding: var(${t});\n`,o.qy`
378
+ <button ?disabled=${this.disabled}>
379
+ <wui-icon color=${this.iconColor} size=${this.size} name=${this.icon}></wui-icon>
380
+ </button>
381
+ `}};l.styles=[r.W5,r.fD,r.ck,n.A],c([(0,a.MZ)()],l.prototype,"size",void 0),c([(0,a.MZ)({type:Boolean})],l.prototype,"disabled",void 0),c([(0,a.MZ)()],l.prototype,"icon",void 0),c([(0,a.MZ)()],l.prototype,"iconColor",void 0),l=c([(0,s.E)("wui-icon-link")],l)},56373:(e,t,i)=>{i.d(t,{A:()=>o});const o=i(35842).AH`
382
+ :host {
383
+ display: block;
384
+ position: absolute;
385
+ top: var(--wui-spacing-s);
386
+ left: var(--wui-spacing-l);
387
+ right: var(--wui-spacing-l);
388
+ opacity: 0;
389
+ pointer-events: none;
390
+ }
391
+ `},57147:(e,t,i)=>{i.d(t,{A:()=>o});const o=i(35842).AH`
392
+ button {
393
+ display: block;
394
+ display: flex;
395
+ align-items: center;
396
+ padding: var(--wui-spacing-xxs);
397
+ gap: var(--wui-spacing-xxs);
398
+ transition: all var(--wui-ease-out-power-1) var(--wui-duration-md);
399
+ border-radius: var(--wui-border-radius-xxs);
400
+ }
401
+
402
+ wui-image {
403
+ border-radius: 100%;
404
+ width: var(--wui-spacing-xl);
405
+ height: var(--wui-spacing-xl);
406
+ }
407
+
408
+ wui-icon-box {
409
+ width: var(--wui-spacing-xl);
410
+ height: var(--wui-spacing-xl);
411
+ }
412
+
413
+ button:hover {
414
+ background-color: var(--wui-color-gray-glass-002);
415
+ }
416
+
417
+ button:active {
418
+ background-color: var(--wui-color-gray-glass-005);
419
+ }
420
+ `},62648:(e,t,i)=>{var o=i(35842),a=i(47214),r=i(27938),s=i(94768),n=(i(81003),i(56373)),c=function(e,t,i,o){var a,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(s=(r<3?a(s):r>3?a(t,i,s):a(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s};const l={info:{backgroundColor:"fg-350",iconColor:"fg-325",icon:"info"},success:{backgroundColor:"success-glass-reown-020",iconColor:"success-125",icon:"checkmark"},warning:{backgroundColor:"warning-glass-reown-020",iconColor:"warning-100",icon:"warningCircle"},error:{backgroundColor:"error-glass-reown-020",iconColor:"error-125",icon:"exclamationTriangle"}};let w=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.open=r.h.state.open,this.onOpen(!0),this.unsubscribe.push(r.h.subscribeKey("open",e=>{this.open=e,this.onOpen(!1)}))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){const{message:e,variant:t}=r.h.state,i=l[t];return o.qy`
421
+ <wui-alertbar
422
+ message=${e}
423
+ backgroundColor=${i?.backgroundColor}
424
+ iconColor=${i?.iconColor}
425
+ icon=${i?.icon}
426
+ ></wui-alertbar>
427
+ `}onOpen(e){this.open?(this.animate([{opacity:0,transform:"scale(0.85)"},{opacity:1,transform:"scale(1)"}],{duration:150,fill:"forwards",easing:"ease"}),this.style.cssText="pointer-events: auto"):e||(this.animate([{opacity:1,transform:"scale(1)"},{opacity:0,transform:"scale(0.85)"}],{duration:150,fill:"forwards",easing:"ease"}),this.style.cssText="pointer-events: none")}};w.styles=n.A,c([(0,a.wk)()],w.prototype,"open",void 0),w=c([(0,s.EM)("w3m-alertbar")],w)},65327:(e,t,i)=>{var o=i(35842),a=i(47214),r=i(41430),s=i(94768),n=(i(22187),i(53105)),c=function(e,t,i,o){var a,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(s=(r<3?a(s):r>3?a(t,i,s):a(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s};const l={loading:void 0,success:{backgroundColor:"success-100",iconColor:"success-100",icon:"checkmark"},error:{backgroundColor:"error-100",iconColor:"error-100",icon:"close"}};let w=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.timeout=void 0,this.open=r.P.state.open,this.unsubscribe.push(r.P.subscribeKey("open",e=>{this.open=e,this.onOpen()}))}disconnectedCallback(){clearTimeout(this.timeout),this.unsubscribe.forEach(e=>e())}render(){const{message:e,variant:t,svg:i}=r.P.state,a=l[t],{icon:s,iconColor:n}=i??a??{};return o.qy`
428
+ <wui-snackbar
429
+ message=${e}
430
+ backgroundColor=${a?.backgroundColor}
431
+ iconColor=${n}
432
+ icon=${s}
433
+ .loading=${"loading"===t}
434
+ ></wui-snackbar>
435
+ `}onOpen(){clearTimeout(this.timeout),this.open?(this.animate([{opacity:0,transform:"translateX(-50%) scale(0.85)"},{opacity:1,transform:"translateX(-50%) scale(1)"}],{duration:150,fill:"forwards",easing:"ease"}),this.timeout&&clearTimeout(this.timeout),r.P.state.autoClose&&(this.timeout=setTimeout(()=>r.P.hide(),2500))):this.animate([{opacity:1,transform:"translateX(-50%) scale(1)"},{opacity:0,transform:"translateX(-50%) scale(0.85)"}],{duration:150,fill:"forwards",easing:"ease"})}};w.styles=n.A,c([(0,a.wk)()],w.prototype,"open",void 0),w=c([(0,s.EM)("w3m-snackbar")],w)},66229:(e,t,i)=>{var o=i(35842),a=i(47214),r=i(27390),s=i(67018),n=i(42831),c=i(16279),l=i(99013),w=i(89058),d=i(50731),p=i(12472),u=i(16158),h=i(14479),m=i(93224),v=i(24537),g=i(94768),y=(i(98191),i(15934),i(95084),i(13758),i(96975),i(74091)),f=i(82007),b=function(e,t,i,o){var a,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(s=(r<3?a(s):r>3?a(t,i,s):a(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s};const k=["SmartSessionList"];function x(){const e=n.I.state.data?.connector?.name,t=n.I.state.data?.wallet?.name,i=n.I.state.data?.network?.name,o=t??e,a=d.a.getConnectors();return{Connect:`Connect ${1===a.length&&"w3m-email"===a[0]?.id?"Email":""} Wallet`,Create:"Create Wallet",ChooseAccountName:void 0,Account:void 0,AccountSettings:void 0,AllWallets:"All Wallets",ApproveTransaction:"Approve Transaction",BuyInProgress:"Buy",ConnectingExternal:o??"Connect Wallet",ConnectingWalletConnect:o??"WalletConnect",ConnectingWalletConnectBasic:"WalletConnect",ConnectingSiwe:"Sign In",Convert:"Convert",ConvertSelectToken:"Select token",ConvertPreview:"Preview convert",Downloads:o?`Get ${o}`:"Downloads",EmailLogin:"Email Login",EmailVerifyOtp:"Confirm Email",EmailVerifyDevice:"Register Device",GetWallet:"Get a wallet",Networks:"Choose Network",OnRampProviders:"Choose Provider",OnRampActivity:"Activity",OnRampTokenSelect:"Select Token",OnRampFiatSelect:"Select Currency",Profile:void 0,SwitchNetwork:i??"Switch Network",SwitchAddress:"Switch Address",Transactions:"Activity",UnsupportedChain:"Switch Network",UpgradeEmailWallet:"Upgrade your Wallet",UpdateEmailWallet:"Edit Email",UpdateEmailPrimaryOtp:"Confirm Current Email",UpdateEmailSecondaryOtp:"Confirm New Email",WhatIsABuy:"What is Buy?",RegisterAccountName:"Choose name",RegisterAccountNameSuccess:"",WalletReceive:"Receive",WalletCompatibleNetworks:"Compatible Networks",Swap:"Swap",SwapSelectToken:"Select token",SwapPreview:"Preview swap",WalletSend:"Send",WalletSendPreview:"Review send",WalletSendSelectToken:"Select Token",WhatIsANetwork:"What is a network?",WhatIsAWallet:"What is a wallet?",ConnectWallets:"Connect wallet",ConnectSocials:"All socials",ConnectingSocial:c.U.state.socialProvider?c.U.state.socialProvider:"Connect Social",ConnectingMultiChain:"Select chain",ConnectingFarcaster:"Farcaster",SwitchActiveChain:"Switch chain",SmartSessionCreated:void 0,SmartSessionList:"Smart Sessions",SIWXSignMessage:"Sign In"}}let C=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.heading=x()[n.I.state.view],this.network=l.W.state.activeCaipNetwork,this.networkImage=m.$.getNetworkImage(this.network),this.buffering=!1,this.showBack=!1,this.prevHistoryLength=1,this.view=n.I.state.view,this.viewDirection="",this.headerText=x()[n.I.state.view],this.unsubscribe.push(p.j.subscribeNetworkImages(()=>{this.networkImage=m.$.getNetworkImage(this.network)}),n.I.subscribeKey("view",e=>{setTimeout(()=>{this.view=e,this.headerText=x()[e]},y.o.ANIMATION_DURATIONS.HeaderText),this.onViewChange(),this.onHistoryChange()}),w.x.subscribeKey("buffering",e=>this.buffering=e),l.W.subscribeKey("activeCaipNetwork",e=>{this.network=e,this.networkImage=m.$.getNetworkImage(this.network)}))}disconnectCallback(){this.unsubscribe.forEach(e=>e())}render(){return o.qy`
436
+ <wui-flex .padding=${this.getPadding()} justifyContent="space-between" alignItems="center">
437
+ ${this.leftHeaderTemplate()} ${this.titleTemplate()} ${this.rightHeaderTemplate()}
438
+ </wui-flex>
439
+ `}onWalletHelp(){h.E.sendEvent({type:"track",event:"CLICK_WALLET_HELP"}),n.I.push("WhatIsAWallet")}async onClose(){"UnsupportedChain"===n.I.state.view||await v.U.isSIWXCloseDisabled()?s.W.shake():s.W.close()}rightHeaderTemplate(){const e=u.H?.state?.features?.smartSessions;return"Account"===n.I.state.view&&e?o.qy`<wui-flex>
440
+ <wui-icon-link
441
+ icon="clock"
442
+ @click=${()=>n.I.push("SmartSessionList")}
443
+ data-testid="w3m-header-smart-sessions"
444
+ ></wui-icon-link>
445
+ ${this.closeButtonTemplate()}
446
+ </wui-flex> `:this.closeButtonTemplate()}closeButtonTemplate(){return o.qy`
447
+ <wui-icon-link
448
+ ?disabled=${this.buffering}
449
+ icon="close"
450
+ @click=${this.onClose.bind(this)}
451
+ data-testid="w3m-header-close"
452
+ ></wui-icon-link>
453
+ `}titleTemplate(){const e=k.includes(this.view);return o.qy`
454
+ <wui-flex
455
+ view-direction="${this.viewDirection}"
456
+ class="w3m-header-title"
457
+ alignItems="center"
458
+ gap="xs"
459
+ >
460
+ <wui-text variant="paragraph-700" color="fg-100" data-testid="w3m-header-text"
461
+ >${this.headerText}</wui-text
462
+ >
463
+ ${e?o.qy`<wui-tag variant="main">Beta</wui-tag>`:null}
464
+ </wui-flex>
465
+ `}leftHeaderTemplate(){const{view:e}=n.I.state,t="Connect"===e,i=u.H.state.enableEmbedded,a="ApproveTransaction"===e,s="ConnectingSiwe"===e,c="Account"===e,l=u.H.state.enableNetworkSwitch,w=a||s||t&&i;return c&&l?o.qy`<wui-select
466
+ id="dynamic"
467
+ data-testid="w3m-account-select-network"
468
+ active-network=${(0,r.J)(this.network?.name)}
469
+ @click=${this.onNetworks.bind(this)}
470
+ imageSrc=${(0,r.J)(this.networkImage)}
471
+ ></wui-select>`:this.showBack&&!w?o.qy`<wui-icon-link
472
+ data-testid="header-back"
473
+ id="dynamic"
474
+ icon="chevronLeft"
475
+ ?disabled=${this.buffering}
476
+ @click=${this.onGoBack.bind(this)}
477
+ ></wui-icon-link>`:o.qy`<wui-icon-link
478
+ data-hidden=${!t}
479
+ id="dynamic"
480
+ icon="helpCircle"
481
+ @click=${this.onWalletHelp.bind(this)}
482
+ ></wui-icon-link>`}onNetworks(){this.isAllowedNetworkSwitch()&&(h.E.sendEvent({type:"track",event:"CLICK_NETWORKS"}),n.I.push("Networks"))}isAllowedNetworkSwitch(){const e=l.W.getAllRequestedCaipNetworks(),t=!!e&&e.length>1,i=e?.find(({id:e})=>e===this.network?.id);return t||!i}getPadding(){return this.heading?["l","2l","l","2l"]:["0","2l","0","2l"]}onViewChange(){const{history:e}=n.I.state;let t=y.o.VIEW_DIRECTION.Next;e.length<this.prevHistoryLength&&(t=y.o.VIEW_DIRECTION.Prev),this.prevHistoryLength=e.length,this.viewDirection=t}async onHistoryChange(){const{history:e}=n.I.state,t=this.shadowRoot?.querySelector("#dynamic");e.length>1&&!this.showBack&&t?(await t.animate([{opacity:1},{opacity:0}],{duration:200,fill:"forwards",easing:"ease"}).finished,this.showBack=!0,t.animate([{opacity:0},{opacity:1}],{duration:200,fill:"forwards",easing:"ease"})):e.length<=1&&this.showBack&&t&&(await t.animate([{opacity:1},{opacity:0}],{duration:200,fill:"forwards",easing:"ease"}).finished,this.showBack=!1,t.animate([{opacity:0},{opacity:1}],{duration:200,fill:"forwards",easing:"ease"}))}onGoBack(){n.I.goBack()}};C.styles=f.A,b([(0,a.wk)()],C.prototype,"heading",void 0),b([(0,a.wk)()],C.prototype,"network",void 0),b([(0,a.wk)()],C.prototype,"networkImage",void 0),b([(0,a.wk)()],C.prototype,"buffering",void 0),b([(0,a.wk)()],C.prototype,"showBack",void 0),b([(0,a.wk)()],C.prototype,"prevHistoryLength",void 0),b([(0,a.wk)()],C.prototype,"view",void 0),b([(0,a.wk)()],C.prototype,"viewDirection",void 0),b([(0,a.wk)()],C.prototype,"headerText",void 0),C=b([(0,g.EM)("w3m-header")],C)},71588:(e,t,i)=>{i.d(t,{t:()=>k});var o=i(35842),a=i(47214),r=i(27390),s=i(95191),n=i(67018),c=i(42831),l=i(99013),w=i(50731),d=i(41430),p=i(40868),u=i(26545),h=i(16158),m=i(5813),v=i(24537),g=i(94768),y=(i(43594),i(98191),i(62648),i(66229),i(65327),i(35007),i(6978),i(50656)),f=function(e,t,i,o){var a,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(s=(r<3?a(s):r>3?a(t,i,s):a(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s};const b="scroll-lock";let k=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.abortController=void 0,this.hasPrefetched=!1,this.enableEmbedded=h.H.state.enableEmbedded,this.open=n.W.state.open,this.caipAddress=l.W.state.activeCaipAddress,this.caipNetwork=l.W.state.activeCaipNetwork,this.shake=n.W.state.shake,this.filterByNamespace=w.a.state.filterByNamespace,this.initializeTheming(),p.N.prefetchAnalyticsConfig(),this.unsubscribe.push(n.W.subscribeKey("open",e=>e?this.onOpen():this.onClose()),n.W.subscribeKey("shake",e=>this.shake=e),l.W.subscribeKey("activeCaipNetwork",e=>this.onNewNetwork(e)),l.W.subscribeKey("activeCaipAddress",e=>this.onNewAddress(e)),h.H.subscribeKey("enableEmbedded",e=>this.enableEmbedded=e),w.a.subscribeKey("filterByNamespace",e=>{this.filterByNamespace===e||l.W.getAccountData(e)?.caipAddress||(p.N.fetchRecommendedWallets(),this.filterByNamespace=e)}))}firstUpdated(){if(this.caipAddress){if(this.enableEmbedded)return n.W.close(),void this.prefetch();this.onNewAddress(this.caipAddress)}this.open&&this.onOpen(),this.enableEmbedded&&this.prefetch()}disconnectedCallback(){this.unsubscribe.forEach(e=>e()),this.onRemoveKeyboardListener()}render(){return this.style.cssText=`\n --local-border-bottom-mobile-radius: ${this.enableEmbedded?"clamp(0px, var(--wui-border-radius-l), 44px)":"0px"};\n `,this.enableEmbedded?o.qy`${this.contentTemplate()}
483
+ <w3m-tooltip></w3m-tooltip> `:this.open?o.qy`
484
+ <wui-flex @click=${this.onOverlayClick.bind(this)} data-testid="w3m-modal-overlay">
485
+ ${this.contentTemplate()}
486
+ </wui-flex>
487
+ <w3m-tooltip></w3m-tooltip>
488
+ `:null}contentTemplate(){return o.qy` <wui-card
489
+ shake="${this.shake}"
490
+ data-embedded="${(0,r.J)(this.enableEmbedded)}"
491
+ role="alertdialog"
492
+ aria-modal="true"
493
+ tabindex="0"
494
+ data-testid="w3m-modal-card"
495
+ >
496
+ <w3m-header></w3m-header>
497
+ <w3m-router></w3m-router>
498
+ <w3m-snackbar></w3m-snackbar>
499
+ <w3m-alertbar></w3m-alertbar>
500
+ </wui-card>`}async onOverlayClick(e){e.target===e.currentTarget&&await this.handleClose()}async handleClose(){"UnsupportedChain"===c.I.state.view||await v.U.isSIWXCloseDisabled()?n.W.shake():n.W.close()}initializeTheming(){const{themeVariables:e,themeMode:t}=u.W.state,i=g.Zv.getColorTheme(t);(0,g.RF)(e,i)}onClose(){this.open=!1,this.classList.remove("open"),this.onScrollUnlock(),d.P.hide(),this.onRemoveKeyboardListener()}onOpen(){this.open=!0,this.classList.add("open"),this.onScrollLock(),this.onAddKeyboardListener()}onScrollLock(){const e=document.createElement("style");e.dataset.w3m=b,e.textContent="\n body {\n touch-action: none;\n overflow: hidden;\n overscroll-behavior: contain;\n }\n w3m-modal {\n pointer-events: auto;\n }\n ",document.head.appendChild(e)}onScrollUnlock(){const e=document.head.querySelector(`style[data-w3m="${b}"]`);e&&e.remove()}onAddKeyboardListener(){this.abortController=new AbortController;const e=this.shadowRoot?.querySelector("wui-card");e?.focus(),window.addEventListener("keydown",t=>{if("Escape"===t.key)this.handleClose();else if("Tab"===t.key){const{tagName:i}=t.target;!i||i.includes("W3M-")||i.includes("WUI-")||e?.focus()}},this.abortController)}onRemoveKeyboardListener(){this.abortController?.abort(),this.abortController=void 0}async onNewAddress(e){const t=l.W.state.isSwitchingNamespace,i=m.w.getPlainAddress(e);i||t?t&&i&&c.I.goBack():n.W.close(),await v.U.initializeIfEnabled(),this.caipAddress=e,l.W.setIsSwitchingNamespace(!1)}onNewNetwork(e){const t=this.caipNetwork?.caipNetworkId?.toString(),i=e?.caipNetworkId?.toString(),o=t&&i&&t!==i,a=l.W.state.isSwitchingNamespace,r=this.caipNetwork?.name===s.o.UNSUPPORTED_NETWORK_NAME,w="ConnectingExternal"===c.I.state.view,d=!this.caipAddress,p=o&&!r&&!a,u="UnsupportedChain"===c.I.state.view;n.W.state.open&&!w&&(d||u||p)&&c.I.goBack(),this.caipNetwork=e}prefetch(){this.hasPrefetched||(p.N.prefetch(),p.N.fetchWallets({page:1}),this.hasPrefetched=!0)}};k.styles=y.A,f([(0,a.MZ)({type:Boolean})],k.prototype,"enableEmbedded",void 0),f([(0,a.wk)()],k.prototype,"open",void 0),f([(0,a.wk)()],k.prototype,"caipAddress",void 0),f([(0,a.wk)()],k.prototype,"caipNetwork",void 0),f([(0,a.wk)()],k.prototype,"shake",void 0),f([(0,a.wk)()],k.prototype,"filterByNamespace",void 0),k=f([(0,g.EM)("w3m-modal")],k)},81003:(e,t,i)=>{i(28846)},82007:(e,t,i)=>{i.d(t,{A:()=>o});const o=i(35842).AH`
501
+ :host {
502
+ height: 64px;
503
+ }
504
+
505
+ wui-text {
506
+ text-transform: capitalize;
507
+ }
508
+
509
+ wui-flex.w3m-header-title {
510
+ transform: translateY(0);
511
+ opacity: 1;
512
+ }
513
+
514
+ wui-flex.w3m-header-title[view-direction='prev'] {
515
+ animation:
516
+ slide-down-out 120ms forwards var(--wui-ease-out-power-2),
517
+ slide-down-in 120ms forwards var(--wui-ease-out-power-2);
518
+ animation-delay: 0ms, 200ms;
519
+ }
520
+
521
+ wui-flex.w3m-header-title[view-direction='next'] {
522
+ animation:
523
+ slide-up-out 120ms forwards var(--wui-ease-out-power-2),
524
+ slide-up-in 120ms forwards var(--wui-ease-out-power-2);
525
+ animation-delay: 0ms, 200ms;
526
+ }
527
+
528
+ wui-icon-link[data-hidden='true'] {
529
+ opacity: 0 !important;
530
+ pointer-events: none;
531
+ }
532
+
533
+ @keyframes slide-up-out {
534
+ from {
535
+ transform: translateY(0px);
536
+ opacity: 1;
537
+ }
538
+ to {
539
+ transform: translateY(3px);
540
+ opacity: 0;
541
+ }
542
+ }
543
+
544
+ @keyframes slide-up-in {
545
+ from {
546
+ transform: translateY(-3px);
547
+ opacity: 0;
548
+ }
549
+ to {
550
+ transform: translateY(0);
551
+ opacity: 1;
552
+ }
553
+ }
554
+
555
+ @keyframes slide-down-out {
556
+ from {
557
+ transform: translateY(0px);
558
+ opacity: 1;
559
+ }
560
+ to {
561
+ transform: translateY(-3px);
562
+ opacity: 0;
563
+ }
564
+ }
565
+
566
+ @keyframes slide-down-in {
567
+ from {
568
+ transform: translateY(3px);
569
+ opacity: 0;
570
+ }
571
+ to {
572
+ transform: translateY(0);
573
+ opacity: 1;
574
+ }
575
+ }
576
+ `},86289:(e,t,i)=>{i.d(t,{A:()=>o});const o=i(35842).AH`
577
+ :host {
578
+ display: block;
579
+ border-radius: clamp(0px, var(--wui-border-radius-l), 44px);
580
+ box-shadow: 0 0 0 1px var(--wui-color-gray-glass-005);
581
+ background-color: var(--wui-color-modal-bg);
582
+ overflow: hidden;
583
+ }
584
+
585
+ :host([data-embedded='true']) {
586
+ box-shadow:
587
+ 0 0 0 1px var(--wui-color-gray-glass-005),
588
+ 0px 4px 12px 4px var(--w3m-card-embedded-shadow-color);
589
+ }
590
+ `},95084:(e,t,i)=>{i(3953)},99330:(e,t,i)=>{i.d(t,{A:()=>o});const o=i(35842).AH`
591
+ :host {
592
+ display: flex;
593
+ align-items: center;
594
+ justify-content: center;
595
+ padding: var(--wui-spacing-s);
596
+ border-radius: var(--wui-border-radius-s);
597
+ border: 1px solid var(--wui-color-dark-glass-100);
598
+ box-sizing: border-box;
599
+ background-color: var(--wui-color-bg-325);
600
+ box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.25);
601
+ }
602
+
603
+ wui-flex {
604
+ width: 100%;
605
+ }
606
+
607
+ wui-text {
608
+ word-break: break-word;
609
+ flex: 1;
610
+ }
611
+
612
+ .close {
613
+ cursor: pointer;
614
+ }
615
+
616
+ .icon-box {
617
+ height: 40px;
618
+ width: 40px;
619
+ border-radius: var(--wui-border-radius-3xs);
620
+ background-color: var(--local-icon-bg-value);
621
+ }
622
+ `}};
@@ -0,0 +1,9 @@
1
+ export const __webpack_esm_id__=602;export const __webpack_esm_ids__=[602];export const __webpack_esm_modules__={90602:(c,e,_)=>{_.r(e),_.d(e,{desktopSvg:()=>o});const o=_(35842).JW`<svg fill="none" viewBox="0 0 20 20">
2
+ <path
3
+ fill="currentColor"
4
+ fill-rule="evenodd"
5
+ d="M13.66 2H6.34c-1.07 0-1.96 0-2.68.08-.74.08-1.42.25-2.01.68a4 4 0 0 0-.89.89c-.43.6-.6 1.27-.68 2.01C0 6.38 0 7.26 0 8.34v.89c0 1.07 0 1.96.08 2.68.08.74.25 1.42.68 2.01a4 4 0 0 0 .89.89c.6.43 1.27.6 2.01.68a27 27 0 0 0 2.68.08h7.32a27 27 0 0 0 2.68-.08 4.03 4.03 0 0 0 2.01-.68 4 4 0 0 0 .89-.89c.43-.6.6-1.27.68-2.01.08-.72.08-1.6.08-2.68v-.89c0-1.07 0-1.96-.08-2.68a4.04 4.04 0 0 0-.68-2.01 4 4 0 0 0-.89-.89c-.6-.43-1.27-.6-2.01-.68C15.62 2 14.74 2 13.66 2ZM2.82 4.38c.2-.14.48-.25 1.06-.31C4.48 4 5.25 4 6.4 4h7.2c1.15 0 1.93 0 2.52.07.58.06.86.17 1.06.31a2 2 0 0 1 .44.44c.14.2.25.48.31 1.06.07.6.07 1.37.07 2.52v.77c0 1.15 0 1.93-.07 2.52-.06.58-.17.86-.31 1.06a2 2 0 0 1-.44.44c-.2.14-.48.25-1.06.32-.6.06-1.37.06-2.52.06H6.4c-1.15 0-1.93 0-2.52-.06-.58-.07-.86-.18-1.06-.32a2 2 0 0 1-.44-.44c-.14-.2-.25-.48-.31-1.06C2 11.1 2 10.32 2 9.17V8.4c0-1.15 0-1.93.07-2.52.06-.58.17-.86.31-1.06a2 2 0 0 1 .44-.44Z"
6
+ clip-rule="evenodd"
7
+ />
8
+ <path fill="currentColor" d="M6.14 17.57a1 1 0 1 0 0 2h7.72a1 1 0 1 0 0-2H6.14Z" />
9
+ </svg>`}};
@@ -1,4 +1,4 @@
1
- export const __webpack_id__=6024;export const __webpack_ids__=[6024];export const __webpack_modules__={76024:(l,e,c)=>{c.r(e),c.d(e,{verifyFilledSvg:()=>_});const _=c(94062).JW`<svg fill="none" viewBox="0 0 14 14">
1
+ export const __webpack_esm_id__=6024;export const __webpack_esm_ids__=[6024];export const __webpack_esm_modules__={76024:(l,e,_)=>{_.r(e),_.d(e,{verifyFilledSvg:()=>c});const c=_(52788).JW`<svg fill="none" viewBox="0 0 14 14">
2
2
  <path
3
3
  fill="currentColor"
4
4
  fill-rule="evenodd"