@bounded-sh/client 0.0.1 → 0.0.3

package/dist/{index.browser-DhAcjdpV.esm.js → index.browser-pymH6o1X.esm.js}

@@ -1,5 +1,6 @@
+import { base64ToUint8Array, base58FromUint8Array, base64FromUint8Array, base58ToUint8Array } from '@solana-mobile/mobile-wallet-adapter-protocol/encoding';
 import { startScenario, SolanaMobileWalletAdapterError, SolanaMobileWalletAdapterErrorCode, startRemoteScenario } from '@solana-mobile/mobile-wallet-adapter-protocol';
-import { g as getDefaultExportFromCjs, a as base58 } from './index-o5Hv9pfS.esm.js';
+import { g as getDefaultExportFromCjs } from './index-DyfiK3_X.esm.js';
 import 'axios';
 import '@solana/web3.js';
 import '@coral-xyz/anchor';
@@ -7,6 +8,83 @@ import 'react';
 import '@solana/kit';
 import 'react-dom/client';
 
+/** Solana Mainnet (beta) cluster, e.g. https://api.mainnet-beta.solana.com */
+const SOLANA_MAINNET_CHAIN = 'solana:mainnet';
+
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _RegisterWalletEvent_detail;
+/**
+ * Register a {@link "@wallet-standard/base".Wallet} as a Standard Wallet with the app.
+ *
+ * This dispatches a {@link "@wallet-standard/base".WindowRegisterWalletEvent} to notify the app that the Wallet is
+ * ready to be registered.
+ *
+ * This also adds a listener for {@link "@wallet-standard/base".WindowAppReadyEvent} to listen for a notification from
+ * the app that the app is ready to register the Wallet.
+ *
+ * This combination of event dispatch and listener guarantees that the Wallet will be registered synchronously as soon
+ * as the app is ready whether the Wallet loads before or after the app.
+ *
+ * @param wallet Wallet to register.
+ *
+ * @group Wallet
+ */
+function registerWallet(wallet) {
+    const callback = ({ register }) => register(wallet);
+    try {
+        window.dispatchEvent(new RegisterWalletEvent(callback));
+    }
+    catch (error) {
+        console.error('wallet-standard:register-wallet event could not be dispatched\n', error);
+    }
+    try {
+        window.addEventListener('wallet-standard:app-ready', ({ detail: api }) => callback(api));
+    }
+    catch (error) {
+        console.error('wallet-standard:app-ready event listener could not be added\n', error);
+    }
+}
+class RegisterWalletEvent extends Event {
+    get detail() {
+        return __classPrivateFieldGet(this, _RegisterWalletEvent_detail, "f");
+    }
+    get type() {
+        return 'wallet-standard:register-wallet';
+    }
+    constructor(callback) {
+        super('wallet-standard:register-wallet', {
+            bubbles: false,
+            cancelable: false,
+            composed: false,
+        });
+        _RegisterWalletEvent_detail.set(this, void 0);
+        __classPrivateFieldSet(this, _RegisterWalletEvent_detail, callback, "f");
+    }
+    /** @deprecated */
+    preventDefault() {
+        throw new Error('preventDefault cannot be called');
+    }
+    /** @deprecated */
+    stopImmediatePropagation() {
+        throw new Error('stopImmediatePropagation cannot be called');
+    }
+    /** @deprecated */
+    stopPropagation() {
+        throw new Error('stopPropagation cannot be called');
+    }
+}
+_RegisterWalletEvent_detail = new WeakMap();
+
 /** Name of the feature. */
 const SolanaSignAndSendTransaction = 'solana:signAndSendTransaction';
 
