@prohetamine/redstone 0.0.1

package/dist/index-aamBi9Tu.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CjZQCcwG.js");Object.defineProperty(exports,"AppKitAccountButton",{enumerable:!0,get:()=>e.AppKitAccountButton});Object.defineProperty(exports,"AppKitButton",{enumerable:!0,get:()=>e.AppKitButton});Object.defineProperty(exports,"AppKitConnectButton",{enumerable:!0,get:()=>e.AppKitConnectButton});Object.defineProperty(exports,"AppKitNetworkButton",{enumerable:!0,get:()=>e.AppKitNetworkButton});Object.defineProperty(exports,"W3mAccountButton",{enumerable:!0,get:()=>e.W3mAccountButton});Object.defineProperty(exports,"W3mAccountSettingsView",{enumerable:!0,get:()=>e.W3mAccountSettingsView});Object.defineProperty(exports,"W3mAccountView",{enumerable:!0,get:()=>e.W3mAccountView});Object.defineProperty(exports,"W3mAllWalletsView",{enumerable:!0,get:()=>e.W3mAllWalletsView});Object.defineProperty(exports,"W3mButton",{enumerable:!0,get:()=>e.W3mButton});Object.defineProperty(exports,"W3mChooseAccountNameView",{enumerable:!0,get:()=>e.W3mChooseAccountNameView});Object.defineProperty(exports,"W3mConnectButton",{enumerable:!0,get:()=>e.W3mConnectButton});Object.defineProperty(exports,"W3mConnectView",{enumerable:!0,get:()=>e.W3mConnectView});Object.defineProperty(exports,"W3mConnectWalletsView",{enumerable:!0,get:()=>e.W3mConnectWalletsView});Object.defineProperty(exports,"W3mConnectingExternalView",{enumerable:!0,get:()=>e.W3mConnectingExternalView});Object.defineProperty(exports,"W3mConnectingMultiChainView",{enumerable:!0,get:()=>e.W3mConnectingMultiChainView});Object.defineProperty(exports,"W3mConnectingWcBasicView",{enumerable:!0,get:()=>e.W3mConnectingWcBasicView});Object.defineProperty(exports,"W3mConnectingWcView",{enumerable:!0,get:()=>e.W3mConnectingWcView});Object.defineProperty(exports,"W3mDownloadsView",{enumerable:!0,get:()=>e.W3mDownloadsView});Object.defineProperty(exports,"W3mFooter",{enumerable:!0,get:()=>e.W3mFooter});Object.defineProperty(exports,"W3mFundWalletView",{enumerable:!0,get:()=>e.W3mFundWalletView});Object.defineProperty(exports,"W3mGetWalletView",{enumerable:!0,get:()=>e.W3mGetWalletView});Object.defineProperty(exports,"W3mNetworkButton",{enumerable:!0,get:()=>e.W3mNetworkButton});Object.defineProperty(exports,"W3mNetworkSwitchView",{enumerable:!0,get:()=>e.W3mNetworkSwitchView});Object.defineProperty(exports,"W3mNetworksView",{enumerable:!0,get:()=>e.W3mNetworksView});Object.defineProperty(exports,"W3mProfileWalletsView",{enumerable:!0,get:()=>e.W3mProfileWalletsView});Object.defineProperty(exports,"W3mRouter",{enumerable:!0,get:()=>e.W3mRouter});Object.defineProperty(exports,"W3mSIWXSignMessageView",{enumerable:!0,get:()=>e.W3mSIWXSignMessageView});Object.defineProperty(exports,"W3mSwitchActiveChainView",{enumerable:!0,get:()=>e.W3mSwitchActiveChainView});Object.defineProperty(exports,"W3mUnsupportedChainView",{enumerable:!0,get:()=>e.W3mUnsupportedChainView});Object.defineProperty(exports,"W3mWalletCompatibleNetworksView",{enumerable:!0,get:()=>e.W3mWalletCompatibleNetworksView});Object.defineProperty(exports,"W3mWhatIsANetworkView",{enumerable:!0,get:()=>e.W3mWhatIsANetworkView});Object.defineProperty(exports,"W3mWhatIsAWalletView",{enumerable:!0,get:()=>e.W3mWhatIsAWalletView});

