diff --git a/README.md b/README.md
index bbc6db8..92881a9 100644
--- a/README.md
+++ b/README.md
@@ -6,11 +6,13 @@ This project includes web components for connecting to Lightning wallets and ena
 
 🆕 Bitcoin Connect also supports a nice invoice payment UI that gives a multitude of options to a user to pay an invoice. Accept payments with a single line of code.
 
-## 🛝 Try it out here
+## 🛝 Try it out
 
-<h1>
-https://bitcoin-connect.com
-</h1>
+[Demo](https://bitcoin-connect.com)
+
+## 🧳 Migration Guide
+
+There are multiple breaking changes in **v3**. See our migration guide [here](doc/MIGRATION_v3.md). Click [here](https://github.com/getAlby/bitcoin-connect/tree/v2.4.2-alpha) for v2.
 
 ## 🚀 Quick Start
 
@@ -28,32 +30,93 @@ https://bitcoin-connect.com
 
 You can use Bitcoin Connect without any build tools:
 
-> NOTE: LNC connector is not supported!
-
 ```html
-<script src="https://cdn.jsdelivr.net/npm/@getalby/bitcoin-connect@2.4.3/dist/index.browser.js"></script>
+<script type="module">
+  import {launchModal} from 'https://esm.sh/@getalby/bitcoin-connect@3.0.0'; // jsdelivr.net, skypack.dev also work
+
+  // use Bitcoin connect API normally...
+  launchModal();
+
+  // or if you just want access to the web components:
+  import 'https://esm.sh/@getalby/bitcoin-connect@3.0.0';
+</script>
+
+<!-- Bitcoin Connect components are now available -->
+<bc-button></bc-button>
 ```
 
 ## 🤙 Usage
 
+### Pure JS
+
+```ts
+import {
+  init,
+  launchModal,
+  launchPaymentModal,
+  requestProvider,
+} from '@getalby/bitcoin-connect-react';
+
+// Initialize Bitcoin Connect
+init({
+  appName: 'My Lightning App', // your app name
+});
+
+// launch modal programmatically
+await launchModal();
+
+// launch modal to receive a payment
+await launchPaymentModal({
+  invoice: 'lnbc...',
+  onPaid: ({preimage}) => alert('Paid: ' + preimage), // NOTE: only fired if paid with WebLN - see full api documentation below
+});
+
+// or request a WebLN provider to use the full WebLN API
+const weblnProvider = await requestProvider();
+const {preimage} = await weblnProvider.sendPayment('lnbc...');
+```
+
+_Continue further down for the full Bitcoin Connect API._
+
 ### React
 
 ```jsx
-import {Button, Modal, launchModal, closeModal} from '@getalby/bitcoin-connect-react';
-
-// render a button
-<Button onConnect={() => alert('Connected!')} />
-// include the modal on the page (will not be rendered unless launchModal is called)
-<Modal onConnect={() => alert('Connected!')} />
+import {Button, init, launchModal, launchPaymentModal, closeModal, requestProvider, Connect, SendPayment} from '@getalby/bitcoin-connect-react';
+
+// Initialize Bitcoin Connect
+init({
+  appName: "My Lightning App", // your app name
+})
+
+// render the Bitcoin Connect button
+<Button onConnect={(provider) => {
+  const {preimage} = await provider.sendPayment("lnbc...");
+}}/>
+
+// render the connect flow on its own without the modal
+<Connect/>
+
+// render the send payment flow on its own without the modal (for E-Commerce flows)
+// set the `payment` prop to override the payment status if a payment was made externally
+<Payment invoice="lnbc..." onPaid={(response) => alert("Paid! " + response.preimage)} payment={{preimage: 'my-preimage'}}/>
+
+// request a provider
+<button onClick={() => {
+  // if no WebLN provider exists, it will launch the modal
+  const weblnProvider = await requestProvider();
+  const { preimage } = await weblnProvider.sendPayment("lnbc...")
+}}>
+  Request WebLN provider
+</button>
 
-// open modal programmatically
-<button onClick={launchModal}>
+// open modal programmatically to connect a wallet
+<button onClick={() => launchModal()}>
   Programmatically launch modal
 </button>
 
-// open modal programmatically to pay an invoice
-<button onClick={() => launchModal({invoice: "lnbc...."})}>
-  Programmatically launch modal
+// open modal programmatically to pay an invoice (for one-off payments)
+<button onClick={() => launchPaymentModal({invoice: "lnbc...", onPaid: ({preimage}) => alert("Paid: " + preimage)})}>
+  Programmatically launch payment modal
 </button>
 
 // close modal programmatically
@@ -90,12 +153,31 @@ const Button = dynamic(
 >
   Launch modal
 </button>
+
+// to set the global webln object:
+
+useEffect(() => {
+  // init bitcoin connect to provide webln
+  const {onConnected} = await import('@getalby/bitcoin-connect-react').then(
+    (mod) => mod.onConnected
+  );
+  const unsub = onConnected((provider) => {
+    window.webln = provider;
+  });
+
+  return () => {
+    unsub();
+  };
+}, []);
+
 ```
 
 See [NextJS](./demos/nextjs/) and [NextJS legacy](./demos/nextjs-legacy/) demos for full examples.
 
 ### Other Frameworks
 
+> 💡 The core Bitcoin Connect package works on all frameworks because it is powered by web components. However, a wrapper can simplify usage of Bitcoin Connect.
+
 _Use another popular framework? please let us know or feel free to create a PR for a wrapper. See the React package for an example implementation._
 
 ### Pure HTML
@@ -105,69 +187,208 @@ _Use another popular framework? please let us know or feel free to create a PR f
 Bitcoin Connect exposes the following web components for allowing users to connect their desired Lightning wallet:
 
 - `<bc-button/>` - launches the Bitcoin Connect Modal on click
-- `<bc-modal/>` - render the modal on its own.
-  - Optional Arguments:
-    - `open` - make the modal appear
-- `<bc-connector-list/>` - render the list of connectors on their own
-- `<bc-send-payment/>` - render a payment request UI
+- `<bc-connect/>` - render connect wallet UI without modal
+- `<bc-payment/>` - render a payment request UI without modal
   - Arguments:
     - `invoice` - BOLT11 invoice
+    - `paid` - set to true to mark payment was made externally
+  - Events:
+    - `bc:onpaid` **Experimental** - fires event with WebLN payment response in `event.detail` (contains `preimage`)
 - _more components coming soon_
 
-##### Common Attributes (can be passed to any Bitcoin Connect component)
+### Bitcoin Connect API
+
+#### Initializing Bitcoin Connect
 
-- `app-name` (React: `appName`) - Name of the app requesting access to wallet. Currently used for NWC connections (Alby and Mutiny)
-- `filters` - **EXPERIMENTAL:** Filter the type of connectors you want to show. Example: "nwc" (only show NWC connectors). Multiple filters can be separated by a comma e.g. `nwc,second_filter`.
+```ts
+import {init} from '@getalby/bitcoin-connect-react';
 
-#### Window Events
+// Initialize Bitcoin Connect
+init({
+  appName: 'My Lightning App', // your app name
+  // filters: ["nwc"],
+  // showBalance: true,
+});
+```
 
-Bitcoin Connect exposes the following events:
+- `appName` - Name of the app requesting access to wallet. Currently used for NWC connections (Alby and Mutiny)
+- `filters` - Filter the type of connectors you want to show. Example: "nwc" (only show NWC connectors).
+- `showBalance` - If false, do not request the connected wallet's balance
 
-- `bc:connected` window event which fires when a wallet is connected and window.webln is ready to use
-- `bc:connecting` window event which fires when a user is connecting to their wallet
-- `bc:disconnected` window event which fires when user has disconnected from their wallet
-- `bc:modalopened` window event which fires when Bitcoin Connect modal is opened
-- `bc:modalclosed` window event which fires when Bitcoin Connect modal is closed
+#### Requesting a provider
 
-### Bitcoin Connect API
+With one line of code you can ensure you have a WebLN provider available and ready to use. If one is not available, the Bitcoin connect modal will be launched.
+
+```ts
+import {requestProvider} from '@getalby/bitcoin-connect';
+
+const provider = await requestProvider();
+await provider.sendPayment('lnbc...');
+```
 
 #### Programmatically launching the modal
 
-`<bc-modal/>` needs to be rendered somewhere on the page. The modal can then be launched with:
+The modal can then be launched with:
+
+```ts
+import {launchModal} from '@getalby/bitcoin-connect';
 
-```js
-window.bitcoinConnect.launchModal();
+launchModal(); // A `<bc-modal/>` element will be injected into the DOM
 ```
 
-`launchModal` can also take an optional options object:
+#### Programmatically launching the modal to receive a payment
 
-```js
-launchModal({
-  invoice: 'lnbc...', // bolt11 invoice
+To receive a payment the modal can be programmatically opened with:
+
+```ts
+import {launchPaymentModal} from '@getalby/bitcoin-connect';
+
+const {setPaid} = launchPaymentModal({
+  invoice: 'lnbc...',
+  onPaid: (response) => {
+    clearInterval(checkPaymentInterval);
+    alert('Received payment! ' + response.preimage);
+  },
+  onCancelled: () => {
+    clearInterval(checkPaymentInterval);
+    alert('Payment cancelled');
+  },
 });
+
+// below is an example of LNURL-verify from https://github.com/getAlby/js-lightning-tools
+// you can write your own polling function to check if your invoice has been paid
+// and then call the `setPaid` function.
+const checkPaymentInterval = setInterval(async () => {
+  const paid = await invoice.verifyPayment();
+
+  if (paid && invoice.preimage) {
+    setPaid({
+      preimage: invoice.preimage,
+    });
+  }
+}, 1000);
 ```
 
+> Note: for P2P payments made externally there is no way for Bitcoin Connect to know when the payment has happened. `launchPaymentModal` is more for simplifying e-commerce usecases where you are able to check the invoice yourself.
+
 #### Programmatically closing the modal
 
-`window.bitcoinConnect.closeModal();`
+```ts
+import {closeModal} from '@getalby/bitcoin-connect';
+
+closeModal();
+```
 
 #### Disconnect from wallet
 
-`window.bitcoinConnect.disconnect();`
+```ts
+import {disconnect} from '@getalby/bitcoin-connect';
+
+disconnect();
+```
 
 #### Check connection status
 
 `window.bitcoinConnect.isConnected();`
 
+#### Events
+
+##### onConnected
+
+This event fires when a WebLN provider is made available.
+
+- When a user connects for the first time
+- On page reload when a user has previously connected
+
+```ts
+import {onConnected} from '@getalby/bitcoin-connect';
+
+const unsub = onConnected(async (provider) => {
+  const {preimage} = await provider.sendPayment('lnbc...');
+});
+unsub();
+```
+
+##### onConnecting
+
+This event fires when a WebLN provider is initializing.
+
+- When a user connects for the first time
+- On page reload when a user has previously connected
+
+```ts
+import {onConnecting} from '@getalby/bitcoin-connect';
+
+const unsub = onConnecting(async () => {
+  // do something...
+});
+unsub();
+```
+
+##### onDisconnected
+
+This event fires when the user manually disconnects from Bitcoin Connect.
+
+```ts
+import {onDisconnected} from '@getalby/bitcoin-connect';
+
+const unsub = onDisconnected(async () => {
+  // do something...
+});
+unsub();
+```
+
+##### onModalOpened
+
+This event fires when the Bitcoin Connect modal opens.
+
+```ts
+import {onModalOpened} from '@getalby/bitcoin-connect';
+
+const unsub = onModalOpened(async () => {
+  // do something...
+});
+unsub();
+```
+
+##### onModalClosed
+
+This event fires when the Bitcoin Connect modal closes.
+
+```ts
+import {onModalClosed} from '@getalby/bitcoin-connect';
+
+const unsub = onModalClosed(async () => {
+  // do something...
+});
+unsub();
+```
+
+### WebLN global object
+
+> WARNING: webln is no longer injected into the window object by default. If you need this, execute the following code:
+
+```ts
+import {onConnected} from '@getalby/bitcoin-connect';
+
+onConnected((provider) => {
+  window.webln = provider;
+});
+```
+
 _More methods coming soon. Is something missing that you'd need? let us know!_
 
+#### WebLN events
+
+Providers also should fire a `webln:connected` event. See `webln.guide`.
+
 ### Styling
 
 These variables must be set at the root or on a container element wrapping any bitcoin connect components.
 
 ```css
 html {
-  --bc-color-brand: #196ce7;
+  --bc-color-brand: #196ce7; /* Only 6-digit hex and rgb formats are supported! */
 }
 ```
 
@@ -197,19 +418,41 @@ In case your site uses a manual theme switcher, you can force a theme by followi
 1. set `globalThis.bcDarkMode = "class"` **before** any bitcoin connect components are rendered
 2. `"dark"` must be added as a classname to the document to enable dark mode (e.g. `<html class="dark">` or `document.documentElement.classList.add('dark')`) otherwise light mode will be forced.
 
+## Access to underlying providers (NWC, LNC etc.)
+
+```ts
+import { WebLNProviders, requestProvider } from "@getalby/bitcoin-connect";
+
+const provider = await requestProvider();
+
+if (provider instanceof WebLNProviders.NostrWebLNProvider) {
+  provider.nostrWalletConnectUrl;
+}
+
+if (provider instanceof WebLNProviders.LNCWebLNProvider) {
+  provider.lnc.lnd.lightning.listInvoices(...);
+}
+
+if (provider instanceof WebLNProviders.LnbitsWebLNProvider) {
+  provider.requestLnbits('GET', '/api/v1/wallet');
+}
+```
+
 ## Demos
 
 ### Pure HTML Demo
 
 See [Pure HTML](./demos/html/README.md)
 
-> [Example codepen](https://codepen.io/rolznz/pen/ZEmXGLd)
+> [Example codepen](https://codepen.io/rolznz/pen/VwgNajr)
 
 ### React Demo
 
 See [React](./demos/react/README.md)
 
-> [Example replit](https://replit.com/@rolznz/make-me-an-image-nwc-version)
+#### Example Replits
+
+> [Request Payment Modal](https://bitcoin-connect-request-payment-modal.rolznz.repl.co/)
 
 #### NextJS (App Router)
 
@@ -241,14 +484,6 @@ Open [dev](dev/README.md)
 
 `yarn build`
 
-### Build (Watch mode - no pure html support)
-
-`yarn dev:build`
-
-### Build (Watch mode - with pure html support)
-
-`yarn dev:build:browser`
-
 ### Testing
 
 `yarn test`
@@ -267,7 +502,7 @@ We are happy to help, please contact us or create an issue.
 
 ### How does it work?
 
-Bitcoin Connect provides multiple options to the user to connect to a lightning wallet, each compatible with WebLN. Any already-existing providers of WebLN (such as an installed WebLN extension like Alby) are detected and offered, as well as options to create a new WebLN provider through protocols such as NWC. No matter which option you choose, window.webln will become available for the website to use to interact with your lightning wallet. Similar to the Alby extension, new options (called Connectors) can be easily added as they all follow a common, simple interface. As long as there is a way to connect to a lightning wallet through Javascript, a connector can be created for it in Bitcoin Connect. We welcome any and all contributions for new connectors!
+Bitcoin Connect provides multiple options to the user to connect to a lightning wallet, each compatible with WebLN. Any already-existing providers of WebLN (such as an installed WebLN extension like Alby) are detected and offered, as well as options to create a new WebLN provider through protocols such as NWC. No matter which option you choose, a WebLN provider will become available for the website to use to interact with your lightning wallet. Similar to the Alby extension, new options (called Connectors) can be easily added as they all follow a common, simple interface. As long as there is a way to connect to a lightning wallet through Javascript, a connector can be created for it in Bitcoin Connect. We welcome any and all contributions for new connectors!
 
 ### Does this work on mobile browsers and mobile PWAs, or desktop browsers without a WebLN extension?
 
@@ -311,6 +546,14 @@ You should have a certain level of trust on the website you decide to connect yo
 
 Bitcoin Connect cannot detect payments made externally. It's up to your app to detect the payment and then programmatically close the modal using the exposed `closeModal` function.
 
+### Why is window.webln not set after connecting?
+
+The global `window.webln` object can be overridden if there are multiple providers, leading to unexpected behaviour. We recommend using the `requestProvider` function to obtain a WebLN provider instead of relying on the global window object.
+
+### Why does Bitcoin Connect not work on some pages?
+
+Bitcoin Connect must be imported at the root component or on every component that requires webln to ensure webln is available. If you only import the button in your settings page, you'll still need to import the library where you want to make a lightning payment. We recommend using the `requestProvider` function.
+
 ## Known Issues
 
 - NWC connectors do not work on iOS in non-secure contexts because window.crypto.subtle is unavailable. If testing on your phone, please run an https server or use an https tunnel.
diff --git a/demos/html/README.md b/demos/html/README.md
index fc32c46..aa30d72 100644
--- a/demos/html/README.md
+++ b/demos/html/README.md
@@ -4,12 +4,12 @@ A simple example of how to add Bitcoin Connect to a simple HTML website
 
 Simply open [index.html](./index.html) in your browser
 
-# Watching for changes
+## Watching for changes
 
-## Install
+### Install
 
 Run `yarn install`
 
-## Development
+### Development
 
 Run `yarn dev`
diff --git a/demos/html/index.html b/demos/html/index.html
index e527d1c..9ebe4d5 100644
--- a/demos/html/index.html
+++ b/demos/html/index.html
@@ -4,7 +4,12 @@
   <head>
     <meta charset="utf-8" />
     <title>Bitcoin Connect</title>
-    <script src="https://cdn.jsdelivr.net/npm/@getalby/bitcoin-connect@2.4.3/dist/index.browser.js"></script>
+    <script type="module">
+      import {onConnected} from 'https://esm.sh/@getalby/bitcoin-connect@3.0.0';
+      onConnected((provider) => {
+        console.log('Connected with provider', provider);
+      });
+    </script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   </head>
   <body>
@@ -12,10 +17,5 @@
       <code> &lt;bc-button /&gt; </code>
       <bc-button></bc-button>
     </div>
-    <script>
-      window.addEventListener('bc:connected', async () => {
-        alert('connected');
-      });
-    </script>
   </body>
 </html>
diff --git a/demos/html/minimal.html b/demos/html/minimal.html
deleted file mode 100644
index 60ccc30..0000000
--- a/demos/html/minimal.html
+++ /dev/null
@@ -1,21 +0,0 @@
-<!DOCTYPE html>
-
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <title>Bitcoin Connect</title>
-    <script src="https://cdn.jsdelivr.net/npm/@getalby/bitcoin-connect@2.4.3/dist/index.browser.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.5.1/dist/confetti.browser.min.js"></script>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  </head>
-  <body>
-    <div style="position: absolute; right: 16px; top: 16px">
-      <bc-button></bc-button>
-    </div>
-    <script>
-      window.addEventListener('bc:connected', async () => {
-        window.confetti();
-      });
-    </script>
-  </body>
-</html>
diff --git a/demos/html/package.json b/demos/html/package.json
index 3d0ff23..4e9173d 100644
--- a/demos/html/package.json
+++ b/demos/html/package.json
@@ -1,8 +1,7 @@
 {
   "private": true,
   "scripts": {
-    "dev": "wds -r ../.. -o ./demos/html/index.html --watch",
-    "minimal": "wds -r ../.. -o ./demos/html/minimal.html --watch"
+    "dev": "wds -r ../.. -o ./demos/html/index.html --watch"
   },
   "devDependencies": {
     "@web/dev-server": "^0.1.31"
diff --git a/demos/nextjs-legacy/components/BitcoinConnectClientWrapper.tsx b/demos/nextjs-legacy/components/BitcoinConnectClientWrapper.tsx
index 2fcb005..74d196e 100644
--- a/demos/nextjs-legacy/components/BitcoinConnectClientWrapper.tsx
+++ b/demos/nextjs-legacy/components/BitcoinConnectClientWrapper.tsx
@@ -6,19 +6,12 @@ const Button = dynamic(
   }
 );
 
-const Modal = dynamic(
-  () => import('@getalby/bitcoin-connect-react').then((mod) => mod.Modal),
-  {
-    ssr: false,
-  }
-);
 import React from 'react';
 
 export function BitcoinConnectClientWrapper() {
   return (
     <>
       <Button />
-      <Modal />
       <button
         onClick={async () => {
           const launchModal = await import(
diff --git a/demos/nextjs-legacy/package.json b/demos/nextjs-legacy/package.json
index d73d4be..e4f9bd9 100644
--- a/demos/nextjs-legacy/package.json
+++ b/demos/nextjs-legacy/package.json
@@ -9,7 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@getalby/bitcoin-connect-react": "^2.4.3",
+    "@getalby/bitcoin-connect-react": "^3.0.0",
     "next": "14.0.4",
     "react": "^18",
     "react-dom": "^18"
diff --git a/demos/nextjs-legacy/pages/index.tsx b/demos/nextjs-legacy/pages/index.tsx
index 0319666..72b9a2c 100644
--- a/demos/nextjs-legacy/pages/index.tsx
+++ b/demos/nextjs-legacy/pages/index.tsx
@@ -1,15 +1,6 @@
 import Image from 'next/image';
 import {Inter} from 'next/font/google';
 import {BitcoinConnectClientWrapper} from '../components/BitcoinConnectClientWrapper';
-import dynamic from 'next/dynamic';
-
-const Button = dynamic(
-  () => import('@getalby/bitcoin-connect-react').then((mod) => mod.Button),
-  {
-    ssr: false,
-    loading: () => <p>Loading...</p>,
-  }
-);
 
 const inter = Inter({subsets: ['latin']});
 
@@ -55,7 +46,6 @@ export default function Home() {
       </div>
 
       <BitcoinConnectClientWrapper />
-      <Button />
 
       <div className="mb-32 grid text-center lg:max-w-5xl lg:w-full lg:mb-0 lg:grid-cols-4 lg:text-left">
         <a
diff --git a/demos/nextjs-legacy/yarn.lock b/demos/nextjs-legacy/yarn.lock
index 82b0480..d15638f 100644
--- a/demos/nextjs-legacy/yarn.lock
+++ b/demos/nextjs-legacy/yarn.lock
@@ -51,38 +51,34 @@
   resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.55.0.tgz#b721d52060f369aa259cf97392403cb9ce892ec6"
   integrity sha512-qQfo2mxH5yVom1kacMtZZJFVdW+E70mqHMJvVg6WTLo+VBuQJ4TojZlfWBjK0ve5BdEeNAVxOsl/nvNMpJOaJA==
 
-"@getalby/bitcoin-connect-react@^2.4.3":
-  version "2.4.3"
-  resolved "https://registry.yarnpkg.com/@getalby/bitcoin-connect-react/-/bitcoin-connect-react-2.4.3.tgz#23731495e78dcd4719a824ead881de0cb82d2175"
-  integrity sha512-eljMNcTB4h+wlXl8DPPq3sDV6tgyQdZvW5Ka1nCAMRUCmcU4Ux7NurX2XulePPKJ/zcjigbltxrsE5gENCdqzg==
+"@getalby/bitcoin-connect-react@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@getalby/bitcoin-connect-react/-/bitcoin-connect-react-3.0.0.tgz#c768ec291d92dccec3c244609d51bf4b29bf3ade"
+  integrity sha512-ngYKLpR8sh8YjbaHFBYdkZsmLIFpFLuAm9vtDkR/DRPbcTYEBNeWawRnGzt28+85gkofOI3VFxiuIsp5hnq8qg==
   dependencies:
-    "@getalby/bitcoin-connect" "2.4.3"
+    "@getalby/bitcoin-connect" "^3.0.0"
 
-"@getalby/bitcoin-connect@2.4.3":
-  version "2.4.3"
-  resolved "https://registry.yarnpkg.com/@getalby/bitcoin-connect/-/bitcoin-connect-2.4.3.tgz#918041dfd0e35fbe7302691f6c96b1c79529d251"
-  integrity sha512-siuRiB8S1wCqmhXvxhQLvWZFwG04spfPSdOvHdWv8pDhy3ixfGRvUd9JFQ0saavGS3kueiaDZ6xTSUDJ1hY08Q==
+"@getalby/bitcoin-connect@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@getalby/bitcoin-connect/-/bitcoin-connect-3.0.0.tgz#d8c77fdd03ec691291d1e84f43ae744d7a48bf3f"
+  integrity sha512-s6D/pkjS2ojmfVYDiZehsbGjmvtwVuBZvivx8izWPhpsTwSR/J7zmxX5E4epZjijXxFEAuXU4baUBzY7NjF3Hg==
   dependencies:
-    "@getalby/lightning-tools" "^4.2.0"
-    "@getalby/sdk" "^2.7.0"
-    "@lightninglabs/lnc-web" "^0.2.6-alpha"
+    "@getalby/lightning-tools" "^5.0.0"
+    "@getalby/sdk" "^3.0.0"
+    "@lightninglabs/lnc-web" "^0.2.8-alpha"
     qrcode-generator "^1.4.4"
     zustand "^4.4.1"
 
-"@getalby/lightning-tools@^4.2.0":
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/@getalby/lightning-tools/-/lightning-tools-4.2.1.tgz#fa6cd0ad6a8c9baf20e3e37ead242b5ad495abc1"
-  integrity sha512-QOLF5LwIw6cYuAG3LYkEvZoQi/o+pFJtrG3L0koDo0xI4PliFLU9Qw70wUYJwl5X80UQtlukCpJ3nN5gyUBpdw==
-  dependencies:
-    crypto-js "^4.1.1"
-    light-bolt11-decoder "^3.0.0"
+"@getalby/lightning-tools@^5.0.0":
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/@getalby/lightning-tools/-/lightning-tools-5.0.0.tgz#eefe1fc1ecf28582d6c922c9e22dc28bf3af27c6"
+  integrity sha512-j3x90CGclpyZTHJRVWvA95jQniu5A+xqvmJNPSkXyzYCdJiFG5oZFWNwC0N+q7Oa8cTvp7wB7FdDqxH+Le0/Nw==
 
-"@getalby/sdk@^2.7.0":
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/@getalby/sdk/-/sdk-2.7.0.tgz#20fdb5a39ffcbd9b9c9d7270bdacba97ac4d3f72"
-  integrity sha512-4NoEgdjx0R8SYDmJfCAsgvuBs0w3d8wsOMGI4m0h2MVsSeCcWW93lrzCl8bRmHTF5N7EfleHwnieYwn5j9KZTA==
+"@getalby/sdk@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@getalby/sdk/-/sdk-3.0.0.tgz#3d87b3d388dd14355b8b49f2fd3cd7ab63533b32"
+  integrity sha512-v4CaQf8HYIvN7Ccp+NU09pROrgugwyOkaouMRrat0DJnbRLpkV8zssPeKEqI29k53USnLn5P3SaHFngM4Se/1A==
   dependencies:
-    crypto-js "^4.1.1"
     events "^3.3.0"
     nostr-tools "^1.17.0"
 
@@ -137,17 +133,17 @@
     "@jridgewell/resolve-uri" "^3.1.0"
     "@jridgewell/sourcemap-codec" "^1.4.14"
 
-"@lightninglabs/lnc-core@0.2.6-alpha":
-  version "0.2.6-alpha"
-  resolved "https://registry.yarnpkg.com/@lightninglabs/lnc-core/-/lnc-core-0.2.6-alpha.tgz#1b93d5aeefb09bb3dedcb82988368b15e223f8fd"
-  integrity sha512-bw2EQG78pPKMZMFwV+TR99RUbYgPVUKQYMLGGKIOvhPds3dBWSDZpMoqOyW/WidWGXF/ugPHzud8lDbKKhNXgA==
+"@lightninglabs/lnc-core@0.2.8-alpha":
+  version "0.2.8-alpha"
+  resolved "https://registry.yarnpkg.com/@lightninglabs/lnc-core/-/lnc-core-0.2.8-alpha.tgz#78272c04a5ec95a9ccb830f75ab9b5ca227f0801"
+  integrity sha512-2tHzmklIiQhJiK1aabX0R2AbbWi0mizWgniCUOb573XToYQN7L61Phh+hWUCxIFfAhHCkp2mnSmX+7eT/ikxOg==
 
-"@lightninglabs/lnc-web@^0.2.6-alpha":
-  version "0.2.6-alpha"
-  resolved "https://registry.yarnpkg.com/@lightninglabs/lnc-web/-/lnc-web-0.2.6-alpha.tgz#34f54f65691ff8cdef6eb159321b70c94f198f9e"
-  integrity sha512-SrqR8xaDnFLgNzPe5om7REOAhSOP95jQNIHP0GY0Lv895eDjrI6CPkfCFcX97INoDWYHBvDT8DZeYkBvlznVNA==
+"@lightninglabs/lnc-web@^0.2.8-alpha":
+  version "0.2.8-alpha"
+  resolved "https://registry.yarnpkg.com/@lightninglabs/lnc-web/-/lnc-web-0.2.8-alpha.tgz#454f6d68bcd8d766761f326846467000fc9c251c"
+  integrity sha512-Pe0Moupd7mglbvbVZk7GqPNxa/4lFFWWsnYtiSahzjhNCmTaoQkk/gUY8kk1u5mHaqUmrL1YgLCLsmbGbWPV/g==
   dependencies:
-    "@lightninglabs/lnc-core" "0.2.6-alpha"
+    "@lightninglabs/lnc-core" "0.2.8-alpha"
     crypto-js "4.1.1"
 
 "@next/env@14.0.4":
@@ -689,11 +685,6 @@ crypto-js@4.1.1:
   resolved "https://registry.yarnpkg.com/crypto-js/-/crypto-js-4.1.1.tgz#9e485bcf03521041bd85844786b83fb7619736cf"
   integrity sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw==
 
-crypto-js@^4.1.1:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/crypto-js/-/crypto-js-4.2.0.tgz#4d931639ecdfd12ff80e8186dba6af2c2e856631"
-  integrity sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==
-
 cssesc@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
@@ -1694,13 +1685,6 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
-light-bolt11-decoder@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/light-bolt11-decoder/-/light-bolt11-decoder-3.0.0.tgz#f644576120426c9ef65621bde254f11016055044"
-  integrity sha512-AKvOigD2pmC8ktnn2TIqdJu0K0qk6ukUmTvHwF3JNkm8uWCqt18Ijn33A/a7gaRZ4PghJ59X+8+MXrzLKdBTmQ==
-  dependencies:
-    "@scure/base" "1.1.1"
-
 lilconfig@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.1.0.tgz#78e23ac89ebb7e1bfbf25b18043de756548e7f52"
diff --git a/demos/nextjs/app/components/BitcoinConnectClientWrapper.tsx b/demos/nextjs/app/components/BitcoinConnectClientWrapper.tsx
index 234138d..30730d7 100644
--- a/demos/nextjs/app/components/BitcoinConnectClientWrapper.tsx
+++ b/demos/nextjs/app/components/BitcoinConnectClientWrapper.tsx
@@ -7,20 +7,12 @@ const Button = dynamic(
     ssr: false,
   }
 );
-
-const Modal = dynamic(
-  () => import('@getalby/bitcoin-connect-react').then((mod) => mod.Modal),
-  {
-    ssr: false,
-  }
-);
 import React from 'react';
 
 export function BitcoinConnectClientWrapper() {
   return (
     <>
       <Button />
-      <Modal />
       <button
         onClick={async () => {
           const launchModal = await import(
diff --git a/demos/nextjs/package.json b/demos/nextjs/package.json
index 244b840..768c471 100644
--- a/demos/nextjs/package.json
+++ b/demos/nextjs/package.json
@@ -9,7 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@getalby/bitcoin-connect-react": "^2.4.3",
+    "@getalby/bitcoin-connect-react": "^3.0.0",
     "next": "14.0.4",
     "react": "^18",
     "react-dom": "^18"
diff --git a/demos/nextjs/yarn.lock b/demos/nextjs/yarn.lock
index 82b0480..d15638f 100644
--- a/demos/nextjs/yarn.lock
+++ b/demos/nextjs/yarn.lock
@@ -51,38 +51,34 @@
   resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.55.0.tgz#b721d52060f369aa259cf97392403cb9ce892ec6"
   integrity sha512-qQfo2mxH5yVom1kacMtZZJFVdW+E70mqHMJvVg6WTLo+VBuQJ4TojZlfWBjK0ve5BdEeNAVxOsl/nvNMpJOaJA==
 
-"@getalby/bitcoin-connect-react@^2.4.3":
-  version "2.4.3"
-  resolved "https://registry.yarnpkg.com/@getalby/bitcoin-connect-react/-/bitcoin-connect-react-2.4.3.tgz#23731495e78dcd4719a824ead881de0cb82d2175"
-  integrity sha512-eljMNcTB4h+wlXl8DPPq3sDV6tgyQdZvW5Ka1nCAMRUCmcU4Ux7NurX2XulePPKJ/zcjigbltxrsE5gENCdqzg==
+"@getalby/bitcoin-connect-react@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@getalby/bitcoin-connect-react/-/bitcoin-connect-react-3.0.0.tgz#c768ec291d92dccec3c244609d51bf4b29bf3ade"
+  integrity sha512-ngYKLpR8sh8YjbaHFBYdkZsmLIFpFLuAm9vtDkR/DRPbcTYEBNeWawRnGzt28+85gkofOI3VFxiuIsp5hnq8qg==
   dependencies:
-    "@getalby/bitcoin-connect" "2.4.3"
+    "@getalby/bitcoin-connect" "^3.0.0"
 
-"@getalby/bitcoin-connect@2.4.3":
-  version "2.4.3"
-  resolved "https://registry.yarnpkg.com/@getalby/bitcoin-connect/-/bitcoin-connect-2.4.3.tgz#918041dfd0e35fbe7302691f6c96b1c79529d251"
-  integrity sha512-siuRiB8S1wCqmhXvxhQLvWZFwG04spfPSdOvHdWv8pDhy3ixfGRvUd9JFQ0saavGS3kueiaDZ6xTSUDJ1hY08Q==
+"@getalby/bitcoin-connect@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@getalby/bitcoin-connect/-/bitcoin-connect-3.0.0.tgz#d8c77fdd03ec691291d1e84f43ae744d7a48bf3f"
+  integrity sha512-s6D/pkjS2ojmfVYDiZehsbGjmvtwVuBZvivx8izWPhpsTwSR/J7zmxX5E4epZjijXxFEAuXU4baUBzY7NjF3Hg==
   dependencies:
-    "@getalby/lightning-tools" "^4.2.0"
-    "@getalby/sdk" "^2.7.0"
-    "@lightninglabs/lnc-web" "^0.2.6-alpha"
+    "@getalby/lightning-tools" "^5.0.0"
+    "@getalby/sdk" "^3.0.0"
+    "@lightninglabs/lnc-web" "^0.2.8-alpha"
     qrcode-generator "^1.4.4"
     zustand "^4.4.1"
 
-"@getalby/lightning-tools@^4.2.0":
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/@getalby/lightning-tools/-/lightning-tools-4.2.1.tgz#fa6cd0ad6a8c9baf20e3e37ead242b5ad495abc1"
-  integrity sha512-QOLF5LwIw6cYuAG3LYkEvZoQi/o+pFJtrG3L0koDo0xI4PliFLU9Qw70wUYJwl5X80UQtlukCpJ3nN5gyUBpdw==
-  dependencies:
-    crypto-js "^4.1.1"
-    light-bolt11-decoder "^3.0.0"
+"@getalby/lightning-tools@^5.0.0":
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/@getalby/lightning-tools/-/lightning-tools-5.0.0.tgz#eefe1fc1ecf28582d6c922c9e22dc28bf3af27c6"
+  integrity sha512-j3x90CGclpyZTHJRVWvA95jQniu5A+xqvmJNPSkXyzYCdJiFG5oZFWNwC0N+q7Oa8cTvp7wB7FdDqxH+Le0/Nw==
 
-"@getalby/sdk@^2.7.0":
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/@getalby/sdk/-/sdk-2.7.0.tgz#20fdb5a39ffcbd9b9c9d7270bdacba97ac4d3f72"
-  integrity sha512-4NoEgdjx0R8SYDmJfCAsgvuBs0w3d8wsOMGI4m0h2MVsSeCcWW93lrzCl8bRmHTF5N7EfleHwnieYwn5j9KZTA==
+"@getalby/sdk@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@getalby/sdk/-/sdk-3.0.0.tgz#3d87b3d388dd14355b8b49f2fd3cd7ab63533b32"
+  integrity sha512-v4CaQf8HYIvN7Ccp+NU09pROrgugwyOkaouMRrat0DJnbRLpkV8zssPeKEqI29k53USnLn5P3SaHFngM4Se/1A==
   dependencies:
-    crypto-js "^4.1.1"
     events "^3.3.0"
     nostr-tools "^1.17.0"
 
@@ -137,17 +133,17 @@
     "@jridgewell/resolve-uri" "^3.1.0"
     "@jridgewell/sourcemap-codec" "^1.4.14"
 
-"@lightninglabs/lnc-core@0.2.6-alpha":
-  version "0.2.6-alpha"
-  resolved "https://registry.yarnpkg.com/@lightninglabs/lnc-core/-/lnc-core-0.2.6-alpha.tgz#1b93d5aeefb09bb3dedcb82988368b15e223f8fd"
-  integrity sha512-bw2EQG78pPKMZMFwV+TR99RUbYgPVUKQYMLGGKIOvhPds3dBWSDZpMoqOyW/WidWGXF/ugPHzud8lDbKKhNXgA==
+"@lightninglabs/lnc-core@0.2.8-alpha":
+  version "0.2.8-alpha"
+  resolved "https://registry.yarnpkg.com/@lightninglabs/lnc-core/-/lnc-core-0.2.8-alpha.tgz#78272c04a5ec95a9ccb830f75ab9b5ca227f0801"
+  integrity sha512-2tHzmklIiQhJiK1aabX0R2AbbWi0mizWgniCUOb573XToYQN7L61Phh+hWUCxIFfAhHCkp2mnSmX+7eT/ikxOg==
 
-"@lightninglabs/lnc-web@^0.2.6-alpha":
-  version "0.2.6-alpha"
-  resolved "https://registry.yarnpkg.com/@lightninglabs/lnc-web/-/lnc-web-0.2.6-alpha.tgz#34f54f65691ff8cdef6eb159321b70c94f198f9e"
-  integrity sha512-SrqR8xaDnFLgNzPe5om7REOAhSOP95jQNIHP0GY0Lv895eDjrI6CPkfCFcX97INoDWYHBvDT8DZeYkBvlznVNA==
+"@lightninglabs/lnc-web@^0.2.8-alpha":
+  version "0.2.8-alpha"
+  resolved "https://registry.yarnpkg.com/@lightninglabs/lnc-web/-/lnc-web-0.2.8-alpha.tgz#454f6d68bcd8d766761f326846467000fc9c251c"
+  integrity sha512-Pe0Moupd7mglbvbVZk7GqPNxa/4lFFWWsnYtiSahzjhNCmTaoQkk/gUY8kk1u5mHaqUmrL1YgLCLsmbGbWPV/g==
   dependencies:
-    "@lightninglabs/lnc-core" "0.2.6-alpha"
+    "@lightninglabs/lnc-core" "0.2.8-alpha"
     crypto-js "4.1.1"
 
 "@next/env@14.0.4":
@@ -689,11 +685,6 @@ crypto-js@4.1.1:
   resolved "https://registry.yarnpkg.com/crypto-js/-/crypto-js-4.1.1.tgz#9e485bcf03521041bd85844786b83fb7619736cf"
   integrity sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw==
 
-crypto-js@^4.1.1:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/crypto-js/-/crypto-js-4.2.0.tgz#4d931639ecdfd12ff80e8186dba6af2c2e856631"
-  integrity sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==
-
 cssesc@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
@@ -1694,13 +1685,6 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
-light-bolt11-decoder@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/light-bolt11-decoder/-/light-bolt11-decoder-3.0.0.tgz#f644576120426c9ef65621bde254f11016055044"
-  integrity sha512-AKvOigD2pmC8ktnn2TIqdJu0K0qk6ukUmTvHwF3JNkm8uWCqt18Ijn33A/a7gaRZ4PghJ59X+8+MXrzLKdBTmQ==
-  dependencies:
-    "@scure/base" "1.1.1"
-
 lilconfig@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.1.0.tgz#78e23ac89ebb7e1bfbf25b18043de756548e7f52"
diff --git a/demos/react/package.json b/demos/react/package.json
index d190b3a..304dd17 100644
--- a/demos/react/package.json
+++ b/demos/react/package.json
@@ -10,8 +10,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@getalby/bitcoin-connect-react": "2.4.3",
-    "@getalby/lightning-tools": "^4.0.2",
+    "@getalby/bitcoin-connect-react": "^3.0.0",
+    "@getalby/lightning-tools": "^5.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-hot-toast": "^2.4.1"
diff --git a/demos/react/src/App.tsx b/demos/react/src/App.tsx
index 7b85844..1b03454 100644
--- a/demos/react/src/App.tsx
+++ b/demos/react/src/App.tsx
@@ -1,11 +1,28 @@
 import React from 'react';
-import {LightningAddress} from '@getalby/lightning-tools';
-import {Button, Modal, launchModal} from '@getalby/bitcoin-connect-react';
+import {Invoice, LightningAddress} from '@getalby/lightning-tools';
+import {
+  Button,
+  init,
+  launchPaymentModal,
+  requestProvider,
+  Connect,
+  Payment,
+  launchModal,
+} from '@getalby/bitcoin-connect-react';
 import toast, {Toaster} from 'react-hot-toast';
+import {SendPaymentResponse} from '@webbtc/webln-types';
+
+init({
+  appName: 'Bitcoin Connect (React Demo)',
+});
 
 function App() {
-  const [invoice, setInvoice] = React.useState<string | undefined>(undefined);
+  const [invoice, setInvoice] = React.useState<Invoice | undefined>(undefined);
   const [preimage, setPreimage] = React.useState<string | undefined>(undefined);
+  const [paymentModalSetPaidFunction, setPaymentModalSetPaidFunction] =
+    React.useState<((response: SendPaymentResponse) => void) | undefined>(
+      undefined
+    );
 
   React.useEffect(() => {
     (async () => {
@@ -13,12 +30,10 @@ function App() {
         const ln = new LightningAddress('hello@getalby.com');
         await ln.fetch();
         setInvoice(
-          (
-            await ln.requestInvoice({
-              satoshi: 1,
-              comment: 'Paid with Bitcoin Connect',
-            })
-          ).paymentRequest
+          await ln.requestInvoice({
+            satoshi: 1,
+            comment: 'Paid with Bitcoin Connect (React Demo)',
+          })
         );
       } catch (error) {
         console.error(error);
@@ -26,15 +41,37 @@ function App() {
     })();
   }, []);
 
+  React.useEffect(() => {
+    if (invoice) {
+      const checkPaymentInterval = setInterval(async () => {
+        if (invoice.preimage) {
+          setPreimage(invoice.preimage);
+          clearInterval(checkPaymentInterval);
+          if (paymentModalSetPaidFunction) {
+            paymentModalSetPaidFunction({
+              preimage: invoice.preimage,
+            });
+          }
+        }
+        try {
+          await invoice.verifyPayment();
+        } catch (error) {
+          console.error(error);
+        }
+      }, 1000);
+      return () => {
+        clearInterval(checkPaymentInterval);
+      };
+    }
+  }, [invoice, paymentModalSetPaidFunction]);
+
   async function payInvoice() {
     try {
-      if (!window.webln || !window.webln) {
-        throw new Error('Please connect your wallet');
-      }
       if (!invoice) {
         throw new Error('No invoice available');
       }
-      const result = await window.webln.sendPayment(invoice);
+      const provider = await requestProvider();
+      const result = await provider.sendPayment(invoice.paymentRequest);
       setPreimage(result?.preimage);
       if (!result?.preimage) {
         throw new Error('Payment failed. Please try again');
@@ -44,14 +81,24 @@ function App() {
     }
   }
 
+  const paymentResponse = React.useMemo(
+    () => (preimage ? {preimage} : undefined),
+    [preimage]
+  );
+
   return (
     <>
       <Toaster />
       <h1>Bitcoin Connect React</h1>
-      <Modal onConnect={() => toast('Modal Connected!')} />
       <Button
-        appName="Bitcoin Connect (React Demo)"
-        onConnect={() => toast('Connected!')}
+        onConnected={(provider) => {
+          console.log('WebLN connected', provider);
+          toast('Connected!');
+        }}
+        onConnecting={() => toast('Connecting!')}
+        onDisconnected={() => toast('Disconnected!')}
+        onModalOpened={() => toast('Modal opened!')}
+        onModalClosed={() => toast('Modal closed!')}
       />
       <div style={{marginTop: '16px'}}>
         {preimage ? (
@@ -60,21 +107,53 @@ function App() {
             <span style={{fontSize: '10px'}}>Preimage: {preimage}</span>
           </p>
         ) : invoice ? (
-          <button onClick={payInvoice}>Pay 1 sat to hello@getalby.com</button>
+          <button onClick={payInvoice}>
+            Pay 1 sat to hello@getalby.com (with requestProvider)
+          </button>
         ) : (
           <p>Loading invoice...</p>
         )}
       </div>
-      <button style={{marginTop: '16px'}} onClick={launchModal}>
+      <button style={{marginTop: '16px'}} onClick={() => launchModal()}>
         Programmatically launch modal
       </button>
       <br />
       <button
         style={{marginTop: '16px'}}
-        onClick={() => launchModal({invoice})}
+        onClick={() => {
+          if (!invoice) {
+            alert('Invoice not ready yet');
+            return;
+          }
+          const {setPaid} = launchPaymentModal({
+            invoice: invoice.paymentRequest,
+            onPaid: (result) => setPreimage(result.preimage),
+          });
+          setPaymentModalSetPaidFunction(() => setPaid);
+        }}
       >
-        Programmatically launch modal to pay invoice
+        Programmatically launch modal to pay invoice (LNURL-verify)
       </button>
+      <br />
+      <div style={{maxWidth: '448px'}}>
+        <h2>Connect component</h2>
+        <Connect />
+        <br />
+        <h2>Send payment component</h2>
+        {invoice && (
+          <Payment
+            invoice={invoice.paymentRequest}
+            onPaid={(response) =>
+              toast('Paid! preimage: ' + response.preimage, {
+                style: {
+                  wordBreak: 'break-all',
+                },
+              })
+            }
+            payment={paymentResponse}
+          />
+        )}
+      </div>
     </>
   );
 }
diff --git a/demos/react/yarn.lock b/demos/react/yarn.lock
index 8de89fe..658fedc 100644
--- a/demos/react/yarn.lock
+++ b/demos/react/yarn.lock
@@ -149,48 +149,36 @@
   resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.46.0.tgz#3f7802972e8b6fe3f88ed1aabc74ec596c456db6"
   integrity sha512-a8TLtmPi8xzPkCbp/OGFUo5yhRkHM2Ko9kOWP4znJr0WAhWyThaw3PnwX4vOTWOAMsV2uRt32PPDcEz63esSaA==
 
-"@getalby/bitcoin-connect-react@2.4.0-alpha.3":
-  version "2.4.0-alpha.3"
-  resolved "https://registry.yarnpkg.com/@getalby/bitcoin-connect-react/-/bitcoin-connect-react-2.4.0-alpha.3.tgz#a1c2632fbbea1872f4026511a36c2e32d4afe7de"
-  integrity sha512-XFPcsyE8XeC7SJaQB6/TEVqRts3exa54CqYGnzHeZQZS0UGkGqDQjvX2GIxQpLCXwe85UOhSYrPCi2i2FKuwfw==
-  dependencies:
-    "@getalby/bitcoin-connect" "2.4.0-alpha.3"
-
-"@getalby/bitcoin-connect@2.4.0-alpha.3":
-  version "2.4.0-alpha.3"
-  resolved "https://registry.yarnpkg.com/@getalby/bitcoin-connect/-/bitcoin-connect-2.4.0-alpha.3.tgz#a7860e2ebb71f277c74ac23efef705b8d79593b5"
-  integrity sha512-FlOT6sVWJ/oSDssZFa/Vao4eLzgJOEXWODl2IJrlb76jqhaNvkqk4Iv7a4kY/1kWcYbU6MLeR+bargeKlZvxFw==
-  dependencies:
-    "@getalby/lightning-tools" "^4.2.0"
-    "@getalby/sdk" "^2.6.0"
-    "@lightninglabs/lnc-web" "^0.2.6-alpha"
-    lit "^3.0.0"
-    zustand "^4.4.1"
-
-"@getalby/lightning-tools@^4.0.2":
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/@getalby/lightning-tools/-/lightning-tools-4.0.2.tgz#a6f5127ca768de28e87cff101508cd2d90590b60"
-  integrity sha512-6EOo4iqjc4BB37KPtzkTR2Fn/Bf5W7Zqb7sYW4pdPRHKTwbtPSgCFqsankAqn6pXxvnvy/kn0ueFz6af7zYijg==
+"@getalby/bitcoin-connect-react@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@getalby/bitcoin-connect-react/-/bitcoin-connect-react-3.0.0.tgz#c768ec291d92dccec3c244609d51bf4b29bf3ade"
+  integrity sha512-ngYKLpR8sh8YjbaHFBYdkZsmLIFpFLuAm9vtDkR/DRPbcTYEBNeWawRnGzt28+85gkofOI3VFxiuIsp5hnq8qg==
   dependencies:
-    crypto-js "^4.1.1"
-    light-bolt11-decoder "^3.0.0"
+    "@getalby/bitcoin-connect" "^3.0.0"
 
-"@getalby/lightning-tools@^4.2.0":
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/@getalby/lightning-tools/-/lightning-tools-4.2.0.tgz#768025e7efb2e8c0271859ed7956615c83b73b76"
-  integrity sha512-o87OTIgKgzOjDPoepDATQVGc2WkrO0Mwt4w+QAorYJx1z5MaCTipJi2cTO0GESObH1sEWCorZikanhMoRUh+qA==
+"@getalby/bitcoin-connect@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@getalby/bitcoin-connect/-/bitcoin-connect-3.0.0.tgz#d8c77fdd03ec691291d1e84f43ae744d7a48bf3f"
+  integrity sha512-s6D/pkjS2ojmfVYDiZehsbGjmvtwVuBZvivx8izWPhpsTwSR/J7zmxX5E4epZjijXxFEAuXU4baUBzY7NjF3Hg==
   dependencies:
-    crypto-js "^4.1.1"
-    light-bolt11-decoder "^3.0.0"
+    "@getalby/lightning-tools" "^5.0.0"
+    "@getalby/sdk" "^3.0.0"
+    "@lightninglabs/lnc-web" "^0.2.8-alpha"
+    qrcode-generator "^1.4.4"
+    zustand "^4.4.1"
+
+"@getalby/lightning-tools@^5.0.0":
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/@getalby/lightning-tools/-/lightning-tools-5.0.0.tgz#eefe1fc1ecf28582d6c922c9e22dc28bf3af27c6"
+  integrity sha512-j3x90CGclpyZTHJRVWvA95jQniu5A+xqvmJNPSkXyzYCdJiFG5oZFWNwC0N+q7Oa8cTvp7wB7FdDqxH+Le0/Nw==
 
-"@getalby/sdk@^2.6.0":
-  version "2.6.0"
-  resolved "https://registry.yarnpkg.com/@getalby/sdk/-/sdk-2.6.0.tgz#51508c7833b0580575055f15b8fe21567b76288a"
-  integrity sha512-klD1FrpGY39QldPf00KtzIveWj0dXtgGdZH6nLWdJ0Ness7FAqy2RkgSF7JQfKJeJSFek7Ip3AL/KCT5/lZgww==
+"@getalby/sdk@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@getalby/sdk/-/sdk-3.0.0.tgz#3d87b3d388dd14355b8b49f2fd3cd7ab63533b32"
+  integrity sha512-v4CaQf8HYIvN7Ccp+NU09pROrgugwyOkaouMRrat0DJnbRLpkV8zssPeKEqI29k53USnLn5P3SaHFngM4Se/1A==
   dependencies:
-    crypto-js "^4.1.1"
     events "^3.3.0"
-    nostr-tools "1.13.1"
+    nostr-tools "^1.17.0"
 
 "@humanwhocodes/config-array@^0.11.10":
   version "0.11.10"
@@ -211,30 +199,23 @@
   resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45"
   integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==
 
-"@lightninglabs/lnc-core@0.2.6-alpha":
-  version "0.2.6-alpha"
-  resolved "https://registry.yarnpkg.com/@lightninglabs/lnc-core/-/lnc-core-0.2.6-alpha.tgz#1b93d5aeefb09bb3dedcb82988368b15e223f8fd"
-  integrity sha512-bw2EQG78pPKMZMFwV+TR99RUbYgPVUKQYMLGGKIOvhPds3dBWSDZpMoqOyW/WidWGXF/ugPHzud8lDbKKhNXgA==
+"@lightninglabs/lnc-core@0.2.8-alpha":
+  version "0.2.8-alpha"
+  resolved "https://registry.yarnpkg.com/@lightninglabs/lnc-core/-/lnc-core-0.2.8-alpha.tgz#78272c04a5ec95a9ccb830f75ab9b5ca227f0801"
+  integrity sha512-2tHzmklIiQhJiK1aabX0R2AbbWi0mizWgniCUOb573XToYQN7L61Phh+hWUCxIFfAhHCkp2mnSmX+7eT/ikxOg==
 
-"@lightninglabs/lnc-web@^0.2.6-alpha":
-  version "0.2.6-alpha"
-  resolved "https://registry.yarnpkg.com/@lightninglabs/lnc-web/-/lnc-web-0.2.6-alpha.tgz#34f54f65691ff8cdef6eb159321b70c94f198f9e"
-  integrity sha512-SrqR8xaDnFLgNzPe5om7REOAhSOP95jQNIHP0GY0Lv895eDjrI6CPkfCFcX97INoDWYHBvDT8DZeYkBvlznVNA==
+"@lightninglabs/lnc-web@^0.2.8-alpha":
+  version "0.2.8-alpha"
+  resolved "https://registry.yarnpkg.com/@lightninglabs/lnc-web/-/lnc-web-0.2.8-alpha.tgz#454f6d68bcd8d766761f326846467000fc9c251c"
+  integrity sha512-Pe0Moupd7mglbvbVZk7GqPNxa/4lFFWWsnYtiSahzjhNCmTaoQkk/gUY8kk1u5mHaqUmrL1YgLCLsmbGbWPV/g==
   dependencies:
-    "@lightninglabs/lnc-core" "0.2.6-alpha"
+    "@lightninglabs/lnc-core" "0.2.8-alpha"
     crypto-js "4.1.1"
 
-"@lit-labs/ssr-dom-shim@^1.1.2-pre.0":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@lit-labs/ssr-dom-shim/-/ssr-dom-shim-1.1.2.tgz#d693d972974a354034454ec1317eb6afd0b00312"
-  integrity sha512-jnOD+/+dSrfTWYfSXBXlo5l5f0q1UuJo3tkbMDCYA2lKUYq79jaxqtGEvnRoh049nt1vdo1+45RinipU6FGY2g==
-
-"@lit/reactive-element@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@lit/reactive-element/-/reactive-element-2.0.0.tgz#da14a256ac5533873b935840f306d572bac4a2ab"
-  integrity sha512-wn+2+uDcs62ROBmVAwssO4x5xue/uKD3MGGZOXL2sMxReTRIT0JXKyMXeu7gh0aJ4IJNEIG/3aOnUaQvM7BMzQ==
-  dependencies:
-    "@lit-labs/ssr-dom-shim" "^1.1.2-pre.0"
+"@noble/ciphers@0.2.0":
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/@noble/ciphers/-/ciphers-0.2.0.tgz#a12cda60f3cf1ab5d7c77068c3711d2366649ed7"
+  integrity sha512-6YBxJDAapHSdd3bLDv6x2wRPwq4QFMUaB3HvljNBUTThDd12eSm7/3F+2lnfzx2jvM+S6Nsy0jEt9QbPqSwqRw==
 
 "@noble/curves@1.1.0", "@noble/curves@~1.1.0":
   version "1.1.0"
@@ -403,11 +384,6 @@
   resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.0.tgz#591c1ce3a702c45ee15f47a42ade72c2fd78978a"
   integrity sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==
 
-"@types/trusted-types@^2.0.2":
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.5.tgz#5cac7e7df3275bb95f79594f192d97da3b4fd5fe"
-  integrity sha512-I3pkr8j/6tmQtKV/ZzHtuaqYSQvyjGRKH4go60Rr0IDLlFxuRT5V32uvB1mecM5G1EVAUyF/4r4QZ1GHgz+mxA==
-
 "@typescript-eslint/eslint-plugin@^6.0.0":
   version "6.2.1"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.2.1.tgz#41b79923fee46a745a3a50cba1c33c622aa3c79a"
@@ -607,7 +583,7 @@ cross-spawn@^7.0.2:
     shebang-command "^2.0.0"
     which "^2.0.1"
 
-crypto-js@4.1.1, crypto-js@^4.1.1:
+crypto-js@4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/crypto-js/-/crypto-js-4.1.1.tgz#9e485bcf03521041bd85844786b83fb7619736cf"
   integrity sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw==
@@ -1006,38 +982,6 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
-light-bolt11-decoder@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/light-bolt11-decoder/-/light-bolt11-decoder-3.0.0.tgz#f644576120426c9ef65621bde254f11016055044"
-  integrity sha512-AKvOigD2pmC8ktnn2TIqdJu0K0qk6ukUmTvHwF3JNkm8uWCqt18Ijn33A/a7gaRZ4PghJ59X+8+MXrzLKdBTmQ==
-  dependencies:
-    "@scure/base" "1.1.1"
-
-lit-element@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/lit-element/-/lit-element-4.0.0.tgz#8343891bc9159a5fcb7f534914b37f2c0161e036"
-  integrity sha512-N6+f7XgusURHl69DUZU6sTBGlIN+9Ixfs3ykkNDfgfTkDYGGOWwHAYBhDqVswnFGyWgQYR2KiSpu4J76Kccs/A==
-  dependencies:
-    "@lit-labs/ssr-dom-shim" "^1.1.2-pre.0"
-    "@lit/reactive-element" "^2.0.0"
-    lit-html "^3.0.0"
-
-lit-html@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/lit-html/-/lit-html-3.0.0.tgz#77d6776ee488642c74c5575315ef81aa09d24ea9"
-  integrity sha512-DNJIE8dNY0dQF2Gs0sdMNUppMQT2/CvV4OVnSdg7BXAsGqkVwsE5bqQ04POfkYH5dBIuGnJYdFz5fYYyNnOxiA==
-  dependencies:
-    "@types/trusted-types" "^2.0.2"
-
-lit@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/lit/-/lit-3.0.0.tgz#204bd65935892a73670471e893ee8ca55d2f9a3b"
-  integrity sha512-nQ0teRzU1Kdj++VdmttS2WvIen8M79wChJ6guRKIIym2M3Ansg3Adj9O6yuQh2IpjxiUXlNuS81WKlQ4iL3BmA==
-  dependencies:
-    "@lit/reactive-element" "^2.0.0"
-    lit-element "^4.0.0"
-    lit-html "^3.0.0"
-
 locate-path@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
@@ -1104,11 +1048,12 @@ natural-compare@^1.4.0:
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
   integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
 
-nostr-tools@1.13.1:
-  version "1.13.1"
-  resolved "https://registry.yarnpkg.com/nostr-tools/-/nostr-tools-1.13.1.tgz#191298d85a977cc50790e1c1d1cb83b86d3a9656"
-  integrity sha512-DTwpbxTH1/ar+afWd4gmVdpHH8CF290kdaxi00Llra88SHE6e38XuyzlRABVTcrBaceLMnoDdHmV3x16MoEFJg==
+nostr-tools@^1.17.0:
+  version "1.17.0"
+  resolved "https://registry.yarnpkg.com/nostr-tools/-/nostr-tools-1.17.0.tgz#b6f62e32fedfd9e68ec0a7ce57f74c44fc768e8c"
+  integrity sha512-LZmR8GEWKZeElbFV5Xte75dOeE9EFUW/QLI1Ncn3JKn0kFddDKEfBbFN8Mu4TMs+L4HR/WTPha2l+PPuRnJcMw==
   dependencies:
+    "@noble/ciphers" "0.2.0"
     "@noble/curves" "1.1.0"
     "@noble/hashes" "1.3.1"
     "@scure/base" "1.1.1"
@@ -1204,6 +1149,11 @@ punycode@^2.1.0:
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.0.tgz#f67fa67c94da8f4d0cfff981aee4118064199b8f"
   integrity sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==
 
+qrcode-generator@^1.4.4:
+  version "1.4.4"
+  resolved "https://registry.yarnpkg.com/qrcode-generator/-/qrcode-generator-1.4.4.tgz#63f771224854759329a99048806a53ed278740e7"
+  integrity sha512-HM7yY8O2ilqhmULxGMpcHSF1EhJJ9yBj8gvDEuZ6M+KGJ0YY2hKpnXvRD+hZPLrDVck3ExIGhmPtSdcjC+guuw==
+
 queue-microtask@^1.2.2:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
diff --git a/dev/README.md b/dev/README.md
index 66ad15d..7eba9de 100644
--- a/dev/README.md
+++ b/dev/README.md
@@ -1,2 +1,3 @@
+# Dev Projects
+
 - [vite](vite/README.md)
-- [Pure HTML](html/README.md)
diff --git a/dev/html/README.md b/dev/html/README.md
deleted file mode 100644
index 8c90ce5..0000000
--- a/dev/html/README.md
+++ /dev/null
@@ -1,14 +0,0 @@
-# dev/browser
-
-Develop Bitcoin Connect for pure html import (e.g. `<script src="index.browser.js"></script>`)
-
-## Install
-
-Run `yarn install` here and in the root directory.
-
-## Development
-
-**Please note:** compile speeds are slow due to the bundling of `index.browser.js`. use [vite](../vite/README.md) for improved developer experience.
-
-1. Run `yarn dev:build:browser` in the parent directory. This will build Bitcoin Connect into a self-contained javascript file.
-2. Run `yarn dev` in this directory. This will serve the dev site and watch for changes.
diff --git a/dev/html/index.html b/dev/html/index.html
deleted file mode 100644
index 77edaa4..0000000
--- a/dev/html/index.html
+++ /dev/null
@@ -1,27 +0,0 @@
-<!DOCTYPE html>
-
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <title>Bitcoin Connect</title>
-    <script src="/dist/index.browser.js"></script>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  </head>
-  <body>
-    <div style="display: flex; flex-direction: column; gap: 1rem">
-      <code> &lt;bc-button /&gt; </code>
-      <bc-button></bc-button>
-      <code> &lt;bc-button disabled /&gt; </code>
-      <bc-button disabled></bc-button>
-      <code> &lt;bc-button icon-only/&gt; </code>
-      <bc-button icon-only></bc-button>
-      <code> &lt;bc-connector-list/&gt; </code>
-      <bc-connector-list></bc-connector-list>
-    </div>
-    <script>
-      window.addEventListener('bc:connected', async () => {
-        alert('connected');
-      });
-    </script>
-  </body>
-</html>
diff --git a/dev/html/package.json b/dev/html/package.json
deleted file mode 100644
index 06e27ac..0000000
--- a/dev/html/package.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-  "private": true,
-  "scripts": {
-    "dev": "wds -r ../.. -o ./dev/html/index.html --watch"
-  },
-  "devDependencies": {
-    "@web/dev-server": "^0.1.31"
-  }
-}
diff --git a/dev/html/yarn.lock b/dev/html/yarn.lock
deleted file mode 100644
index 41694ee..0000000
--- a/dev/html/yarn.lock
+++ /dev/null
@@ -1,1142 +0,0 @@
-# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
-# yarn lockfile v1
-
-
-"@75lb/deep-merge@^1.1.1":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@75lb/deep-merge/-/deep-merge-1.1.1.tgz#3b06155b90d34f5f8cc2107d796f1853ba02fd6d"
-  integrity sha512-xvgv6pkMGBA6GwdyJbNAnDmfAIR/DfWhrj9jgWh3TY7gRm3KO46x/GPjRg6wJ0nOepwqrNxFfojebh0Df4h4Tw==
-  dependencies:
-    lodash.assignwith "^4.2.0"
-    typical "^7.1.1"
-
-"@babel/code-frame@^7.12.11":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.22.5.tgz#234d98e1551960604f1246e6475891a570ad5658"
-  integrity sha512-Xmwn266vad+6DAqEB2A6V/CcZVp62BbwVmcOJc2RPuwih1kw02TjQvWVWlcKGbBPd+8/0V5DEkOcizRGYsspYQ==
-  dependencies:
-    "@babel/highlight" "^7.22.5"
-
-"@babel/helper-validator-identifier@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz#9544ef6a33999343c8740fa51350f30eeaaaf193"
-  integrity sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==
-
-"@babel/highlight@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.22.5.tgz#aa6c05c5407a67ebce408162b7ede789b4d22031"
-  integrity sha512-BSKlD1hgnedS5XRnGOljZawtag7H1yPfQp0tdNJCHoH6AZ+Pcm9VvkrK59/Yy593Ypg0zMxH2BxD1VPYUQ7UIw==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.22.5"
-    chalk "^2.0.0"
-    js-tokens "^4.0.0"
-
-"@rollup/plugin-node-resolve@^13.0.4":
-  version "13.3.0"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-13.3.0.tgz#da1c5c5ce8316cef96a2f823d111c1e4e498801c"
-  integrity sha512-Lus8rbUo1eEcnS4yTFKLZrVumLPY+YayBdWXgFSHYhTT2iJbMhoaaBL3xl5NCdeRytErGr8tZ0L71BMRmnlwSw==
-  dependencies:
-    "@rollup/pluginutils" "^3.1.0"
-    "@types/resolve" "1.17.1"
-    deepmerge "^4.2.2"
-    is-builtin-module "^3.1.0"
-    is-module "^1.0.0"
-    resolve "^1.19.0"
-
-"@rollup/pluginutils@^3.1.0":
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-3.1.0.tgz#706b4524ee6dc8b103b3c995533e5ad680c02b9b"
-  integrity sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==
-  dependencies:
-    "@types/estree" "0.0.39"
-    estree-walker "^1.0.1"
-    picomatch "^2.2.2"
-
-"@types/accepts@*":
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/@types/accepts/-/accepts-1.3.5.tgz#c34bec115cfc746e04fe5a059df4ce7e7b391575"
-  integrity sha512-jOdnI/3qTpHABjM5cx1Hc0sKsPoYCp+DP/GJRGtDlPd7fiV9oXGGIcjW/ZOxLIvjGz8MA+uMZI9metHlgqbgwQ==
-  dependencies:
-    "@types/node" "*"
-
-"@types/body-parser@*":
-  version "1.19.2"
-  resolved "https://registry.yarnpkg.com/@types/body-parser/-/body-parser-1.19.2.tgz#aea2059e28b7658639081347ac4fab3de166e6f0"
-  integrity sha512-ALYone6pm6QmwZoAgeyNksccT9Q4AWZQ6PvfwR37GT6r6FWUPguq6sUmNGSMV2Wr761oQoBxwGGa6DR5o1DC9g==
-  dependencies:
-    "@types/connect" "*"
-    "@types/node" "*"
-
-"@types/command-line-args@^5.0.0":
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/@types/command-line-args/-/command-line-args-5.2.0.tgz#adbb77980a1cc376bb208e3f4142e907410430f6"
-  integrity sha512-UuKzKpJJ/Ief6ufIaIzr3A/0XnluX7RvFgwkV89Yzvm77wCh1kFaFmqN8XEnGcN62EuHdedQjEMb8mYxFLGPyA==
-
-"@types/connect@*":
-  version "3.4.35"
-  resolved "https://registry.yarnpkg.com/@types/connect/-/connect-3.4.35.tgz#5fcf6ae445e4021d1fc2219a4873cc73a3bb2ad1"
-  integrity sha512-cdeYyv4KWoEgpBISTxWvqYsVy444DOqehiF3fM3ne10AmJ62RSyNkUnxMJXHQWRQQX2eR94m5y1IZyDwBjV9FQ==
-  dependencies:
-    "@types/node" "*"
-
-"@types/content-disposition@*":
-  version "0.5.5"
-  resolved "https://registry.yarnpkg.com/@types/content-disposition/-/content-disposition-0.5.5.tgz#650820e95de346e1f84e30667d168c8fd25aa6e3"
-  integrity sha512-v6LCdKfK6BwcqMo+wYW05rLS12S0ZO0Fl4w1h4aaZMD7bqT3gVUns6FvLJKGZHQmYn3SX55JWGpziwJRwVgutA==
-
-"@types/cookies@*":
-  version "0.7.7"
-  resolved "https://registry.yarnpkg.com/@types/cookies/-/cookies-0.7.7.tgz#7a92453d1d16389c05a5301eef566f34946cfd81"
-  integrity sha512-h7BcvPUogWbKCzBR2lY4oqaZbO3jXZksexYJVFvkrFeLgbZjQkU4x8pRq6eg2MHXQhY0McQdqmmsxRWlVAHooA==
-  dependencies:
-    "@types/connect" "*"
-    "@types/express" "*"
-    "@types/keygrip" "*"
-    "@types/node" "*"
-
-"@types/estree@0.0.39":
-  version "0.0.39"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.39.tgz#e177e699ee1b8c22d23174caaa7422644389509f"
-  integrity sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==
-
-"@types/express-serve-static-core@^4.17.33":
-  version "4.17.35"
-  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.17.35.tgz#c95dd4424f0d32e525d23812aa8ab8e4d3906c4f"
-  integrity sha512-wALWQwrgiB2AWTT91CB62b6Yt0sNHpznUXeZEcnPU3DRdlDIz74x8Qg1UUYKSVFi+va5vKOLYRBI1bRKiLLKIg==
-  dependencies:
-    "@types/node" "*"
-    "@types/qs" "*"
-    "@types/range-parser" "*"
-    "@types/send" "*"
-
-"@types/express@*":
-  version "4.17.17"
-  resolved "https://registry.yarnpkg.com/@types/express/-/express-4.17.17.tgz#01d5437f6ef9cfa8668e616e13c2f2ac9a491ae4"
-  integrity sha512-Q4FmmuLGBG58btUnfS1c1r/NQdlp3DMfGDGig8WhfpA2YRUtEkxAjkZb0yvplJGYdF1fsQ81iMDcH24sSCNC/Q==
-  dependencies:
-    "@types/body-parser" "*"
-    "@types/express-serve-static-core" "^4.17.33"
-    "@types/qs" "*"
-    "@types/serve-static" "*"
-
-"@types/http-assert@*":
-  version "1.5.3"
-  resolved "https://registry.yarnpkg.com/@types/http-assert/-/http-assert-1.5.3.tgz#ef8e3d1a8d46c387f04ab0f2e8ab8cb0c5078661"
-  integrity sha512-FyAOrDuQmBi8/or3ns4rwPno7/9tJTijVW6aQQjK02+kOQ8zmoNg2XJtAuQhvQcy1ASJq38wirX5//9J1EqoUA==
-
-"@types/http-errors@*":
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/@types/http-errors/-/http-errors-2.0.1.tgz#20172f9578b225f6c7da63446f56d4ce108d5a65"
-  integrity sha512-/K3ds8TRAfBvi5vfjuz8y6+GiAYBZ0x4tXv1Av6CWBWn0IlADc+ZX9pMq7oU0fNQPnBwIZl3rmeLp6SBApbxSQ==
-
-"@types/keygrip@*":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@types/keygrip/-/keygrip-1.0.2.tgz#513abfd256d7ad0bf1ee1873606317b33b1b2a72"
-  integrity sha512-GJhpTepz2udxGexqos8wgaBx4I/zWIDPh/KOGEwAqtuGDkOUJu5eFvwmdBX4AmB8Odsr+9pHCQqiAqDL/yKMKw==
-
-"@types/koa-compose@*":
-  version "3.2.5"
-  resolved "https://registry.yarnpkg.com/@types/koa-compose/-/koa-compose-3.2.5.tgz#85eb2e80ac50be95f37ccf8c407c09bbe3468e9d"
-  integrity sha512-B8nG/OoE1ORZqCkBVsup/AKcvjdgoHnfi4pZMn5UwAPCbhk/96xyv284eBYW8JlQbQ7zDmnpFr68I/40mFoIBQ==
-  dependencies:
-    "@types/koa" "*"
-
-"@types/koa@*", "@types/koa@^2.11.6":
-  version "2.13.8"
-  resolved "https://registry.yarnpkg.com/@types/koa/-/koa-2.13.8.tgz#4302d2f2712348aadb6c0b03eb614f30afde486b"
-  integrity sha512-Ugmxmgk/yPRW3ptBTh9VjOLwsKWJuGbymo1uGX0qdaqqL18uJiiG1ZoV0rxCOYSaDGhvEp5Ece02Amx0iwaxQQ==
-  dependencies:
-    "@types/accepts" "*"
-    "@types/content-disposition" "*"
-    "@types/cookies" "*"
-    "@types/http-assert" "*"
-    "@types/http-errors" "*"
-    "@types/keygrip" "*"
-    "@types/koa-compose" "*"
-    "@types/node" "*"
-
-"@types/mime@*":
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/@types/mime/-/mime-3.0.1.tgz#5f8f2bca0a5863cb69bc0b0acd88c96cb1d4ae10"
-  integrity sha512-Y4XFY5VJAuw0FgAqPNd6NNoV44jbq9Bz2L7Rh/J6jLTiHBSBJa9fxqQIvkIld4GsoDOcCbvzOUAbLPsSKKg+uA==
-
-"@types/mime@^1":
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/@types/mime/-/mime-1.3.2.tgz#93e25bf9ee75fe0fd80b594bc4feb0e862111b5a"
-  integrity sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw==
-
-"@types/node@*":
-  version "20.4.8"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.4.8.tgz#b5dda19adaa473a9bf0ab5cbd8f30ec7d43f5c85"
-  integrity sha512-0mHckf6D2DiIAzh8fM8f3HQCvMKDpK94YQ0DSVkfWTG9BZleYIWudw9cJxX8oCk9bM+vAkDyujDV6dmKHbvQpg==
-
-"@types/parse5@^6.0.1":
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/@types/parse5/-/parse5-6.0.3.tgz#705bb349e789efa06f43f128cef51240753424cb"
-  integrity sha512-SuT16Q1K51EAVPz1K29DJ/sXjhSQ0zjvsypYJ6tlwVsRV9jwW5Adq2ch8Dq8kDBCkYnELS7N7VNCSB5nC56t/g==
-
-"@types/qs@*":
-  version "6.9.7"
-  resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.7.tgz#63bb7d067db107cc1e457c303bc25d511febf6cb"
-  integrity sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw==
-
-"@types/range-parser@*":
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.4.tgz#cd667bcfdd025213aafb7ca5915a932590acdcdc"
-  integrity sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==
-
-"@types/resolve@1.17.1":
-  version "1.17.1"
-  resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.17.1.tgz#3afd6ad8967c77e4376c598a82ddd58f46ec45d6"
-  integrity sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==
-  dependencies:
-    "@types/node" "*"
-
-"@types/send@*":
-  version "0.17.1"
-  resolved "https://registry.yarnpkg.com/@types/send/-/send-0.17.1.tgz#ed4932b8a2a805f1fe362a70f4e62d0ac994e301"
-  integrity sha512-Cwo8LE/0rnvX7kIIa3QHCkcuF21c05Ayb0ZfxPiv0W8VRiZiNW/WuRupHKpqqGVGf7SUA44QSOUKaEd9lIrd/Q==
-  dependencies:
-    "@types/mime" "^1"
-    "@types/node" "*"
-
-"@types/serve-static@*":
-  version "1.15.2"
-  resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-1.15.2.tgz#3e5419ecd1e40e7405d34093f10befb43f63381a"
-  integrity sha512-J2LqtvFYCzaj8pVYKw8klQXrLLk7TBZmQ4ShlcdkELFKGwGMfevMLneMMRkMgZxotOD9wg497LpC7O8PcvAmfw==
-  dependencies:
-    "@types/http-errors" "*"
-    "@types/mime" "*"
-    "@types/node" "*"
-
-"@types/ws@^7.4.0":
-  version "7.4.7"
-  resolved "https://registry.yarnpkg.com/@types/ws/-/ws-7.4.7.tgz#f7c390a36f7a0679aa69de2d501319f4f8d9b702"
-  integrity sha512-JQbbmxZTZehdc2iszGKs5oC3NFnjeay7mtAWrdt7qNtAVK0g19muApzAy4bm9byz79xa2ZnO/BOBC2R8RC5Lww==
-  dependencies:
-    "@types/node" "*"
-
-"@web/config-loader@^0.1.3":
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/@web/config-loader/-/config-loader-0.1.3.tgz#8325ea54f75ef2ee7166783e64e66936db25bff7"
-  integrity sha512-XVKH79pk4d3EHRhofete8eAnqto1e8mCRAqPV00KLNFzCWSe8sWmLnqKCqkPNARC6nksMaGrATnA5sPDRllMpQ==
-  dependencies:
-    semver "^7.3.4"
-
-"@web/dev-server-core@^0.4.1":
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/@web/dev-server-core/-/dev-server-core-0.4.1.tgz#803faff45281ee296d0dda02dfdd905c330db4d8"
-  integrity sha512-KdYwejXZwIZvb6tYMCqU7yBiEOPfKLQ3V9ezqqEz8DA9V9R3oQWaowckvCpFB9IxxPfS/P8/59OkdzGKQjcIUw==
-  dependencies:
-    "@types/koa" "^2.11.6"
-    "@types/ws" "^7.4.0"
-    "@web/parse5-utils" "^1.3.1"
-    chokidar "^3.4.3"
-    clone "^2.1.2"
-    es-module-lexer "^1.0.0"
-    get-stream "^6.0.0"
-    is-stream "^2.0.0"
-    isbinaryfile "^5.0.0"
-    koa "^2.13.0"
-    koa-etag "^4.0.0"
-    koa-send "^5.0.1"
-    koa-static "^5.0.0"
-    lru-cache "^6.0.0"
-    mime-types "^2.1.27"
-    parse5 "^6.0.1"
-    picomatch "^2.2.2"
-    ws "^7.4.2"
-
-"@web/dev-server-rollup@^0.4.1":
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/@web/dev-server-rollup/-/dev-server-rollup-0.4.1.tgz#3c6606bac8e497498b5b47bf9e0c544c321b38ef"
-  integrity sha512-Ebsv7Ovd9MufeH3exvikBJ7GmrZA5OmHnOgaiHcwMJ2eQBJA5/I+/CbRjsLX97ICj/ZwZG//p2ITRz8W3UfSqg==
-  dependencies:
-    "@rollup/plugin-node-resolve" "^13.0.4"
-    "@web/dev-server-core" "^0.4.1"
-    nanocolors "^0.2.1"
-    parse5 "^6.0.1"
-    rollup "^2.67.0"
-    whatwg-url "^11.0.0"
-
-"@web/dev-server@^0.1.31":
-  version "0.1.38"
-  resolved "https://registry.yarnpkg.com/@web/dev-server/-/dev-server-0.1.38.tgz#d755092d66aeb923c546237a6c460439ea3ddd29"
-  integrity sha512-WUq7Zi8KeJ5/UZmmpZ+kzUpUlFlMP/rcreJKYg9Lxiz998KYl4G5Rv24akX0piTuqXG7r6h+zszg8V/hdzjCoA==
-  dependencies:
-    "@babel/code-frame" "^7.12.11"
-    "@types/command-line-args" "^5.0.0"
-    "@web/config-loader" "^0.1.3"
-    "@web/dev-server-core" "^0.4.1"
-    "@web/dev-server-rollup" "^0.4.1"
-    camelcase "^6.2.0"
-    command-line-args "^5.1.1"
-    command-line-usage "^7.0.1"
-    debounce "^1.2.0"
-    deepmerge "^4.2.2"
-    ip "^1.1.5"
-    nanocolors "^0.2.1"
-    open "^8.0.2"
-    portfinder "^1.0.32"
-
-"@web/parse5-utils@^1.3.1":
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/@web/parse5-utils/-/parse5-utils-1.3.1.tgz#6727be4d7875a9ecb96a5b3003bd271da763f8b4"
-  integrity sha512-haCgDchZrAOB9EhBJ5XqiIjBMsS/exsM5Ru7sCSyNkXVEJWskyyKuKMFk66BonnIGMPpDtqDrTUfYEis5Zi3XA==
-  dependencies:
-    "@types/parse5" "^6.0.1"
-    parse5 "^6.0.1"
-
-accepts@^1.3.5:
-  version "1.3.8"
-  resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.8.tgz#0bf0be125b67014adcb0b0921e62db7bffe16b2e"
-  integrity sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==
-  dependencies:
-    mime-types "~2.1.34"
-    negotiator "0.6.3"
-
-ansi-styles@^3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
-  integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
-  dependencies:
-    color-convert "^1.9.0"
-
-ansi-styles@^4.1.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
-  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
-  dependencies:
-    color-convert "^2.0.1"
-
-anymatch@~3.1.2:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
-  integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
-  dependencies:
-    normalize-path "^3.0.0"
-    picomatch "^2.0.4"
-
-array-back@^3.0.1, array-back@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/array-back/-/array-back-3.1.0.tgz#b8859d7a508871c9a7b2cf42f99428f65e96bfb0"
-  integrity sha512-TkuxA4UCOvxuDK6NZYXCalszEzj+TLszyASooky+i742l9TqsOdYCMJJupxRic61hwquNtppB3hgcuq9SVSH1Q==
-
-array-back@^6.2.2:
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/array-back/-/array-back-6.2.2.tgz#f567d99e9af88a6d3d2f9dfcc21db6f9ba9fd157"
-  integrity sha512-gUAZ7HPyb4SJczXAMUXMGAvI976JoK3qEx9v1FTmeYuJj0IBiaKttG1ydtGKdkfqWkIkouke7nG8ufGy77+Cvw==
-
-async@^2.6.4:
-  version "2.6.4"
-  resolved "https://registry.yarnpkg.com/async/-/async-2.6.4.tgz#706b7ff6084664cd7eae713f6f965433b5504221"
-  integrity sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==
-  dependencies:
-    lodash "^4.17.14"
-
-binary-extensions@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
-  integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
-
-braces@~3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
-  integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
-  dependencies:
-    fill-range "^7.0.1"
-
-builtin-modules@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-3.3.0.tgz#cae62812b89801e9656336e46223e030386be7b6"
-  integrity sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==
-
-cache-content-type@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/cache-content-type/-/cache-content-type-1.0.1.tgz#035cde2b08ee2129f4a8315ea8f00a00dba1453c"
-  integrity sha512-IKufZ1o4Ut42YUrZSo8+qnMTrFuKkvyoLXUywKz9GJ5BrhOFGhLdkx9sG4KAnVvbY6kEcSFjLQul+DVmBm2bgA==
-  dependencies:
-    mime-types "^2.1.18"
-    ylru "^1.2.0"
-
-camelcase@^6.2.0:
-  version "6.3.0"
-  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
-  integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
-
-chalk-template@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/chalk-template/-/chalk-template-0.4.0.tgz#692c034d0ed62436b9062c1707fadcd0f753204b"
-  integrity sha512-/ghrgmhfY8RaSdeo43hNXxpoHAtxdbskUHjPpfqUWGttFgycUhYPGx3YZBCnUCvOa7Doivn1IZec3DEGFoMgLg==
-  dependencies:
-    chalk "^4.1.2"
-
-chalk@^2.0.0:
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
-  integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
-  dependencies:
-    ansi-styles "^3.2.1"
-    escape-string-regexp "^1.0.5"
-    supports-color "^5.3.0"
-
-chalk@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
-  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
-  dependencies:
-    ansi-styles "^4.1.0"
-    supports-color "^7.1.0"
-
-chokidar@^3.4.3:
-  version "3.5.3"
-  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd"
-  integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
-  dependencies:
-    anymatch "~3.1.2"
-    braces "~3.0.2"
-    glob-parent "~5.1.2"
-    is-binary-path "~2.1.0"
-    is-glob "~4.0.1"
-    normalize-path "~3.0.0"
-    readdirp "~3.6.0"
-  optionalDependencies:
-    fsevents "~2.3.2"
-
-clone@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/clone/-/clone-2.1.2.tgz#1b7f4b9f591f1e8f83670401600345a02887435f"
-  integrity sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==
-
-co@^4.6.0:
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
-  integrity sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==
-
-color-convert@^1.9.0:
-  version "1.9.3"
-  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
-  integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
-  dependencies:
-    color-name "1.1.3"
-
-color-convert@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
-  integrity sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==
-  dependencies:
-    color-name "~1.1.4"
-
-color-name@1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
-  integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
-
-color-name@~1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
-  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
-
-command-line-args@^5.1.1, command-line-args@^5.2.1:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/command-line-args/-/command-line-args-5.2.1.tgz#c44c32e437a57d7c51157696893c5909e9cec42e"
-  integrity sha512-H4UfQhZyakIjC74I9d34fGYDwk3XpSr17QhEd0Q3I9Xq1CETHo4Hcuo87WyWHpAF1aSLjLRf5lD9ZGX2qStUvg==
-  dependencies:
-    array-back "^3.1.0"
-    find-replace "^3.0.0"
-    lodash.camelcase "^4.3.0"
-    typical "^4.0.0"
-
-command-line-usage@^7.0.0, command-line-usage@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/command-line-usage/-/command-line-usage-7.0.1.tgz#e540afef4a4f3bc501b124ffde33956309100655"
-  integrity sha512-NCyznE//MuTjwi3y84QVUGEOT+P5oto1e1Pk/jFPVdPPfsG03qpTIl3yw6etR+v73d0lXsoojRpvbru2sqePxQ==
-  dependencies:
-    array-back "^6.2.2"
-    chalk-template "^0.4.0"
-    table-layout "^3.0.0"
-    typical "^7.1.1"
-
-content-disposition@~0.5.2:
-  version "0.5.4"
-  resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.4.tgz#8b82b4efac82512a02bb0b1dcec9d2c5e8eb5bfe"
-  integrity sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==
-  dependencies:
-    safe-buffer "5.2.1"
-
-content-type@^1.0.4:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.5.tgz#8b773162656d1d1086784c8f23a54ce6d73d7918"
-  integrity sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==
-
-cookies@~0.8.0:
-  version "0.8.0"
-  resolved "https://registry.yarnpkg.com/cookies/-/cookies-0.8.0.tgz#1293ce4b391740a8406e3c9870e828c4b54f3f90"
-  integrity sha512-8aPsApQfebXnuI+537McwYsDtjVxGm8gTIzQI3FDW6t5t/DAhERxtnbEPN/8RX+uZthoz4eCOgloXaE5cYyNow==
-  dependencies:
-    depd "~2.0.0"
-    keygrip "~1.1.0"
-
-debounce@^1.2.0:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/debounce/-/debounce-1.2.1.tgz#38881d8f4166a5c5848020c11827b834bcb3e0a5"
-  integrity sha512-XRRe6Glud4rd/ZGQfiV1ruXSfbvfJedlV9Y6zOlP+2K04vBYiJEte6stfFkCP03aMnY5tsipamumUjL14fofug==
-
-debug@^3.1.0, debug@^3.2.7:
-  version "3.2.7"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.7.tgz#72580b7e9145fb39b6676f9c5e5fb100b934179a"
-  integrity sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==
-  dependencies:
-    ms "^2.1.1"
-
-debug@^4.1.1, debug@^4.3.2:
-  version "4.3.4"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
-  integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
-  dependencies:
-    ms "2.1.2"
-
-deep-equal@~1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-1.0.1.tgz#f5d260292b660e084eff4cdbc9f08ad3247448b5"
-  integrity sha512-bHtC0iYvWhyaTzvV3CZgPeZQqCOBGyGsVV7v4eevpdkLHfiSrXUdBG+qAuSz4RI70sszvjQ1QSZ98An1yNwpSw==
-
-deepmerge@^4.2.2:
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.3.1.tgz#44b5f2147cd3b00d4b56137685966f26fd25dd4a"
-  integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==
-
-define-lazy-prop@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f"
-  integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==
-
-delegates@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
-  integrity sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==
-
-depd@^2.0.0, depd@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/depd/-/depd-2.0.0.tgz#b696163cc757560d09cf22cc8fad1571b79e76df"
-  integrity sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==
-
-depd@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
-  integrity sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==
-
-destroy@^1.0.4:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.2.0.tgz#4803735509ad8be552934c67df614f94e66fa015"
-  integrity sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==
-
-ee-first@1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
-  integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
-
-encodeurl@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
-  integrity sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==
-
-es-module-lexer@^1.0.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.3.0.tgz#6be9c9e0b4543a60cd166ff6f8b4e9dae0b0c16f"
-  integrity sha512-vZK7T0N2CBmBOixhmjdqx2gWVbFZ4DXZ/NyRMZVlJXPa7CyFS+/a4QQsDGDQy9ZfEzxFuNEsMLeQJnKP2p5/JA==
-
-escape-html@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
-  integrity sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==
-
-escape-string-regexp@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
-  integrity sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
-
-estree-walker@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-1.0.1.tgz#31bc5d612c96b704106b477e6dd5d8aa138cb700"
-  integrity sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==
-
-etag@^1.8.1:
-  version "1.8.1"
-  resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
-  integrity sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==
-
-fill-range@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
-  integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
-  dependencies:
-    to-regex-range "^5.0.1"
-
-find-replace@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/find-replace/-/find-replace-3.0.0.tgz#3e7e23d3b05167a76f770c9fbd5258b0def68c38"
-  integrity sha512-6Tb2myMioCAgv5kfvP5/PkZZ/ntTpVK39fHY7WkWBgvbeE+VHd/tZuZ4mrC+bxh4cfOZeYKVPaJIZtZXV7GNCQ==
-  dependencies:
-    array-back "^3.0.1"
-
-fresh@~0.5.2:
-  version "0.5.2"
-  resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
-  integrity sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==
-
-fsevents@~2.3.2:
-  version "2.3.2"
-  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
-  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
-
-function-bind@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
-  integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
-
-get-stream@^6.0.0:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
-  integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==
-
-glob-parent@~5.1.2:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
-  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
-  dependencies:
-    is-glob "^4.0.1"
-
-has-flag@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
-  integrity sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==
-
-has-flag@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
-  integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
-
-has-symbols@^1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
-  integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==
-
-has-tostringtag@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.0.tgz#7e133818a7d394734f941e73c3d3f9291e658b25"
-  integrity sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==
-  dependencies:
-    has-symbols "^1.0.2"
-
-has@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
-  integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
-  dependencies:
-    function-bind "^1.1.1"
-
-http-assert@^1.3.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/http-assert/-/http-assert-1.5.0.tgz#c389ccd87ac16ed2dfa6246fd73b926aa00e6b8f"
-  integrity sha512-uPpH7OKX4H25hBmU6G1jWNaqJGpTXxey+YOUizJUAgu0AjLUeC8D73hTrhvDS5D+GJN1DN1+hhc/eF/wpxtp0w==
-  dependencies:
-    deep-equal "~1.0.1"
-    http-errors "~1.8.0"
-
-http-errors@^1.6.3, http-errors@^1.7.3, http-errors@~1.8.0:
-  version "1.8.1"
-  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.8.1.tgz#7c3f28577cbc8a207388455dbd62295ed07bd68c"
-  integrity sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g==
-  dependencies:
-    depd "~1.1.2"
-    inherits "2.0.4"
-    setprototypeof "1.2.0"
-    statuses ">= 1.5.0 < 2"
-    toidentifier "1.0.1"
-
-http-errors@~1.6.2:
-  version "1.6.3"
-  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.6.3.tgz#8b55680bb4be283a0b5bf4ea2e38580be1d9320d"
-  integrity sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==
-  dependencies:
-    depd "~1.1.2"
-    inherits "2.0.3"
-    setprototypeof "1.1.0"
-    statuses ">= 1.4.0 < 2"
-
-inherits@2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
-  integrity sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==
-
-inherits@2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
-  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
-
-ip@^1.1.5:
-  version "1.1.8"
-  resolved "https://registry.yarnpkg.com/ip/-/ip-1.1.8.tgz#ae05948f6b075435ed3307acce04629da8cdbf48"
-  integrity sha512-PuExPYUiu6qMBQb4l06ecm6T6ujzhmh+MeJcW9wa89PoAz5pvd4zPgN5WJV104mb6S2T1AwNIAaB70JNrLQWhg==
-
-is-binary-path@~2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
-  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
-  dependencies:
-    binary-extensions "^2.0.0"
-
-is-builtin-module@^3.1.0:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/is-builtin-module/-/is-builtin-module-3.2.1.tgz#f03271717d8654cfcaf07ab0463faa3571581169"
-  integrity sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==
-  dependencies:
-    builtin-modules "^3.3.0"
-
-is-core-module@^2.13.0:
-  version "2.13.0"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.13.0.tgz#bb52aa6e2cbd49a30c2ba68c42bf3435ba6072db"
-  integrity sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==
-  dependencies:
-    has "^1.0.3"
-
-is-docker@^2.0.0, is-docker@^2.1.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa"
-  integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==
-
-is-extglob@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
-  integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
-
-is-generator-function@^1.0.7:
-  version "1.0.10"
-  resolved "https://registry.yarnpkg.com/is-generator-function/-/is-generator-function-1.0.10.tgz#f1558baf1ac17e0deea7c0415c438351ff2b3c72"
-  integrity sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==
-  dependencies:
-    has-tostringtag "^1.0.0"
-
-is-glob@^4.0.1, is-glob@~4.0.1:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
-  integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
-  dependencies:
-    is-extglob "^2.1.1"
-
-is-module@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-module/-/is-module-1.0.0.tgz#3258fb69f78c14d5b815d664336b4cffb6441591"
-  integrity sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==
-
-is-number@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
-  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
-
-is-stream@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-2.0.1.tgz#fac1e3d53b97ad5a9d0ae9cef2389f5810a5c077"
-  integrity sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==
-
-is-wsl@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271"
-  integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
-  dependencies:
-    is-docker "^2.0.0"
-
-isbinaryfile@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/isbinaryfile/-/isbinaryfile-5.0.0.tgz#034b7e54989dab8986598cbcea41f66663c65234"
-  integrity sha512-UDdnyGvMajJUWCkib7Cei/dvyJrrvo4FIrsvSFWdPpXSUorzXrDJ0S+X5Q4ZlasfPjca4yqCNNsjbCeiy8FFeg==
-
-js-tokens@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
-  integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
-
-keygrip@~1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/keygrip/-/keygrip-1.1.0.tgz#871b1681d5e159c62a445b0c74b615e0917e7226"
-  integrity sha512-iYSchDJ+liQ8iwbSI2QqsQOvqv58eJCEanyJPJi+Khyu8smkcKSFUCbPwzFcL7YVtZ6eONjqRX/38caJ7QjRAQ==
-  dependencies:
-    tsscmp "1.0.6"
-
-koa-compose@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/koa-compose/-/koa-compose-4.1.0.tgz#507306b9371901db41121c812e923d0d67d3e877"
-  integrity sha512-8ODW8TrDuMYvXRwra/Kh7/rJo9BtOfPc6qO8eAfC80CnCvSjSl0bkRM24X6/XBBEyj0v1nRUQ1LyOy3dbqOWXw==
-
-koa-convert@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/koa-convert/-/koa-convert-2.0.0.tgz#86a0c44d81d40551bae22fee6709904573eea4f5"
-  integrity sha512-asOvN6bFlSnxewce2e/DK3p4tltyfC4VM7ZwuTuepI7dEQVcvpyFuBcEARu1+Hxg8DIwytce2n7jrZtRlPrARA==
-  dependencies:
-    co "^4.6.0"
-    koa-compose "^4.1.0"
-
-koa-etag@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/koa-etag/-/koa-etag-4.0.0.tgz#2c2bb7ae69ca1ac6ced09ba28dcb78523c810414"
-  integrity sha512-1cSdezCkBWlyuB9l6c/IFoe1ANCDdPBxkDkRiaIup40xpUub6U/wwRXoKBZw/O5BifX9OlqAjYnDyzM6+l+TAg==
-  dependencies:
-    etag "^1.8.1"
-
-koa-send@^5.0.0, koa-send@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/koa-send/-/koa-send-5.0.1.tgz#39dceebfafb395d0d60beaffba3a70b4f543fe79"
-  integrity sha512-tmcyQ/wXXuxpDxyNXv5yNNkdAMdFRqwtegBXUaowiQzUKqJehttS0x2j0eOZDQAyloAth5w6wwBImnFzkUz3pQ==
-  dependencies:
-    debug "^4.1.1"
-    http-errors "^1.7.3"
-    resolve-path "^1.4.0"
-
-koa-static@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/koa-static/-/koa-static-5.0.0.tgz#5e92fc96b537ad5219f425319c95b64772776943"
-  integrity sha512-UqyYyH5YEXaJrf9S8E23GoJFQZXkBVJ9zYYMPGz919MSX1KuvAcycIuS0ci150HCoPf4XQVhQ84Qf8xRPWxFaQ==
-  dependencies:
-    debug "^3.1.0"
-    koa-send "^5.0.0"
-
-koa@^2.13.0:
-  version "2.14.2"
-  resolved "https://registry.yarnpkg.com/koa/-/koa-2.14.2.tgz#a57f925c03931c2b4d94b19d2ebf76d3244863fc"
-  integrity sha512-VFI2bpJaodz6P7x2uyLiX6RLYpZmOJqNmoCst/Yyd7hQlszyPwG/I9CQJ63nOtKSxpt5M7NH67V6nJL2BwCl7g==
-  dependencies:
-    accepts "^1.3.5"
-    cache-content-type "^1.0.0"
-    content-disposition "~0.5.2"
-    content-type "^1.0.4"
-    cookies "~0.8.0"
-    debug "^4.3.2"
-    delegates "^1.0.0"
-    depd "^2.0.0"
-    destroy "^1.0.4"
-    encodeurl "^1.0.2"
-    escape-html "^1.0.3"
-    fresh "~0.5.2"
-    http-assert "^1.3.0"
-    http-errors "^1.6.3"
-    is-generator-function "^1.0.7"
-    koa-compose "^4.1.0"
-    koa-convert "^2.0.0"
-    on-finished "^2.3.0"
-    only "~0.0.2"
-    parseurl "^1.3.2"
-    statuses "^1.5.0"
-    type-is "^1.6.16"
-    vary "^1.1.2"
-
-lodash.assignwith@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/lodash.assignwith/-/lodash.assignwith-4.2.0.tgz#127a97f02adc41751a954d24b0de17e100e038eb"
-  integrity sha512-ZznplvbvtjK2gMvnQ1BR/zqPFZmS6jbK4p+6Up4xcRYA7yMIwxHCfbTcrYxXKzzqLsQ05eJPVznEW3tuwV7k1g==
-
-lodash.camelcase@^4.3.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6"
-  integrity sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==
-
-lodash@^4.17.14:
-  version "4.17.21"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
-  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
-
-lru-cache@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-6.0.0.tgz#6d6fe6570ebd96aaf90fcad1dafa3b2566db3a94"
-  integrity sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==
-  dependencies:
-    yallist "^4.0.0"
-
-media-typer@0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
-  integrity sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==
-
-mime-db@1.52.0:
-  version "1.52.0"
-  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
-  integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
-
-mime-types@^2.1.18, mime-types@^2.1.27, mime-types@~2.1.24, mime-types@~2.1.34:
-  version "2.1.35"
-  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
-  integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
-  dependencies:
-    mime-db "1.52.0"
-
-minimist@^1.2.6:
-  version "1.2.8"
-  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
-  integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
-
-mkdirp@^0.5.6:
-  version "0.5.6"
-  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.6.tgz#7def03d2432dcae4ba1d611445c48396062255f6"
-  integrity sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==
-  dependencies:
-    minimist "^1.2.6"
-
-ms@2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
-  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
-
-ms@^2.1.1:
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
-  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
-
-nanocolors@^0.2.1:
-  version "0.2.13"
-  resolved "https://registry.yarnpkg.com/nanocolors/-/nanocolors-0.2.13.tgz#dfd1ed0bfab05e9fe540eb6874525f0a1684099b"
-  integrity sha512-0n3mSAQLPpGLV9ORXT5+C/D4mwew7Ebws69Hx4E2sgz2ZA5+32Q80B9tL8PbL7XHnRDiAxH/pnrUJ9a4fkTNTA==
-
-negotiator@0.6.3:
-  version "0.6.3"
-  resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.3.tgz#58e323a72fedc0d6f9cd4d31fe49f51479590ccd"
-  integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
-
-normalize-path@^3.0.0, normalize-path@~3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
-  integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
-
-on-finished@^2.3.0:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.4.1.tgz#58c8c44116e54845ad57f14ab10b03533184ac3f"
-  integrity sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==
-  dependencies:
-    ee-first "1.1.1"
-
-only@~0.0.2:
-  version "0.0.2"
-  resolved "https://registry.yarnpkg.com/only/-/only-0.0.2.tgz#2afde84d03e50b9a8edc444e30610a70295edfb4"
-  integrity sha512-Fvw+Jemq5fjjyWz6CpKx6w9s7xxqo3+JCyM0WXWeCSOboZ8ABkyvP8ID4CZuChA/wxSx+XSJmdOm8rGVyJ1hdQ==
-
-open@^8.0.2:
-  version "8.4.2"
-  resolved "https://registry.yarnpkg.com/open/-/open-8.4.2.tgz#5b5ffe2a8f793dcd2aad73e550cb87b59cb084f9"
-  integrity sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==
-  dependencies:
-    define-lazy-prop "^2.0.0"
-    is-docker "^2.1.1"
-    is-wsl "^2.2.0"
-
-parse5@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/parse5/-/parse5-6.0.1.tgz#e1a1c085c569b3dc08321184f19a39cc27f7c30b"
-  integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==
-
-parseurl@^1.3.2:
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
-  integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
-
-path-is-absolute@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
-  integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==
-
-path-parse@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
-  integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
-
-picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
-  integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
-
-portfinder@^1.0.32:
-  version "1.0.32"
-  resolved "https://registry.yarnpkg.com/portfinder/-/portfinder-1.0.32.tgz#2fe1b9e58389712429dc2bea5beb2146146c7f81"
-  integrity sha512-on2ZJVVDXRADWE6jnQaX0ioEylzgBpQk8r55NE4wjXW1ZxO+BgDlY6DXwj20i0V8eB4SenDQ00WEaxfiIQPcxg==
-  dependencies:
-    async "^2.6.4"
-    debug "^3.2.7"
-    mkdirp "^0.5.6"
-
-punycode@^2.1.1:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.0.tgz#f67fa67c94da8f4d0cfff981aee4118064199b8f"
-  integrity sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==
-
-readdirp@~3.6.0:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
-  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
-  dependencies:
-    picomatch "^2.2.1"
-
-resolve-path@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/resolve-path/-/resolve-path-1.4.0.tgz#c4bda9f5efb2fce65247873ab36bb4d834fe16f7"
-  integrity sha512-i1xevIst/Qa+nA9olDxLWnLk8YZbi8R/7JPbCMcgyWaFR6bKWaexgJgEB5oc2PKMjYdrHynyz0NY+if+H98t1w==
-  dependencies:
-    http-errors "~1.6.2"
-    path-is-absolute "1.0.1"
-
-resolve@^1.19.0:
-  version "1.22.4"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.4.tgz#1dc40df46554cdaf8948a486a10f6ba1e2026c34"
-  integrity sha512-PXNdCiPqDqeUou+w1C2eTQbNfxKSuMxqTCuvlmmMsk1NWHL5fRrhY6Pl0qEYYc6+QqGClco1Qj8XnjPego4wfg==
-  dependencies:
-    is-core-module "^2.13.0"
-    path-parse "^1.0.7"
-    supports-preserve-symlinks-flag "^1.0.0"
-
-rollup@^2.67.0:
-  version "2.79.1"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.79.1.tgz#bedee8faef7c9f93a2647ac0108748f497f081c7"
-  integrity sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==
-  optionalDependencies:
-    fsevents "~2.3.2"
-
-safe-buffer@5.2.1:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
-  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
-
-semver@^7.3.4:
-  version "7.5.4"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.4.tgz#483986ec4ed38e1c6c48c34894a9182dbff68a6e"
-  integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==
-  dependencies:
-    lru-cache "^6.0.0"
-
-setprototypeof@1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.1.0.tgz#d0bd85536887b6fe7c0d818cb962d9d91c54e656"
-  integrity sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==
-
-setprototypeof@1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.2.0.tgz#66c9a24a73f9fc28cbe66b09fed3d33dcaf1b424"
-  integrity sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==
-
-"statuses@>= 1.4.0 < 2", "statuses@>= 1.5.0 < 2", statuses@^1.5.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
-  integrity sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==
-
-stream-read-all@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/stream-read-all/-/stream-read-all-3.0.1.tgz#60762ae45e61d93ba0978cda7f3913790052ad96"
-  integrity sha512-EWZT9XOceBPlVJRrYcykW8jyRSZYbkb/0ZK36uLEmoWVO5gxBOnntNTseNzfREsqxqdfEGQrD8SXQ3QWbBmq8A==
-
-supports-color@^5.3.0:
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
-  integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
-  dependencies:
-    has-flag "^3.0.0"
-
-supports-color@^7.1.0:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
-  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
-  dependencies:
-    has-flag "^4.0.0"
-
-supports-preserve-symlinks-flag@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
-  integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
-
-table-layout@^3.0.0:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/table-layout/-/table-layout-3.0.2.tgz#69c2be44388a5139b48c59cf21e73b488021769a"
-  integrity sha512-rpyNZYRw+/C+dYkcQ3Pr+rLxW4CfHpXjPDnG7lYhdRoUcZTUt+KEsX+94RGp/aVp/MQU35JCITv2T/beY4m+hw==
-  dependencies:
-    "@75lb/deep-merge" "^1.1.1"
-    array-back "^6.2.2"
-    command-line-args "^5.2.1"
-    command-line-usage "^7.0.0"
-    stream-read-all "^3.0.1"
-    typical "^7.1.1"
-    wordwrapjs "^5.1.0"
-
-to-regex-range@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
-  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
-  dependencies:
-    is-number "^7.0.0"
-
-toidentifier@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.1.tgz#3be34321a88a820ed1bd80dfaa33e479fbb8dd35"
-  integrity sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==
-
-tr46@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/tr46/-/tr46-3.0.0.tgz#555c4e297a950617e8eeddef633c87d4d9d6cbf9"
-  integrity sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==
-  dependencies:
-    punycode "^2.1.1"
-
-tsscmp@1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/tsscmp/-/tsscmp-1.0.6.tgz#85b99583ac3589ec4bfef825b5000aa911d605eb"
-  integrity sha512-LxhtAkPDTkVCMQjt2h6eBVY28KCjikZqZfMcC15YBeNjkgUpdCfBu5HoiOTDu86v6smE8yOjyEktJ8hlbANHQA==
-
-type-is@^1.6.16:
-  version "1.6.18"
-  resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.18.tgz#4e552cd05df09467dcbc4ef739de89f2cf37c131"
-  integrity sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==
-  dependencies:
-    media-typer "0.3.0"
-    mime-types "~2.1.24"
-
-typical@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/typical/-/typical-4.0.0.tgz#cbeaff3b9d7ae1e2bbfaf5a4e6f11eccfde94fc4"
-  integrity sha512-VAH4IvQ7BDFYglMd7BPRDfLgxZZX4O4TFcRDA6EN5X7erNJJq+McIEp8np9aVtxrCJ6qx4GTYVfOWNjcqwZgRw==
-
-typical@^7.1.1:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/typical/-/typical-7.1.1.tgz#ba177ab7ab103b78534463ffa4c0c9754523ac1f"
-  integrity sha512-T+tKVNs6Wu7IWiAce5BgMd7OZfNYUndHwc5MknN+UHOudi7sGZzuHdCadllRuqJ3fPtgFtIH9+lt9qRv6lmpfA==
-
-vary@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
-  integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
-
-webidl-conversions@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-7.0.0.tgz#256b4e1882be7debbf01d05f0aa2039778ea080a"
-  integrity sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==
-
-whatwg-url@^11.0.0:
-  version "11.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-11.0.0.tgz#0a849eebb5faf2119b901bb76fd795c2848d4018"
-  integrity sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==
-  dependencies:
-    tr46 "^3.0.0"
-    webidl-conversions "^7.0.0"
-
-wordwrapjs@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/wordwrapjs/-/wordwrapjs-5.1.0.tgz#4c4d20446dcc670b14fa115ef4f8fd9947af2b3a"
-  integrity sha512-JNjcULU2e4KJwUNv6CHgI46UvDGitb6dGryHajXTDiLgg1/RiGoPSDw4kZfYnwGtEXf2ZMeIewDQgFGzkCB2Sg==
-
-ws@^7.4.2:
-  version "7.5.9"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.9.tgz#54fa7db29f4c7cec68b1ddd3a89de099942bb591"
-  integrity sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==
-
-yallist@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
-  integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
-
-ylru@^1.2.0:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/ylru/-/ylru-1.3.2.tgz#0de48017473275a4cbdfc83a1eaf67c01af8a785"
-  integrity sha512-RXRJzMiK6U2ye0BlGGZnmpwJDPgakn6aNQ0A7gHRbD4I0uvK4TW6UqkK1V0pp9jskjJBAXd3dRrbzWkqJ+6cxA==
diff --git a/dev/vite/balance.html b/dev/vite/balance.html
deleted file mode 100644
index 97eb131..0000000
--- a/dev/vite/balance.html
+++ /dev/null
@@ -1,41 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + Lit + TS</title>
-    <script type="module" src="../../src/index.ts"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@getalby/lightning-tools@latest/dist/index.browser.js"></script>
-    <script>
-      window.addEventListener('bc:connected', () =>
-        console.info('Received connected event from html')
-      );
-      window.addEventListener('bc:connecting', () =>
-        console.info('Received connecting event from html')
-      );
-      window.addEventListener('bc:disconnected', () =>
-        console.info('Received disconnected event from html')
-      );
-      window.addEventListener('bc:modalopened', () =>
-        console.info('Received modalopened event from html')
-      );
-      window.addEventListener('bc:modalclosed', () =>
-        console.info('Received modalclosed event from html')
-      );
-    </script>
-  </head>
-  <body>
-    <button
-      onclick="document.querySelector('bc-modal').setAttribute('open', true)"
-    >
-      Open modal
-    </button>
-    <bc-modal></bc-modal>
-    <button
-      onclick="document.body.appendChild(document.createElement('bc-button'))"
-    >
-      Add bc-button
-    </button>
-    <br /><br />
-  </body>
-</html>
diff --git a/dev/vite/index.html b/dev/vite/index.html
index b0306ba..3cb4790 100644
--- a/dev/vite/index.html
+++ b/dev/vite/index.html
@@ -4,24 +4,8 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vite + Lit + TS</title>
-    <script type="module" src="../../src/index.ts"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@getalby/lightning-tools@latest/dist/index.browser.js"></script>
-    <script>
-      window.addEventListener('bc:connected', () =>
-        console.info('Received connected event from html')
-      );
-      window.addEventListener('bc:connecting', () =>
-        console.info('Received connecting event from html')
-      );
-      window.addEventListener('bc:disconnected', () =>
-        console.info('Received disconnected event from html')
-      );
-      window.addEventListener('bc:modalopened', () =>
-        console.info('Received modalopened event from html')
-      );
-      window.addEventListener('bc:modalclosed', () =>
-        console.info('Received modalclosed event from html')
-      );
+    <script type="module">
+      import {LightningAddress} from 'https://cdn.skypack.dev/@getalby/lightning-tools';
       const bcTheme = window.localStorage.getItem('bcTheme');
       if (bcTheme) {
         window.bcDarkMode = 'class';
@@ -29,31 +13,55 @@
       } else {
         document.documentElement.classList.add('system');
       }
-      async function payInvoice() {
-        try {
-          const ln = new window.lightningTools.LightningAddress(
-            'hello@getalby.com'
-          );
-          await ln.fetch();
-          const invoice = await ln.requestInvoice({satoshi: 1});
-          const result = await window.webln.sendPayment(invoice.paymentRequest);
-          alert('PAID! ' + JSON.stringify(result));
-        } catch (error) {
-          console.error(error);
-          alert('Failed to pay: ' + error);
-        }
+
+      const colorBrand = window.localStorage.getItem('colorBrand');
+      if (colorBrand) {
+        document.documentElement.style.setProperty(
+          '--bc-color-brand',
+          colorBrand
+        );
+      }
+      const brandMix = window.localStorage.getItem('brandMix');
+      if (brandMix) {
+        document.documentElement.style.setProperty('--bc-brand-mix', brandMix);
       }
+
       (async () => {
-        const ln = new window.lightningTools.LightningAddress(
-          'hello@getalby.com'
-        );
+        const ln = new LightningAddress('hello@getalby.com');
         await ln.fetch();
         const invoice = await ln.requestInvoice({satoshi: 1});
         document
-          .getElementsByTagName('bc-send-payment')[0]
+          .getElementById('send-payment')
+          .setAttribute('invoice', invoice.paymentRequest);
+        document
+          .getElementById('payment-flow')
           .setAttribute('invoice', invoice.paymentRequest);
       })();
     </script>
+    <script type="module">
+      import {
+        onConnected,
+        onConnecting,
+        onDisconnected,
+        onModalOpened,
+        onModalClosed,
+      } from '../../src/index.ts';
+      onConnected((provider) => {
+        console.info('onConnected callback', provider);
+      });
+      onConnecting(() => {
+        console.info('onConnecting callback');
+      });
+      onDisconnected(() => {
+        console.info('onDisconnected callback');
+      });
+      onModalOpened(() => {
+        console.info('onModalOpened callback');
+      });
+      onModalClosed(() => {
+        console.info('onModalClosed callback');
+      });
+    </script>
     <style>
       body {
         font-family: Arial, Helvetica, sans-serif;
@@ -81,168 +89,282 @@
         background-color: skyblue;
       }
 
-      .theme-geyser {
-        --bc-color-brand: #21ecc7;
-        --bc-brand-mix: 75%;
-      }
-      .theme-orange {
-        --bc-color-brand: #ff8008;
-      }
-      .theme-stacker-news {
-        --bc-color-brand: #fada5e;
-        --bc-brand-mix: 75%;
-      }
-      .theme-white {
-        --bc-color-brand: #ffffff;
-        --bc-brand-mix: 50%;
-      }
-      .theme-black {
-        --bc-color-brand: #000000;
-        --bc-brand-mix: 50%;
+      .container {
+        padding: 20px;
+        max-width: 448px;
       }
     </style>
   </head>
   <body>
-    <h1>Programmatic Access</h1>
-    <button onclick="window.bitcoinConnect.launchModal()">Open modal</button>
-    <button
-      onclick="const invoiceToPay = window.prompt('paste invoice'); window.bitcoinConnect.launchModal({invoice: invoiceToPay})"
-    >
-      Open modal to pay invoice
-    </button>
-    <bc-modal id="first-modal"></bc-modal>
-
-    <br /><br />
-    <a href="balance.html">Balance tester</a>
-
-    <h1>Light / Dark Mode</h1>
-
-    <button
-      id="button-theme-system"
-      onclick="window.localStorage.removeItem('bcTheme');window.location.reload();"
-    >
-      System
-    </button>
-    <button
-      id="button-theme-dark"
-      onclick="window.localStorage.setItem('bcTheme', 'dark');window.location.reload();"
-    >
-      Force Dark
-    </button>
-    <button
-      id="button-theme-light"
-      onclick="window.localStorage.setItem('bcTheme', 'light');window.location.reload();"
-    >
-      Force Light
-    </button>
-
-    <h1>Settings</h1>
-    <p>Name (e.g. Zap.Stream)</p>
-    <input
-      id="app-name"
-      onchange="localStorage.setItem('app-name', document.getElementById('app-name').value); window.location.reload()"
-    />
-    <p>Filters (e.g. nwc)</p>
-    <input
-      id="filters"
-      onchange="localStorage.setItem('filters', document.getElementById('filters').value); window.location.reload()"
-    />
-    <p>Invoice</p>
-    <input
-      id="invoice"
-      onchange="localStorage.setItem('invoice', document.getElementById('invoice').value); window.location.reload()"
-    />
-    <br />
-    <br />
-    <h1>Components</h1>
-    <h2>Button</h2>
-    <bc-button id="first-button"></bc-button>
-    <br /><br />
-    <div class="theme-geyser">
-      <bc-button></bc-button>
-    </div>
-    <br /><br />
-    <div class="theme-orange">
-      <bc-button></bc-button>
-    </div>
-    <br /><br />
-    <div class="theme-stacker-news">
-      <bc-button></bc-button>
-    </div>
-    <br /><br />
-    <div class="theme-white">
-      <bc-button></bc-button>
-    </div>
-    <br /><br />
-    <div class="theme-black">
+    <div class="container">
+      <h1>Programmatic Access</h1>
+      <button id="request-provider">Request provider</button>
+      <button id="launch-modal">Open modal</button>
+      <button id="launch-modal-pay-invoice">Open modal to pay invoice</button>
+      <br /><br />
+      <button id="launch-modal-pay-invoice-lnurl-verify">
+        Open modal to pay invoice (LNURL-verify payment checker)
+      </button>
+
+      <br /><br />
+
+      <h1>Light / Dark Mode</h1>
+
+      <button
+        id="button-theme-system"
+        onclick="window.localStorage.removeItem('bcTheme');window.location.reload();"
+      >
+        System
+      </button>
+      <button
+        id="button-theme-dark"
+        onclick="window.localStorage.setItem('bcTheme', 'dark');window.location.reload();"
+      >
+        Force Dark
+      </button>
+      <button
+        id="button-theme-light"
+        onclick="window.localStorage.setItem('bcTheme', 'light');window.location.reload();"
+      >
+        Force Light
+      </button>
+
+      <h1>Settings</h1>
+      <p>Name (e.g. Zap.Stream)</p>
+      <input
+        id="app-name"
+        onchange="localStorage.setItem('app-name', document.getElementById('app-name').value); window.location.reload()"
+      />
+      <p>Filters (e.g. nwc)</p>
+      <input
+        id="filters"
+        onchange="localStorage.setItem('filters', document.getElementById('filters').value); window.location.reload()"
+      />
+      <p>Invoice</p>
+      <input
+        id="invoice"
+        onchange="localStorage.setItem('invoice', document.getElementById('invoice').value); window.location.reload()"
+      />
+      <p>Show Balance</p>
+      <input
+        id="show-balance"
+        type="checkbox"
+        onchange="localStorage.setItem('show-balance', document.getElementById('show-balance').checked.toString()); window.location.reload()"
+        style="width: 24px; height: 24px"
+      />
+      <br />
+      <br />
+      <h1>Colors</h1>
+      <button
+        onclick="window.localStorage.removeItem('colorBrand');window.localStorage.removeItem('brandMix');window.location.reload()"
+      >
+        Default
+      </button>
+      <button
+        onclick="window.localStorage.setItem('colorBrand', '#21ecc7');window.localStorage.setItem('brandMix', '75%');window.location.reload()"
+        style="background-color: #21ecc7"
+      >
+        Geyser
+      </button>
+      <button
+        onclick="window.localStorage.setItem('colorBrand', '#fada5e');window.localStorage.setItem('brandMix', '75%');window.location.reload()"
+        style="background-color: #fada5e"
+      >
+        Stacker News
+      </button>
+      <button
+        onclick="window.localStorage.setItem('colorBrand', '#000000');window.localStorage.setItem('brandMix', '50%');window.location.reload()"
+        style="background-color: #000000; color: #fff"
+      >
+        Black
+      </button>
+      <button
+        onclick="window.localStorage.setItem('colorBrand', '#ffffff');window.localStorage.setItem('brandMix', '50%');window.location.reload()"
+        style="background-color: #ffffff"
+      >
+        White
+      </button>
+      <button
+        onclick="window.localStorage.setItem('colorBrand', prompt('color','#ffffff'));window.localStorage.setItem('brandMix', prompt('brand mix', '100%'));window.location.reload()"
+        style="background-color: #ff00ff"
+      >
+        Custom
+      </button>
+
+      <h1>Flows</h1>
+      <h2>Connect Flow</h2>
+      <bc-connect></bc-connect>
+      <h2>Payment Flow</h2>
+      <bc-payment id="payment-flow"></bc-payment>
+
+      <h1>Components</h1>
+      <h2>Button</h2>
       <bc-button></bc-button>
-    </div>
 
-    <h2>Modal header</h2>
-    <div style="width: 448px">
-      <bc-modal-header></bc-modal-header>
-    </div>
-    <h2>Navbar</h2>
-    <div style="width: 448px">
+      <h2>Modal header</h2>
+      <bc-modal-header show-help>Example Title</bc-modal-header>
+      <h2>Navbar</h2>
       <bc-navbar heading="Custom Heading"></bc-navbar>
-    </div>
-    <h2>Router outlet</h2>
-    <div style="width: 448px">
+      <h2>Router outlet</h2>
       <bc-router-outlet></bc-router-outlet>
-    </div>
 
-    <h2>Request Payment Screen</h2>
-    <div style="width: 448px; border: 1px solid black">
+      <h2>Request Payment Screen</h2>
       <bc-send-payment
+        id="send-payment"
         invoice="lnbc10n1pj4g7ugpp5h0lld9qzh06ngn8ur756rva0ntfdfg34h298337rljjyztxy8rfqhp50kncf9zk35xg4lxewt4974ry6mudygsztsz8qn3ar8pn3mtpe50scqzzsxqyz5vqsp5lwlnu7xjs7hj7vltx7rhzsjf60l5mwckuw93qngjrz7sdhdkw7gs9qyyssqzy543rxhkdtncjrmuzlz4lrh2eauldawa9np5yysh7dhqhv8kaahydurha2cfelr7t6wt33xse7fdykupnjv36na6x6crrhy53lyg6cqf2jhjj"
       ></bc-send-payment>
-    </div>
 
-    <h2>Start screen</h2>
-    <div style="width: 448px">
+      <h2>Start screen</h2>
       <bc-start></bc-start>
-    </div>
 
-    <h2>Help screen</h2>
-    <div style="width: 448px; border: 1px solid black">
+      <h2>Help screen</h2>
       <bc-help></bc-help>
-    </div>
-    <h2>New Wallet</h2>
-    <div style="width: 448px; border: 1px solid black">
+      <h2>New Wallet</h2>
       <bc-new-wallet></bc-new-wallet>
-    </div>
-    <h2>NWC screen</h2>
-    <div style="width: 448px; border: 1px solid black">
+      <h2>NWC screen</h2>
       <bc-nwc></bc-nwc>
-    </div>
 
-    <h2>Connector List</h2>
-    <bc-connector-list></bc-connector-list>
+      <h2>Connector List</h2>
+      <bc-connector-list></bc-connector-list>
+
+      <h2>Balance</h2>
+      <bc-balance></bc-balance>
+
+      <h2>Misc Helpers</h2>
+      <h3>Pay an invoice</h3>
+      <button id="pay-invoice">Pay 1 sat to Alby team</button>
+      <h3>Make an invoice</h3>
+      <button id="make-invoice">Make a 1 sat invoice</button>
+    </div>
+    <script></script>
+    <script type="module">
+      import {LightningAddress} from 'https://cdn.skypack.dev/@getalby/lightning-tools';
+      import {
+        init,
+        launchModal,
+        launchPaymentModal,
+        requestProvider,
+      } from '../../src/index.ts';
 
-    <h2>Pay an invoice</h2>
-    <button onclick="payInvoice()">Pay</button>
-    <script>
       const appName = localStorage.getItem('app-name');
       document.getElementById('app-name').value = appName;
-      if (appName) {
-        document
-          .getElementById('first-button')
-          .setAttribute('app-name', appName);
-      }
 
       const filters = localStorage.getItem('filters');
       document.getElementById('filters').value = filters;
-      if (filters) {
-        document
-          .getElementById('first-button')
-          .setAttribute('filters', filters);
-      }
 
       const invoice = localStorage.getItem('invoice');
       document.getElementById('invoice').value = invoice;
-      if (invoice) {
-        document.getElementById('first-modal').setAttribute('invoice', invoice);
-      }
+
+      const showBalance =
+        localStorage.getItem('show-balance') !== false.toString();
+      document.getElementById('show-balance').checked = showBalance;
+
+      init({
+        appName,
+        filters: filters?.split(','),
+        showBalance,
+      });
+
+      document
+        .getElementById('request-provider')
+        .addEventListener('click', async () => {
+          try {
+            const provider = await requestProvider();
+            console.log('WebLN provider: ', provider);
+            alert('WebLN provider available');
+          } catch (error) {
+            console.error('Failed to request provider:', error);
+            alert('Failed to request provider');
+          }
+        });
+      document.getElementById('launch-modal').addEventListener('click', () => {
+        launchModal();
+      });
+      document
+        .getElementById('launch-modal-pay-invoice')
+        .addEventListener('click', () => {
+          const invoice = localStorage.getItem('invoice');
+          const invoiceToPay = invoice || window.prompt('paste invoice');
+          if (!invoiceToPay) {
+            alert('No invoice provided');
+            return;
+          }
+          launchPaymentModal({
+            invoice: invoiceToPay,
+            onPaid: (response) => {
+              alert('Paid! ' + response.preimage);
+            },
+            onCancelled: () => {
+              alert('Payment cancelled');
+            },
+          });
+        });
+
+      document
+        .getElementById('launch-modal-pay-invoice-lnurl-verify')
+        .addEventListener('click', async () => {
+          const ln = new LightningAddress('hello@getalby.com');
+          await ln.fetch();
+          const invoice = await ln.requestInvoice({satoshi: 1});
+
+          const {setPaid} = launchPaymentModal({
+            invoice: invoice.paymentRequest,
+            onPaid: (response) => {
+              clearInterval(checkPaymentInterval);
+              alert('Received payment! ' + response.preimage);
+            },
+            onCancelled: () => {
+              clearInterval(checkPaymentInterval);
+              alert('Payment cancelled');
+            },
+          });
+
+          const checkPaymentInterval = setInterval(async () => {
+            const paid = await invoice.verifyPayment();
+
+            if (paid) {
+              setPaid({
+                preimage: invoice.preimage,
+              });
+            }
+          }, 1000);
+        });
+
+      document
+        .getElementById('pay-invoice')
+        .addEventListener('click', async () => {
+          try {
+            const ln = new LightningAddress('hello@getalby.com');
+            await ln.fetch();
+            const invoice = await ln.requestInvoice({satoshi: 1});
+            const provider = await requestProvider();
+            const result = await provider.sendPayment(invoice.paymentRequest);
+            alert('PAID! ' + JSON.stringify(result));
+          } catch (error) {
+            console.error(error);
+            alert('Failed to pay: ' + error.message || JSON.stringify(error));
+          }
+        });
+
+      document
+        .getElementById('make-invoice')
+        .addEventListener('click', async () => {
+          try {
+            const provider = await requestProvider();
+            const result = await provider.makeInvoice({
+              amount: 1,
+            });
+            alert('Invoice: ' + JSON.stringify(result));
+          } catch (error) {
+            console.error(error);
+            alert(
+              'Failed to make invoice: ' + error.message ||
+                JSON.stringify(error)
+            );
+          }
+        });
+
+      document.addEventListener('bc:onpaid', (e) => console.log('PAID!', e));
     </script>
   </body>
 </html>
diff --git a/doc/MIGRATION_v3.md b/doc/MIGRATION_v3.md
new file mode 100644
index 0000000..070b5b3
--- /dev/null
+++ b/doc/MIGRATION_v3.md
@@ -0,0 +1,47 @@
+# V2 to V3 migration guide
+
+## WebLN global object
+
+If you rely on WebLN please add the following lines to a place in your application which will be called on every page:
+
+```ts
+import {onConnected} from '@getalby/bitcoin-connect';
+
+onConnected((provider) => {
+  window.webln = provider;
+});
+```
+
+## Init
+
+Attributes have been moved to the new `init` function exposed by the Bitcoin Connect api.
+
+```ts
+import {init} from '@getalby/bitcoin-connect-react';
+
+init({
+  appName: 'My Lightning App', // your app name
+  // filters: ["nwc"],
+  // ...etc
+});
+```
+
+## `launchModal` for payments
+
+This has been moved to `launchPaymentModal`.
+
+## Modal
+
+`<bc-modal>` (or `<Modal/>`) no longer needs to be rendered manually. Make sure to remove it so that the modal does not unexpectedly render on the page.
+
+## Button
+
+Attributes have been moved from the button to the `init` function exposed by the API.
+
+## Events
+
+New subscription methods are exposed on the Bitcoin Connect API (`onConnected` etc) replacing window events such as `bc:connected`.
+
+## Browser / Pure HTML build
+
+Use `<script type="module">` as per the instructions in the README.
diff --git a/package.json b/package.json
index 4190336..31a2eca 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@getalby/bitcoin-connect",
-  "version": "2.4.3",
+  "version": "3.0.0",
   "description": "Web components to connect to a lightning wallet and power a website with WebLN",
   "type": "module",
   "source": "src/index.ts",
@@ -19,12 +19,10 @@
   "scripts": {
     "prebuild": "yarn run clean",
     "prepack": "yarn run build",
-    "build:browser": "esbuild dist/index.modern.js --bundle --external:@lightninglabs/lnc-web --outfile=dist/index.browser.js",
-    "build": "microbundle && yarn build:browser",
+    "build": "microbundle --no-sourcemap",
     "clean": "rm -rf dist",
     "dev": "yarn --cwd dev/vite dev",
     "dev:build": "microbundle watch",
-    "dev:build:browser": "concurrently \"yarn dev:build\" \"yarn build:browser --watch\"",
     "lint": "npm run lint:lit-analyzer && npm run lint:eslint",
     "lint:eslint": "eslint 'src/**/*.ts'",
     "lint:lit-analyzer": "lit-analyzer",
@@ -45,9 +43,9 @@
   "author": "Alby",
   "license": "MIT",
   "dependencies": {
-    "@getalby/lightning-tools": "^4.2.0",
-    "@getalby/sdk": "^2.7.0",
-    "@lightninglabs/lnc-web": "^0.2.6-alpha",
+    "@getalby/lightning-tools": "^5.0.0",
+    "@getalby/sdk": "^3.0.0",
+    "@lightninglabs/lnc-web": "^0.2.8-alpha",
     "qrcode-generator": "^1.4.4",
     "zustand": "^4.4.1"
   },
diff --git a/react/package.json b/react/package.json
index ed0ac56..187cf13 100644
--- a/react/package.json
+++ b/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@getalby/bitcoin-connect-react",
-  "version": "2.4.3",
+  "version": "3.0.0",
   "type": "module",
   "source": "src/index.ts",
   "main": "./dist/index.cjs",
@@ -21,7 +21,7 @@
     "build": "microbundle --globals react=React --jsx React.createElement --jsxFragment React.Fragment --jsxImportSource react"
   },
   "dependencies": {
-    "@getalby/bitcoin-connect": "2.4.3"
+    "@getalby/bitcoin-connect": "^3.0.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.21",
diff --git a/react/src/components/Button.tsx b/react/src/components/Button.tsx
index 39ac560..adbeb49 100644
--- a/react/src/components/Button.tsx
+++ b/react/src/components/Button.tsx
@@ -10,5 +10,5 @@ export const Button: React.FC<ButtonProps> = (props) => {
 
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
-  return <bc-button app-name={props.appName} filters={props.filters} />;
+  return <bc-button />;
 };
diff --git a/react/src/components/Modal.tsx b/react/src/components/Connect.tsx
similarity index 62%
rename from react/src/components/Modal.tsx
rename to react/src/components/Connect.tsx
index fb1a294..a662244 100644
--- a/react/src/components/Modal.tsx
+++ b/react/src/components/Connect.tsx
@@ -3,12 +3,12 @@ import '@getalby/bitcoin-connect';
 import {ComponentProps} from '../types/ComponentProps';
 import {useCoreEvents} from '../hooks/useCoreEvents';
 
-type ModalProps = ComponentProps & {};
+type ConnectProps = ComponentProps & {};
 
-export const Modal: React.FC<ModalProps> = (props) => {
+export const Connect: React.FC<ConnectProps> = (props) => {
   useCoreEvents(props);
 
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
-  return <bc-modal app-name={props.appName} filters={props.filters} />;
+  return <bc-connect />;
 };
diff --git a/react/src/components/Payment.tsx b/react/src/components/Payment.tsx
new file mode 100644
index 0000000..85f8028
--- /dev/null
+++ b/react/src/components/Payment.tsx
@@ -0,0 +1,47 @@
+import React from 'react';
+import '@getalby/bitcoin-connect';
+import {ComponentProps} from '../types/ComponentProps';
+import {useCoreEvents} from '../hooks/useCoreEvents';
+import {SendPaymentResponse} from '@webbtc/webln-types';
+
+type PaymentProps = ComponentProps & {
+  invoice: string;
+  /**
+   * @param response response of the WebLN send payment call
+   */
+  onPaid?: (response: SendPaymentResponse) => void;
+  /**
+   * Mark that an external payment was made
+   */
+  payment?: SendPaymentResponse;
+};
+
+export const Payment: React.FC<PaymentProps> = (props) => {
+  useCoreEvents(props);
+
+  const {onPaid, payment} = props;
+  React.useEffect(() => {
+    const onPaidEventHandler = (event: Event) => {
+      onPaid?.((event as CustomEvent).detail);
+    };
+    window.addEventListener('bc:onpaid', onPaidEventHandler);
+
+    if (payment) {
+      window.dispatchEvent(
+        new CustomEvent('bc:onpaid', {
+          detail: payment,
+        })
+      );
+    }
+
+    return () => {
+      window.removeEventListener('bc:onpaid', onPaidEventHandler);
+    };
+  }, [onPaid, payment]);
+
+  return (
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    <bc-payment invoice={props.invoice} {...(payment ? {paid: true} : {})} />
+  );
+};
diff --git a/react/src/hooks/useCoreEvents.ts b/react/src/hooks/useCoreEvents.ts
index 28ecac9..8067d56 100644
--- a/react/src/hooks/useCoreEvents.ts
+++ b/react/src/hooks/useCoreEvents.ts
@@ -1,10 +1,62 @@
+import React from 'react';
 import {ComponentProps} from '../types/ComponentProps';
-import {useEventListener} from './useEventListener';
+import {
+  onConnected,
+  onConnecting,
+  onDisconnected,
+  onModalClosed,
+  onModalOpened,
+} from '@getalby/bitcoin-connect';
 
 export function useCoreEvents(props: ComponentProps) {
-  useEventListener('bc:connected', props.onConnect);
-  useEventListener('bc:disconnected', props.onDisconnect);
-  useEventListener('bc:connecting', props.onConnecting);
-  useEventListener('bc:modalopened', props.onModalOpened);
-  useEventListener('bc:modalclosed', props.onModalClosed);
+  React.useEffect(() => {
+    if (props.onConnected) {
+      const unsub = onConnected(props.onConnected);
+
+      return () => {
+        unsub();
+      };
+    }
+    return () => {};
+  }, []);
+  React.useEffect(() => {
+    if (props.onConnecting) {
+      const unsub = onConnecting(props.onConnecting);
+
+      return () => {
+        unsub();
+      };
+    }
+    return () => {};
+  }, []);
+  React.useEffect(() => {
+    if (props.onDisconnected) {
+      const unsub = onDisconnected(props.onDisconnected);
+
+      return () => {
+        unsub();
+      };
+    }
+    return () => {};
+  }, []);
+  React.useEffect(() => {
+    if (props.onModalOpened) {
+      const unsub = onModalOpened(props.onModalOpened);
+
+      return () => {
+        unsub();
+      };
+    }
+    return () => {};
+  }, []);
+  React.useEffect(() => {
+    if (props.onModalClosed) {
+      const unsub = onModalClosed(props.onModalClosed);
+
+      return () => {
+        unsub();
+      };
+    }
+    return () => {};
+  }, []);
 }
diff --git a/react/src/hooks/useEventListener.ts b/react/src/hooks/useEventListener.ts
deleted file mode 100644
index 0237d18..0000000
--- a/react/src/hooks/useEventListener.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import {EventType} from '@getalby/bitcoin-connect';
-import React from 'react';
-
-export function useEventListener(
-  event: EventType,
-  func: (() => void) | undefined
-) {
-  React.useEffect(() => {
-    if (func) {
-      window.addEventListener(event, func);
-
-      return () => {
-        window.removeEventListener(event, func);
-      };
-    }
-    return () => {};
-  }, []);
-}
diff --git a/react/src/index.ts b/react/src/index.ts
index dfbbc1a..815f856 100644
--- a/react/src/index.ts
+++ b/react/src/index.ts
@@ -1,10 +1,17 @@
 export * from './components/Button';
-export * from './components/Modal';
-import {
+export * from './components/Connect';
+export * from './components/Payment';
+export {
+  init,
   closeModal,
   disconnect,
   isConnected,
   launchModal,
+  launchPaymentModal,
+  requestProvider,
+  onConnected,
+  onConnecting,
+  onDisconnected,
+  onModalOpened,
+  onModalClosed,
 } from '@getalby/bitcoin-connect';
-
-export {launchModal, closeModal, disconnect, isConnected};
diff --git a/react/src/types/ComponentProps.ts b/react/src/types/ComponentProps.ts
index 0af4126..ae18c5d 100644
--- a/react/src/types/ComponentProps.ts
+++ b/react/src/types/ComponentProps.ts
@@ -1,9 +1,9 @@
+import {WebLNProvider} from '@webbtc/webln-types';
+
 export type ComponentProps = {
-  onConnect?(): void;
+  onConnected?(provider: WebLNProvider): void;
   onConnecting?(): void;
-  onDisconnect?(): void;
+  onDisconnected?(): void;
   onModalOpened?(): void;
   onModalClosed?(): void;
-  appName?: string;
-  filters?: string;
 };
diff --git a/react/yarn.lock b/react/yarn.lock
index a68705a..c236089 100644
--- a/react/yarn.lock
+++ b/react/yarn.lock
@@ -1018,31 +1018,27 @@
     "@babel/helper-validator-identifier" "^7.22.5"
     to-fast-properties "^2.0.0"
 
-"@getalby/bitcoin-connect@2.4.3":
-  version "2.4.3"
-  resolved "https://registry.yarnpkg.com/@getalby/bitcoin-connect/-/bitcoin-connect-2.4.3.tgz#918041dfd0e35fbe7302691f6c96b1c79529d251"
-  integrity sha512-siuRiB8S1wCqmhXvxhQLvWZFwG04spfPSdOvHdWv8pDhy3ixfGRvUd9JFQ0saavGS3kueiaDZ6xTSUDJ1hY08Q==
-  dependencies:
-    "@getalby/lightning-tools" "^4.2.0"
-    "@getalby/sdk" "^2.7.0"
-    "@lightninglabs/lnc-web" "^0.2.6-alpha"
+"@getalby/bitcoin-connect@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@getalby/bitcoin-connect/-/bitcoin-connect-3.0.0.tgz#d8c77fdd03ec691291d1e84f43ae744d7a48bf3f"
+  integrity sha512-s6D/pkjS2ojmfVYDiZehsbGjmvtwVuBZvivx8izWPhpsTwSR/J7zmxX5E4epZjijXxFEAuXU4baUBzY7NjF3Hg==
+  dependencies:
+    "@getalby/lightning-tools" "^5.0.0"
+    "@getalby/sdk" "^3.0.0"
+    "@lightninglabs/lnc-web" "^0.2.8-alpha"
     qrcode-generator "^1.4.4"
     zustand "^4.4.1"
 
-"@getalby/lightning-tools@^4.2.0":
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/@getalby/lightning-tools/-/lightning-tools-4.2.0.tgz#768025e7efb2e8c0271859ed7956615c83b73b76"
-  integrity sha512-o87OTIgKgzOjDPoepDATQVGc2WkrO0Mwt4w+QAorYJx1z5MaCTipJi2cTO0GESObH1sEWCorZikanhMoRUh+qA==
-  dependencies:
-    crypto-js "^4.1.1"
-    light-bolt11-decoder "^3.0.0"
+"@getalby/lightning-tools@^5.0.0":
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/@getalby/lightning-tools/-/lightning-tools-5.0.0.tgz#eefe1fc1ecf28582d6c922c9e22dc28bf3af27c6"
+  integrity sha512-j3x90CGclpyZTHJRVWvA95jQniu5A+xqvmJNPSkXyzYCdJiFG5oZFWNwC0N+q7Oa8cTvp7wB7FdDqxH+Le0/Nw==
 
-"@getalby/sdk@^2.7.0":
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/@getalby/sdk/-/sdk-2.7.0.tgz#20fdb5a39ffcbd9b9c9d7270bdacba97ac4d3f72"
-  integrity sha512-4NoEgdjx0R8SYDmJfCAsgvuBs0w3d8wsOMGI4m0h2MVsSeCcWW93lrzCl8bRmHTF5N7EfleHwnieYwn5j9KZTA==
+"@getalby/sdk@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@getalby/sdk/-/sdk-3.0.0.tgz#3d87b3d388dd14355b8b49f2fd3cd7ab63533b32"
+  integrity sha512-v4CaQf8HYIvN7Ccp+NU09pROrgugwyOkaouMRrat0DJnbRLpkV8zssPeKEqI29k53USnLn5P3SaHFngM4Se/1A==
   dependencies:
-    crypto-js "^4.1.1"
     events "^3.3.0"
     nostr-tools "^1.17.0"
 
@@ -1086,17 +1082,17 @@
     "@jridgewell/resolve-uri" "^3.1.0"
     "@jridgewell/sourcemap-codec" "^1.4.14"
 
-"@lightninglabs/lnc-core@0.2.6-alpha":
-  version "0.2.6-alpha"
-  resolved "https://registry.yarnpkg.com/@lightninglabs/lnc-core/-/lnc-core-0.2.6-alpha.tgz#1b93d5aeefb09bb3dedcb82988368b15e223f8fd"
-  integrity sha512-bw2EQG78pPKMZMFwV+TR99RUbYgPVUKQYMLGGKIOvhPds3dBWSDZpMoqOyW/WidWGXF/ugPHzud8lDbKKhNXgA==
+"@lightninglabs/lnc-core@0.2.8-alpha":
+  version "0.2.8-alpha"
+  resolved "https://registry.yarnpkg.com/@lightninglabs/lnc-core/-/lnc-core-0.2.8-alpha.tgz#78272c04a5ec95a9ccb830f75ab9b5ca227f0801"
+  integrity sha512-2tHzmklIiQhJiK1aabX0R2AbbWi0mizWgniCUOb573XToYQN7L61Phh+hWUCxIFfAhHCkp2mnSmX+7eT/ikxOg==
 
-"@lightninglabs/lnc-web@^0.2.6-alpha":
-  version "0.2.6-alpha"
-  resolved "https://registry.yarnpkg.com/@lightninglabs/lnc-web/-/lnc-web-0.2.6-alpha.tgz#34f54f65691ff8cdef6eb159321b70c94f198f9e"
-  integrity sha512-SrqR8xaDnFLgNzPe5om7REOAhSOP95jQNIHP0GY0Lv895eDjrI6CPkfCFcX97INoDWYHBvDT8DZeYkBvlznVNA==
+"@lightninglabs/lnc-web@^0.2.8-alpha":
+  version "0.2.8-alpha"
+  resolved "https://registry.yarnpkg.com/@lightninglabs/lnc-web/-/lnc-web-0.2.8-alpha.tgz#454f6d68bcd8d766761f326846467000fc9c251c"
+  integrity sha512-Pe0Moupd7mglbvbVZk7GqPNxa/4lFFWWsnYtiSahzjhNCmTaoQkk/gUY8kk1u5mHaqUmrL1YgLCLsmbGbWPV/g==
   dependencies:
-    "@lightninglabs/lnc-core" "0.2.6-alpha"
+    "@lightninglabs/lnc-core" "0.2.8-alpha"
     crypto-js "4.1.1"
 
 "@noble/ciphers@0.2.0":
@@ -1595,7 +1591,7 @@ cosmiconfig@^7.0.0:
     path-type "^4.0.0"
     yaml "^1.10.0"
 
-crypto-js@4.1.1, crypto-js@^4.1.1:
+crypto-js@4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/crypto-js/-/crypto-js-4.1.1.tgz#9e485bcf03521041bd85844786b83fb7619736cf"
   integrity sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw==
@@ -2382,13 +2378,6 @@ kleur@^4.1.3:
   resolved "https://registry.yarnpkg.com/kleur/-/kleur-4.1.5.tgz#95106101795f7050c6c650f350c683febddb1780"
   integrity sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==
 
-light-bolt11-decoder@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/light-bolt11-decoder/-/light-bolt11-decoder-3.0.0.tgz#f644576120426c9ef65621bde254f11016055044"
-  integrity sha512-AKvOigD2pmC8ktnn2TIqdJu0K0qk6ukUmTvHwF3JNkm8uWCqt18Ijn33A/a7gaRZ4PghJ59X+8+MXrzLKdBTmQ==
-  dependencies:
-    "@scure/base" "1.1.1"
-
 lilconfig@^2.0.3, lilconfig@^2.0.5:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.1.0.tgz#78e23ac89ebb7e1bfbf25b18043de756548e7f52"
diff --git a/src/api.ts b/src/api.ts
index b769af1..841dbe0 100644
--- a/src/api.ts
+++ b/src/api.ts
@@ -1,48 +1,269 @@
+import {SendPaymentResponse, WebLNProvider} from '@webbtc/webln-types';
 import store from './state/store';
+import {ConnectorFilter} from './types/ConnectorFilter';
 
-type LaunchModalArgs = {
-  invoice?: string;
+type BitcoinConnectConfig = {
+  /**
+   * Name of the application that the user is interacting with.
+   *   May be passed to the connector the user chooses to connect with (e.g. NWC)
+   */
+  appName?: string;
+  /**
+   * Limit which connectors are shown in the connect flow
+   */
+  filters?: ConnectorFilter[];
+  /**
+   * Set to false to not request or show the user's wallet balance
+   */
+  showBalance?: boolean;
 };
 
-export function launchModal({invoice}: LaunchModalArgs = {}) {
-  const modal = document.querySelector('bc-modal');
-  if (!modal) {
-    throw new Error(
-      'bc-modal does not exist in the dom. Did you render the Modal somewhere on this page?'
-    );
-  }
-  if (invoice) {
-    modal.setAttribute('invoice', invoice);
-  }
-  modal.setAttribute('open', 'true');
+type LaunchPaymentModalArgs = {
+  /**
+   * Launch a payment flow to pay a BOLT11 invoice
+   */
+  invoice: string;
+  /**
+   * Called when a payment is made (either with WebLN or externally)
+   * @param response response of the WebLN send payment call
+   */
+  onPaid?: (response: SendPaymentResponse) => void;
+  /**
+   * Called when modal is closed without completing the payment
+   */
+  onCancelled?: () => void;
+};
+
+/**
+ * Listen to onConnected events which will fire when a user connects to a wallet
+ * @param callback includes the webln provider that was connected
+ * @returns unsubscribe function
+ */
+export function onConnected(callback: (provider: WebLNProvider) => void) {
+  const zustandUnsubscribe = store.subscribe(async (state, prevState) => {
+    if (state.connected && !prevState.connected) {
+      if (!state.provider) {
+        throw new Error('No provider available');
+      }
+      callback(state.provider);
+    }
+  });
+  return () => {
+    zustandUnsubscribe();
+  };
 }
 
-export function closeModal() {
-  const modal = document.querySelector('bc-modal');
-  if (!modal) {
-    throw new Error(
-      'bc-modal does not exist in the dom. Did you render the Modal somewhere on this page?'
-    );
+/**
+ * Listen to onConnecting events which will fire when a user is connecting to their wallet
+ * @param callback
+ * @returns unsubscribe function
+ */
+export function onConnecting(callback: () => void) {
+  const zustandUnsubscribe = store.subscribe(async (state, prevState) => {
+    if (state.connecting && !prevState.connecting) {
+      callback();
+    }
+  });
+  return () => {
+    zustandUnsubscribe();
+  };
+}
+
+/**
+ * Listen to onDisconnected events which will fire when a user disconnects from their wallet
+ * @param callback
+ * @returns unsubscribe function
+ */
+export function onDisconnected(callback: () => void) {
+  const zustandUnsubscribe = store.subscribe(async (state, prevState) => {
+    if (!state.connected && prevState.connected) {
+      callback();
+    }
+  });
+  return () => {
+    zustandUnsubscribe();
+  };
+}
+
+/**
+ * Listen to onModalOpened events which will fire when a Bitcoin Connect modal is opened
+ * @param callback
+ * @returns unsubscribe function
+ */
+export function onModalOpened(callback: () => void) {
+  const zustandUnsubscribe = store.subscribe(async (state, prevState) => {
+    if (state.modalOpen && !prevState.modalOpen) {
+      callback();
+    }
+  });
+  return () => {
+    zustandUnsubscribe();
+  };
+}
+
+/**
+ * Listen to onModalOpened events which will fire when a Bitcoin Connect modal is closed
+ * @param callback
+ * @returns unsubscribe function
+ */
+export function onModalClosed(callback: () => void) {
+  const zustandUnsubscribe = store.subscribe(async (state, prevState) => {
+    if (!state.modalOpen && prevState.modalOpen) {
+      callback();
+    }
+  });
+  return () => {
+    zustandUnsubscribe();
+  };
+}
+
+/**
+ * If a WebLN provider already exists, returns the current WebLN provider. Otherwise
+ *   will launch the modal to allow the user to connect to a wallet,
+ *   and then enable the WebLN provider for that wallet.
+ * @returns an enabled WebLN provider.
+ * @throws Error if user cancels flow (by closing the modal)
+ */
+export async function requestProvider(): Promise<WebLNProvider> {
+  let provider = store.getState().provider;
+
+  if (!provider) {
+    launchModal();
+
+    await new Promise<void>((resolve, reject) => {
+      const unsubOnModalClosed = onModalClosed(() => {
+        unsubOnModalClosed();
+        unsubOnConnected();
+        if (provider) {
+          resolve();
+        }
+        // TODO: we should throw an Error object instead
+        reject('Modal closed without connecting');
+      });
+      const unsubOnConnected = onConnected((newProvider) => {
+        provider = newProvider;
+      });
+    });
+    if (!provider) {
+      throw new Error('No WebLN provider available');
+    }
   }
-  modal.removeAttribute('open');
+
+  return provider;
 }
 
+/**
+ * @returns true if user is connected to a wallet and WebLN is enabled
+ */
 export function isConnected() {
   return store.getState().connected;
 }
 
-export function disconnect() {
-  store.getState().disconnect();
+/**
+ * Configures Bitcoin Connect
+ * @param config
+ */
+export function init(config: BitcoinConnectConfig = {}) {
+  store.getState().setAppName(config.appName);
+  store.getState().setFilters(config.filters);
+  store.getState().setShowBalance(config.showBalance);
 }
 
-export const bitcoinConnect = {
-  launchModal,
-  closeModal,
-  isConnected,
-  disconnect,
-};
+/**
+ * Programmatically launch the Bitcoin Connect modal
+ */
+
+export function launchModal() {
+  // TODO: refactor to have higher level components that render these ones,
+  // so JS DOM functions are not needed and tailwind can be used
+  // (also then CSS is not needed in the host css of bc-payment and bc-connect)
+
+  const modalElement = document.createElement('bc-modal');
 
-if (typeof window !== 'undefined') {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  (window as any).bitcoinConnect = bitcoinConnect;
+  const connectFlowElement = document.createElement('bc-connect');
+  connectFlowElement.setAttribute('closable', 'closable');
+  modalElement.appendChild(connectFlowElement);
+
+  document.body.appendChild(modalElement);
+  store.getState().setModalOpen(true);
+}
+
+/**
+ * Programmatically launch the Bitcoin Connect modal to receive a payment
+ * @param args configure the payment modal
+ *
+ * @returns an object allowing you to mark the payment as made (for external payments)
+ */
+// TODO: add launchPaymentModal and update README and migration guide
+export function launchPaymentModal({
+  invoice,
+  onPaid,
+  onCancelled,
+}: LaunchPaymentModalArgs) {
+  const existingModal = document.querySelector('bc-modal');
+  if (existingModal) {
+    throw new Error('bc-modal already in DOM');
+  }
+
+  // TODO: refactor to have higher level components that render these ones,
+  // so JS DOM functions are not needed and tailwind can be used
+  // (also then CSS is not needed in the host css of bc-payment and bc-connect)
+
+  const modalElement = document.createElement('bc-modal');
+
+  const sendPaymentFlowElement = document.createElement('bc-payment');
+  sendPaymentFlowElement.setAttribute('closable', 'closable');
+  sendPaymentFlowElement.setAttribute('invoice', invoice);
+  modalElement.appendChild(sendPaymentFlowElement);
+
+  let paid = false;
+
+  const onPaidEventHandler = (event: Event) => {
+    paid = true;
+    onPaid?.((event as CustomEvent).detail);
+  };
+  window.addEventListener('bc:onpaid', onPaidEventHandler);
+
+  // TODO: the polling should be done by the user instead of by Bitcoin Connect
+
+  const unsubOnModalClosed = onModalClosed(() => {
+    unsubOnModalClosed();
+    window.removeEventListener('bc:onpaid', onPaidEventHandler);
+    if (!paid) {
+      onCancelled?.();
+    }
+  });
+
+  document.body.appendChild(modalElement);
+  store.getState().setModalOpen(true);
+
+  return {
+    setPaid: (sendPaymentResponse: SendPaymentResponse) => {
+      // The app needs to add an event listener manually (or use the React wrapper).
+      // Inconsistency: bc:onpaid is fired by different components (bc-send-payment, bc-payment, React wrapper)
+      // TODO: find a better way than firing bc:onpaid (also for React wrapper)
+      sendPaymentFlowElement.setAttribute('paid', 'paid');
+      sendPaymentFlowElement.dispatchEvent(
+        new CustomEvent('bc:onpaid', {
+          bubbles: true,
+          composed: true,
+          detail: sendPaymentResponse,
+        })
+      );
+    },
+  };
+}
+
+/**
+ * Programmatically close the modal
+ */
+export function closeModal() {
+  store.getState().setModalOpen(false);
+}
+
+/**
+ * Programmatically disconnect from a user's wallet and remove saved configuration
+ */
+export function disconnect() {
+  store.getState().disconnect();
 }
diff --git a/src/components/BitcoinConnectElement.ts b/src/components/BitcoinConnectElement.ts
index bba8710..57140a6 100644
--- a/src/components/BitcoinConnectElement.ts
+++ b/src/components/BitcoinConnectElement.ts
@@ -1,14 +1,14 @@
-import {loadFonts} from './utils/loadFonts';
 import {property, state} from 'lit/decorators.js';
 import store from '../state/store';
 import {InternalElement} from './internal/InternalElement';
 import {ConnectorFilter} from '../types/ConnectorFilter';
 import {Route} from './routes';
 
-/**
- * @fires bc:connected - Indicates a wallet has been connected and window.webln is now available and enabled
- */
 export class BitcoinConnectElement extends InternalElement {
+  // TODO: move state to individual components
+  // individual components should not have access to all of this!
+  @state()
+  protected _modalOpen = false;
   @state()
   protected _connected = false;
   @state()
@@ -17,12 +17,6 @@ export class BitcoinConnectElement extends InternalElement {
   @state()
   protected _connectorName: string | undefined = undefined;
 
-  @state()
-  protected _alias: string | undefined = undefined;
-
-  @state()
-  protected _balance: number | undefined = undefined;
-
   @state()
   protected _appName: string | undefined = undefined;
 
@@ -32,9 +26,6 @@ export class BitcoinConnectElement extends InternalElement {
   @state()
   protected _error: string | undefined = undefined;
 
-  @state()
-  protected _invoice: string | undefined = undefined;
-
   @state()
   protected _route: Route;
 
@@ -55,30 +46,25 @@ export class BitcoinConnectElement extends InternalElement {
 
   constructor() {
     super();
-    loadFonts();
     this._connected = store.getState().connected;
     this._connecting = store.getState().connecting;
-    this._alias = store.getState().alias;
-    this._balance = store.getState().balance;
     this._connectorName = store.getState().connectorName;
     this._appName = store.getState().appName;
     this._filters = store.getState().filters;
     this._error = store.getState().error;
-    this._invoice = store.getState().invoice;
     this._route = store.getState().route;
+    this._modalOpen = store.getState().modalOpen;
 
     // TODO: handle unsubscribe
     store.subscribe((store) => {
       this._connected = store.connected;
       this._connecting = store.connecting;
-      this._alias = store.alias;
-      this._balance = store.balance;
       this._connectorName = store.connectorName;
       this._appName = store.appName;
       this._filters = store.filters;
       this._error = store.error;
-      this._invoice = store.invoice;
       this._route = store.route;
+      this._modalOpen = store.modalOpen;
     });
   }
 
diff --git a/src/components/bc-balance.ts b/src/components/bc-balance.ts
new file mode 100644
index 0000000..6320e81
--- /dev/null
+++ b/src/components/bc-balance.ts
@@ -0,0 +1,75 @@
+import {html} from 'lit';
+import {customElement, state} from 'lit/decorators.js';
+import {BitcoinConnectElement} from './BitcoinConnectElement.js';
+import {withTwind} from './twind/withTwind.js';
+import {classes} from './css/classes.js';
+import store from '../state/store.js';
+
+/**
+ * Displays the balance of the connected wallet (could be sats or fiat)
+ */
+@customElement('bc-balance')
+export class Balance extends withTwind()(BitcoinConnectElement) {
+  @state()
+  _balance: string | undefined;
+
+  constructor() {
+    super();
+
+    this._loadBalance();
+
+    store.subscribe((currentStore, prevStore) => {
+      if (
+        currentStore.connected !== prevStore.connected &&
+        currentStore.connected
+      ) {
+        this._loadBalance();
+      }
+    });
+  }
+
+  override render() {
+    // TODO: if balance is still loading, show skeleton loader
+    return html` <span
+      class="font-medium font-sans mr-2 flex justify-center items-center gap-0.5 ${classes[
+        'text-brand-mixed'
+      ]}"
+    >
+      <span class="font-mono">${this._balance || 0} </span>&nbsp;sats</span
+    >`;
+  }
+
+  private _loadBalance() {
+    (async () => {
+      try {
+        const provider = store.getState().provider;
+        if (!provider) {
+          return;
+        }
+        // TODO: consider using getInfo to check if balance is supported
+        // and do not show an error if it is not supported
+        // (do not display the balance - needs to be handled somewhere else)
+        if (!provider.getBalance) {
+          throw new Error(
+            'The current WebLN provider does not support getBalance'
+          );
+        }
+        const balance = await provider.getBalance();
+
+        this._balance = balance?.balance.toLocaleString(undefined, {
+          useGrouping: true,
+        });
+      } catch (error) {
+        this._balance = '⚠️';
+        // FIXME: better error handling
+        console.error(error);
+      }
+    })();
+  }
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'bc-balance': Balance;
+  }
+}
diff --git a/src/components/bc-button.ts b/src/components/bc-button.ts
index c585511..00bfdfa 100644
--- a/src/components/bc-button.ts
+++ b/src/components/bc-button.ts
@@ -1,12 +1,13 @@
 import {html} from 'lit';
 import {customElement, property, state} from 'lit/decorators.js';
-import './bc-modal.js';
 import {BitcoinConnectElement} from './BitcoinConnectElement.js';
 import {bcIcon} from './icons/bcIcon.js';
 import {withTwind} from './twind/withTwind.js';
 import {loadingIcon} from './icons/loadingIcon.js';
 import {innerBorder} from './templates/innerBorder.js';
 import {classes} from './css/classes.js';
+import {launchModal} from '../api.js';
+import './bc-balance';
 import store from '../state/store.js';
 
 /**
@@ -14,27 +15,24 @@ import store from '../state/store.js';
  */
 @customElement('bc-button')
 export class Button extends withTwind()(BitcoinConnectElement) {
-  @state()
-  private _modalOpen = false;
-  private _prevConnected = false;
-
   @property()
   override title = 'Connect Wallet';
 
+  @state()
+  protected _showBalance: boolean | undefined = undefined;
+
   constructor() {
     super();
+
+    this._showBalance = store.getState().showBalance;
+
+    // TODO: handle unsubscribe
+    store.subscribe((store) => {
+      this._showBalance = store.showBalance;
+    });
   }
 
   override render() {
-    // fetch connector info if button is visible and connector is initialized and no invoice is set
-    // (currently invoice is not shown on send payment page)
-    if (this._prevConnected !== this._connected && !this._invoice) {
-      this._prevConnected = this._connected;
-      if (this._connected) {
-        store.getState().fetchConnectorInfo();
-      }
-    }
-
     const isLoading = this._connecting || (!this._connected && this._modalOpen);
 
     return html`<div>
@@ -60,38 +58,19 @@ export class Button extends withTwind()(BitcoinConnectElement) {
             ${isLoading
               ? html`Connecting...`
               : this._connected
-              ? html`${this._alias || 'Connected'}`
+              ? html`Connected`
               : html`${this.title}`}
           </span>
         </bci-button>
-        ${this._connected
-          ? html`<span
-              class="font-medium font-sans mr-2 flex justify-center items-center gap-0.5 ${classes[
-                'text-brand-mixed'
-              ]} select-none"
-              ><span class="font-mono"
-                >${(this._balance || 0).toLocaleString(undefined, {
-                  useGrouping: true,
-                })}
-                sats</span
-              ></span
-            >`
+        ${this._connected && this._showBalance !== false
+          ? html`<bc-balance class="select-none cursor-pointer"></bc-balance> `
           : null}
       </div>
-
-      <bc-modal
-        .open=${this._modalOpen}
-        .onClose=${this._closeModal}
-      ></bc-modal>
     </div>`;
   }
 
-  private _closeModal = () => {
-    this._modalOpen = false;
-  };
-
   private _onClick() {
-    this._modalOpen = true;
+    launchModal();
   }
 }
 
diff --git a/src/components/bc-connector-list.ts b/src/components/bc-connector-list.ts
index 0c4eb17..8234a88 100644
--- a/src/components/bc-connector-list.ts
+++ b/src/components/bc-connector-list.ts
@@ -18,6 +18,7 @@ export class ConnectorList extends withTwind()(BitcoinConnectElement) {
     connectors.push(html`<bc-umbrel-nwc-connector></bc-umbrel-nwc-connector>`);
     connectors.push(html`<bc-nwc-connector></bc-nwc-connector>`);
     if (!this._filters || this._filters.indexOf('nwc') === -1) {
+      // TODO: is there a better way to check if a desktop extension exists?
       if (window.webln) {
         connectors.push(
           html`<bc-extension-connector></bc-extension-connector>`
diff --git a/src/components/bc-modal-header.ts b/src/components/bc-modal-header.ts
index 42089f4..81c6167 100644
--- a/src/components/bc-modal-header.ts
+++ b/src/components/bc-modal-header.ts
@@ -3,28 +3,32 @@ import {customElement, property} from 'lit/decorators.js';
 import {BitcoinConnectElement} from './BitcoinConnectElement';
 import {withTwind} from './twind/withTwind';
 import store from '../state/store';
-import {bcLogo} from './icons/bcLogo';
 import {crossIcon} from './icons/crossIcon';
 import {helpIcon} from './icons/helpIcon';
 import {classes} from './css/classes';
-import {bcCircleIcon} from './icons/bcCircleIcon';
 
+// TODO: rename bc-header
 @customElement('bc-modal-header')
 export class ModalHeader extends withTwind()(BitcoinConnectElement) {
-  @property()
-  onClose?: () => void;
+  @property({
+    type: Boolean,
+  })
+  closable?: boolean;
+
+  @property({
+    type: Boolean,
+    attribute: 'show-help',
+  })
+  showHelp?: boolean;
 
-  // TODO: is there a better way to render a different header based on the route?
   override render() {
     return html`<div
       class="flex justify-center items-center gap-2 w-full relative"
     >
       <div
-        class="absolute right-0 h-full flex items-center justify-center gap-2 ${classes[
-          'text-foreground'
-        ]}"
+        class="absolute right-0 h-full flex items-center justify-center gap-2"
       >
-        ${this._route !== '/send-payment'
+        ${this.showHelp
           ? html`<div
               class="${classes.interactive} ${classes['text-neutral-tertiary']}"
               @click=${() => store.getState().pushRoute('/help')}
@@ -32,30 +36,23 @@ export class ModalHeader extends withTwind()(BitcoinConnectElement) {
               ${helpIcon}
             </div>`
           : null}
-        <div
-          class="${classes.interactive} ${classes['text-neutral-tertiary']}"
-          @click=${this._handleClose}
-        >
-          ${crossIcon}
-        </div>
+        ${this.closable
+          ? html`<div
+              class="${classes.interactive} ${classes['text-neutral-tertiary']}"
+              @click=${this._handleClose}
+            >
+              ${crossIcon}
+            </div>`
+          : null}
       </div>
       <div class="flex items-center justify-center">
-        ${this._route !== '/send-payment'
-          ? html`<div class="${classes['text-brand-mixed']} mr-[2px]">
-                ${bcCircleIcon}
-              </div>
-              <div class="${classes['text-foreground']}">${bcLogo}</div>`
-          : html`<p
-              class="font-sans font-medium ${classes['text-neutral-secondary']}"
-            >
-              Payment Request
-            </p>`}
+        <slot></slot>
       </div>
     </div>`;
   }
 
   private _handleClose() {
-    this.onClose?.();
+    this.dispatchEvent(new Event('onclose', {bubbles: true, composed: true}));
   }
 }
 
diff --git a/src/components/bc-modal.ts b/src/components/bc-modal.ts
index ceab5f0..3170b63 100644
--- a/src/components/bc-modal.ts
+++ b/src/components/bc-modal.ts
@@ -1,98 +1,39 @@
 import {html} from 'lit';
-import {customElement, property, state} from 'lit/decorators.js';
+import {customElement, state} from 'lit/decorators.js';
 import {BitcoinConnectElement} from './BitcoinConnectElement';
 import './bc-router-outlet.js';
 import './internal/bci-connecting';
 import store from '../state/store';
-import {dispatchEvent} from '../utils/dispatchEvent';
 import {withTwind} from './twind/withTwind';
 import './bc-modal-header';
 import {classes} from './css/classes';
+import {closeModal} from '../api';
 
-/**
- * The modal allows the user to view a list of connectors, connect and disconnect.
- */
 @customElement('bc-modal')
 export class Modal extends withTwind()(BitcoinConnectElement) {
-  /**
-   * Called when modal is closed
-   */
-  @property({
-    attribute: 'on-close',
-  })
-  onClose?: () => void;
-
   @state()
   protected _closing = false;
 
-  @property({
-    type: Boolean,
-  })
-  open?: boolean = false;
-
-  @property({
-    type: String,
-    attribute: 'invoice',
-  })
-  invoice?: string;
-
-  _prevOpen?: boolean = false;
-  _prevConnected?: boolean = false;
-
   constructor() {
     super();
 
-    // TODO: handle unsubscribe
-    store.subscribe((currentStore, prevStore) => {
-      if (
-        currentStore.connected !== prevStore.connected &&
-        !currentStore.connected
-      ) {
-        this._handleClose();
-      }
-      if (
-        currentStore.connected !== prevStore.connected &&
-        currentStore.connected &&
-        currentStore.invoice
-      ) {
-        store.getState().pushRoute('/send-payment');
+    const unsub = store.subscribe((currentStore, prevStore) => {
+      if (!currentStore.modalOpen && prevStore.modalOpen) {
+        this._closing = true;
+        setTimeout(() => {
+          this._closing = false;
+          // Reset after close
+          // TODO: is there a better way to reset state when the modal is closed?
+          store.getState().clearRouteHistory();
+          store.getState().setError(undefined);
+          document.body.removeChild(this);
+          unsub();
+        }, 200);
       }
     });
   }
 
   override render() {
-    const invoice = this._invoice || this.invoice;
-
-    // fetch balance and info if modal is opened or connector is initialized while the model is open
-    if (
-      (this._prevConnected !== this._connected ||
-        this._prevOpen !== this.open) &&
-      this._connected &&
-      this.open &&
-      !invoice // currently invoice is not shown on send payment page
-    ) {
-      store.getState().fetchConnectorInfo();
-    }
-    if (this._prevConnected !== this._connected) {
-      this._prevConnected = this._connected;
-    }
-    if (this._prevOpen !== this.open) {
-      this._prevOpen = this.open;
-      if (this.open) {
-        dispatchEvent('bc:modalopened');
-        if (invoice) {
-          store.getState().setInvoice(invoice);
-          store.getState().pushRoute('/send-payment');
-        }
-      } else {
-        dispatchEvent('bc:modalclosed');
-      }
-    }
-
-    if (!this.open) {
-      return null;
-    }
-
     return html` <div
       class="fixed top-0 left-0 w-full h-full flex justify-center items-end sm:items-center z-[21000]"
     >
@@ -102,36 +43,16 @@ export class Modal extends withTwind()(BitcoinConnectElement) {
         ]} ${this._closing ? 'animate-lighten' : 'animate-darken'}"
       ></div>
       <div
-        class="transition-all p-4 pt-6 pb-8 rounded-2xl shadow-2xl flex flex-col justify-center items-center w-full bg-white dark:bg-black max-w-md max-sm:rounded-b-none
+        class="transition-all p-4 pt-6 pb-8 rounded-2xl shadow-2xl flex justify-center items-center w-full bg-white dark:bg-black max-w-md max-sm:rounded-b-none
     ${this._closing ? 'animate-fade-out' : 'animate-fade-in'}"
       >
-        <bc-modal-header
-          class="flex w-full"
-          .onClose=${this._handleClose}
-        ></bc-modal-header>
-        <div class="flex w-full pt-8">
-          ${this._connecting
-            ? html`<bci-connecting class="flex w-full"></bci-connecting>`
-            : html` <bc-router-outlet class="flex w-full"></bc-router-outlet>`}
-        </div>
-        ${this._error
-          ? html`<p class="mt-4 font-sans text-red-500">${this._error}</p>`
-          : null}
+        <slot @onclose=${this._handleClose}></slot>
       </div>
     </div>`;
   }
 
   private _handleClose = () => {
-    this._closing = true;
-    setTimeout(() => {
-      this.open = false;
-      this._closing = false;
-      // Reset after close
-      // TODO: is there a better way to reset state when the modal is closed?
-      store.getState().clearRouteHistory();
-      store.getState().setError(undefined);
-      this.onClose?.();
-    }, 200);
+    closeModal();
   };
 }
 
diff --git a/src/components/bc-router-outlet.ts b/src/components/bc-router-outlet.ts
index ac1c7c3..1d53d0d 100644
--- a/src/components/bc-router-outlet.ts
+++ b/src/components/bc-router-outlet.ts
@@ -7,6 +7,7 @@ import {routes} from './routes';
 @customElement('bc-router-outlet')
 export class RouterOutlet extends withTwind()(BitcoinConnectElement) {
   override render() {
+    //TODO: r = routes[this._route](this._routeParams);
     return html`<div class="flex flex-col w-full">${routes[this._route]}</div>`;
   }
 }
diff --git a/src/components/bc-start.ts b/src/components/bc-start.ts
index f311b61..4943886 100644
--- a/src/components/bc-start.ts
+++ b/src/components/bc-start.ts
@@ -1,4 +1,4 @@
-import {customElement} from 'lit/decorators.js';
+import {customElement, state} from 'lit/decorators.js';
 import {BitcoinConnectElement} from './BitcoinConnectElement';
 import {withTwind} from './twind/withTwind';
 import {html} from 'lit';
@@ -6,41 +6,46 @@ import './internal/bci-button';
 import './bc-connector-list';
 import {classes} from './css/classes';
 import {disconnectSection} from './templates/disconnectSection';
+import './bc-balance';
 import store from '../state/store';
 
 // TODO: split up this component into disconnected and connected
 @customElement('bc-start')
 export class Start extends withTwind()(BitcoinConnectElement) {
+  @state()
+  protected _showBalance: boolean | undefined = undefined;
+
+  constructor() {
+    super();
+
+    this._showBalance = store.getState().showBalance;
+
+    // TODO: handle unsubscribe
+    store.subscribe((store) => {
+      this._showBalance = store.showBalance;
+    });
+  }
+
   override render() {
     return html`<div
       class="flex flex-col justify-center items-center w-full font-sans"
     >
       ${this._connected
         ? html`
-            <h1 class="text-lg ${classes['text-neutral-secondary']}">
-              Hello,
-              <span class="font-bold ${classes['text-brand-mixed']}">
-                ${this._alias || 'Anon'}
-              </span>
-            </h1>
-
-            <span
-              class="text-xs font-medium mb-2 mt-8 ${classes[
-                'text-neutral-secondary'
-              ]}"
-              >Balance</span
-            >
-
-            <h2 class="text-2xl ${classes['text-neutral-secondary']}">
-              <span
-                class="font-bold font-mono text-4xl align-bottom ${classes[
-                  'text-brand-mixed'
-                ]}"
-                >${(this._balance || 0).toLocaleString(undefined, {
-                  useGrouping: true,
-                })}</span
-              >&nbsp;sats
-            </h2>
+            ${this._showBalance !== false
+              ? html`<span
+                    class="text-xs font-medium mb-2 ${classes[
+                      'text-neutral-secondary'
+                    ]}"
+                    >Balance</span
+                  >
+                  <bc-balance class="text-2xl"></bc-balance>`
+              : html` <span
+                  class="text-lg font-medium mt-4 -mb-4 ${classes[
+                    'text-neutral-secondary'
+                  ]}"
+                  >Wallet Connected</span
+                >`}
             ${disconnectSection(this._connectorName)}
           `
         : html`
diff --git a/src/components/connectors/bc-mutiny-nwc-connector.ts b/src/components/connectors/bc-mutiny-nwc-connector.ts
index 185d49e..661d1f5 100644
--- a/src/components/connectors/bc-mutiny-nwc-connector.ts
+++ b/src/components/connectors/bc-mutiny-nwc-connector.ts
@@ -17,6 +17,7 @@ export class MutinyNWCConnector extends ConnectorElement {
   }
 
   protected async _onClick() {
+    // TODO: should this be an event?
     store.getState().pushRoute('/mutiny');
   }
 }
diff --git a/src/components/flows/bc-connect.ts b/src/components/flows/bc-connect.ts
new file mode 100644
index 0000000..56ca538
--- /dev/null
+++ b/src/components/flows/bc-connect.ts
@@ -0,0 +1,57 @@
+import {customElement, property} from 'lit/decorators.js';
+import {BitcoinConnectElement} from '../BitcoinConnectElement';
+import {withTwind} from '../twind/withTwind';
+import {css, html} from 'lit';
+import '../internal/bci-button';
+import '../internal/bci-connecting';
+import '../bc-modal-header';
+import '../bc-router-outlet';
+import {bcLogo} from '../icons/bcLogo';
+import {bcCircleIcon} from '../icons/bcCircleIcon';
+import {classes} from '../css/classes';
+
+@customElement('bc-connect')
+export class ConnectFlow extends withTwind()(BitcoinConnectElement) {
+  static override styles = [
+    ...super.styles,
+    css`
+      :host {
+        display: flex;
+        justify-content: center;
+        width: 100%;
+      }
+    `,
+  ];
+
+  @property({
+    type: Boolean,
+  })
+  closable?: boolean;
+
+  override render() {
+    return html`<div class="w-full flex-col justify-center items-center">
+      <bc-modal-header class="flex w-full" show-help ?closable=${this.closable}>
+        <div class="${classes['text-brand-mixed']} mr-[2px]">
+          ${bcCircleIcon}
+        </div>
+        <div class="${classes['text-foreground']}">${bcLogo}</div>
+      </bc-modal-header>
+      <div class="flex w-full pt-8">
+        ${this._connecting
+          ? html`<bci-connecting class="flex w-full"></bci-connecting>`
+          : html` <bc-router-outlet class="flex w-full"></bc-router-outlet>`}
+      </div>
+      ${this._error
+        ? html`<p class="mt-4 text-center font-sans text-red-500">
+            ${this._error}
+          </p>`
+        : null}
+    </div>`;
+  }
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'bc-connect': ConnectFlow;
+  }
+}
diff --git a/src/components/flows/bc-payment.ts b/src/components/flows/bc-payment.ts
new file mode 100644
index 0000000..8f590de
--- /dev/null
+++ b/src/components/flows/bc-payment.ts
@@ -0,0 +1,93 @@
+import {customElement, property, state} from 'lit/decorators.js';
+import {BitcoinConnectElement} from '../BitcoinConnectElement';
+import {withTwind} from '../twind/withTwind';
+import {css, html} from 'lit';
+import '../internal/bci-button';
+import '../internal/bci-connecting';
+import '../bc-modal-header';
+import '../bc-router-outlet';
+import {classes} from '../css/classes';
+import store from '../../state/store';
+
+@customElement('bc-payment')
+export class SendPaymentFlow extends withTwind()(BitcoinConnectElement) {
+  static override styles = [
+    ...super.styles,
+    css`
+      :host {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 100%;
+      }
+    `,
+  ];
+
+  @property({
+    type: Boolean,
+  })
+  closable?: boolean;
+
+  @property({
+    type: String,
+  })
+  invoice?: string;
+
+  @property({
+    type: Boolean,
+  })
+  paid?: boolean;
+
+  @state()
+  _showConnect = false;
+
+  constructor() {
+    super();
+
+    // TODO: handle unsubscribe
+    store.subscribe((currentStore, prevStore) => {
+      if (
+        currentStore.connected !== prevStore.connected &&
+        currentStore.connected
+      ) {
+        this._showConnect = false;
+      }
+    });
+  }
+
+  override render() {
+    return this._showConnect && !this.paid
+      ? html` <bc-connect></bc-connect>`
+      : html`<div class="w-full flex-col justify-center items-center">
+          <bc-modal-header class="flex w-full" ?closable=${this.closable}>
+            <p
+              class="font-sans font-medium ${classes['text-neutral-secondary']}"
+            >
+              Payment Request
+            </p>
+          </bc-modal-header>
+          <div class="flex flex-col justify-center items-center w-full pt-8">
+            <bc-send-payment
+              .invoice=${this.invoice}
+              ?paid=${this.paid}
+              @onclickconnectwallet=${this._onClickConnectWallet}
+            ></bc-send-payment>
+          </div>
+          ${this._error
+            ? html`<p class="mt-4 text-center font-sans text-red-500">
+                ${this._error}
+              </p>`
+            : null}
+        </div>`;
+  }
+
+  private _onClickConnectWallet() {
+    this._showConnect = true;
+  }
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'bc-payment': SendPaymentFlow;
+  }
+}
diff --git a/src/components/icons/disconnectIcon.ts b/src/components/icons/disconnectIcon.ts
index 810f790..96572f6 100644
--- a/src/components/icons/disconnectIcon.ts
+++ b/src/components/icons/disconnectIcon.ts
@@ -4,7 +4,7 @@ import {svg} from 'lit';
 // - change all colors to "currentColor"
 // - add class="hover-right" to the second path for the arrow animation
 export const disconnectIcon = svg`
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-6 h-6">
 <path d="M11.25 20.25H4.75C4.19772 20.25 3.75 19.8023 3.75 19.25L3.75 4.75C3.75 4.19772 4.19772 3.75 4.75 3.75L11.25 3.75" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M20.25 12L9 12M20.25 12L15.75 16.5M20.25 12L15.75 7.5" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" class="hover-right"/>
 </svg>`;
diff --git a/src/components/icons/waitingIcon.ts b/src/components/icons/waitingIcon.ts
index b9c8270..c6b0f54 100644
--- a/src/components/icons/waitingIcon.ts
+++ b/src/components/icons/waitingIcon.ts
@@ -5,51 +5,51 @@ export const waitingIcon = (className?: string) => svg`
   className || 'w-7 h-7'
 }>
 <g transform="rotate(0 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#196ce7">
+  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="currentColor">
     <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"></animate>
   </rect>
 </g><g transform="rotate(30 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#196ce7">
+  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="currentColor">
     <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"></animate>
   </rect>
 </g><g transform="rotate(60 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#196ce7">
+  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="currentColor">
     <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.75s" repeatCount="indefinite"></animate>
   </rect>
 </g><g transform="rotate(90 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#196ce7">
+  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="currentColor">
     <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"></animate>
   </rect>
 </g><g transform="rotate(120 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#196ce7">
+  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="currentColor">
     <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"></animate>
   </rect>
 </g><g transform="rotate(150 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#196ce7">
+  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="currentColor">
     <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5s" repeatCount="indefinite"></animate>
   </rect>
 </g><g transform="rotate(180 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#196ce7">
+  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="currentColor">
     <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"></animate>
   </rect>
 </g><g transform="rotate(210 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#196ce7">
+  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="currentColor">
     <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"></animate>
   </rect>
 </g><g transform="rotate(240 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#196ce7">
+  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="currentColor">
     <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.25s" repeatCount="indefinite"></animate>
   </rect>
 </g><g transform="rotate(270 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#196ce7">
+  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="currentColor">
     <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"></animate>
   </rect>
 </g><g transform="rotate(300 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#196ce7">
+  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="currentColor">
     <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"></animate>
   </rect>
 </g><g transform="rotate(330 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#196ce7">
+  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="currentColor">
     <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate>
   </rect>
 </g>
diff --git a/src/components/images/success.ts b/src/components/images/success.ts
index ad0b1b0..20a555c 100644
--- a/src/components/images/success.ts
+++ b/src/components/images/success.ts
@@ -7,12 +7,12 @@ export const successAnimation = svg`
 	xmlns:svg="http://www.w3.org/2000/svg"
   class="w-32 h-32 mt-4"
 >
-	<circle id="ring" cx="75" cy="75" r="48.5" fill="none" stroke="#186be7" stroke-width="5" transform="rotate(-90 75 75)" stroke-dasharray="400 400" stroke-dashoffset="400">
+	<circle id="ring" cx="75" cy="75" r="48.5" fill="none" stroke="currentColor" stroke-width="5" transform="rotate(-90 75 75)" stroke-dasharray="400 400" stroke-dashoffset="400">
 		<animate attributeName="stroke-dashoffset" begin="0.1s" dur="1.5s" values="500; 80; 0" fill="freeze" calcMode="spline" keyTimes="0; 0.99; 1" keySplines="0.28 0.4 0.38 1; 0 0 1 1"/>
 		<animate attributeName="r" begin="1.8s" dur=".8s" values="47; 65" fill="freeze"/>
 		<animate attributeName="stroke-width" begin="1.8s" dur=".8s" values="6; 0" fill="freeze"/>
 	</circle>
-	<circle id="circle" cx="75" cy="75" r="0" fill="#186be7" stroke="none">
+	<circle id="circle" cx="75" cy="75" r="0" fill="currentColor" stroke="none">
 		<animate attributeName="r" begin="1.4s" dur=".5s" fill="freeze" calcMode="spline" values="0; 60; 50" keyTimes="0; 0.75; 1" keySplines="0.25 0.1 0.25 1; 0.25 0.1 0.25 1"/>
 	</circle>
 	<path id="check" d="M 51.749354,79.542286 63.437424,91.567026 98.46891,58.494402" fill="none" stroke="#ffffff" stroke-width="7" stroke-linecap="round" stroke-dasharray="65 65" stroke-dashoffset="65">
diff --git a/src/components/internal/InternalElement.ts b/src/components/internal/InternalElement.ts
index acdcd3f..4e5263c 100644
--- a/src/components/internal/InternalElement.ts
+++ b/src/components/internal/InternalElement.ts
@@ -1,13 +1,14 @@
-import {LitElement, css} from 'lit';
+import {LitElement, PropertyValues, css} from 'lit';
 
 export class InternalElement extends LitElement {
-  // global css reset in shadow DOM
   static override styles = [
     css`
       :host {
+        // global css reset in shadow DOM
         all: initial;
         font-variant-numeric: slashed-zero;
       }
+      // TODO: move to individual components - only needed by a couple of icons
       .hover-animation:hover .hover-right-up {
         transform: translateX(2px) translateY(-2px);
         transition: all 0.3s;
@@ -19,7 +20,8 @@ export class InternalElement extends LitElement {
     `,
   ];
 
-  protected override updated(): void {
+  protected override updated(changedProperties: PropertyValues): void {
+    super.updated(changedProperties);
     // hack to enable manual dark mode:
     // if a dark class is set on the document, pass it to the direct children of this shadow root
     // also requires `darkMode: "class"` to be set in twind config
@@ -36,6 +38,7 @@ export class InternalElement extends LitElement {
     }
   }
 
+  // TODO: move, only needed by the button?
   protected _getBrandColorLuminance() {
     if (!globalThis.window) {
       return 0;
diff --git a/src/components/internal/bci-button.ts b/src/components/internal/bci-button.ts
index 4b027a9..1a5c150 100644
--- a/src/components/internal/bci-button.ts
+++ b/src/components/internal/bci-button.ts
@@ -3,12 +3,16 @@ import {withTwind} from '../twind/withTwind';
 import {customElement, property} from 'lit/decorators.js';
 import {InternalElement} from './InternalElement';
 import {classes} from '../css/classes';
-import {innerBorder, innerBorderBranded} from '../templates/innerBorder';
+import {
+  innerBorder,
+  innerBorderBranded,
+  innerBorderTertiary,
+} from '../templates/innerBorder';
 
 @customElement('bci-button')
 export class Button extends withTwind()(InternalElement) {
   @property()
-  variant: 'primary' | 'secondary' = 'secondary';
+  variant: 'primary' | 'secondary' | 'neutral' = 'secondary';
 
   @property({
     type: Boolean,
@@ -29,14 +33,18 @@ export class Button extends withTwind()(InternalElement) {
         ${this.variant === 'primary' ? `${classes['bg-brand']}` : ''}
         ${this.variant === 'primary'
         ? `${brandColorLuminance > 0.5 ? 'text-black' : 'text-white'}`
-        : `${classes['text-brand-mixed']}`}
+        : this.variant === 'secondary'
+        ? `${classes['text-brand-mixed']}`
+        : `${classes['text-neutral-tertiary']}`}
         "
     >
       ${this.ghost
         ? null
         : this.variant === 'primary'
         ? innerBorder()
-        : innerBorderBranded()}
+        : this.variant === 'secondary'
+        ? innerBorderBranded()
+        : innerBorderTertiary()}
       <!-- TODO: why can the inner border not be conditionally rendered? -->
 
       <div
diff --git a/src/components/pages/bc-mutiny.ts b/src/components/pages/bc-mutiny.ts
index 4ea92ed..5e6e3ae 100644
--- a/src/components/pages/bc-mutiny.ts
+++ b/src/components/pages/bc-mutiny.ts
@@ -48,7 +48,7 @@ export class MutinyPage extends withTwind()(BitcoinConnectElement) {
               'border-neutral-secondary'
             ]}"
           />
-          <bci-button @click=${this.onConnect}>
+          <bci-button @click=${this.onClickConnect}>
             <span class="${classes['text-brand-mixed']}">Connect</span>
           </bci-button>
         </div>
@@ -59,12 +59,13 @@ export class MutinyPage extends withTwind()(BitcoinConnectElement) {
   private nwcUrlChanged(event: {target: HTMLInputElement}) {
     this._nwcUrl = event.target.value;
   }
-  private async onConnect() {
+  private async onClickConnect() {
     if (!this._nwcUrl) {
       store.getState().setError('Please enter a URL');
       return;
     }
 
+    // TODO: dispatch an event and listen in the Start component
     await store.getState().connect({
       nwcUrl: this._nwcUrl,
       connectorName: mutinyNWCConnectorTitle,
diff --git a/src/components/pages/bc-send-payment.ts b/src/components/pages/bc-send-payment.ts
index eae4c10..6e24bc2 100644
--- a/src/components/pages/bc-send-payment.ts
+++ b/src/components/pages/bc-send-payment.ts
@@ -1,4 +1,4 @@
-import {html} from 'lit';
+import {PropertyValues, html} from 'lit';
 import {withTwind} from '../twind/withTwind.js';
 import {BitcoinConnectElement} from '../BitcoinConnectElement.js';
 import {customElement, property, state} from 'lit/decorators.js';
@@ -24,9 +24,6 @@ export class SendPayment extends withTwind()(BitcoinConnectElement) {
   @state()
   _hasCopiedInvoice = false;
 
-  @state()
-  _hasPaid = false;
-
   @state()
   _isPaying = false;
 
@@ -35,27 +32,40 @@ export class SendPayment extends withTwind()(BitcoinConnectElement) {
 
   @property({
     type: String,
-    attribute: 'invoice',
   })
   invoice?: string;
 
+  @property({
+    type: Boolean,
+  })
+  paid?: boolean;
+
+  protected override updated(changedProperties: PropertyValues): void {
+    super.updated(changedProperties);
+
+    if (changedProperties.has('paid') && this.paid) {
+      setTimeout(() => {
+        closeModal();
+      }, 3000);
+    }
+  }
+
   override render() {
-    const invoice = this._invoice || this.invoice;
-    if (!invoice) {
+    if (!this.invoice) {
       return null;
     }
 
     let decodedInvoice: Invoice;
     try {
-      decodedInvoice = new Invoice({pr: invoice});
+      decodedInvoice = new Invoice({pr: this.invoice});
     } catch (error) {
       console.error(error);
       store.getState().setError((error as Error).message);
-      return;
+      return null;
     }
     const errorCorrectionLevel = 'L';
     const qr = qrcode(0, errorCorrectionLevel);
-    qr.addData(invoice);
+    qr.addData(this.invoice);
     qr.make();
 
     const isMobileView = window.innerWidth < 600;
@@ -73,16 +83,20 @@ export class SendPayment extends withTwind()(BitcoinConnectElement) {
           })}</span
         >&nbsp;sats
       </h2>
-      ${this._connected
-        ? this._isPaying
-          ? html`<div class="flex flex-col justify-center items-center">
-              <p class="${classes['text-neutral-secondary']} mb-5">Paying...</p>
-              ${waitingIcon('w-48 h-48')}
+      ${this._connected || this.paid
+        ? this.paid
+          ? html`<div
+              class="flex flex-col justify-center items-center ${classes[
+                'text-brand-mixed'
+              ]}"
+            >
+              <p class="font-bold">Paid!</p>
+              ${successAnimation}
             </div>`
-          : this._hasPaid
+          : this._isPaying
           ? html`<div class="flex flex-col justify-center items-center">
-              <p class="font-bold ${classes['text-brand-mixed']}">Paid!</p>
-              ${successAnimation}
+              <p class="${classes['text-neutral-secondary']} mb-5">Paying...</p>
+              ${waitingIcon(`w-48 h-48 ${classes['text-brand-mixed']}`)}
             </div>`
           : html`<bci-button variant="primary" @click=${this._payInvoice}>
                 <span class="-ml-0.5">${bcIcon}</span>
@@ -91,7 +105,7 @@ export class SendPayment extends withTwind()(BitcoinConnectElement) {
               ${disconnectSection(this._connectorName)} `
         : html`
             <div class="flex justify-center items-center">
-              ${waitingIcon()}
+              ${waitingIcon(`w-7 h-7 ${classes['text-brand-mixed']}`)}
               <p class="${classes['text-neutral-secondary']}">
                 Waiting for payment
               </p>
@@ -99,10 +113,12 @@ export class SendPayment extends withTwind()(BitcoinConnectElement) {
 
             ${!isMobileView
               ? html`<div class="mt-8">
-                    <bc-button
-                      title="Connect Wallet to Pay"
-                      @click=${this._onClickConnectWallet}
-                    ></bc-button>
+                    <bci-button variant="primary" @click=${
+                      this._onClickConnectWallet
+                    }>
+                    <span class="-ml-0.5">${bcIcon}</span>
+                    Connect Wallet to Pay
+                  </bci-button>
                   </div>
                   <div class="w-full py-4">${hr('or')}</div>
 
@@ -112,35 +128,28 @@ export class SendPayment extends withTwind()(BitcoinConnectElement) {
               </div>`
               : html`
                   <div class="mt-8 w-full flex flex-col gap-4">
-                    <a href="lightning:${invoice}">
+                    <a href="lightning:${this.invoice}">
                       <bci-button variant="primary" block>
                         ${walletIcon} Open in a Bitcoin Wallet
                       </bci-button>
                     </a>
-                    <div>
-                      <bci-button
-                        block
-                        @click=${this._onClickConnectWallet}
-                      >
-                        <span class="-ml-0.5">${bcIcon}</span>Connect Wallet
-                      </bc-button>
-                    </div>
-                    ${
-                      this._showQR
-                        ? null
-                        : html`<bci-button
-                      block
-                      @click=${this._copyAndDisplayInvoice}
-                    >
-                      ${qrIcon}Copy & Display Invoice
-                    </bc-button>`
-                    }
+                    <bci-button block @click=${this._onClickConnectWallet}>
+                      <span class="-ml-0.5">${bcIcon}</span>Connect Wallet
+                    </bci-button>
+                    ${this._showQR
+                      ? null
+                      : html`<bci-button
+                          block
+                          @click=${this._copyAndDisplayInvoice}
+                        >
+                          ${qrIcon}Copy & Display this.invoice
+                        </bci-button>`}
                   </div>
                 `}
             ${!isMobileView || this._showQR
               ? html`
                 <!-- add margin only on dark mode because on dark mode the qr has a white border -->
-                <a href="lightning:${invoice}" class="dark:mt-2">
+                <a href="lightning:${this.invoice}" class="dark:mt-2">
                   <img src=${qr.createDataURL(4)} class="rounded-lg"></img>
                 </a>
                 <a
@@ -162,7 +171,9 @@ export class SendPayment extends withTwind()(BitcoinConnectElement) {
   }
 
   private _onClickConnectWallet() {
-    store.getState().pushRoute('/start');
+    this.dispatchEvent(
+      new Event('onclickconnectwallet', {bubbles: true, composed: true})
+    );
   }
 
   private _copyAndDisplayInvoice() {
@@ -171,11 +182,10 @@ export class SendPayment extends withTwind()(BitcoinConnectElement) {
   }
 
   private _copyInvoice() {
-    const invoice = this._invoice || this.invoice;
-    if (!invoice) {
+    if (!this.invoice) {
       return;
     }
-    navigator.clipboard.writeText(invoice);
+    navigator.clipboard.writeText(this.invoice);
     this._hasCopiedInvoice = true;
     setTimeout(() => {
       this._hasCopiedInvoice = false;
@@ -183,21 +193,32 @@ export class SendPayment extends withTwind()(BitcoinConnectElement) {
   }
 
   private async _payInvoice() {
-    const invoice = this._invoice || this.invoice;
     this._isPaying = true;
     try {
-      if (!window.webln) {
-        throw new Error('No WebLN provider');
+      const provider = store.getState().provider;
+      if (!provider) {
+        throw new Error('No WebLN provider available');
       }
-      if (!invoice) {
+      if (!this.invoice) {
         throw new Error('No invoice to pay');
       }
-      await window.webln.sendPayment(invoice);
-      this._hasPaid = true;
-      setTimeout(() => {
-        closeModal();
-        store.getState().setInvoice(undefined);
-      }, 3000);
+      // TODO: allow setting a polling function for payment with external wallet
+      const result = await provider.sendPayment(this.invoice);
+      if (!result.preimage) {
+        throw new Error('No preimage in result');
+      }
+
+      // it is not possible to pass a callback as an attribute to this component
+      // The app needs to add an event listener manually (or use the React wrapper).
+      this.dispatchEvent(
+        new CustomEvent('bc:onpaid', {
+          bubbles: true,
+          composed: true,
+          detail: result,
+        })
+      );
+
+      this.paid = true;
     } catch (error) {
       console.error(error);
       store.getState().setError((error as Error).message);
diff --git a/src/components/routes.ts b/src/components/routes.ts
index 5d7e263..b1525e9 100644
--- a/src/components/routes.ts
+++ b/src/components/routes.ts
@@ -16,9 +16,12 @@ export const routes = {
   '/mutiny': html`<bc-mutiny class="flex w-full"></bc-mutiny>`,
   '/lnbits': html`<bc-lnbits class="flex w-full"></bc-lnbits>`,
   '/umbrel': html`<bc-umbrel class="flex w-full"></bc-umbrel>`,
+  /*(params) => {*/
   '/send-payment': html`<bc-send-payment
+    invoice="{params.invoice}"
     class="flex w-full justify-center"
-  ></bc-send-payment>`,
+  ></bc-send-payment>` /*;
+  }*/,
   '/new-wallet': html`<bc-new-wallet class="flex w-full"></bc-new-wallet>`,
 };
 
diff --git a/src/components/templates/disconnectSection.ts b/src/components/templates/disconnectSection.ts
index 3a1041f..01dc716 100644
--- a/src/components/templates/disconnectSection.ts
+++ b/src/components/templates/disconnectSection.ts
@@ -12,14 +12,22 @@ export function disconnectSection(connectorName: string | undefined) {
     <bci-button
       @click=${handleDisconnect}
       ghost
+      variant="neutral"
       class=${classes['hover-animation']}
     >
       ${disconnectIcon}
-      <span class="${classes['text-brand-mixed']}">Disconnect</span>
+      <span class="text-sm ${classes['text-neutral-tertiary']}"
+        >Disconnect</span
+      >
     </bci-button>
   </div>`;
 }
 
 function handleDisconnect() {
-  store.getState().disconnect();
+  // disconnect after closing modal
+  // to avoid flash on modal screen
+  store.getState().setModalOpen(false);
+  setTimeout(() => {
+    store.getState().disconnect();
+  }, 200);
 }
diff --git a/src/components/templates/innerBorder.ts b/src/components/templates/innerBorder.ts
index ec8d2e7..8f2e807 100644
--- a/src/components/templates/innerBorder.ts
+++ b/src/components/templates/innerBorder.ts
@@ -16,3 +16,11 @@ export function innerBorderBranded() {
     ]}"
   ></div>`;
 }
+
+export function innerBorderTertiary() {
+  return html`<div
+    class="absolute -z-10 top-0 left-0 w-full h-full border-2 rounded-lg ${classes[
+      'border-neutral-tertiary'
+    ]}"
+  ></div>`;
+}
diff --git a/src/connectors/Connector.ts b/src/connectors/Connector.ts
index 5b69311..31d24f6 100644
--- a/src/connectors/Connector.ts
+++ b/src/connectors/Connector.ts
@@ -1,3 +1,4 @@
+import {WebLNProvider} from '@webbtc/webln-types';
 import {ConnectorConfig} from '../types/ConnectorConfig';
 
 export abstract class Connector {
@@ -7,38 +8,7 @@ export abstract class Connector {
     this._config = config;
   }
 
-  async init() {
-    if (!window.webln) {
-      throw new Error('window.webln does not exist');
-    }
-    await window.webln.enable();
-  }
+  abstract init(): Promise<WebLNProvider>;
 
   async unload() {}
-
-  async getBalance() {
-    try {
-      if (!window.webln) {
-        throw new Error('webln not found');
-      }
-      const balanceResponse = await window.webln.getBalance?.();
-      return balanceResponse?.balance;
-    } catch (error) {
-      console.error('Failed to get balance', error);
-    }
-    return undefined;
-  }
-
-  async getAlias() {
-    try {
-      if (!window.webln) {
-        throw new Error('webln not found');
-      }
-      const info = await window.webln.getInfo();
-      return info.node.alias;
-    } catch (error) {
-      console.error('Failed to get alias', error);
-      return undefined;
-    }
-  }
 }
diff --git a/src/connectors/ExtensionConnector.ts b/src/connectors/ExtensionConnector.ts
index 2a6bbe2..9d69433 100644
--- a/src/connectors/ExtensionConnector.ts
+++ b/src/connectors/ExtensionConnector.ts
@@ -1,8 +1,16 @@
 import {Connector} from './Connector';
 import {ConnectorConfig} from '../types/ConnectorConfig';
+import {WebLNProvider} from '@webbtc/webln-types';
 
 export class ExtensionConnector extends Connector {
   constructor(config: ConnectorConfig) {
     super(config);
   }
+
+  init(): Promise<WebLNProvider> {
+    if (!window.webln) {
+      throw new Error('No WebLN provider available');
+    }
+    return Promise.resolve(window.webln);
+  }
 }
diff --git a/src/connectors/LNCConnector.ts b/src/connectors/LNCConnector.ts
index 2b475e6..9a93e1e 100644
--- a/src/connectors/LNCConnector.ts
+++ b/src/connectors/LNCConnector.ts
@@ -43,9 +43,9 @@ export class LNCConnector extends Connector {
     super(config);
   }
 
-  override async init() {
+  override async init(): Promise<WebLNProvider> {
     await getLNC();
-    window.webln = new LNCWebLNProvider();
+    const webln = new LNCWebLNProvider(lnc);
 
     try {
       const hasPreviouslyConnected = !lnc.credentials.pairingPhrase;
@@ -74,7 +74,7 @@ export class LNCConnector extends Connector {
       throw error;
     }
 
-    await super.init();
+    return webln;
   }
 
   override async unload(): Promise<void> {
@@ -84,7 +84,11 @@ export class LNCConnector extends Connector {
   }
 }
 
-class LNCWebLNProvider implements WebLNProvider {
+export class LNCWebLNProvider implements WebLNProvider {
+  lnc: LNC;
+  constructor(lnc: LNC) {
+    this.lnc = lnc;
+  }
   enable(): Promise<void> {
     return Promise.resolve();
   }
diff --git a/src/connectors/LnbitsConnector.ts b/src/connectors/LnbitsConnector.ts
index 9822d55..f58af3e 100644
--- a/src/connectors/LnbitsConnector.ts
+++ b/src/connectors/LnbitsConnector.ts
@@ -19,7 +19,7 @@ export class LnbitsConnector extends Connector {
     super(config);
   }
 
-  override async init(): Promise<void> {
+  async init(): Promise<WebLNProvider> {
     if (!this._config.lnbitsInstanceUrl) {
       throw new Error('no lnbits URL provided');
     }
@@ -27,15 +27,14 @@ export class LnbitsConnector extends Connector {
       throw new Error('no lnbits admin key provided');
     }
 
-    window.webln = new LnbitsWebLNProvider(
+    return new LnbitsWebLNProvider(
       this._config.lnbitsInstanceUrl,
       this._config.lnbitsAdminKey
     );
-    await super.init();
   }
 }
 
-class LnbitsWebLNProvider implements WebLNProvider {
+export class LnbitsWebLNProvider implements WebLNProvider {
   private _instanceUrl: string;
   private _adminKey: string;
 
@@ -47,7 +46,7 @@ class LnbitsWebLNProvider implements WebLNProvider {
     return Promise.resolve();
   }
   async getInfo(): Promise<GetInfoResponse> {
-    const response = await this._request<{name: string}>(
+    const response = await this.requestLnbits<{name: string}>(
       'GET',
       '/api/v1/wallet'
     );
@@ -73,7 +72,7 @@ class LnbitsWebLNProvider implements WebLNProvider {
     throw new Error('Method not implemented.');
   }
   async sendPayment(paymentRequest: string): Promise<SendPaymentResponse> {
-    const response = await this._request<{payment_hash: string}>(
+    const response = await this.requestLnbits<{payment_hash: string}>(
       'POST',
       '/api/v1/payments',
       {
@@ -82,7 +81,7 @@ class LnbitsWebLNProvider implements WebLNProvider {
       }
     );
 
-    const checkResponse = await this._request<{preimage: string}>(
+    const checkResponse = await this.requestLnbits<{preimage: string}>(
       'GET',
       `/api/v1/payments/${response.payment_hash}`
     );
@@ -96,7 +95,7 @@ class LnbitsWebLNProvider implements WebLNProvider {
   }
 
   async getBalance(): Promise<GetBalanceResponse> {
-    const response = await this._request<{balance: number}>(
+    const response = await this.requestLnbits<{balance: number}>(
       'GET',
       '/api/v1/wallet'
     );
@@ -129,7 +128,7 @@ class LnbitsWebLNProvider implements WebLNProvider {
     throw new Error('Method not implemented.');
   }
 
-  async _request<T>(
+  async requestLnbits<T>(
     method: string,
     path: string,
     args?: Record<string, unknown>
diff --git a/src/connectors/NWCConnector.ts b/src/connectors/NWCConnector.ts
index 6deec4f..be34162 100644
--- a/src/connectors/NWCConnector.ts
+++ b/src/connectors/NWCConnector.ts
@@ -1,18 +1,19 @@
 import {webln} from '@getalby/sdk';
 import {Connector} from './Connector';
 import {ConnectorConfig} from '../types/ConnectorConfig';
+import {WebLNProvider} from '@webbtc/webln-types';
 
 export class NWCConnector extends Connector {
   constructor(config: ConnectorConfig) {
     super(config);
+  }
 
-    if (!config.nwcUrl) {
+  async init(): Promise<WebLNProvider> {
+    if (!this._config.nwcUrl) {
       throw new Error('no nwc URL provided');
     }
-    const nwc = new webln.NostrWebLNProvider({
-      nostrWalletConnectUrl: config.nwcUrl,
+    return new webln.NostrWebLNProvider({
+      nostrWalletConnectUrl: this._config.nwcUrl,
     });
-
-    window.webln = nwc;
   }
 }
diff --git a/src/index.ts b/src/index.ts
index d18ce76..93dc20c 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,8 +1,20 @@
+import {webln} from '@getalby/sdk';
+import {LNCWebLNProvider} from './connectors/LNCConnector';
+import {LnbitsWebLNProvider} from './connectors/LnbitsConnector';
+import './state/boot';
+
 export * from './components/bc-button';
 export * from './components/bc-modal';
 export * from './components/bc-connector-list';
 export * from './components/pages/bc-send-payment';
 export * from './components/connectors/index';
+export * from './components/flows/bc-connect';
+export * from './components/flows/bc-payment';
 export * from './state/store';
-export * from './types/EventType';
 export * from './api';
+
+export const WebLNProviders = {
+  NostrWebLNProvider: webln.NostrWebLNProvider,
+  LNCWebLNProvider,
+  LnbitsWebLNProvider,
+};
diff --git a/src/state/boot.ts b/src/state/boot.ts
new file mode 100644
index 0000000..b7293b4
--- /dev/null
+++ b/src/state/boot.ts
@@ -0,0 +1,30 @@
+import {loadFonts} from '../components/utils/loadFonts';
+import {ConnectorConfig} from '../types/ConnectorConfig';
+import store from './store';
+
+function loadConfig() {
+  const configJson = window.localStorage.getItem('bc:config');
+  if (configJson) {
+    const config = JSON.parse(configJson) as ConnectorConfig;
+    store.getState().connect(config);
+  }
+}
+
+function addEventListeners() {
+  window.addEventListener('webln:enabled', () => {
+    if (!store.getState().connecting) {
+      // webln was enabled from outside
+      // TODO: use the same name and logic for figuring out what extension as the extension connector
+      store.getState().connect({
+        connectorName: 'Extension',
+        connectorType: 'extension.generic',
+      });
+    }
+  });
+}
+
+if (globalThis.window) {
+  loadConfig();
+  addEventListeners();
+  loadFonts();
+}
diff --git a/src/state/store.ts b/src/state/store.ts
index f0373b6..86e190a 100644
--- a/src/state/store.ts
+++ b/src/state/store.ts
@@ -1,10 +1,10 @@
 import {createStore} from 'zustand/vanilla';
 import {ConnectorConfig} from '../types/ConnectorConfig';
 import {connectors} from '../connectors';
-import {dispatchEvent} from '../utils/dispatchEvent';
 import {Connector} from '../connectors/Connector';
 import {Route} from '../components/routes';
 import {ConnectorFilter} from '../types/ConnectorFilter';
+import {WebLNProvider} from '@webbtc/webln-types';
 
 interface PrivateStore {
   readonly connector: Connector | undefined;
@@ -29,32 +29,35 @@ interface Store {
   readonly routeHistory: Route[];
   readonly connected: boolean;
   readonly connecting: boolean;
-  readonly fetchedConnectorInfo: boolean;
-  readonly alias: string | undefined;
-  readonly balance: number | undefined;
+  readonly showBalance: boolean | undefined;
   readonly connectorName: string | undefined;
   readonly appName: string | undefined;
   readonly filters: ConnectorFilter[] | undefined;
   readonly error: string | undefined;
-  readonly invoice: string | undefined;
+  readonly modalOpen: boolean;
+  readonly provider: WebLNProvider | undefined;
 
   connect(config: ConnectorConfig): void;
   disconnect(): void;
-  setAlias(alias: string | undefined): void;
-  setBalance(balance: number | undefined): void;
   pushRoute(route: Route): void;
   popRoute(): void;
-  setAppName(appName: string): void;
-  setFilters(filters: ConnectorFilter[]): void;
-  fetchConnectorInfo(): void;
+  setAppName(appName: string | undefined): void;
+  setShowBalance(showBalance: boolean | undefined): void;
+  setFilters(filters: ConnectorFilter[] | undefined): void;
   setError(error: string | undefined): void;
-  setInvoice(invoice: string | undefined): void;
   clearRouteHistory(): void;
+  setModalOpen(modalOpen: boolean): void;
+
+  // provider functions
+  // getBalance(): Promise<number | undefined>;
+  // getAlias(): Promise<string | undefined>;
 }
 
 const store = createStore<Store>((set, get) => ({
   route: '/start',
   routeHistory: [],
+  modalOpen: false,
+  showBalance: undefined,
   connected: false,
   connecting: false,
   error: undefined,
@@ -62,27 +65,27 @@ const store = createStore<Store>((set, get) => ({
   balance: undefined,
   connectorName: undefined,
   appName: undefined,
-  fetchedConnectorInfo: false,
   filters: undefined,
   invoice: undefined,
+  provider: undefined,
   connect: async (config: ConnectorConfig) => {
-    dispatchEvent('bc:connecting');
     set({
       connecting: true,
       error: undefined,
     });
     try {
       const connector = new connectors[config.connectorType](config);
-      await connector.init();
+      const provider = await connector.init();
+      await provider.enable();
       privateStore.getState().setConfig(config);
       privateStore.getState().setConnector(connector);
       set({
         connected: true,
         connecting: false,
+        provider,
         connectorName: config.connectorName,
         route: '/start',
       });
-      dispatchEvent('bc:connected');
       saveConfig(config);
     } catch (error) {
       console.error(error);
@@ -100,26 +103,19 @@ const store = createStore<Store>((set, get) => ({
     privateStore.getState().setConnector(undefined);
     set({
       connected: false,
-      alias: undefined,
-      balance: undefined,
       connectorName: undefined,
-      fetchedConnectorInfo: false,
+      provider: undefined,
+      modalOpen: false,
     });
     deleteConfig();
-    dispatchEvent('bc:disconnected');
-  },
-  setAlias: (alias) => {
-    set({alias});
-  },
-  setBalance: (balance) => {
-    set({balance});
   },
   getConnectorName: () => privateStore.getState().config?.connectorName,
+  // TODO: support passing route parameters as a second argument
   pushRoute: (route: Route) => {
     if (get().route === route) {
       return;
     }
-    set({route: route, routeHistory: [...get().routeHistory, get().route]});
+    set({route, routeHistory: [...get().routeHistory, get().route]});
   },
   popRoute() {
     const routeHistory = get().routeHistory;
@@ -135,41 +131,45 @@ const store = createStore<Store>((set, get) => ({
       routeHistory: [],
     });
   },
+  setModalOpen: (modalOpen) => {
+    set({modalOpen});
+  },
   setAppName: (appName) => {
     set({appName});
   },
+  setShowBalance: (showBalance) => {
+    set({showBalance});
+  },
   setFilters: (filters) => {
     set({filters});
   },
   setError: (error) => {
     set({error});
   },
-  setInvoice: (invoice) => {
-    set({invoice});
-  },
-  fetchConnectorInfo: () => {
-    if (!get().connected || get().fetchedConnectorInfo) {
-      return;
-    }
-    set({fetchedConnectorInfo: true});
-    const connector = privateStore.getState().connector;
-    if (!connector) {
-      return;
-    }
-    (async () => {
-      const balance = await connector.getBalance();
-      if (balance !== undefined && get().connected) {
-        set({balance});
-      }
-    })();
-
-    (async () => {
-      const alias = await connector.getAlias();
-      if (alias !== undefined && get().connected) {
-        set({alias});
+  /*async getBalance() {
+    try {
+      if (!window.webln) {
+        throw new Error('webln not found');
       }
-    })();
+      const balanceResponse = await window.webln.getBalance?.();
+      return balanceResponse?.balance;
+    } catch (error) {
+      console.error('Failed to get balance', error);
+    }
+    return undefined;
   },
+  async getAlias() {
+    try {
+      if (!window.webln) {
+        throw new Error('webln not found');
+      }
+      const info = await window.webln.getInfo();
+      return info.node.alias;
+    } catch (error) {
+      console.error('Failed to get alias', error);
+      return undefined;
+    }
+  },*/
 }));
 
 export default store;
@@ -181,29 +181,3 @@ function deleteConfig() {
 function saveConfig(config: ConnectorConfig) {
   window.localStorage.setItem('bc:config', JSON.stringify(config));
 }
-
-function loadConfig() {
-  const configJson = window.localStorage.getItem('bc:config');
-  if (configJson) {
-    const config = JSON.parse(configJson) as ConnectorConfig;
-    store.getState().connect(config);
-  }
-}
-
-function addEventListeners() {
-  window.addEventListener('webln:enabled', async () => {
-    if (!store.getState().connecting) {
-      // webln was enabled from outside
-      // TODO: use the same name and logic for figuring out what extension as the extension connector
-      await store.getState().connect({
-        connectorName: 'Extension',
-        connectorType: 'extension.generic',
-      });
-    }
-  });
-}
-
-if (globalThis.window) {
-  loadConfig();
-  addEventListeners();
-}
diff --git a/src/types/EventType.ts b/src/types/EventType.ts
deleted file mode 100644
index 5a833f7..0000000
--- a/src/types/EventType.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export type EventType =
-  | 'bc:connected'
-  | 'bc:connecting'
-  | 'bc:disconnected'
-  | 'bc:modalopened'
-  | 'bc:modalclosed';
diff --git a/src/utils/dispatchEvent.ts b/src/utils/dispatchEvent.ts
deleted file mode 100644
index 5fa3127..0000000
--- a/src/utils/dispatchEvent.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import {EventType} from '../types/EventType';
-
-export function dispatchEvent(type: EventType) {
-  const event = new Event(type, {bubbles: true, composed: true});
-  window.dispatchEvent(event);
-}
diff --git a/tsconfig.json b/tsconfig.json
index 233d75a..a636e25 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -4,9 +4,8 @@
     "module": "es2020",
     "lib": ["es2020", "DOM", "DOM.Iterable"],
     "declaration": true,
-    "declarationMap": true,
-    "sourceMap": true,
-    "inlineSources": true,
+    "declarationMap": false,
+    "sourceMap": false,
     "outDir": "./",
     "rootDir": "./src",
     "strict": true,
diff --git a/yarn.lock b/yarn.lock
index 6ff2cde..15bb4d1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1409,20 +1409,16 @@
   dependencies:
     "@types/chai" "^4.2.12"
 
-"@getalby/lightning-tools@^4.2.0":
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/@getalby/lightning-tools/-/lightning-tools-4.2.0.tgz#768025e7efb2e8c0271859ed7956615c83b73b76"
-  integrity sha512-o87OTIgKgzOjDPoepDATQVGc2WkrO0Mwt4w+QAorYJx1z5MaCTipJi2cTO0GESObH1sEWCorZikanhMoRUh+qA==
-  dependencies:
-    crypto-js "^4.1.1"
-    light-bolt11-decoder "^3.0.0"
+"@getalby/lightning-tools@^5.0.0":
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/@getalby/lightning-tools/-/lightning-tools-5.0.0.tgz#eefe1fc1ecf28582d6c922c9e22dc28bf3af27c6"
+  integrity sha512-j3x90CGclpyZTHJRVWvA95jQniu5A+xqvmJNPSkXyzYCdJiFG5oZFWNwC0N+q7Oa8cTvp7wB7FdDqxH+Le0/Nw==
 
-"@getalby/sdk@^2.7.0":
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/@getalby/sdk/-/sdk-2.7.0.tgz#20fdb5a39ffcbd9b9c9d7270bdacba97ac4d3f72"
-  integrity sha512-4NoEgdjx0R8SYDmJfCAsgvuBs0w3d8wsOMGI4m0h2MVsSeCcWW93lrzCl8bRmHTF5N7EfleHwnieYwn5j9KZTA==
+"@getalby/sdk@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@getalby/sdk/-/sdk-3.0.0.tgz#3d87b3d388dd14355b8b49f2fd3cd7ab63533b32"
+  integrity sha512-v4CaQf8HYIvN7Ccp+NU09pROrgugwyOkaouMRrat0DJnbRLpkV8zssPeKEqI29k53USnLn5P3SaHFngM4Se/1A==
   dependencies:
-    crypto-js "^4.1.1"
     events "^3.3.0"
     nostr-tools "^1.17.0"
 
@@ -1490,17 +1486,17 @@
     "@jridgewell/resolve-uri" "3.1.0"
     "@jridgewell/sourcemap-codec" "1.4.14"
 
-"@lightninglabs/lnc-core@0.2.6-alpha":
-  version "0.2.6-alpha"
-  resolved "https://registry.yarnpkg.com/@lightninglabs/lnc-core/-/lnc-core-0.2.6-alpha.tgz#1b93d5aeefb09bb3dedcb82988368b15e223f8fd"
-  integrity sha512-bw2EQG78pPKMZMFwV+TR99RUbYgPVUKQYMLGGKIOvhPds3dBWSDZpMoqOyW/WidWGXF/ugPHzud8lDbKKhNXgA==
+"@lightninglabs/lnc-core@0.2.8-alpha":
+  version "0.2.8-alpha"
+  resolved "https://registry.yarnpkg.com/@lightninglabs/lnc-core/-/lnc-core-0.2.8-alpha.tgz#78272c04a5ec95a9ccb830f75ab9b5ca227f0801"
+  integrity sha512-2tHzmklIiQhJiK1aabX0R2AbbWi0mizWgniCUOb573XToYQN7L61Phh+hWUCxIFfAhHCkp2mnSmX+7eT/ikxOg==
 
-"@lightninglabs/lnc-web@^0.2.6-alpha":
-  version "0.2.6-alpha"
-  resolved "https://registry.yarnpkg.com/@lightninglabs/lnc-web/-/lnc-web-0.2.6-alpha.tgz#34f54f65691ff8cdef6eb159321b70c94f198f9e"
-  integrity sha512-SrqR8xaDnFLgNzPe5om7REOAhSOP95jQNIHP0GY0Lv895eDjrI6CPkfCFcX97INoDWYHBvDT8DZeYkBvlznVNA==
+"@lightninglabs/lnc-web@^0.2.8-alpha":
+  version "0.2.8-alpha"
+  resolved "https://registry.yarnpkg.com/@lightninglabs/lnc-web/-/lnc-web-0.2.8-alpha.tgz#454f6d68bcd8d766761f326846467000fc9c251c"
+  integrity sha512-Pe0Moupd7mglbvbVZk7GqPNxa/4lFFWWsnYtiSahzjhNCmTaoQkk/gUY8kk1u5mHaqUmrL1YgLCLsmbGbWPV/g==
   dependencies:
-    "@lightninglabs/lnc-core" "0.2.6-alpha"
+    "@lightninglabs/lnc-core" "0.2.8-alpha"
     crypto-js "4.1.1"
 
 "@lit-labs/ssr-dom-shim@^1.0.0", "@lit-labs/ssr-dom-shim@^1.1.0":
@@ -3166,7 +3162,7 @@ cross-spawn@^7.0.2:
     shebang-command "^2.0.0"
     which "^2.0.1"
 
-crypto-js@4.1.1, crypto-js@^4.1.1:
+crypto-js@4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/crypto-js/-/crypto-js-4.1.1.tgz#9e485bcf03521041bd85844786b83fb7619736cf"
   integrity sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw==
@@ -4980,13 +4976,6 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
-light-bolt11-decoder@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/light-bolt11-decoder/-/light-bolt11-decoder-3.0.0.tgz#f644576120426c9ef65621bde254f11016055044"
-  integrity sha512-AKvOigD2pmC8ktnn2TIqdJu0K0qk6ukUmTvHwF3JNkm8uWCqt18Ijn33A/a7gaRZ4PghJ59X+8+MXrzLKdBTmQ==
-  dependencies:
-    "@scure/base" "1.1.1"
-
 lighthouse-logger@^1.0.0:
   version "1.4.2"
   resolved "https://registry.yarnpkg.com/lighthouse-logger/-/lighthouse-logger-1.4.2.tgz#aef90f9e97cd81db367c7634292ee22079280aaa"