@@ -3100,107 +3178,79 @@ function requireBrowser () {
 var browserExports = requireBrowser();
 var QRCode = /*@__PURE__*/getDefaultExportFromCjs(browserExports);
 
-var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var _RegisterWalletEvent_detail;
-/**
- * Register a {@link "@wallet-standard/base".Wallet} as a Standard Wallet with the app.
- *
- * This dispatches a {@link "@wallet-standard/base".WindowRegisterWalletEvent} to notify the app that the Wallet is
- * ready to be registered.
- *
- * This also adds a listener for {@link "@wallet-standard/base".WindowAppReadyEvent} to listen for a notification from
- * the app that the app is ready to register the Wallet.
- *
- * This combination of event dispatch and listener guarantees that the Wallet will be registered synchronously as soon
- * as the app is ready whether the Wallet loads before or after the app.
- *
- * @param wallet Wallet to register.
- *
- * @group Wallet
- */
-function registerWallet(wallet) {
-    const callback = ({ register }) => register(wallet);
-    try {
-        window.dispatchEvent(new RegisterWalletEvent(callback));
-    }
-    catch (error) {
-        console.error('wallet-standard:register-wallet event could not be dispatched\n', error);
-    }
-    try {
-        window.addEventListener('wallet-standard:app-ready', ({ detail: api }) => callback(api));
-    }
-    catch (error) {
-        console.error('wallet-standard:app-ready event listener could not be added\n', error);
-    }
-}
-class RegisterWalletEvent extends Event {
-    get detail() {
-        return __classPrivateFieldGet(this, _RegisterWalletEvent_detail, "f");
-    }
-    get type() {
-        return 'wallet-standard:register-wallet';
-    }
-    constructor(callback) {
-        super('wallet-standard:register-wallet', {
-            bubbles: false,
-            cancelable: false,
-            composed: false,
-        });
-        _RegisterWalletEvent_detail.set(this, void 0);
-        __classPrivateFieldSet(this, _RegisterWalletEvent_detail, callback, "f");
-    }
-    /** @deprecated */
-    preventDefault() {
-        throw new Error('preventDefault cannot be called');
-    }
-    /** @deprecated */
-    stopImmediatePropagation() {
-        throw new Error('stopImmediatePropagation cannot be called');
-    }
-    /** @deprecated */
-    stopPropagation() {
-        throw new Error('stopPropagation cannot be called');
-    }
-}
-_RegisterWalletEvent_detail = new WeakMap();
-
-/** Solana Mainnet (beta) cluster, e.g. https://api.mainnet-beta.solana.com */
-const SOLANA_MAINNET_CHAIN = 'solana:mainnet';
-
-//#region src/base64Utils.ts
-function fromUint8Array(byteArray) {
-	return window.btoa(String.fromCharCode.call(null, ...byteArray));
+//#region src/createDefaultAuthorizationCache.ts
+const CACHE_KEY = "SolanaMobileWalletAdapterDefaultAuthorizationCache";
+function createDefaultAuthorizationCache() {
+	let storage;
+	try {
+		storage = window.localStorage;
+	} catch {}
+	return {
+		async clear() {
+			if (!storage) return;
+			try {
+				storage.removeItem(CACHE_KEY);
+			} catch {}
+		},
+		async get() {
+			if (!storage) return;
+			try {
+				const parsed = JSON.parse(storage.getItem(CACHE_KEY));
+				if (parsed && parsed.accounts) {
+					const parsedAccounts = parsed.accounts.map((account) => {
+						return {
+							...account,
+							publicKey: "publicKey" in account ? new Uint8Array(Object.values(account.publicKey)) : base58ToUint8Array(account.address)
+						};
+					});
+					return {
+						...parsed,
+						accounts: parsedAccounts
+					};
+				} else return parsed || void 0;
+			} catch {}
+		},
+		async set(authorization) {
+			if (!storage) return;
+			try {
+				storage.setItem(CACHE_KEY, JSON.stringify(authorization));
+			} catch {}
+		}
+	};
 }
-function toUint8Array(base64EncodedByteArray) {
-	return new Uint8Array(window.atob(base64EncodedByteArray).split("").map((c) => c.charCodeAt(0)));
+//#endregion
+//#region src/createDefaultChainSelector.ts
+function createDefaultChainSelector() {
+	return { async select(chains) {
+		if (chains.length === 1) return chains[0];
+		else if (chains.includes(SOLANA_MAINNET_CHAIN)) return SOLANA_MAINNET_CHAIN;
+		else return chains[0];
+	} };
 }
 //#endregion
-//#region src/embedded-modal/loadingSpinner.ts
+//#region src/embedded-modal/modal.ts
 const modalHtml$1 = `
-<div class="mobile-wallet-adapter-embedded-loading-indicator" role="dialog" aria-modal="true" aria-labelledby="modal-title">
+<div class="mobile-wallet-adapter-embedded-modal-container" role="dialog" aria-modal="true" aria-labelledby="modal-title">
     <div data-modal-close style="position: absolute; width: 100%; height: 100%;"></div>
-    <div class="mobile-wallet-adapter-embedded-loading-container">
-        <div class="mobile-wallet-adapter-embedded-loading-animation"></div>
-    </div>
+	<div class="mobile-wallet-adapter-embedded-modal-card">
+		<div>
+			<button data-modal-close class="mobile-wallet-adapter-embedded-modal-close">
+				<svg width="14" height="14">
+					<path d="M 6.7125,8.3036995 1.9082,13.108199 c -0.2113,0.2112 -0.4765,0.3168 -0.7957,0.3168 -0.3192,0 -0.5844,-0.1056 -0.7958,-0.3168 C 0.1056,12.896899 0,12.631699 0,12.312499 c 0,-0.3192 0.1056,-0.5844 0.3167,-0.7958 L 5.1212,6.7124995 0.3167,1.9082 C 0.1056,1.6969 0,1.4317 0,1.1125 0,0.7933 0.1056,0.5281 0.3167,0.3167 0.5281,0.1056 0.7933,0 1.1125,0 1.4317,0 1.6969,0.1056 1.9082,0.3167 L 6.7125,5.1212 11.5167,0.3167 C 11.7281,0.1056 11.9933,0 12.3125,0 c 0.3192,0 0.5844,0.1056 0.7957,0.3167 0.2112,0.2114 0.3168,0.4766 0.3168,0.7958 0,0.3192 -0.1056,0.5844 -0.3168,0.7957 L 8.3037001,6.7124995 13.1082,11.516699 c 0.2112,0.2114 0.3168,0.4766 0.3168,0.7958 0,0.3192 -0.1056,0.5844 -0.3168,0.7957 -0.2113,0.2112 -0.4765,0.3168 -0.7957,0.3168 -0.3192,0 -0.5844,-0.1056 -0.7958,-0.3168 z" />
+				</svg>
+			</button>
+		</div>
+		<div class="mobile-wallet-adapter-embedded-modal-content"></div>
+	</div>
 </div>
 `;
 const css$6 = `
-.mobile-wallet-adapter-embedded-loading-indicator {
+.mobile-wallet-adapter-embedded-modal-container {
     display: flex; /* Use flexbox to center content */
     justify-content: center; /* Center horizontally */
-    align-items: start; /* Center vertically */
+    align-items: center; /* Center vertically */
     position: fixed; /* Stay in place */
-    z-index: 1; /* Sit on top */
+    z-index: 2147483647; /* Sit on top */
     left: 0;
     top: 0;
     width: 100%; /* Full width */
@@ -3209,178 +3259,21 @@ const css$6 = `
     overflow-y: auto; /* enable scrolling */
 }
 
-.mobile-wallet-adapter-embedded-loading-container {
+.mobile-wallet-adapter-embedded-modal-card {
     display: flex;
-    margin: auto;
+    flex-direction: column;
+    margin: auto 20px;
+    max-width: 780px;
+    padding: 20px;
+    border-radius: 24px;
+    background: #ffffff;
+    font-family: "Inter Tight", "PT Sans", Calibri, sans-serif;
+    transform: translateY(-200%);
+    animation: slide-in 0.5s forwards;
 }
 
-.mobile-wallet-adapter-embedded-loading-animation {
-    position: relative;
-    left: -9999px;
-    width: 10px;
-    height: 10px;
-    border-radius: 5px;
-    background-color: var(--spinner-color);
-    color: var(--spinner-color);
-    box-shadow: 9984px 0 0 0 var(--spinner-color), 
-                9999px 0 0 0 var(--spinner-color), 
-                10014px 0 0 0 var(--spinner-color);
-    animation: dot-typing 1.5s infinite linear;
-}
-
-@keyframes dot-typing {
-    0% {
-        box-shadow: 9984px 0 0 0 var(--spinner-color), 
-                    9999px 0 0 0 var(--spinner-color), 
-                    10014px 0 0 0 var(--spinner-color);
-    }
-    16.667% {
-        box-shadow: 9984px -10px 0 0 var(--spinner-color), 
-                    9999px 0 0 0 var(--spinner-color), 
-                    10014px 0 0 0 var(--spinner-color);
-    }
-    33.333% {
-        box-shadow: 9984px 0 0 0 var(--spinner-color), 
-                    9999px 0 0 0 var(--spinner-color), 
-                    10014px 0 0 0 var(--spinner-color);
-    }
-    50% {
-        box-shadow: 9984px 0 0 0 var(--spinner-color), 
-                    9999px -10px 0 0 var(--spinner-color), 
-                    10014px 0 0 0 var(--spinner-color);
-    }
-    66.667% {
-        box-shadow: 9984px 0 0 0 var(--spinner-color), 
-                    9999px 0 0 0 var(--spinner-color), 
-                    10014px 0 0 0 var(--spinner-color);
-    }
-    83.333% {
-        box-shadow: 9984px 0 0 0 var(--spinner-color), 
-                    9999px 0 0 0 var(--spinner-color), 
-                    10014px -10px 0 0 var(--spinner-color);
-    }
-    100% {
-        box-shadow: 9984px 0 0 0 var(--spinner-color), 
-                    9999px 0 0 0 var(--spinner-color), 
-                    10014px 0 0 0 var(--spinner-color);
-    }
-}
-`;
-var EmbeddedLoadingSpinner = class {
-	#root = null;
-	#eventListeners = {};
-	#listenersAttached = false;
-	dom = null;
-	constructor() {
-		this.init = this.init.bind(this);
-		this.#root = document.getElementById("mobile-wallet-adapter-embedded-root-ui");
-	}
-	async init() {
-		console.log("Injecting modal");
-		this.#injectHTML();
-	}
-	open = () => {
-		console.debug("Modal open");
-		this.#attachEventListeners();
-		if (this.#root) this.#root.style.display = "flex";
-	};
-	close = (event = void 0) => {
-		console.debug("Modal close");
-		this.#removeEventListeners();
-		if (this.#root) this.#root.style.display = "none";
-		this.#eventListeners["close"]?.forEach((listener) => listener(event));
-	};
-	addEventListener(event, listener) {
-		this.#eventListeners[event]?.push(listener) || (this.#eventListeners[event] = [listener]);
-		return () => this.removeEventListener(event, listener);
-	}
-	removeEventListener(event, listener) {
-		this.#eventListeners[event] = this.#eventListeners[event]?.filter((existingListener) => listener !== existingListener);
-	}
-	#injectHTML() {
-		if (this.dom) return;
-		this.#root = document.createElement("div");
-		this.#root.id = "mobile-wallet-adapter-embedded-root-ui";
-		this.#root.innerHTML = modalHtml$1;
-		this.#root.style.display = "none";
-		const styles = document.createElement("style");
-		styles.id = "mobile-wallet-adapter-embedded-modal-styles";
-		styles.textContent = css$6;
-		const host = document.createElement("div");
-		this.dom = host.attachShadow({ mode: "closed" });
-		host.style.setProperty("--spinner-color", "#FFFFFF");
-		this.dom.appendChild(styles);
-		this.dom.appendChild(this.#root);
-		document.body.appendChild(host);
-	}
-	#attachEventListeners() {
-		if (!this.#root || this.#listenersAttached) return;
-		[...this.#root.querySelectorAll("[data-modal-close]")].forEach((closer) => closer?.addEventListener("click", (event) => {
-			this.close(event);
-		}));
-		window.addEventListener("load", this.close);
-		document.addEventListener("keydown", this.#handleKeyDown);
-		this.#listenersAttached = true;
-	}
-	#removeEventListeners() {
-		if (!this.#listenersAttached) return;
-		window.removeEventListener("load", this.close);
-		document.removeEventListener("keydown", this.#handleKeyDown);
-		if (!this.#root) return;
-		[...this.#root.querySelectorAll("[data-modal-close]")].forEach((closer) => closer?.removeEventListener("click", this.close));
-		this.#listenersAttached = false;
-	}
-	#handleKeyDown = (event) => {
-		if (event.key === "Escape") this.close(event);
-	};
-};
-//#endregion
-//#region src/embedded-modal/modal.ts
-const modalHtml = `
-<div class="mobile-wallet-adapter-embedded-modal-container" role="dialog" aria-modal="true" aria-labelledby="modal-title">
-    <div data-modal-close style="position: absolute; width: 100%; height: 100%;"></div>
-	<div class="mobile-wallet-adapter-embedded-modal-card">
-		<div>
-			<button data-modal-close class="mobile-wallet-adapter-embedded-modal-close">
-				<svg width="14" height="14">
-					<path d="M 6.7125,8.3036995 1.9082,13.108199 c -0.2113,0.2112 -0.4765,0.3168 -0.7957,0.3168 -0.3192,0 -0.5844,-0.1056 -0.7958,-0.3168 C 0.1056,12.896899 0,12.631699 0,12.312499 c 0,-0.3192 0.1056,-0.5844 0.3167,-0.7958 L 5.1212,6.7124995 0.3167,1.9082 C 0.1056,1.6969 0,1.4317 0,1.1125 0,0.7933 0.1056,0.5281 0.3167,0.3167 0.5281,0.1056 0.7933,0 1.1125,0 1.4317,0 1.6969,0.1056 1.9082,0.3167 L 6.7125,5.1212 11.5167,0.3167 C 11.7281,0.1056 11.9933,0 12.3125,0 c 0.3192,0 0.5844,0.1056 0.7957,0.3167 0.2112,0.2114 0.3168,0.4766 0.3168,0.7958 0,0.3192 -0.1056,0.5844 -0.3168,0.7957 L 8.3037001,6.7124995 13.1082,11.516699 c 0.2112,0.2114 0.3168,0.4766 0.3168,0.7958 0,0.3192 -0.1056,0.5844 -0.3168,0.7957 -0.2113,0.2112 -0.4765,0.3168 -0.7957,0.3168 -0.3192,0 -0.5844,-0.1056 -0.7958,-0.3168 z" />
-				</svg>
-			</button>
-		</div>
-		<div class="mobile-wallet-adapter-embedded-modal-content"></div>
-	</div>
-</div>
-`;
-const css$5 = `
-.mobile-wallet-adapter-embedded-modal-container {
-    display: flex; /* Use flexbox to center content */
-    justify-content: center; /* Center horizontally */
-    align-items: center; /* Center vertically */
-    position: fixed; /* Stay in place */
-    z-index: 2147483647; /* Sit on top */
-    left: 0;
-    top: 0;
-    width: 100%; /* Full width */
-    height: 100%; /* Full height */
-    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
-    overflow-y: auto; /* enable scrolling */
-}
-
-.mobile-wallet-adapter-embedded-modal-card {
-    display: flex;
-    flex-direction: column;
-    margin: auto 20px;
-    max-width: 780px;
-    padding: 20px;
-    border-radius: 24px;
-    background: #ffffff;
-    font-family: "Inter Tight", "PT Sans", Calibri, sans-serif;
-    transform: translateY(-200%);
-    animation: slide-in 0.5s forwards;
-}
-
-@keyframes slide-in {
-    100% { transform: translateY(0%); }
+@keyframes slide-in {
+    100% { transform: translateY(0%); }
 }
 
 .mobile-wallet-adapter-embedded-modal-close {
@@ -3451,13 +3344,13 @@ var EmbeddedModal = class {
 		}
 		this.#root = document.createElement("div");
 		this.#root.id = "mobile-wallet-adapter-embedded-root-ui";
-		this.#root.innerHTML = modalHtml;
+		this.#root.innerHTML = modalHtml$1;
 		this.#root.style.display = "none";
 		const content = this.#root.querySelector(".mobile-wallet-adapter-embedded-modal-content");
 		if (content) content.innerHTML = this.contentHtml;
 		const styles = document.createElement("style");
 		styles.id = "mobile-wallet-adapter-embedded-modal-styles";
-		styles.textContent = css$5 + this.contentStyles;
+		styles.textContent = css$6 + this.contentStyles;
 		const host = document.createElement("div");
 		host.innerHTML = fonts;
 		this.dom = host.attachShadow({ mode: "closed" });
@@ -3485,292 +3378,124 @@ var EmbeddedModal = class {
 	};
 };
 //#endregion
-//#region src/embedded-modal/remoteConnectionModal.ts
-var RemoteConnectionModal = class extends EmbeddedModal {
-	contentStyles = css$4;
-	contentHtml = QRCodeHtml;
-	async initWithQR(qrCode) {
+//#region src/embedded-modal/errorModal.ts
+const WALLET_NOT_FOUND_ERROR_MESSAGE = "To use mobile wallet adapter, you must have a compatible mobile wallet application installed on your device.";
+const BROWSER_NOT_SUPPORTED_ERROR_MESSAGE = "This browser appears to be incompatible with mobile wallet adapter. Open this page in a compatible mobile browser app and try again.";
+var ErrorModal = class extends EmbeddedModal {
+	contentStyles = css$5;
+	contentHtml = ErrorDialogHtml$3;
+	initWithError(error) {
 		super.init();
-		this.populateQRCode(qrCode);
+		this.populateError(error);
 	}
-	async populateQRCode(qrUrl) {
-		const qrcodeContainer = this.dom?.getElementById("mobile-wallet-adapter-embedded-modal-qr-code-container");
-		if (qrcodeContainer) {
-			const qrCodeElement = await QRCode.toCanvas(qrUrl, {
-				width: 200,
-				margin: 0
-			});
-			if (qrcodeContainer.firstElementChild !== null) qrcodeContainer.replaceChild(qrCodeElement, qrcodeContainer.firstElementChild);
-			else qrcodeContainer.appendChild(qrCodeElement);
-			const qrPlaceholder = this.dom?.getElementById("mobile-wallet-adapter-embedded-modal-qr-placeholder");
-			if (qrPlaceholder) qrPlaceholder.style.display = "none";
-		} else console.error("QRCode Container not found");
+	populateError(error) {
+		const errorMessageElement = this.dom?.getElementById("mobile-wallet-adapter-error-message");
+		const actionBtn = this.dom?.getElementById("mobile-wallet-adapter-error-action");
+		if (errorMessageElement) {
+			if (error.name === "SolanaMobileWalletAdapterError") switch (error.code) {
+				case "ERROR_WALLET_NOT_FOUND":
+					errorMessageElement.innerHTML = WALLET_NOT_FOUND_ERROR_MESSAGE;
+					if (actionBtn) actionBtn.addEventListener("click", () => {
+						window.location.href = "https://solanamobile.com/wallets";
+					});
+					return;
+				case "ERROR_BROWSER_NOT_SUPPORTED":
+					errorMessageElement.innerHTML = BROWSER_NOT_SUPPORTED_ERROR_MESSAGE;
+					if (actionBtn) actionBtn.style.display = "none";
+					return;
+			}
+			errorMessageElement.innerHTML = `An unexpected error occurred: ${error.message}`;
+		} else console.log("Failed to locate error dialog element");
 	}
 };
-const QRCodeHtml = `
-<div class="mobile-wallet-adapter-embedded-modal-qr-content">
-    <div>
-        <svg class="mobile-wallet-adapter-embedded-modal-icon" width="100%" height="100%">
-            <circle r="52" cx="53" cy="53" fill="#99b3be" stroke="#000000" stroke-width="2"/>
-            <path d="m 53,82.7305 c -3.3116,0 -6.1361,-1.169 -8.4735,-3.507 -2.338,-2.338 -3.507,-5.1625 -3.507,-8.4735 0,-3.3116 1.169,-6.1364 3.507,-8.4744 2.3374,-2.338 5.1619,-3.507 8.4735,-3.507 3.3116,0 6.1361,1.169 8.4735,3.507 2.338,2.338 3.507,5.1628 3.507,8.4744 0,3.311 -1.169,6.1355 -3.507,8.4735 -2.3374,2.338 -5.1619,3.507 -8.4735,3.507 z m 0.007,-5.25 c 1.8532,0 3.437,-0.6598 4.7512,-1.9793 1.3149,-1.3195 1.9723,-2.9058 1.9723,-4.7591 0,-1.8526 -0.6598,-3.4364 -1.9793,-4.7512 -1.3195,-1.3149 -2.9055,-1.9723 -4.7582,-1.9723 -1.8533,0 -3.437,0.6598 -4.7513,1.9793 -1.3148,1.3195 -1.9722,2.9058 -1.9722,4.7591 0,1.8527 0.6597,3.4364 1.9792,4.7512 1.3195,1.3149 2.9056,1.9723 4.7583,1.9723 z m -28,-33.5729 -3.85,-3.6347 c 4.1195,-4.025 8.8792,-7.1984 14.2791,-9.52 5.4005,-2.3223 11.2551,-3.4834 17.5639,-3.4834 6.3087,0 12.1634,1.1611 17.5639,3.4834 5.3999,2.3216 10.1596,5.495 14.2791,9.52 l -3.85,3.6347 C 77.2999,40.358 73.0684,37.5726 68.2985,35.5514 63.5292,33.5301 58.4296,32.5195 53,32.5195 c -5.4297,0 -10.5292,1.0106 -15.2985,3.0319 -4.7699,2.0212 -9.0014,4.8066 -12.6945,8.3562 z m 44.625,10.8771 c -2.2709,-2.1046 -4.7962,-3.7167 -7.5758,-4.8361 -2.7795,-1.12 -5.7983,-1.68 -9.0562,-1.68 -3.2579,0 -6.2621,0.56 -9.0125,1.68 -2.7504,1.1194 -5.2903,2.7315 -7.6195,4.8361 L 32.5189,51.15 c 2.8355,-2.6028 5.9777,-4.6086 9.4263,-6.0174 3.4481,-1.4087 7.133,-2.1131 11.0548,-2.1131 3.9217,0 7.5979,0.7044 11.0285,2.1131 3.43,1.4088 6.5631,3.4146 9.3992,6.0174 z"/>
-        </svg>
-        <div class="mobile-wallet-adapter-embedded-modal-title">Remote Mobile Wallet Adapter</div>
-    </div>
-    <div>
-        <div>
-            <h4 class="mobile-wallet-adapter-embedded-modal-qr-label">
-                Open your wallet and scan this code
-            </h4>
-        </div>
-        <div id="mobile-wallet-adapter-embedded-modal-qr-code-container" class="mobile-wallet-adapter-embedded-modal-qr-code-container">
-            <div id="mobile-wallet-adapter-embedded-modal-qr-placeholder" class="mobile-wallet-adapter-embedded-modal-qr-placeholder"></div>
-        </div>
-    </div>
-</div>
-<div class="mobile-wallet-adapter-embedded-modal-divider"><hr></div>
-<div class="mobile-wallet-adapter-embedded-modal-footer">
-    <div class="mobile-wallet-adapter-embedded-modal-subtitle">
-        Follow the instructions on your device. When you're finished, this screen will update.
-    </div>
-    <div class="mobile-wallet-adapter-embedded-modal-progress-badge">
-        <div>
-            <div class="spinner">
-                <div class="leftWrapper">
-                    <div class="left">
-                        <div class="circle"></div>
-                    </div>
-                </div>
-                <div class="rightWrapper">
-                    <div class="right">
-                        <div class="circle"></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div>Waiting for scan</div>
-    </div>
+const ErrorDialogHtml$3 = `
+<svg class="mobile-wallet-adapter-embedded-modal-error-icon" xmlns="http://www.w3.org/2000/svg" height="50px" viewBox="0 -960 960 960" width="50px" fill="#000000"><path d="M 280,-80 Q 197,-80 138.5,-138.5 80,-197 80,-280 80,-363 138.5,-421.5 197,-480 280,-480 q 83,0 141.5,58.5 58.5,58.5 58.5,141.5 0,83 -58.5,141.5 Q 363,-80 280,-80 Z M 824,-120 568,-376 Q 556,-389 542.5,-402.5 529,-416 516,-428 q 38,-24 61,-64 23,-40 23,-88 0,-75 -52.5,-127.5 Q 495,-760 420,-760 345,-760 292.5,-707.5 240,-655 240,-580 q 0,6 0.5,11.5 0.5,5.5 1.5,11.5 -18,2 -39.5,8 -21.5,6 -38.5,14 -2,-11 -3,-22 -1,-11 -1,-23 0,-109 75.5,-184.5 Q 311,-840 420,-840 q 109,0 184.5,75.5 75.5,75.5 75.5,184.5 0,43 -13.5,81.5 Q 653,-460 629,-428 l 251,252 z m -615,-61 71,-71 70,71 29,-28 -71,-71 71,-71 -28,-28 -71,71 -71,-71 -28,28 71,71 -71,71 z"/></svg>
+<div class="mobile-wallet-adapter-embedded-modal-title">We can't find a wallet.</div>
+<div id="mobile-wallet-adapter-error-message" class="mobile-wallet-adapter-embedded-modal-subtitle"></div>
+<div>
+    <button data-error-action id="mobile-wallet-adapter-error-action" class="mobile-wallet-adapter-embedded-modal-error-action">
+        Find a wallet
+    </button>
 </div>
 `;
-const css$4 = `
-.mobile-wallet-adapter-embedded-modal-qr-content {
-    display: flex; 
-    margin-top: 10px;
-    padding: 10px;
+const css$5 = `
+.mobile-wallet-adapter-embedded-modal-content {
+    text-align: center;
 }
 
-.mobile-wallet-adapter-embedded-modal-qr-content > div:first-child {
-    display: flex;
-    flex-direction: column;
-    flex: 2;
-    margin-top: auto;
-    margin-right: 30px;
-}
-
-.mobile-wallet-adapter-embedded-modal-qr-content > div:nth-child(2) {
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    margin-left: auto;
-}
-
-.mobile-wallet-adapter-embedded-modal-footer {
-    display: flex;
-    padding: 10px;
+.mobile-wallet-adapter-embedded-modal-error-icon {
+    margin-top: 24px;
 }
 
-.mobile-wallet-adapter-embedded-modal-icon {}
-
 .mobile-wallet-adapter-embedded-modal-title {
+    margin: 18px 100px auto 100px;
     color: #000000;
-    font-size: 2.5em;
+    font-size: 2.75em;
     font-weight: 600;
 }
 
-.mobile-wallet-adapter-embedded-modal-qr-label {
-    text-align: right;
-    color: #000000;
-}
-
-.mobile-wallet-adapter-embedded-modal-qr-code-container {
-    margin-left: auto;
-}
-
-.mobile-wallet-adapter-embedded-modal-qr-placeholder {
-    margin-left: auto;
-    min-width: 200px;
-    min-height: 200px;
-    background: linear-gradient(-60deg, #F7F8F8 30%, #ECEEEE 50%, #F7F8F8 70%);
-    background-size: 200%;
-    animation: placeholderAnimate 2.7s linear infinite;
-    border-radius: 12px;
-}
-
-.mobile-wallet-adapter-embedded-modal-divider {
-    margin-top: 20px;
-    padding-left: 10px;
-    padding-right: 10px;
-}
-
-.mobile-wallet-adapter-embedded-modal-divider hr {
-    border-top: 1px solid #D9DEDE;
-}
-
 .mobile-wallet-adapter-embedded-modal-subtitle {
-    margin: auto;
-    margin-right: 60px;
-    padding: 20px;
-    color: #6E8286;
+    margin: 30px 60px 40px 60px;
+    color: #000000;
+    font-size: 1.25em;
+    font-weight: 400;
 }
 
-.mobile-wallet-adapter-embedded-modal-progress-badge {
-    display: flex;
-    background: #F7F8F8;
+.mobile-wallet-adapter-embedded-modal-error-action {
+    display: block;
+    width: 100%;
     height: 56px;
-    min-width: 200px;
-    margin: auto;
-    padding-left: 20px;
-    padding-right: 20px;
+    /*margin-top: 40px;*/
+    font-size: 1.25em;
+    /*line-height: 24px;*/
+    /*letter-spacing: -1%;*/
+    background: #000000;
+    color: #FFFFFF;
     border-radius: 18px;
-    color: #A8B6B8;
-    align-items: center;
-}
-
-.mobile-wallet-adapter-embedded-modal-progress-badge > div:first-child {
-    margin-left: auto;
-    margin-right: 20px;
-}
-
-.mobile-wallet-adapter-embedded-modal-progress-badge > div:nth-child(2) {
-    margin-right: auto;
 }
 
 /* Smaller screens */
 @media all and (max-width: 600px) {
-    .mobile-wallet-adapter-embedded-modal-card {
-        text-align: center;
-    }
-    .mobile-wallet-adapter-embedded-modal-qr-content {
-        flex-direction: column;
-    }
-    .mobile-wallet-adapter-embedded-modal-qr-content > div:first-child {
-        margin: auto;
-    }
-    .mobile-wallet-adapter-embedded-modal-qr-content > div:nth-child(2) {
-        margin: auto;
-        flex: 2 auto;
-    }
-    .mobile-wallet-adapter-embedded-modal-footer {
-        flex-direction: column;
-    }
-    .mobile-wallet-adapter-embedded-modal-icon {
-        display: none;
-    }
     .mobile-wallet-adapter-embedded-modal-title {
         font-size: 1.5em;
+        margin-right: 12px;
+        margin-left: 12px;
     }
     .mobile-wallet-adapter-embedded-modal-subtitle {
-        margin-right: unset;
-    }
-    .mobile-wallet-adapter-embedded-modal-qr-label {
-        text-align: center;
-    }
-    .mobile-wallet-adapter-embedded-modal-qr-code-container {
-        margin: auto;
-    }
-    .mobile-wallet-adapter-embedded-modal-qr-placeholder {
-        margin: auto;
-    }
-}
-
-/* QR Placeholder */
-@keyframes placeholderAnimate {
-    0% { background-position: 200% 0; }
-    100% { background-position: -200% 0; }
-}
-
-/* Spinner */
-@keyframes spinLeft {
-    0% {
-        transform: rotate(20deg);
-    }
-    50% {
-        transform: rotate(160deg);
-    }
-    100% {
-        transform: rotate(20deg);
-    }
-}
-@keyframes spinRight {
-    0% {
-        transform: rotate(160deg);
-    }
-    50% {
-        transform: rotate(20deg);
-    }
-    100% {
-        transform: rotate(160deg);
-    }
-}
-@keyframes spin {
-    0% {
-        transform: rotate(0deg);
-    }
-    100% {
-        transform: rotate(2520deg);
+        margin-right: 12px;
+        margin-left: 12px;
     }
 }
-
-.spinner {
-    position: relative;
-    width: 1.5em;
-    height: 1.5em;
-    margin: auto;
-    animation: spin 10s linear infinite;
-}
-.spinner::before {
-    content: "";
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-}
-.right, .rightWrapper, .left, .leftWrapper {
-    position: absolute;
-    top: 0;
-    overflow: hidden;
-    width: .75em;
-    height: 1.5em;
-}
-.left, .leftWrapper {
-    left: 0;
-}
-.right {
-    left: -12px;
-}
-.rightWrapper {
-    right: 0;
-}
-.circle {
-    border: .125em solid #A8B6B8;
-    width: 1.25em; /* 1.5em - 2*0.125em border */
-    height: 1.25em; /* 1.5em - 2*0.125em border */
-    border-radius: 0.75em; /* 0.5*1.5em spinner size 8 */
-}
-.left {
-    transform-origin: 100% 50%;
-    animation: spinLeft 2.5s cubic-bezier(.2,0,.8,1) infinite;
+`;
+//#endregion
+//#region src/createDefaultWalletNotFoundHandler.ts
+async function defaultErrorModalWalletNotFoundHandler() {
+	if (typeof window !== "undefined") {
+		const userAgent = window.navigator.userAgent.toLowerCase();
+		const errorDialog = new ErrorModal();
+		if (userAgent.includes("wv")) errorDialog.initWithError({
+			name: "SolanaMobileWalletAdapterError",
+			code: "ERROR_BROWSER_NOT_SUPPORTED",
+			message: ""
+		});
+		else errorDialog.initWithError({
+			name: "SolanaMobileWalletAdapterError",
+			code: "ERROR_WALLET_NOT_FOUND",
+			message: ""
+		});
+		errorDialog.open();
+	}
 }
-.right {
-    transform-origin: 100% 50%;
-    animation: spinRight 2.5s cubic-bezier(.2,0,.8,1) infinite;
+function createDefaultWalletNotFoundHandler() {
+	return async () => {
+		defaultErrorModalWalletNotFoundHandler();
+	};
 }
-`;
 //#endregion
 //#region src/embedded-modal/localConnectionModal.ts
 var LocalConnectionModal = class extends EmbeddedModal {
-	contentStyles = css$3;
-	contentHtml = ErrorDialogHtml$3;
+	contentStyles = css$4;
+	contentHtml = ErrorDialogHtml$2;
 	initWithCallback(callback) {
 		super.init();
 		this.#prepareLaunchAction(callback);
@@ -3785,7 +3510,7 @@ var LocalConnectionModal = class extends EmbeddedModal {
 		launchButton?.addEventListener("click", listener);
 	}
 };
-const ErrorDialogHtml$3 = `
+const ErrorDialogHtml$2 = `
 <svg class="mobile-wallet-adapter-embedded-modal-launch-icon" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M21.6 48C7.2 48 0 40.8 0 26.4V21.6C0 7.2 7.2 0 21.6 0H26.4C40.8 0 48 7.2 48 21.6V26.4C48 40.8 40.8 48 26.4 48H21.6Z" fill="#15994E"/>
     <mask id="mask0_189_522" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="8" y="8" width="32" height="32">
@@ -3807,7 +3532,7 @@ const ErrorDialogHtml$3 = `
     </button>
 </div>
 `;
-const css$3 = `
+const css$4 = `
 .mobile-wallet-adapter-embedded-modal-close {
     display: none;
 }
@@ -3845,10 +3570,10 @@ const css$3 = `
 //#endregion
 //#region src/embedded-modal/loopbackBlockedModal.ts
 var LoopbackPermissionBlockedModal = class extends EmbeddedModal {
-	contentStyles = css$2;
+	contentStyles = css$3;
 	get contentHtml() {
 		const instructions = getIsPwaLaunchedAsApp() ? "Long press the app icon on your home screen to open site settings" : "Tap the lock or settings icon in the address bar to open site settings";
-		return ErrorDialogHtml$2.replace("{{PERMISSION_INSTRUCTION_DETAIL}}", instructions);
+		return ErrorDialogHtml$1.replace("{{PERMISSION_INSTRUCTION_DETAIL}}", instructions);
 	}
 	async init() {
 		super.init();
@@ -3863,7 +3588,7 @@ var LoopbackPermissionBlockedModal = class extends EmbeddedModal {
 		launchButton?.addEventListener("click", listener);
 	}
 };
-const ErrorDialogHtml$2 = `
+const ErrorDialogHtml$1 = `
 <div class="mobile-wallet-adapter-embedded-modal-header">
     Local Wallet Connection
 </div>
@@ -3916,7 +3641,7 @@ const ErrorDialogHtml$2 = `
     </button>
 </div>
 `;
-const css$2 = `
+const css$3 = `
 .mobile-wallet-adapter-embedded-modal-close {
     display: none;
 }
@@ -4006,8 +3731,8 @@ const css$2 = `
 //#endregion
 //#region src/embedded-modal/loopbackPermissionModal.ts
 var LoopbackPermissionModal = class extends EmbeddedModal {
-	contentStyles = css$1;
-	contentHtml = ErrorDialogHtml$1;
+	contentStyles = css$2;
+	contentHtml = ErrorDialogHtml;
 	async init() {
 		super.init();
 		this.#prepareLaunchAction();
@@ -4024,7 +3749,7 @@ var LoopbackPermissionModal = class extends EmbeddedModal {
 		launchButton?.addEventListener("click", listener);
 	}
 };
-const ErrorDialogHtml$1 = `
+const ErrorDialogHtml = `
 <div class="mobile-wallet-adapter-embedded-modal-title">Allow connections to your wallet</div>
 <div id="mobile-wallet-adapter-local-launch-message" class="mobile-wallet-adapter-embedded-modal-subtitle">
     Tap "Allow" on the next screen
@@ -4050,7 +3775,7 @@ const ErrorDialogHtml$1 = `
     </button>
 </div>
 `;
-const css$1 = `
+const css$2 = `
 .mobile-wallet-adapter-embedded-modal-close {
     display: none;
 }
@@ -4096,72 +3821,504 @@ const css$1 = `
         margin-left: 12px;
     }
 }
-`;
-//#endregion
-//#region src/getIsSupported.ts
-function getIsLocalAssociationSupported() {
-	return typeof window !== "undefined" && window.isSecureContext && typeof document !== "undefined" && /android/i.test(navigator.userAgent);
+`;
+//#endregion
+//#region src/getIsSupported.ts
+function getIsLocalAssociationSupported() {
+	return typeof window !== "undefined" && window.isSecureContext && typeof document !== "undefined" && /android/i.test(navigator.userAgent);
+}
+function getIsRemoteAssociationSupported() {
+	return typeof window !== "undefined" && window.isSecureContext && typeof document !== "undefined" && !/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+}
+function isWebView(userAgentString) {
+	return /(WebView|Version\/.+(Chrome)\/(\d+)\.(\d+)\.(\d+)\.(\d+)|; wv\).+(Chrome)\/(\d+)\.(\d+)\.(\d+)\.(\d+))/i.test(userAgentString);
+}
+function isSolanaMobileWebShell(userAgentString) {
+	return userAgentString.includes("Solana Mobile Web Shell");
+}
+function getIsPwaLaunchedAsApp() {
+	const isAndroidTwa = typeof document !== "undefined" && document.referrer.startsWith("android-app://");
+	if (typeof window == "undefined") return isAndroidTwa;
+	const isStandalone = window.matchMedia("(display-mode: standalone)").matches;
+	const isFullscreen = window.matchMedia("(display-mode: fullscreen)").matches;
+	const isMinimalUI = window.matchMedia("(display-mode: minimal-ui)").matches;
+	return isAndroidTwa || isStandalone || isFullscreen || isMinimalUI;
+}
+async function checkLocalNetworkAccessPermission() {
+	if (typeof navigator !== "undefined" && isSolanaMobileWebShell(navigator.userAgent)) return;
+	try {
+		const lnaPermission = await navigator.permissions.query({ name: "loopback-network" });
+		if (lnaPermission.state === "granted") return;
+		else if (lnaPermission.state === "denied") {
+			const modal = new LoopbackPermissionBlockedModal();
+			modal.init();
+			modal.open();
+			throw new SolanaMobileWalletAdapterError(SolanaMobileWalletAdapterErrorCode.ERROR_LOOPBACK_ACCESS_BLOCKED, "Local Network Access permission denied");
+		} else if (lnaPermission.state === "prompt") {
+			const modal = new LoopbackPermissionModal();
+			if (await new Promise((resolve, reject) => {
+				modal.addEventListener("close", (event) => {
+					if (event) reject(new SolanaMobileWalletAdapterError(SolanaMobileWalletAdapterErrorCode.ERROR_ASSOCIATION_CANCELLED, "Wallet connection cancelled by user", { event }));
+				});
+				lnaPermission.onchange = () => {
+					lnaPermission.onchange = null;
+					resolve(lnaPermission.state);
+				};
+				modal.init();
+				modal.open();
+			}) === "granted") {
+				const modal = new LocalConnectionModal();
+				await new Promise((resolve, reject) => {
+					modal.addEventListener("close", (event) => {
+						if (event) reject(new SolanaMobileWalletAdapterError(SolanaMobileWalletAdapterErrorCode.ERROR_ASSOCIATION_CANCELLED, "Wallet connection cancelled by user", { event }));
+					});
+					modal.initWithCallback(async () => {
+						resolve(true);
+					});
+					modal.open();
+				});
+				return;
+			} else return await checkLocalNetworkAccessPermission();
+		}
+		throw new SolanaMobileWalletAdapterError(SolanaMobileWalletAdapterErrorCode.ERROR_LOOPBACK_ACCESS_BLOCKED, "Local Network Access permission unknown");
+	} catch (e) {
+		if (e instanceof TypeError && (e.message.includes("loopback-network") || e.message.includes("local-network-access"))) return;
+		if (e instanceof SolanaMobileWalletAdapterError) throw e;
+		throw new SolanaMobileWalletAdapterError(SolanaMobileWalletAdapterErrorCode.ERROR_LOOPBACK_ACCESS_BLOCKED, e instanceof Error ? e.message : "Local Network Access permission unknown");
+	}
+}
+//#endregion
+//#region src/embedded-modal/loadingSpinner.ts
+const modalHtml = `
+<div class="mobile-wallet-adapter-embedded-loading-indicator" role="dialog" aria-modal="true" aria-labelledby="modal-title">
+    <div data-modal-close style="position: absolute; width: 100%; height: 100%;"></div>
+    <div class="mobile-wallet-adapter-embedded-loading-container">
+        <div class="mobile-wallet-adapter-embedded-loading-animation"></div>
+    </div>
+</div>
+`;
+const css$1 = `
+.mobile-wallet-adapter-embedded-loading-indicator {
+    display: flex; /* Use flexbox to center content */
+    justify-content: center; /* Center horizontally */
+    align-items: start; /* Center vertically */
+    position: fixed; /* Stay in place */
+    z-index: 1; /* Sit on top */
+    left: 0;
+    top: 0;
+    width: 100%; /* Full width */
+    height: 100%; /* Full height */
+    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
+    overflow-y: auto; /* enable scrolling */
+}
+
+.mobile-wallet-adapter-embedded-loading-container {
+    display: flex;
+    margin: auto;
+}
+
+.mobile-wallet-adapter-embedded-loading-animation {
+    position: relative;
+    left: -9999px;
+    width: 10px;
+    height: 10px;
+    border-radius: 5px;
+    background-color: var(--spinner-color);
+    color: var(--spinner-color);
+    box-shadow: 9984px 0 0 0 var(--spinner-color), 
+                9999px 0 0 0 var(--spinner-color), 
+                10014px 0 0 0 var(--spinner-color);
+    animation: dot-typing 1.5s infinite linear;
+}
+
+@keyframes dot-typing {
+    0% {
+        box-shadow: 9984px 0 0 0 var(--spinner-color), 
+                    9999px 0 0 0 var(--spinner-color), 
+                    10014px 0 0 0 var(--spinner-color);
+    }
+    16.667% {
+        box-shadow: 9984px -10px 0 0 var(--spinner-color), 
+                    9999px 0 0 0 var(--spinner-color), 
+                    10014px 0 0 0 var(--spinner-color);
+    }
+    33.333% {
+        box-shadow: 9984px 0 0 0 var(--spinner-color), 
+                    9999px 0 0 0 var(--spinner-color), 
+                    10014px 0 0 0 var(--spinner-color);
+    }
+    50% {
+        box-shadow: 9984px 0 0 0 var(--spinner-color), 
+                    9999px -10px 0 0 var(--spinner-color), 
+                    10014px 0 0 0 var(--spinner-color);
+    }
+    66.667% {
+        box-shadow: 9984px 0 0 0 var(--spinner-color), 
+                    9999px 0 0 0 var(--spinner-color), 
+                    10014px 0 0 0 var(--spinner-color);
+    }
+    83.333% {
+        box-shadow: 9984px 0 0 0 var(--spinner-color), 
+                    9999px 0 0 0 var(--spinner-color), 
+                    10014px -10px 0 0 var(--spinner-color);
+    }
+    100% {
+        box-shadow: 9984px 0 0 0 var(--spinner-color), 
+                    9999px 0 0 0 var(--spinner-color), 
+                    10014px 0 0 0 var(--spinner-color);
+    }
+}
+`;
+var EmbeddedLoadingSpinner = class {
+	#root = null;
+	#eventListeners = {};
+	#listenersAttached = false;
+	dom = null;
+	constructor() {
+		this.init = this.init.bind(this);
+		this.#root = document.getElementById("mobile-wallet-adapter-embedded-root-ui");
+	}
+	async init() {
+		console.log("Injecting modal");
+		this.#injectHTML();
+	}
+	open = () => {
+		console.debug("Modal open");
+		this.#attachEventListeners();
+		if (this.#root) this.#root.style.display = "flex";
+	};
+	close = (event = void 0) => {
+		console.debug("Modal close");
+		this.#removeEventListeners();
+		if (this.#root) this.#root.style.display = "none";
+		this.#eventListeners["close"]?.forEach((listener) => listener(event));
+	};
+	addEventListener(event, listener) {
+		this.#eventListeners[event]?.push(listener) || (this.#eventListeners[event] = [listener]);
+		return () => this.removeEventListener(event, listener);
+	}
+	removeEventListener(event, listener) {
+		this.#eventListeners[event] = this.#eventListeners[event]?.filter((existingListener) => listener !== existingListener);
+	}
+	#injectHTML() {
+		if (this.dom) return;
+		this.#root = document.createElement("div");
+		this.#root.id = "mobile-wallet-adapter-embedded-root-ui";
+		this.#root.innerHTML = modalHtml;
+		this.#root.style.display = "none";
+		const styles = document.createElement("style");
+		styles.id = "mobile-wallet-adapter-embedded-modal-styles";
+		styles.textContent = css$1;
+		const host = document.createElement("div");
+		this.dom = host.attachShadow({ mode: "closed" });
+		host.style.setProperty("--spinner-color", "#FFFFFF");
+		this.dom.appendChild(styles);
+		this.dom.appendChild(this.#root);
+		document.body.appendChild(host);
+	}
+	#attachEventListeners() {
+		if (!this.#root || this.#listenersAttached) return;
+		[...this.#root.querySelectorAll("[data-modal-close]")].forEach((closer) => closer?.addEventListener("click", (event) => {
+			this.close(event);
+		}));
+		window.addEventListener("load", this.close);
+		document.addEventListener("keydown", this.#handleKeyDown);
+		this.#listenersAttached = true;
+	}
+	#removeEventListeners() {
+		if (!this.#listenersAttached) return;
+		window.removeEventListener("load", this.close);
+		document.removeEventListener("keydown", this.#handleKeyDown);
+		if (!this.#root) return;
+		[...this.#root.querySelectorAll("[data-modal-close]")].forEach((closer) => closer?.removeEventListener("click", this.close));
+		this.#listenersAttached = false;
+	}
+	#handleKeyDown = (event) => {
+		if (event.key === "Escape") this.close(event);
+	};
+};
+//#endregion
+//#region src/embedded-modal/remoteConnectionModal.ts
+var RemoteConnectionModal = class extends EmbeddedModal {
+	contentStyles = css;
+	contentHtml = QRCodeHtml;
+	async initWithQR(qrCode) {
+		super.init();
+		this.populateQRCode(qrCode);
+	}
+	async populateQRCode(qrUrl) {
+		const qrcodeContainer = this.dom?.getElementById("mobile-wallet-adapter-embedded-modal-qr-code-container");
+		if (qrcodeContainer) {
+			const qrCodeElement = await QRCode.toCanvas(qrUrl, {
+				width: 200,
+				margin: 0
+			});
+			if (qrcodeContainer.firstElementChild !== null) qrcodeContainer.replaceChild(qrCodeElement, qrcodeContainer.firstElementChild);
+			else qrcodeContainer.appendChild(qrCodeElement);
+			const qrPlaceholder = this.dom?.getElementById("mobile-wallet-adapter-embedded-modal-qr-placeholder");
+			if (qrPlaceholder) qrPlaceholder.style.display = "none";
+		} else console.error("QRCode Container not found");
+	}
+};
+const QRCodeHtml = `
+<div class="mobile-wallet-adapter-embedded-modal-qr-content">
+    <div>
+        <svg class="mobile-wallet-adapter-embedded-modal-icon" width="100%" height="100%">
+            <circle r="52" cx="53" cy="53" fill="#99b3be" stroke="#000000" stroke-width="2"/>
+            <path d="m 53,82.7305 c -3.3116,0 -6.1361,-1.169 -8.4735,-3.507 -2.338,-2.338 -3.507,-5.1625 -3.507,-8.4735 0,-3.3116 1.169,-6.1364 3.507,-8.4744 2.3374,-2.338 5.1619,-3.507 8.4735,-3.507 3.3116,0 6.1361,1.169 8.4735,3.507 2.338,2.338 3.507,5.1628 3.507,8.4744 0,3.311 -1.169,6.1355 -3.507,8.4735 -2.3374,2.338 -5.1619,3.507 -8.4735,3.507 z m 0.007,-5.25 c 1.8532,0 3.437,-0.6598 4.7512,-1.9793 1.3149,-1.3195 1.9723,-2.9058 1.9723,-4.7591 0,-1.8526 -0.6598,-3.4364 -1.9793,-4.7512 -1.3195,-1.3149 -2.9055,-1.9723 -4.7582,-1.9723 -1.8533,0 -3.437,0.6598 -4.7513,1.9793 -1.3148,1.3195 -1.9722,2.9058 -1.9722,4.7591 0,1.8527 0.6597,3.4364 1.9792,4.7512 1.3195,1.3149 2.9056,1.9723 4.7583,1.9723 z m -28,-33.5729 -3.85,-3.6347 c 4.1195,-4.025 8.8792,-7.1984 14.2791,-9.52 5.4005,-2.3223 11.2551,-3.4834 17.5639,-3.4834 6.3087,0 12.1634,1.1611 17.5639,3.4834 5.3999,2.3216 10.1596,5.495 14.2791,9.52 l -3.85,3.6347 C 77.2999,40.358 73.0684,37.5726 68.2985,35.5514 63.5292,33.5301 58.4296,32.5195 53,32.5195 c -5.4297,0 -10.5292,1.0106 -15.2985,3.0319 -4.7699,2.0212 -9.0014,4.8066 -12.6945,8.3562 z m 44.625,10.8771 c -2.2709,-2.1046 -4.7962,-3.7167 -7.5758,-4.8361 -2.7795,-1.12 -5.7983,-1.68 -9.0562,-1.68 -3.2579,0 -6.2621,0.56 -9.0125,1.68 -2.7504,1.1194 -5.2903,2.7315 -7.6195,4.8361 L 32.5189,51.15 c 2.8355,-2.6028 5.9777,-4.6086 9.4263,-6.0174 3.4481,-1.4087 7.133,-2.1131 11.0548,-2.1131 3.9217,0 7.5979,0.7044 11.0285,2.1131 3.43,1.4088 6.5631,3.4146 9.3992,6.0174 z"/>
+        </svg>
+        <div class="mobile-wallet-adapter-embedded-modal-title">Remote Mobile Wallet Adapter</div>
+    </div>
+    <div>
+        <div>
+            <h4 class="mobile-wallet-adapter-embedded-modal-qr-label">
+                Open your wallet and scan this code
+            </h4>
+        </div>
+        <div id="mobile-wallet-adapter-embedded-modal-qr-code-container" class="mobile-wallet-adapter-embedded-modal-qr-code-container">
+            <div id="mobile-wallet-adapter-embedded-modal-qr-placeholder" class="mobile-wallet-adapter-embedded-modal-qr-placeholder"></div>
+        </div>
+    </div>
+</div>
+<div class="mobile-wallet-adapter-embedded-modal-divider"><hr></div>
+<div class="mobile-wallet-adapter-embedded-modal-footer">
+    <div class="mobile-wallet-adapter-embedded-modal-subtitle">
+        Follow the instructions on your device. When you're finished, this screen will update.
+    </div>
+    <div class="mobile-wallet-adapter-embedded-modal-progress-badge">
+        <div>
+            <div class="spinner">
+                <div class="leftWrapper">
+                    <div class="left">
+                        <div class="circle"></div>
+                    </div>
+                </div>
+                <div class="rightWrapper">
+                    <div class="right">
+                        <div class="circle"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div>Waiting for scan</div>
+    </div>
+</div>
+`;
+const css = `
+.mobile-wallet-adapter-embedded-modal-qr-content {
+    display: flex; 
+    margin-top: 10px;
+    padding: 10px;
+}
+
+.mobile-wallet-adapter-embedded-modal-qr-content > div:first-child {
+    display: flex;
+    flex-direction: column;
+    flex: 2;
+    margin-top: auto;
+    margin-right: 30px;
+}
+
+.mobile-wallet-adapter-embedded-modal-qr-content > div:nth-child(2) {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    margin-left: auto;
+}
+
+.mobile-wallet-adapter-embedded-modal-footer {
+    display: flex;
+    padding: 10px;
+}
+
+.mobile-wallet-adapter-embedded-modal-icon {}
+
+.mobile-wallet-adapter-embedded-modal-title {
+    color: #000000;
+    font-size: 2.5em;
+    font-weight: 600;
+}
+
+.mobile-wallet-adapter-embedded-modal-qr-label {
+    text-align: right;
+    color: #000000;
+}
+
+.mobile-wallet-adapter-embedded-modal-qr-code-container {
+    margin-left: auto;
+}
+
+.mobile-wallet-adapter-embedded-modal-qr-placeholder {
+    margin-left: auto;
+    min-width: 200px;
+    min-height: 200px;
+    background: linear-gradient(-60deg, #F7F8F8 30%, #ECEEEE 50%, #F7F8F8 70%);
+    background-size: 200%;
+    animation: placeholderAnimate 2.7s linear infinite;
+    border-radius: 12px;
+}
+
+.mobile-wallet-adapter-embedded-modal-divider {
+    margin-top: 20px;
+    padding-left: 10px;
+    padding-right: 10px;
+}
+
+.mobile-wallet-adapter-embedded-modal-divider hr {
+    border-top: 1px solid #D9DEDE;
+}
+
+.mobile-wallet-adapter-embedded-modal-subtitle {
+    margin: auto;
+    margin-right: 60px;
+    padding: 20px;
+    color: #6E8286;
+}
+
+.mobile-wallet-adapter-embedded-modal-progress-badge {
+    display: flex;
+    background: #F7F8F8;
+    height: 56px;
+    min-width: 200px;
+    margin: auto;
+    padding-left: 20px;
+    padding-right: 20px;
+    border-radius: 18px;
+    color: #A8B6B8;
+    align-items: center;
+}
+
+.mobile-wallet-adapter-embedded-modal-progress-badge > div:first-child {
+    margin-left: auto;
+    margin-right: 20px;
+}
+
+.mobile-wallet-adapter-embedded-modal-progress-badge > div:nth-child(2) {
+    margin-right: auto;
+}
+
+/* Smaller screens */
+@media all and (max-width: 600px) {
+    .mobile-wallet-adapter-embedded-modal-card {
+        text-align: center;
+    }
+    .mobile-wallet-adapter-embedded-modal-qr-content {
+        flex-direction: column;
+    }
+    .mobile-wallet-adapter-embedded-modal-qr-content > div:first-child {
+        margin: auto;
+    }
+    .mobile-wallet-adapter-embedded-modal-qr-content > div:nth-child(2) {
+        margin: auto;
+        flex: 2 auto;
+    }
+    .mobile-wallet-adapter-embedded-modal-footer {
+        flex-direction: column;
+    }
+    .mobile-wallet-adapter-embedded-modal-icon {
+        display: none;
+    }
+    .mobile-wallet-adapter-embedded-modal-title {
+        font-size: 1.5em;
+    }
+    .mobile-wallet-adapter-embedded-modal-subtitle {
+        margin-right: unset;
+    }
+    .mobile-wallet-adapter-embedded-modal-qr-label {
+        text-align: center;
+    }
+    .mobile-wallet-adapter-embedded-modal-qr-code-container {
+        margin: auto;
+    }
+    .mobile-wallet-adapter-embedded-modal-qr-placeholder {
+        margin: auto;
+    }
+}
+
+/* QR Placeholder */
+@keyframes placeholderAnimate {
+    0% { background-position: 200% 0; }
+    100% { background-position: -200% 0; }
+}
+
+/* Spinner */
+@keyframes spinLeft {
+    0% {
+        transform: rotate(20deg);
+    }
+    50% {
+        transform: rotate(160deg);
+    }
+    100% {
+        transform: rotate(20deg);
+    }
+}
+@keyframes spinRight {
+    0% {
+        transform: rotate(160deg);
+    }
+    50% {
+        transform: rotate(20deg);
+    }
+    100% {
+        transform: rotate(160deg);
+    }
+}
+@keyframes spin {
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(2520deg);
+    }
+}
+
+.spinner {
+    position: relative;
+    width: 1.5em;
+    height: 1.5em;
+    margin: auto;
+    animation: spin 10s linear infinite;
+}
+.spinner::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
 }
-function getIsRemoteAssociationSupported() {
-	return typeof window !== "undefined" && window.isSecureContext && typeof document !== "undefined" && !/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+.right, .rightWrapper, .left, .leftWrapper {
+    position: absolute;
+    top: 0;
+    overflow: hidden;
+    width: .75em;
+    height: 1.5em;
 }
-function isWebView(userAgentString) {
-	return /(WebView|Version\/.+(Chrome)\/(\d+)\.(\d+)\.(\d+)\.(\d+)|; wv\).+(Chrome)\/(\d+)\.(\d+)\.(\d+)\.(\d+))/i.test(userAgentString);
+.left, .leftWrapper {
+    left: 0;
 }
-function isSolanaMobileWebShell(userAgentString) {
-	return userAgentString.includes("Solana Mobile Web Shell");
+.right {
+    left: -12px;
 }
-function getIsPwaLaunchedAsApp() {
-	const isAndroidTwa = typeof document !== "undefined" && document.referrer.startsWith("android-app://");
-	if (typeof window == "undefined") return isAndroidTwa;
-	const isStandalone = window.matchMedia("(display-mode: standalone)").matches;
-	const isFullscreen = window.matchMedia("(display-mode: fullscreen)").matches;
-	const isMinimalUI = window.matchMedia("(display-mode: minimal-ui)").matches;
-	return isAndroidTwa || isStandalone || isFullscreen || isMinimalUI;
+.rightWrapper {
+    right: 0;
 }
-async function checkLocalNetworkAccessPermission() {
-	if (typeof navigator !== "undefined" && isSolanaMobileWebShell(navigator.userAgent)) return;
-	try {
-		const lnaPermission = await navigator.permissions.query({ name: "loopback-network" });
-		if (lnaPermission.state === "granted") return;
-		else if (lnaPermission.state === "denied") {
-			const modal = new LoopbackPermissionBlockedModal();
-			modal.init();
-			modal.open();
-			throw new SolanaMobileWalletAdapterError(SolanaMobileWalletAdapterErrorCode.ERROR_LOOPBACK_ACCESS_BLOCKED, "Local Network Access permission denied");
-		} else if (lnaPermission.state === "prompt") {
-			const modal = new LoopbackPermissionModal();
-			if (await new Promise((resolve, reject) => {
-				modal.addEventListener("close", (event) => {
-					if (event) reject(new SolanaMobileWalletAdapterError(SolanaMobileWalletAdapterErrorCode.ERROR_ASSOCIATION_CANCELLED, "Wallet connection cancelled by user", { event }));
-				});
-				lnaPermission.onchange = () => {
-					lnaPermission.onchange = null;
-					resolve(lnaPermission.state);
-				};
-				modal.init();
-				modal.open();
-			}) === "granted") {
-				const modal = new LocalConnectionModal();
-				await new Promise((resolve, reject) => {
-					modal.addEventListener("close", (event) => {
-						if (event) reject(new SolanaMobileWalletAdapterError(SolanaMobileWalletAdapterErrorCode.ERROR_ASSOCIATION_CANCELLED, "Wallet connection cancelled by user", { event }));
-					});
-					modal.initWithCallback(async () => {
-						resolve(true);
-					});
-					modal.open();
-				});
-				return;
-			} else return await checkLocalNetworkAccessPermission();
-		}
-		throw new SolanaMobileWalletAdapterError(SolanaMobileWalletAdapterErrorCode.ERROR_LOOPBACK_ACCESS_BLOCKED, "Local Network Access permission unknown");
-	} catch (e) {
-		if (e instanceof TypeError && (e.message.includes("loopback-network") || e.message.includes("local-network-access"))) return;
-		if (e instanceof SolanaMobileWalletAdapterError) throw e;
-		throw new SolanaMobileWalletAdapterError(SolanaMobileWalletAdapterErrorCode.ERROR_LOOPBACK_ACCESS_BLOCKED, e instanceof Error ? e.message : "Local Network Access permission unknown");
-	}
+.circle {
+    border: .125em solid #A8B6B8;
+    width: 1.25em; /* 1.5em - 2*0.125em border */
+    height: 1.25em; /* 1.5em - 2*0.125em border */
+    border-radius: 0.75em; /* 0.5*1.5em spinner size 8 */
+}
+.left {
+    transform-origin: 100% 50%;
+    animation: spinLeft 2.5s cubic-bezier(.2,0,.8,1) infinite;
 }
+.right {
+    transform-origin: 100% 50%;
+    animation: spinRight 2.5s cubic-bezier(.2,0,.8,1) infinite;
+}
+`;
 //#endregion
 //#region src/icon.ts
 const icon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03IDIuNUgxN0MxNy44Mjg0IDIuNSAxOC41IDMuMTcxNTcgMTguNSA0VjIwQzE4LjUgMjAuODI4NCAxNy44Mjg0IDIxLjUgMTcgMjEuNUg3QzYuMTcxNTcgMjEuNSA1LjUgMjAuODI4NCA1LjUgMjBWNEM1LjUgMy4xNzE1NyA2LjE3MTU3IDIuNSA3IDIuNVpNMyA0QzMgMS43OTA4NiA0Ljc5MDg2IDAgNyAwSDE3QzE5LjIwOTEgMCAyMSAxLjc5MDg2IDIxIDRWMjBDMjEgMjIuMjA5MSAxOS4yMDkxIDI0IDE3IDI0SDdDNC43OTA4NiAyNCAzIDIyLjIwOTEgMyAyMFY0Wk0xMSA0LjYxNTM4QzEwLjQ0NzcgNC42MTUzOCAxMCA1LjA2MzEgMTAgNS42MTUzOFY2LjM4NDYyQzEwIDYuOTM2OSAxMC40NDc3IDcuMzg0NjIgMTEgNy4zODQ2MkgxM0MxMy41NTIzIDcuMzg0NjIgMTQgNi45MzY5IDE0IDYuMzg0NjJWNS42MTUzOEMxNCA1LjA2MzEgMTMuNTUyMyA0LjYxNTM4IDEzIDQuNjE1MzhIMTFaIiBmaWxsPSIjRENCOEZGIi8+Cjwvc3ZnPgo=";
@@ -4427,9 +4584,9 @@ var LocalSolanaMobileWalletAdapterWallet = class {
 	};
 	#accountsToWalletStandardAccounts = (accounts) => {
 		return accounts.map((account) => {
-			const publicKey = toUint8Array(account.address);
+			const publicKey = base64ToUint8Array(account.address);
 			return {
-				address: base58.encode(publicKey),
+				address: base58FromUint8Array(publicKey),
 				publicKey,
 				label: account.label,
 				icon: account.icon,
@@ -4442,11 +4599,11 @@ var LocalSolanaMobileWalletAdapterWallet = class {
 		const { authToken, chain } = this.#assertIsAuthorized();
 		try {
 			const base64Transactions = transactions.map((tx) => {
-				return fromUint8Array(tx);
+				return base64FromUint8Array(tx);
 			});
 			return await this.#transact(async (wallet) => {
 				await this.#performReauthorization(wallet, authToken, chain);
-				return (await wallet.signTransactions({ payloads: base64Transactions })).signed_payloads.map(toUint8Array);
+				return (await wallet.signTransactions({ payloads: base64Transactions })).signed_payloads.map(base64ToUint8Array);
 			});
 		} catch (e) {
 			throw new Error(getErrorMessage(e), { cause: e });
@@ -4458,11 +4615,11 @@ var LocalSolanaMobileWalletAdapterWallet = class {
 			return await this.#transact(async (wallet) => {
 				const [capabilities] = await Promise.all([wallet.getCapabilities(), this.#performReauthorization(wallet, authToken, chain)]);
 				if (capabilities.supports_sign_and_send_transactions) {
-					const base64Transaction = fromUint8Array(transaction);
+					const base64Transaction = base64FromUint8Array(transaction);
 					return (await wallet.signAndSendTransactions({
 						...options,
 						payloads: [base64Transaction]
-					})).signatures.map(toUint8Array)[0];
+					})).signatures.map(base64ToUint8Array)[0];
 				} else throw new Error("connected wallet does not support signAndSendTransaction");
 			});
 		} catch (e) {
@@ -4484,15 +4641,15 @@ var LocalSolanaMobileWalletAdapterWallet = class {
 	};
 	#signMessage = async (...inputs) => {
 		const { authToken, chain } = this.#assertIsAuthorized();
-		const addresses = inputs.map(({ account }) => fromUint8Array(new Uint8Array(account.publicKey)));
-		const messages = inputs.map(({ message }) => fromUint8Array(message));
+		const addresses = inputs.map(({ account }) => base64FromUint8Array(new Uint8Array(account.publicKey)));
+		const messages = inputs.map(({ message }) => base64FromUint8Array(message));
 		try {
 			return await this.#transact(async (wallet) => {
 				await this.#performReauthorization(wallet, authToken, chain);
 				return (await wallet.signMessages({
 					addresses,
 					payloads: messages
-				})).signed_payloads.map(toUint8Array).map((signedMessage) => {
+				})).signed_payloads.map(base64ToUint8Array).map((signedMessage) => {
 					return {
 						signedMessage,
 						signature: signedMessage.slice(-SIGNATURE_LENGTH_IN_BYTES)
@@ -4521,13 +4678,13 @@ var LocalSolanaMobileWalletAdapterWallet = class {
 			const signedInAccount = authorizationResult.accounts.find((acc) => acc.address == signedInAddress);
 			return {
 				account: {
-					...signedInAccount ?? { address: base58.encode(toUint8Array(signedInAddress)) },
-					publicKey: toUint8Array(signedInAddress),
+					...signedInAccount ?? { address: base58FromUint8Array(base64ToUint8Array(signedInAddress)) },
+					publicKey: base64ToUint8Array(signedInAddress),
 					chains: signedInAccount?.chains ?? this.#chains,
 					features: signedInAccount?.features ?? authorizationResult.capabilities.features
 				},
-				signedMessage: toUint8Array(authorizationResult.sign_in_result.signed_message),
-				signature: toUint8Array(authorizationResult.sign_in_result.signature)
+				signedMessage: base64ToUint8Array(authorizationResult.sign_in_result.signed_message),
+				signature: base64ToUint8Array(authorizationResult.sign_in_result.signature)
 			};
 		} catch (e) {
 			throw new Error(getErrorMessage(e), { cause: e });
@@ -4780,9 +4937,9 @@ var RemoteSolanaMobileWalletAdapterWallet = class {
 	};
 	#accountsToWalletStandardAccounts = (accounts) => {
 		return accounts.map((account) => {
-			const publicKey = toUint8Array(account.address);
+			const publicKey = base64ToUint8Array(account.address);
 			return {
-				address: base58.encode(publicKey),
+				address: base58FromUint8Array(publicKey),
 				publicKey,
 				label: account.label,
 				icon: account.icon,
@@ -4796,7 +4953,7 @@ var RemoteSolanaMobileWalletAdapterWallet = class {
 		try {
 			return await this.#transact(async (wallet) => {
 				await this.#performReauthorization(wallet, authToken, chain);
-				return (await wallet.signTransactions({ payloads: transactions.map(fromUint8Array) })).signed_payloads.map(toUint8Array);
+				return (await wallet.signTransactions({ payloads: transactions.map(base64FromUint8Array) })).signed_payloads.map(base64ToUint8Array);
 			});
 		} catch (e) {
 			throw new Error(getErrorMessage(e), { cause: e });
@@ -4809,8 +4966,8 @@ var RemoteSolanaMobileWalletAdapterWallet = class {
 				const [capabilities] = await Promise.all([wallet.getCapabilities(), this.#performReauthorization(wallet, authToken, chain)]);
 				if (capabilities.supports_sign_and_send_transactions) return (await wallet.signAndSendTransactions({
 					...options,
-					payloads: [fromUint8Array(transaction)]
-				})).signatures.map(toUint8Array)[0];
+					payloads: [base64FromUint8Array(transaction)]
+				})).signatures.map(base64ToUint8Array)[0];
 				else throw new Error("connected wallet does not support signAndSendTransaction");
 			});
 		} catch (e) {
@@ -4832,15 +4989,15 @@ var RemoteSolanaMobileWalletAdapterWallet = class {
 	};
 	#signMessage = async (...inputs) => {
 		const { authToken, chain } = this.#assertIsAuthorized();
-		const addresses = inputs.map(({ account }) => fromUint8Array(new Uint8Array(account.publicKey)));
-		const messages = inputs.map(({ message }) => fromUint8Array(message));
+		const addresses = inputs.map(({ account }) => base64FromUint8Array(new Uint8Array(account.publicKey)));
+		const messages = inputs.map(({ message }) => base64FromUint8Array(message));
 		try {
 			return await this.#transact(async (wallet) => {
 				await this.#performReauthorization(wallet, authToken, chain);
 				return (await wallet.signMessages({
 					addresses,
 					payloads: messages
-				})).signed_payloads.map(toUint8Array).map((signedMessage) => {
+				})).signed_payloads.map(base64ToUint8Array).map((signedMessage) => {
 					return {
 						signedMessage,
 						signature: signedMessage.slice(-SIGNATURE_LENGTH_IN_BYTES)
@@ -4869,13 +5026,13 @@ var RemoteSolanaMobileWalletAdapterWallet = class {
 			const signedInAccount = authorizationResult.accounts.find((acc) => acc.address == signedInAddress);
 			return {
 				account: {
-					...signedInAccount ?? { address: base58.encode(toUint8Array(signedInAddress)) },
-					publicKey: toUint8Array(signedInAddress),
+					...signedInAccount ?? { address: base58FromUint8Array(base64ToUint8Array(signedInAddress)) },
+					publicKey: base64ToUint8Array(signedInAddress),
 					chains: signedInAccount?.chains ?? this.#chains,
 					features: signedInAccount?.features ?? authorizationResult.capabilities.features
 				},
-				signedMessage: toUint8Array(authorizationResult.sign_in_result.signed_message),
-				signature: toUint8Array(authorizationResult.sign_in_result.signature)
+				signedMessage: base64ToUint8Array(authorizationResult.sign_in_result.signed_message),
+				signature: base64ToUint8Array(authorizationResult.sign_in_result.signature)
 			};
 		} catch (e) {
 			throw new Error(getErrorMessage(e), { cause: e });
@@ -4902,170 +5059,6 @@ function registerMwa(config) {
 		remoteHostAuthority: config.remoteHostAuthority
 	}));
 }
-//#endregion
-//#region src/embedded-modal/errorModal.ts
-const WALLET_NOT_FOUND_ERROR_MESSAGE = "To use mobile wallet adapter, you must have a compatible mobile wallet application installed on your device.";
-const BROWSER_NOT_SUPPORTED_ERROR_MESSAGE = "This browser appears to be incompatible with mobile wallet adapter. Open this page in a compatible mobile browser app and try again.";
-var ErrorModal = class extends EmbeddedModal {
-	contentStyles = css;
-	contentHtml = ErrorDialogHtml;
-	initWithError(error) {
-		super.init();
-		this.populateError(error);
-	}
-	populateError(error) {
-		const errorMessageElement = this.dom?.getElementById("mobile-wallet-adapter-error-message");
-		const actionBtn = this.dom?.getElementById("mobile-wallet-adapter-error-action");
-		if (errorMessageElement) {
-			if (error.name === "SolanaMobileWalletAdapterError") switch (error.code) {
-				case "ERROR_WALLET_NOT_FOUND":
-					errorMessageElement.innerHTML = WALLET_NOT_FOUND_ERROR_MESSAGE;
-					if (actionBtn) actionBtn.addEventListener("click", () => {
-						window.location.href = "https://solanamobile.com/wallets";
-					});
-					return;
-				case "ERROR_BROWSER_NOT_SUPPORTED":
-					errorMessageElement.innerHTML = BROWSER_NOT_SUPPORTED_ERROR_MESSAGE;
-					if (actionBtn) actionBtn.style.display = "none";
-					return;
-			}
-			errorMessageElement.innerHTML = `An unexpected error occurred: ${error.message}`;
-		} else console.log("Failed to locate error dialog element");
-	}
-};
-const ErrorDialogHtml = `
-<svg class="mobile-wallet-adapter-embedded-modal-error-icon" xmlns="http://www.w3.org/2000/svg" height="50px" viewBox="0 -960 960 960" width="50px" fill="#000000"><path d="M 280,-80 Q 197,-80 138.5,-138.5 80,-197 80,-280 80,-363 138.5,-421.5 197,-480 280,-480 q 83,0 141.5,58.5 58.5,58.5 58.5,141.5 0,83 -58.5,141.5 Q 363,-80 280,-80 Z M 824,-120 568,-376 Q 556,-389 542.5,-402.5 529,-416 516,-428 q 38,-24 61,-64 23,-40 23,-88 0,-75 -52.5,-127.5 Q 495,-760 420,-760 345,-760 292.5,-707.5 240,-655 240,-580 q 0,6 0.5,11.5 0.5,5.5 1.5,11.5 -18,2 -39.5,8 -21.5,6 -38.5,14 -2,-11 -3,-22 -1,-11 -1,-23 0,-109 75.5,-184.5 Q 311,-840 420,-840 q 109,0 184.5,75.5 75.5,75.5 75.5,184.5 0,43 -13.5,81.5 Q 653,-460 629,-428 l 251,252 z m -615,-61 71,-71 70,71 29,-28 -71,-71 71,-71 -28,-28 -71,71 -71,-71 -28,28 71,71 -71,71 z"/></svg>
-<div class="mobile-wallet-adapter-embedded-modal-title">We can't find a wallet.</div>
-<div id="mobile-wallet-adapter-error-message" class="mobile-wallet-adapter-embedded-modal-subtitle"></div>
-<div>
-    <button data-error-action id="mobile-wallet-adapter-error-action" class="mobile-wallet-adapter-embedded-modal-error-action">
-        Find a wallet
-    </button>
-</div>
-`;
-const css = `
-.mobile-wallet-adapter-embedded-modal-content {
-    text-align: center;
-}
-
-.mobile-wallet-adapter-embedded-modal-error-icon {
-    margin-top: 24px;
-}
-
-.mobile-wallet-adapter-embedded-modal-title {
-    margin: 18px 100px auto 100px;
-    color: #000000;
-    font-size: 2.75em;
-    font-weight: 600;
-}
-
-.mobile-wallet-adapter-embedded-modal-subtitle {
-    margin: 30px 60px 40px 60px;
-    color: #000000;
-    font-size: 1.25em;
-    font-weight: 400;
-}
-
-.mobile-wallet-adapter-embedded-modal-error-action {
-    display: block;
-    width: 100%;
-    height: 56px;
-    /*margin-top: 40px;*/
-    font-size: 1.25em;
-    /*line-height: 24px;*/
-    /*letter-spacing: -1%;*/
-    background: #000000;
-    color: #FFFFFF;
-    border-radius: 18px;
-}
-
-/* Smaller screens */
-@media all and (max-width: 600px) {
-    .mobile-wallet-adapter-embedded-modal-title {
-        font-size: 1.5em;
-        margin-right: 12px;
-        margin-left: 12px;
-    }
-    .mobile-wallet-adapter-embedded-modal-subtitle {
-        margin-right: 12px;
-        margin-left: 12px;
-    }
-}
-`;
-//#endregion
-//#region src/createDefaultWalletNotFoundHandler.ts
-async function defaultErrorModalWalletNotFoundHandler() {
-	if (typeof window !== "undefined") {
-		const userAgent = window.navigator.userAgent.toLowerCase();
-		const errorDialog = new ErrorModal();
-		if (userAgent.includes("wv")) errorDialog.initWithError({
-			name: "SolanaMobileWalletAdapterError",
-			code: "ERROR_BROWSER_NOT_SUPPORTED",
-			message: ""
-		});
-		else errorDialog.initWithError({
-			name: "SolanaMobileWalletAdapterError",
-			code: "ERROR_WALLET_NOT_FOUND",
-			message: ""
-		});
-		errorDialog.open();
-	}
-}
-function createDefaultWalletNotFoundHandler() {
-	return async () => {
-		defaultErrorModalWalletNotFoundHandler();
-	};
-}
-//#endregion
-//#region src/createDefaultAuthorizationCache.ts
-const CACHE_KEY = "SolanaMobileWalletAdapterDefaultAuthorizationCache";
-function createDefaultAuthorizationCache() {
-	let storage;
-	try {
-		storage = window.localStorage;
-	} catch {}
-	return {
-		async clear() {
-			if (!storage) return;
-			try {
-				storage.removeItem(CACHE_KEY);
-			} catch {}
-		},
-		async get() {
-			if (!storage) return;
-			try {
-				const parsed = JSON.parse(storage.getItem(CACHE_KEY));
-				if (parsed && parsed.accounts) {
-					const parsedAccounts = parsed.accounts.map((account) => {
-						return {
-							...account,
-							publicKey: "publicKey" in account ? new Uint8Array(Object.values(account.publicKey)) : base58.decode(account.address)
-						};
-					});
-					return {
-						...parsed,
-						accounts: parsedAccounts
-					};
-				} else return parsed || void 0;
-			} catch {}
-		},
-		async set(authorization) {
-			if (!storage) return;
-			try {
-				storage.setItem(CACHE_KEY, JSON.stringify(authorization));
-			} catch {}
-		}
-	};
-}
-//#endregion
-//#region src/createDefaultChainSelector.ts
-function createDefaultChainSelector() {
-	return { async select(chains) {
-		if (chains.length === 1) return chains[0];
-		else if (chains.includes(SOLANA_MAINNET_CHAIN)) return SOLANA_MAINNET_CHAIN;
-		else return chains[0];
-	} };
-}
 
 export { LocalSolanaMobileWalletAdapterWallet, RemoteSolanaMobileWalletAdapterWallet, SolanaMobileWalletAdapterRemoteWalletName, SolanaMobileWalletAdapterWalletName, createDefaultAuthorizationCache, createDefaultChainSelector, createDefaultWalletNotFoundHandler, defaultErrorModalWalletNotFoundHandler, registerMwa };
-//# sourceMappingURL=index.browser-DhAcjdpV.esm.js.map
+//# sourceMappingURL=index.browser-pymH6o1X.esm.js.map