package/dist/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CjZQCcwG.js");exports.Provider=e.Provider;exports.config=e.config;exports.useApp=e.useApp;exports.useCertificateCommissionID=e.useCertificateCommissionID;exports.useCounter=e.useCounter;exports.useList=e.useList;exports.useNote=e.useNote;exports.usePingNetwork=e.usePingNetwork;exports.useReadListItem=e.useReadListItem;exports.useReadNote=e.useReadStorage;exports.useReadStatistics=e.useReadStatistics;

package/dist/index.es.js

@@ -0,0 +1,14 @@
+import { dE as a, dF as d, dG as t, dH as i, dI as o, dJ as u, dK as r, dL as m, dM as n, dN as N, dO as c } from "./index-B6Mg114Z.mjs";
+export {
+  a as Provider,
+  d as config,
+  t as useApp,
+  i as useCertificateCommissionID,
+  o as useCounter,
+  u as useList,
+  r as useNote,
+  m as usePingNetwork,
+  n as useReadListItem,
+  N as useReadNote,
+  c as useReadStatistics
+};

package/dist/onramp-DLlhSPQg.js

@@ -0,0 +1,422 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CjZQCcwG.js"),b=e.css`
+  :host > wui-grid {
+    max-height: 360px;
+    overflow: auto;
+  }
+
+  wui-flex {
+    transition: opacity ${({easings:r})=>r["ease-out-power-1"]}
+      ${({durations:r})=>r.md};
+    will-change: opacity;
+  }
+
+  wui-grid::-webkit-scrollbar {
+    display: none;
+  }
+
+  wui-flex.disabled {
+    opacity: 0.3;
+    pointer-events: none;
+    user-select: none;
+  }
+`;var y=function(r,t,i,o){var s=arguments.length,n=s<3?t:o===null?o=Object.getOwnPropertyDescriptor(t,i):o,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(r,t,i,o);else for(var l=r.length-1;l>=0;l--)(a=r[l])&&(n=(s<3?a(n):s>3?a(t,i,n):a(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n};exports.W3mOnrampFiatSelectView=class extends e.i{constructor(){super(),this.unsubscribe=[],this.selectedCurrency=e.OnRampController.state.paymentCurrency,this.currencies=e.OnRampController.state.paymentCurrencies,this.currencyImages=e.AssetController.state.currencyImages,this.checked=e.OptionsStateController.state.isLegalCheckboxChecked,this.unsubscribe.push(e.OnRampController.subscribe(t=>{this.selectedCurrency=t.paymentCurrency,this.currencies=t.paymentCurrencies}),e.AssetController.subscribeKey("currencyImages",t=>this.currencyImages=t),e.OptionsStateController.subscribeKey("isLegalCheckboxChecked",t=>{this.checked=t}))}disconnectedCallback(){this.unsubscribe.forEach(t=>t())}render(){var l;const{termsConditionsUrl:t,privacyPolicyUrl:i}=e.OptionsController.state,o=(l=e.OptionsController.state.features)==null?void 0:l.legalCheckbox,a=!!(t||i)&&!!o&&!this.checked;return e.b`
+      <w3m-legal-checkbox></w3m-legal-checkbox>
+      <wui-flex
+        flexDirection="column"
+        .padding=${["0","3","3","3"]}
+        gap="2"
+        class=${e.o(a?"disabled":void 0)}
+      >
+        ${this.currenciesTemplate(a)}
+      </wui-flex>
+    `}currenciesTemplate(t=!1){return this.currencies.map(i=>{var o;return e.b`
+        <wui-list-item
+          imageSrc=${e.o((o=this.currencyImages)==null?void 0:o[i.id])}
+          @click=${()=>this.selectCurrency(i)}
+          variant="image"
+          tabIdx=${e.o(t?-1:void 0)}
+        >
+          <wui-text variant="md-medium" color="primary">${i.id}</wui-text>
+        </wui-list-item>
+      `})}selectCurrency(t){t&&(e.OnRampController.setPaymentCurrency(t),e.ModalController.close())}};exports.W3mOnrampFiatSelectView.styles=b;y([e.r()],exports.W3mOnrampFiatSelectView.prototype,"selectedCurrency",void 0);y([e.r()],exports.W3mOnrampFiatSelectView.prototype,"currencies",void 0);y([e.r()],exports.W3mOnrampFiatSelectView.prototype,"currencyImages",void 0);y([e.r()],exports.W3mOnrampFiatSelectView.prototype,"checked",void 0);exports.W3mOnrampFiatSelectView=y([e.customElement("w3m-onramp-fiat-select-view")],exports.W3mOnrampFiatSelectView);const g=e.css`
+  button {
+    padding: ${({spacing:r})=>r[3]};
+    border-radius: ${({borderRadius:r})=>r[4]};
+    border: none;
+    outline: none;
+    background-color: ${({tokens:r})=>r.core.glass010};
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    gap: ${({spacing:r})=>r[3]};
+    transition: background-color ${({easings:r})=>r["ease-out-power-1"]}
+      ${({durations:r})=>r.md};
+    will-change: background-color;
+    cursor: pointer;
+  }
+
+  button:hover {
+    background-color: ${({tokens:r})=>r.theme.foregroundPrimary};
+  }
+
+  .provider-image {
+    width: ${({spacing:r})=>r[10]};
+    min-width: ${({spacing:r})=>r[10]};
+    height: ${({spacing:r})=>r[10]};
+    border-radius: calc(
+      ${({borderRadius:r})=>r[4]} - calc(${({spacing:r})=>r[3]} / 2)
+    );
+    position: relative;
+    overflow: hidden;
+  }
+
+  .network-icon {
+    width: ${({spacing:r})=>r[3]};
+    height: ${({spacing:r})=>r[3]};
+    border-radius: calc(${({spacing:r})=>r[3]} / 2);
+    overflow: hidden;
+    box-shadow:
+      0 0 0 3px ${({tokens:r})=>r.theme.foregroundPrimary},
+      0 0 0 3px ${({tokens:r})=>r.theme.backgroundPrimary};
+    transition: box-shadow ${({easings:r})=>r["ease-out-power-1"]}
+      ${({durations:r})=>r.md};
+    will-change: box-shadow;
+  }
+
+  button:hover .network-icon {
+    box-shadow:
+      0 0 0 3px ${({tokens:r})=>r.core.glass010},
+      0 0 0 3px ${({tokens:r})=>r.theme.backgroundPrimary};
+  }
+`;var p=function(r,t,i,o){var s=arguments.length,n=s<3?t:o===null?o=Object.getOwnPropertyDescriptor(t,i):o,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(r,t,i,o);else for(var l=r.length-1;l>=0;l--)(a=r[l])&&(n=(s<3?a(n):s>3?a(t,i,n):a(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n};let c=class extends e.i{constructor(){super(...arguments),this.disabled=!1,this.color="inherit",this.label="",this.feeRange="",this.loading=!1,this.onClick=null}render(){return e.b`
+      <button ?disabled=${this.disabled} @click=${this.onClick} ontouchstart>
+        <wui-visual name=${e.o(this.name)} class="provider-image"></wui-visual>
+        <wui-flex flexDirection="column" gap="01">
+          <wui-text variant="md-regular" color="primary">${this.label}</wui-text>
+          <wui-flex alignItems="center" justifyContent="flex-start" gap="4">
+            <wui-text variant="sm-medium" color="primary">
+              <wui-text variant="sm-regular" color="secondary">Fees</wui-text>
+              ${this.feeRange}
+            </wui-text>
+            <wui-flex gap="2">
+              <wui-icon name="bank" size="sm" color="default"></wui-icon>
+              <wui-icon name="card" size="sm" color="default"></wui-icon>
+            </wui-flex>
+            ${this.networksTemplate()}
+          </wui-flex>
+        </wui-flex>
+        ${this.loading?e.b`<wui-loading-spinner color="secondary" size="md"></wui-loading-spinner>`:e.b`<wui-icon name="chevronRight" color="default" size="sm"></wui-icon>`}
+      </button>
+    `}networksTemplate(){var o;const t=e.ChainController.getAllRequestedCaipNetworks(),i=(o=t==null?void 0:t.filter(s=>{var n;return(n=s==null?void 0:s.assets)==null?void 0:n.imageId}))==null?void 0:o.slice(0,5);return e.b`
+      <wui-flex class="networks">
+        ${i==null?void 0:i.map(s=>e.b`
+            <wui-flex class="network-icon">
+              <wui-image src=${e.o(e.AssetUtil.getNetworkImage(s))}></wui-image>
+            </wui-flex>
+          `)}
+      </wui-flex>
+    `}};c.styles=[g];p([e.n({type:Boolean})],c.prototype,"disabled",void 0);p([e.n()],c.prototype,"color",void 0);p([e.n()],c.prototype,"name",void 0);p([e.n()],c.prototype,"label",void 0);p([e.n()],c.prototype,"feeRange",void 0);p([e.n({type:Boolean})],c.prototype,"loading",void 0);p([e.n()],c.prototype,"onClick",void 0);c=p([e.customElement("w3m-onramp-provider-item")],c);var w=function(r,t,i,o){var s=arguments.length,n=s<3?t:o===null?o=Object.getOwnPropertyDescriptor(t,i):o,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(r,t,i,o);else for(var l=r.length-1;l>=0;l--)(a=r[l])&&(n=(s<3?a(n):s>3?a(t,i,n):a(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n};exports.W3mOnRampProvidersView=class extends e.i{constructor(){super(),this.unsubscribe=[],this.providers=e.OnRampController.state.providers,this.unsubscribe.push(e.OnRampController.subscribeKey("providers",t=>{this.providers=t}))}render(){return e.b`
+      <wui-flex flexDirection="column" .padding=${["0","3","3","3"]} gap="2">
+        ${this.onRampProvidersTemplate()}
+      </wui-flex>
+    `}onRampProvidersTemplate(){return this.providers.filter(t=>t.supportedChains.includes(e.ChainController.state.activeChain??"eip155")).map(t=>e.b`
+          <w3m-onramp-provider-item
+            label=${t.label}
+            name=${t.name}
+            feeRange=${t.feeRange}
+            @click=${()=>{this.onClickProvider(t)}}
+            ?disabled=${!t.url}
+            data-testid=${`onramp-provider-${t.name}`}
+          ></w3m-onramp-provider-item>
+        `)}onClickProvider(t){var i;e.OnRampController.setSelectedProvider(t),e.RouterController.push("BuyInProgress"),e.CoreHelperUtil.openHref(((i=e.OnRampController.state.selectedProvider)==null?void 0:i.url)||t.url,"popupWindow","width=600,height=800,scrollbars=yes"),e.EventsController.sendEvent({type:"track",event:"SELECT_BUY_PROVIDER",properties:{provider:t.name,isSmartAccount:e.getPreferredAccountType(e.ChainController.state.activeChain)===e.W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT}})}};w([e.r()],exports.W3mOnRampProvidersView.prototype,"providers",void 0);exports.W3mOnRampProvidersView=w([e.customElement("w3m-onramp-providers-view")],exports.W3mOnRampProvidersView);const C=e.css`
+  :host > wui-grid {
+    max-height: 360px;
+    overflow: auto;
+  }
+
+  wui-flex {
+    transition: opacity ${({easings:r})=>r["ease-out-power-1"]}
+      ${({durations:r})=>r.md};
+    will-change: opacity;
+  }
+
+  wui-grid::-webkit-scrollbar {
+    display: none;
+  }
+
+  wui-flex.disabled {
+    opacity: 0.3;
+    pointer-events: none;
+    user-select: none;
+  }
+`;var f=function(r,t,i,o){var s=arguments.length,n=s<3?t:o===null?o=Object.getOwnPropertyDescriptor(t,i):o,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(r,t,i,o);else for(var l=r.length-1;l>=0;l--)(a=r[l])&&(n=(s<3?a(n):s>3?a(t,i,n):a(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n};exports.W3mOnrampTokensView=class extends e.i{constructor(){super(),this.unsubscribe=[],this.selectedCurrency=e.OnRampController.state.purchaseCurrencies,this.tokens=e.OnRampController.state.purchaseCurrencies,this.tokenImages=e.AssetController.state.tokenImages,this.checked=e.OptionsStateController.state.isLegalCheckboxChecked,this.unsubscribe.push(e.OnRampController.subscribe(t=>{this.selectedCurrency=t.purchaseCurrencies,this.tokens=t.purchaseCurrencies}),e.AssetController.subscribeKey("tokenImages",t=>this.tokenImages=t),e.OptionsStateController.subscribeKey("isLegalCheckboxChecked",t=>{this.checked=t}))}disconnectedCallback(){this.unsubscribe.forEach(t=>t())}render(){var l;const{termsConditionsUrl:t,privacyPolicyUrl:i}=e.OptionsController.state,o=(l=e.OptionsController.state.features)==null?void 0:l.legalCheckbox,a=!!(t||i)&&!!o&&!this.checked;return e.b`
+      <w3m-legal-checkbox></w3m-legal-checkbox>
+      <wui-flex
+        flexDirection="column"
+        .padding=${["0","3","3","3"]}
+        gap="2"
+        class=${e.o(a?"disabled":void 0)}
+      >
+        ${this.currenciesTemplate(a)}
+      </wui-flex>
+    `}currenciesTemplate(t=!1){return this.tokens.map(i=>{var o;return e.b`
+        <wui-list-item
+          imageSrc=${e.o((o=this.tokenImages)==null?void 0:o[i.symbol])}
+          @click=${()=>this.selectToken(i)}
+          variant="image"
+          tabIdx=${e.o(t?-1:void 0)}
+        >
+          <wui-flex gap="1" alignItems="center">
+            <wui-text variant="md-medium" color="primary">${i.name}</wui-text>
+            <wui-text variant="sm-regular" color="secondary">${i.symbol}</wui-text>
+          </wui-flex>
+        </wui-list-item>
+      `})}selectToken(t){t&&(e.OnRampController.setPurchaseCurrency(t),e.ModalController.close())}};exports.W3mOnrampTokensView.styles=C;f([e.r()],exports.W3mOnrampTokensView.prototype,"selectedCurrency",void 0);f([e.r()],exports.W3mOnrampTokensView.prototype,"tokens",void 0);f([e.r()],exports.W3mOnrampTokensView.prototype,"tokenImages",void 0);f([e.r()],exports.W3mOnrampTokensView.prototype,"checked",void 0);exports.W3mOnrampTokensView=f([e.customElement("w3m-onramp-token-select-view")],exports.W3mOnrampTokensView);const v=e.css`
+  @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-visual {
+    border-radius: calc(
+      ${({borderRadius:r})=>r[1]} * 9 - ${({borderRadius:r})=>r[3]}
+    );
+    position: relative;
+    overflow: hidden;
+  }
+
+  wui-icon-box {
+    position: absolute;
+    right: calc(${({spacing:r})=>r[1]} * -1);
+    bottom: calc(${({spacing:r})=>r[1]} * -1);
+    opacity: 0;
+    transform: scale(0.5);
+    transition:
+      opacity ${({durations:r})=>r.lg} ${({easings:r})=>r["ease-out-power-2"]},
+      transform ${({durations:r})=>r.lg}
+        ${({easings:r})=>r["ease-out-power-2"]};
+    will-change: opacity, transform;
+  }
+
+  wui-text[align='center'] {
+    width: 100%;
+    padding: 0px ${({spacing:r})=>r[4]};
+  }
+
+  [data-error='true'] wui-icon-box {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  [data-error='true'] > wui-flex:first-child {
+    animation: shake 250ms ${({easings:r})=>r["ease-out-power-2"]} both;
+  }
+
+  [data-retry='false'] wui-link {
+    display: none;
+  }
+
+  [data-retry='true'] wui-link {
+    display: block;
+    opacity: 1;
+  }
+
+  wui-link {
+    padding: ${({spacing:r})=>r["01"]} ${({spacing:r})=>r[2]};
+  }
+`;var u=function(r,t,i,o){var s=arguments.length,n=s<3?t:o===null?o=Object.getOwnPropertyDescriptor(t,i):o,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(r,t,i,o);else for(var l=r.length-1;l>=0;l--)(a=r[l])&&(n=(s<3?a(n):s>3?a(t,i,n):a(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n};exports.W3mBuyInProgressView=class extends e.i{constructor(){super(),this.unsubscribe=[],this.selectedOnRampProvider=e.OnRampController.state.selectedProvider,this.uri=e.ConnectionController.state.wcUri,this.ready=!1,this.showRetry=!1,this.buffering=!1,this.error=!1,this.isMobile=!1,this.onRetry=void 0,this.unsubscribe.push(e.OnRampController.subscribeKey("selectedProvider",t=>{this.selectedOnRampProvider=t}))}disconnectedCallback(){this.intervalId&&clearInterval(this.intervalId)}render(){var o,s;let t="Continue in external window";this.error?t="Buy failed":this.selectedOnRampProvider&&(t=`Buy in ${(o=this.selectedOnRampProvider)==null?void 0:o.label}`);const i=this.error?"Buy can be declined from your side or due to and error on the provider app":"We’ll notify you once your Buy is processed";return e.b`
+      <wui-flex
+        data-error=${e.o(this.error)}
+        data-retry=${this.showRetry}
+        flexDirection="column"
+        alignItems="center"
+        .padding=${["10","5","5","5"]}
+        gap="5"
+      >
+        <wui-flex justifyContent="center" alignItems="center">
+          <wui-visual
+            name=${e.o((s=this.selectedOnRampProvider)==null?void 0:s.name)}
+            size="lg"
+            class="provider-image"
+          >
+          </wui-visual>
+
+          ${this.error?null:this.loaderTemplate()}
+
+          <wui-icon-box
+            color="error"
+            icon="close"
+            size="sm"
+            border
+            borderColor="wui-color-bg-125"
+          ></wui-icon-box>
+        </wui-flex>
+
+        <wui-flex
+          flexDirection="column"
+          alignItems="center"
+          gap="2"
+          .padding=${["4","0","0","0"]}
+        >
+          <wui-text variant="md-medium" color=${this.error?"error":"primary"}>
+            ${t}
+          </wui-text>
+          <wui-text align="center" variant="sm-medium" color="secondary">${i}</wui-text>
+        </wui-flex>
+
+        ${this.error?this.tryAgainTemplate():null}
+      </wui-flex>
+
+      <wui-flex .padding=${["0","5","5","5"]} justifyContent="center">
+        <wui-link @click=${this.onCopyUri} color="secondary">
+          <wui-icon size="sm" color="default" slot="iconLeft" name="copy"></wui-icon>
+          Copy link
+        </wui-link>
+      </wui-flex>
+    `}onTryAgain(){this.selectedOnRampProvider&&(this.error=!1,e.CoreHelperUtil.openHref(this.selectedOnRampProvider.url,"popupWindow","width=600,height=800,scrollbars=yes"))}tryAgainTemplate(){var t;return(t=this.selectedOnRampProvider)!=null&&t.url?e.b`<wui-button size="md" variant="accent" @click=${this.onTryAgain.bind(this)}>
+      <wui-icon color="inherit" slot="iconLeft" name="refresh"></wui-icon>
+      Try again
+    </wui-button>`:null}loaderTemplate(){const t=e.ThemeController.state.themeVariables["--w3m-border-radius-master"],i=t?parseInt(t.replace("px",""),10):4;return e.b`<wui-loading-thumbnail radius=${i*9}></wui-loading-thumbnail>`}onCopyUri(){var t;if(!((t=this.selectedOnRampProvider)!=null&&t.url)){e.SnackController.showError("No link found"),e.RouterController.goBack();return}try{e.CoreHelperUtil.copyToClopboard(this.selectedOnRampProvider.url),e.SnackController.showSuccess("Link copied")}catch{e.SnackController.showError("Failed to copy")}}};exports.W3mBuyInProgressView.styles=v;u([e.r()],exports.W3mBuyInProgressView.prototype,"intervalId",void 0);u([e.r()],exports.W3mBuyInProgressView.prototype,"selectedOnRampProvider",void 0);u([e.r()],exports.W3mBuyInProgressView.prototype,"uri",void 0);u([e.r()],exports.W3mBuyInProgressView.prototype,"ready",void 0);u([e.r()],exports.W3mBuyInProgressView.prototype,"showRetry",void 0);u([e.r()],exports.W3mBuyInProgressView.prototype,"buffering",void 0);u([e.r()],exports.W3mBuyInProgressView.prototype,"error",void 0);u([e.n({type:Boolean})],exports.W3mBuyInProgressView.prototype,"isMobile",void 0);u([e.n()],exports.W3mBuyInProgressView.prototype,"onRetry",void 0);exports.W3mBuyInProgressView=u([e.customElement("w3m-buy-in-progress-view")],exports.W3mBuyInProgressView);var x=function(r,t,i,o){var s=arguments.length,n=s<3?t:o===null?o=Object.getOwnPropertyDescriptor(t,i):o,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(r,t,i,o);else for(var l=r.length-1;l>=0;l--)(a=r[l])&&(n=(s<3?a(n):s>3?a(t,i,n):a(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n};exports.W3mWhatIsABuyView=class extends e.i{render(){return e.b`
+      <wui-flex
+        flexDirection="column"
+        .padding=${["6","10","5","10"]}
+        alignItems="center"
+        gap="5"
+      >
+        <wui-visual name="onrampCard"></wui-visual>
+        <wui-flex flexDirection="column" gap="2" alignItems="center">
+          <wui-text align="center" variant="md-medium" color="primary">
+            Quickly and easily buy digital assets!
+          </wui-text>
+          <wui-text align="center" variant="sm-regular" color="secondary">
+            Simply select your preferred onramp provider and add digital assets to your account
+            using your credit card or bank transfer
+          </wui-text>
+        </wui-flex>
+        <wui-button @click=${e.RouterController.goBack}>
+          <wui-icon size="sm" color="inherit" name="add" slot="iconLeft"></wui-icon>
+          Buy
+        </wui-button>
+      </wui-flex>
+    `}};exports.W3mWhatIsABuyView=x([e.customElement("w3m-what-is-a-buy-view")],exports.W3mWhatIsABuyView);const $=e.css`
+  :host {
+    width: 100%;
+  }
+
+  wui-loading-spinner {
+    position: absolute;
+    top: 50%;
+    right: 20px;
+    transform: translateY(-50%);
+  }
+
+  .currency-container {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    right: ${({spacing:r})=>r[2]};
+    height: 40px;
+    padding: ${({spacing:r})=>r[2]} ${({spacing:r})=>r[2]}
+      ${({spacing:r})=>r[2]} ${({spacing:r})=>r[2]};
+    min-width: 95px;
+    border-radius: ${({borderRadius:r})=>r.round};
+    border: 1px solid ${({tokens:r})=>r.theme.foregroundPrimary};
+    background: ${({tokens:r})=>r.theme.foregroundPrimary};
+    cursor: pointer;
+  }
+
+  .currency-container > wui-image {
+    height: 24px;
+    width: 24px;
+    border-radius: 50%;
+  }
+`;var h=function(r,t,i,o){var s=arguments.length,n=s<3?t:o===null?o=Object.getOwnPropertyDescriptor(t,i):o,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(r,t,i,o);else for(var l=r.length-1;l>=0;l--)(a=r[l])&&(n=(s<3?a(n):s>3?a(t,i,n):a(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n};let d=class extends e.i{constructor(){var t;super(),this.unsubscribe=[],this.type="Token",this.value=0,this.currencies=[],this.selectedCurrency=(t=this.currencies)==null?void 0:t[0],this.currencyImages=e.AssetController.state.currencyImages,this.tokenImages=e.AssetController.state.tokenImages,this.unsubscribe.push(e.OnRampController.subscribeKey("purchaseCurrency",i=>{!i||this.type==="Fiat"||(this.selectedCurrency=this.formatPurchaseCurrency(i))}),e.OnRampController.subscribeKey("paymentCurrency",i=>{!i||this.type==="Token"||(this.selectedCurrency=this.formatPaymentCurrency(i))}),e.OnRampController.subscribe(i=>{this.type==="Fiat"?this.currencies=i.purchaseCurrencies.map(this.formatPurchaseCurrency):this.currencies=i.paymentCurrencies.map(this.formatPaymentCurrency)}),e.AssetController.subscribe(i=>{this.currencyImages={...i.currencyImages},this.tokenImages={...i.tokenImages}}))}firstUpdated(){e.OnRampController.getAvailableCurrencies()}disconnectedCallback(){this.unsubscribe.forEach(t=>t())}render(){var o;const t=((o=this.selectedCurrency)==null?void 0:o.symbol)||"",i=this.currencyImages[t]||this.tokenImages[t];return e.b`<wui-input-text type="number" size="lg" value=${this.value}>
+      ${this.selectedCurrency?e.b` <wui-flex
+            class="currency-container"
+            justifyContent="space-between"
+            alignItems="center"
+            gap="1"
+            @click=${()=>e.ModalController.open({view:`OnRamp${this.type}Select`})}
+          >
+            <wui-image src=${e.o(i)}></wui-image>
+            <wui-text color="primary">${this.selectedCurrency.symbol}</wui-text>
+          </wui-flex>`:e.b`<wui-loading-spinner></wui-loading-spinner>`}
+    </wui-input-text>`}formatPaymentCurrency(t){return{name:t.id,symbol:t.id}}formatPurchaseCurrency(t){return{name:t.name,symbol:t.symbol}}};d.styles=$;h([e.n({type:String})],d.prototype,"type",void 0);h([e.n({type:Number})],d.prototype,"value",void 0);h([e.r()],d.prototype,"currencies",void 0);h([e.r()],d.prototype,"selectedCurrency",void 0);h([e.r()],d.prototype,"currencyImages",void 0);h([e.r()],d.prototype,"tokenImages",void 0);d=h([e.customElement("w3m-onramp-input")],d);const O=e.css`
+  :host > wui-flex {
+    width: 100%;
+    max-width: 360px;
+  }
+
+  :host > wui-flex > wui-flex {
+    border-radius: ${({borderRadius:r})=>r[8]};
+    width: 100%;
+  }
+
+  .amounts-container {
+    width: 100%;
+  }
+`;var m=function(r,t,i,o){var s=arguments.length,n=s<3?t:o===null?o=Object.getOwnPropertyDescriptor(t,i):o,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(r,t,i,o);else for(var l=r.length-1;l>=0;l--)(a=r[l])&&(n=(s<3?a(n):s>3?a(t,i,n):a(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n};const R={USD:"$",EUR:"€",GBP:"£"},P=[100,250,500,1e3];exports.W3mOnrampWidget=class extends e.i{constructor(){super(),this.unsubscribe=[],this.disabled=!1,this.caipAddress=e.ChainController.state.activeCaipAddress,this.loading=e.ModalController.state.loading,this.paymentCurrency=e.OnRampController.state.paymentCurrency,this.paymentAmount=e.OnRampController.state.paymentAmount,this.purchaseAmount=e.OnRampController.state.purchaseAmount,this.quoteLoading=e.OnRampController.state.quotesLoading,this.unsubscribe.push(e.ChainController.subscribeKey("activeCaipAddress",t=>this.caipAddress=t),e.ModalController.subscribeKey("loading",t=>{this.loading=t}),e.OnRampController.subscribe(t=>{this.paymentCurrency=t.paymentCurrency,this.paymentAmount=t.paymentAmount,this.purchaseAmount=t.purchaseAmount,this.quoteLoading=t.quotesLoading}))}disconnectedCallback(){this.unsubscribe.forEach(t=>t())}render(){return e.b`
+      <wui-flex flexDirection="column" justifyContent="center" alignItems="center">
+        <wui-flex flexDirection="column" alignItems="center" gap="2">
+          <w3m-onramp-input
+            type="Fiat"
+            @inputChange=${this.onPaymentAmountChange.bind(this)}
+            .value=${this.paymentAmount||0}
+          ></w3m-onramp-input>
+          <w3m-onramp-input
+            type="Token"
+            .value=${this.purchaseAmount||0}
+            .loading=${this.quoteLoading}
+          ></w3m-onramp-input>
+          <wui-flex justifyContent="space-evenly" class="amounts-container" gap="2">
+            ${P.map(t=>{var i;return e.b`<wui-button
+                  variant=${this.paymentAmount===t?"accent-secondary":"neutral-secondary"}
+                  size="md"
+                  textVariant="md-medium"
+                  fullWidth
+                  @click=${()=>this.selectPresetAmount(t)}
+                  >${`${R[((i=this.paymentCurrency)==null?void 0:i.id)||"USD"]} ${t}`}</wui-button
+                >`})}
+          </wui-flex>
+          ${this.templateButton()}
+        </wui-flex>
+      </wui-flex>
+    `}templateButton(){return this.caipAddress?e.b`<wui-button
+          @click=${this.getQuotes.bind(this)}
+          variant="accent-primary"
+          fullWidth
+          size="lg"
+          borderRadius="xs"
+        >
+          Get quotes
+        </wui-button>`:e.b`<wui-button
+          @click=${this.openModal.bind(this)}
+          variant="accent"
+          fullWidth
+          size="lg"
+          borderRadius="xs"
+        >
+          Connect wallet
+        </wui-button>`}getQuotes(){this.loading||e.ModalController.open({view:"OnRampProviders"})}openModal(){e.ModalController.open({view:"Connect"})}async onPaymentAmountChange(t){e.OnRampController.setPaymentAmount(Number(t.detail)),await e.OnRampController.getQuote()}async selectPresetAmount(t){e.OnRampController.setPaymentAmount(t),await e.OnRampController.getQuote()}};exports.W3mOnrampWidget.styles=O;m([e.n({type:Boolean})],exports.W3mOnrampWidget.prototype,"disabled",void 0);m([e.r()],exports.W3mOnrampWidget.prototype,"caipAddress",void 0);m([e.r()],exports.W3mOnrampWidget.prototype,"loading",void 0);m([e.r()],exports.W3mOnrampWidget.prototype,"paymentCurrency",void 0);m([e.r()],exports.W3mOnrampWidget.prototype,"paymentAmount",void 0);m([e.r()],exports.W3mOnrampWidget.prototype,"purchaseAmount",void 0);m([e.r()],exports.W3mOnrampWidget.prototype,"quoteLoading",void 0);exports.W3mOnrampWidget=m([e.customElement("w3m-onramp-widget")],exports.W3mOnrampWidget);