@rhinestone/deposit-modal 0.14.1 → 0.15.0

package/dist/embed.cjs

@@ -1,23 +1,21 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkNQMC5VKQcjs = require('./chunk-NQMC5VKQ.cjs');
+var _chunkVPDCGD2Dcjs = require('./chunk-VPDCGD2D.cjs');
 
 
-var _chunk4J5ADVINcjs = require('./chunk-4J5ADVIN.cjs');
-require('./chunk-7AZFT2MV.cjs');
-require('./chunk-62UCV2LG.cjs');
+var _chunkX4D52IZKcjs = require('./chunk-X4D52IZK.cjs');
 
 
-var _chunkHAQOFI3Dcjs = require('./chunk-HAQOFI3D.cjs');
+var _chunk3OOY67VJcjs = require('./chunk-3OOY67VJ.cjs');
 
 
 
-var _chunkAQVJUXSGcjs = require('./chunk-AQVJUXSG.cjs');
-require('./chunk-DW2EQA2U.cjs');
+var _chunk5P2PVLS4cjs = require('./chunk-5P2PVLS4.cjs');
+require('./chunk-LVCD6RHF.cjs');
 
 
 
-var _chunk4KCSH4T3cjs = require('./chunk-4KCSH4T3.cjs');
+var _chunkOY5N3E6Lcjs = require('./chunk-OY5N3E6L.cjs');
 
 // src/embed.tsx
 var _react = require('react');
@@ -681,7 +679,7 @@ function switchTargetChainId(params) {
 function syntheticChain(chainId) {
   return {
     id: chainId,
-    name: _chunk4KCSH4T3cjs.getChainName.call(void 0, chainId),
+    name: _chunkOY5N3E6Lcjs.getChainName.call(void 0, chainId),
     nativeCurrency: { name: "Ether", symbol: "ETH", decimals: 18 },
     rpcUrls: { default: { http: [] } }
   };
@@ -695,7 +693,7 @@ function assertResultShape(method, result) {
         `${method}: ${detail}`
       )
     );
-    throw SUBMITTING_WALLET_METHODS.includes(method) ? _chunk4J5ADVINcjs.markSubmissionUncertain.call(void 0, error) : error;
+    throw SUBMITTING_WALLET_METHODS.includes(method) ? _chunkX4D52IZKcjs.markSubmissionUncertain.call(void 0, error) : error;
   };
   switch (method) {
     case "eth_sendTransaction":
@@ -747,7 +745,7 @@ function createBridgedWalletSession(options) {
       );
     } catch (error) {
       if (submitting && isBridgeRequestError(error) && error.code === -32603) {
-        throw _chunk4J5ADVINcjs.markSubmissionUncertain.call(void 0, 
+        throw _chunkX4D52IZKcjs.markSubmissionUncertain.call(void 0, 
           new BridgeRequestError(
             bridgeError(
               BridgeErrorCode.SUBMISSION_UNCERTAIN,
@@ -758,7 +756,7 @@ function createBridgedWalletSession(options) {
         );
       }
       if (submitting && isBridgeCode(error, BridgeErrorCode.SUBMISSION_UNCERTAIN)) {
-        throw _chunk4J5ADVINcjs.markSubmissionUncertain.call(void 0, error);
+        throw _chunkX4D52IZKcjs.markSubmissionUncertain.call(void 0, error);
       }
       throw error;
     }
@@ -799,7 +797,7 @@ function createBridgedWalletSession(options) {
         stateWaiters.delete(waiter);
         reject(
           new Error(
-            `Switch to ${_nullishCoalesce(_optionalChain([resolveChain, 'call', _17 => _17(chainId), 'optionalAccess', _18 => _18.name]), () => ( _chunk4KCSH4T3cjs.getChainName.call(void 0, chainId)))} in your wallet to continue`
+            `Switch to ${_nullishCoalesce(_optionalChain([resolveChain, 'call', _17 => _17(chainId), 'optionalAccess', _18 => _18.name]), () => ( _chunkOY5N3E6Lcjs.getChainName.call(void 0, chainId)))} in your wallet to continue`
           )
         );
       }, SWITCH_CONFIRMATION_TIMEOUT_MS);
@@ -877,7 +875,7 @@ async function connectToHost(options) {
   });
   const params = {
     protocol: PROTOCOL_VERSION,
-    modalVersion: _chunkAQVJUXSGcjs.MODAL_VERSION
+    modalVersion: _chunk5P2PVLS4cjs.MODAL_VERSION
   };
   let raw;
   try {
@@ -963,12 +961,12 @@ async function requestHostTransfer(transport, params) {
     );
   } catch (error) {
     if (error instanceof Error && isBridgeCode(error, BridgeErrorCode.SUBMISSION_UNCERTAIN)) {
-      throw _chunk4J5ADVINcjs.markSubmissionUncertain.call(void 0, error);
+      throw _chunkX4D52IZKcjs.markSubmissionUncertain.call(void 0, error);
     }
     throw error;
   }
   if (!isTxHash(_optionalChain([result, 'optionalAccess', _25 => _25.txHash]))) {
-    throw _chunk4J5ADVINcjs.markSubmissionUncertain.call(void 0, 
+    throw _chunkX4D52IZKcjs.markSubmissionUncertain.call(void 0, 
       new Error(
         "The app did not return a transaction hash. Check your activity before trying again."
       )
@@ -1035,16 +1033,63 @@ function dismissalFor(input) {
 function canGoBackNow(input) {
   return dismissalFor(input).state !== "blocked";
 }
-function uiStateFor(input) {
-  return { screen: input.screen, dismissal: dismissalFor(input) };
+function uiStateFor(input, contentHeight) {
+  return {
+    screen: input.screen,
+    dismissal: dismissalFor(input),
+    ...contentHeight === void 0 ? {} : { contentHeight }
+  };
+}
+
+// src/core/bridge/content-height.ts
+function measureContentHeight(shell) {
+  const modal = shell.firstElementChild;
+  const last = _optionalChain([modal, 'optionalAccess', _27 => _27.lastElementChild]);
+  if (!modal || !last) return void 0;
+  const view = modal.ownerDocument.defaultView;
+  const padding = view ? Number.parseFloat(view.getComputedStyle(modal).paddingBottom) : Number.NaN;
+  const height = last.getBoundingClientRect().bottom - modal.getBoundingClientRect().top + (Number.isFinite(padding) ? padding : 0) + // The shell's own borders sit outside the modal and inside the sheet, so
+  // they belong to the height a host is being asked for.
+  (shell.offsetHeight - shell.clientHeight);
+  return height > 0 ? Math.ceil(height) : void 0;
+}
+function observeContentHeight(shell, onChange) {
+  const view = shell.ownerDocument.defaultView;
+  if (!_optionalChain([view, 'optionalAccess', _28 => _28.ResizeObserver]) || !view.MutationObserver) return () => {
+  };
+  let last;
+  const report = () => {
+    const height = measureContentHeight(shell);
+    if (height === void 0 || height === last) return;
+    last = height;
+    onChange(height);
+  };
+  const sizes = new view.ResizeObserver(report);
+  const structure = new view.MutationObserver(() => rearm());
+  function rearm() {
+    sizes.disconnect();
+    structure.disconnect();
+    structure.observe(shell, { childList: true });
+    const modal = shell.firstElementChild;
+    if (modal) {
+      structure.observe(modal, { childList: true });
+      for (const child of Array.from(modal.children)) sizes.observe(child);
+    }
+    report();
+  }
+  rearm();
+  return () => {
+    sizes.disconnect();
+    structure.disconnect();
+  };
 }
 
 // src/core/bridge/viewport.ts
 var VIEWPORT_HEIGHT_PROPERTY = "--rs-embed-viewport-height";
 function trackVisualViewport(win) {
   const target = win;
-  const viewport = _optionalChain([target, 'optionalAccess', _27 => _27.visualViewport]);
-  const style = _optionalChain([target, 'optionalAccess', _28 => _28.document, 'optionalAccess', _29 => _29.documentElement, 'optionalAccess', _30 => _30.style]);
+  const viewport = _optionalChain([target, 'optionalAccess', _29 => _29.visualViewport]);
+  const style = _optionalChain([target, 'optionalAccess', _30 => _30.document, 'optionalAccess', _31 => _31.documentElement, 'optionalAccess', _32 => _32.style]);
   if (!viewport || !style) return () => {
   };
   const apply = () => {
@@ -1066,10 +1111,10 @@ var UNKNOWN_SCREEN = "unknown";
 // src/embed.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var WithdrawModal = _react.lazy.call(void 0, 
-  () => Promise.resolve().then(() => _interopRequireWildcard(require("./WithdrawModal-FAQH35NG.cjs"))).then((m) => ({ default: m.WithdrawModal }))
+  () => Promise.resolve().then(() => _interopRequireWildcard(require("./WithdrawModal-RY2NMFLE.cjs"))).then((m) => ({ default: m.WithdrawModal }))
 );
 var ClaimModal = _react.lazy.call(void 0, 
-  () => Promise.resolve().then(() => _interopRequireWildcard(require("./ClaimModal-L3FUBI5U.cjs"))).then((m) => ({ default: m.ClaimModal }))
+  () => Promise.resolve().then(() => _interopRequireWildcard(require("./ClaimModal-GFDBVCN5.cjs"))).then((m) => ({ default: m.ClaimModal }))
 );
 function missingField(config, keys) {
   const missing = keys.find(
@@ -1115,8 +1160,7 @@ function refusal(config, capabilities, channelScope) {
       ]);
       if (missing) return missing;
       const { targetChain } = config;
-      const validTarget = typeof targetChain === "number" && Number.isInteger(targetChain) && targetChain > 0 || targetChain === "solana" || targetChain === _chunk4KCSH4T3cjs.HYPERCORE_SPOT_CAIP2;
-      return validTarget ? null : {
+      return _chunkOY5N3E6Lcjs.isTargetChain.call(void 0, targetChain) ? null : {
         code: "EMBED_CONFIG_INVALID",
         message: `The app supplied a targetChain this page cannot resolve: ${JSON.stringify(targetChain)}.`
       };
@@ -1158,12 +1202,7 @@ function sanitizeConfig(config) {
   const bool = (value) => typeof value === "boolean" ? value : void 0;
   const arr = (value) => Array.isArray(value) ? value : void 0;
   const obj = (value) => typeof value === "object" && value !== null && !Array.isArray(value) ? value : void 0;
-  const target = (value) => {
-    if (typeof value === "number" && Number.isInteger(value) && value > 0) {
-      return value;
-    }
-    return value === "solana" || value === _chunk4KCSH4T3cjs.HYPERCORE_SPOT_CAIP2 ? value : void 0;
-  };
+  const target = (value) => _chunkOY5N3E6Lcjs.isTargetChain.call(void 0, value) ? value : void 0;
   return {
     // Raw, because it is the discriminant `refusal` switches on — anything
     // else has to reach it to be named in the error.
@@ -1253,6 +1292,9 @@ function toModalProps(config, canOpenExternally, walletWithheld) {
     debug: config.debug
   };
 }
+function currentShell() {
+  return document.querySelector(".rs-modal-content.rs-embed");
+}
 function DepositEmbed({ target, onFatal }) {
   const [session, setSession] = _react.useState.call(void 0, null);
   const [config, setConfig] = _react.useState.call(void 0, null);
@@ -1264,8 +1306,15 @@ function DepositEmbed({ target, onFatal }) {
     screen: UNKNOWN_SCREEN,
     submitting: false
   });
+  const contentHeightRef = _react.useRef.call(void 0, void 0);
+  const shellRef = _react.useRef.call(void 0, null);
+  const [shellToken, setShellToken] = _react.useState.call(void 0, 0);
   const onFatalRef = _react.useRef.call(void 0, onFatal);
   onFatalRef.current = onFatal;
+  const measuredHeight = _react.useCallback.call(void 0, 
+    () => currentShell() === shellRef.current ? contentHeightRef.current : void 0,
+    []
+  );
   _react.useEffect.call(void 0, 
     () => trackVisualViewport(_nullishCoalesce(target, () => ( globalThis.window))),
     [target]
@@ -1303,33 +1352,37 @@ function DepositEmbed({ target, onFatal }) {
             return { handled: true };
           }
           const back = uiRef.current.back;
-          _optionalChain([back, 'optionalCall', _31 => _31()]);
+          _optionalChain([back, 'optionalCall', _33 => _33()]);
           return { handled: Boolean(back) };
         });
-        _chunkAQVJUXSGcjs.setEmbedHost.call(void 0, next.hello.host);
+        _chunk5P2PVLS4cjs.setEmbedHost.call(void 0, next.hello.host);
         setSession(next);
         setChannelScope(next.channelScope);
         setConfig(sanitizeConfig(next.hello.config));
-        void _chunkHAQOFI3Dcjs.primeRuntimeChains.call(void 0, next.hello.config.backendUrl).then((result) => {
+        void _chunk3OOY67VJcjs.primeRuntimeChains.call(void 0, next.hello.config.backendUrl).then((result) => {
           chains = result;
         });
       } catch (error) {
-        if (live) _optionalChain([onFatalRef, 'access', _32 => _32.current, 'optionalCall', _33 => _33(error)]);
+        if (live) _optionalChain([onFatalRef, 'access', _34 => _34.current, 'optionalCall', _35 => _35(error)]);
       }
     })();
     return () => {
       live = false;
-      _optionalChain([opened, 'optionalAccess', _34 => _34.close, 'call', _35 => _35()]);
-      _chunkAQVJUXSGcjs.setEmbedHost.call(void 0, null);
+      _optionalChain([opened, 'optionalAccess', _36 => _36.close, 'call', _37 => _37()]);
+      _chunk5P2PVLS4cjs.setEmbedHost.call(void 0, null);
     };
   }, [target]);
   const handleUiState = _react.useCallback.call(void 0, 
     (state) => {
       if (isHomeScreen(state.screen)) completedRef.current = false;
       uiRef.current = state;
-      _optionalChain([session, 'optionalAccess', _36 => _36.transport, 'access', _37 => _37.emit, 'call', _38 => _38(
+      if (currentShell() !== shellRef.current) setShellToken((token) => token + 1);
+      _optionalChain([session, 'optionalAccess', _38 => _38.transport, 'access', _39 => _39.emit, 'call', _40 => _40(
         "ui.state",
-        uiStateFor({ ...state, walletRequestPending: walletPending })
+        uiStateFor(
+          { ...state, walletRequestPending: walletPending },
+          measuredHeight()
+        )
       )]);
     },
     [session, walletPending]
@@ -1345,9 +1398,29 @@ function DepositEmbed({ target, onFatal }) {
     if (!session) return;
     session.transport.emit(
       "ui.state",
-      uiStateFor({ ...uiRef.current, walletRequestPending: walletPending })
+      uiStateFor(
+        { ...uiRef.current, walletRequestPending: walletPending },
+        measuredHeight()
+      )
     );
-  }, [session, walletPending]);
+  }, [session, walletPending, measuredHeight]);
+  _react.useEffect.call(void 0, () => {
+    if (!session) return;
+    const shell = currentShell();
+    shellRef.current = shell;
+    if (!shell) return;
+    const stop = observeContentHeight(shell, (height) => {
+      contentHeightRef.current = height;
+      session.transport.emit(
+        "ui.state",
+        uiStateFor(
+          { ...uiRef.current, walletRequestPending: pendingRef.current },
+          height
+        )
+      );
+    });
+    return stop;
+  }, [session, shellToken]);
   const refused = config && session ? refusal(config, session.hello.capabilities, channelScope) : null;
   const walletWithheld = channelScope === "all-frames" || channelScope === "probing";
   const refuseIfUnscoped = _react.useCallback.call(void 0, async () => {
@@ -1358,12 +1431,12 @@ function DepositEmbed({ target, onFatal }) {
   _react.useEffect.call(void 0, () => {
     if (!session || !refused) return;
     session.transport.emit("error", refused);
-  }, [session, _optionalChain([refused, 'optionalAccess', _39 => _39.code]), _optionalChain([refused, 'optionalAccess', _40 => _40.message])]);
+  }, [session, _optionalChain([refused, 'optionalAccess', _41 => _41.code]), _optionalChain([refused, 'optionalAccess', _42 => _42.message])]);
   const onrampHidden = config && session && !refused ? onrampUnavailable(config, session.hello.capabilities) : null;
   _react.useEffect.call(void 0, () => {
     if (!session || !onrampHidden) return;
     session.transport.emit("error", onrampHidden);
-  }, [session, _optionalChain([onrampHidden, 'optionalAccess', _41 => _41.code]), _optionalChain([onrampHidden, 'optionalAccess', _42 => _42.message])]);
+  }, [session, _optionalChain([onrampHidden, 'optionalAccess', _43 => _43.code]), _optionalChain([onrampHidden, 'optionalAccess', _44 => _44.message])]);
   const walletHidden = session && !refused && channelScope === "all-frames" ? {
     code: UNSCOPED_CHANNEL_CODE,
     message: "Wallet funding is hidden: every frame in this app's web view can reach the bridge channel. Scope the injected channel to the main frame."
@@ -1371,7 +1444,7 @@ function DepositEmbed({ target, onFatal }) {
   _react.useEffect.call(void 0, () => {
     if (!session || !walletHidden) return;
     session.transport.emit("error", walletHidden);
-  }, [session, _optionalChain([walletHidden, 'optionalAccess', _43 => _43.code]), _optionalChain([walletHidden, 'optionalAccess', _44 => _44.message])]);
+  }, [session, _optionalChain([walletHidden, 'optionalAccess', _45 => _45.code]), _optionalChain([walletHidden, 'optionalAccess', _46 => _46.message])]);
   if (!session || !config || refused) return null;
   const ready = config;
   const { transport } = session;
@@ -1417,6 +1490,15 @@ function DepositEmbed({ target, onFatal }) {
             })
           };
         },
+        signRecovery: !walletWithheld && session.hello.capabilities.includes(CAPABILITY.SIGN_RECOVERY) ? async ({ chainId, signer, depositId, destination }) => {
+          await refuseIfUnscoped();
+          return await requestHostRecoverySignature(transport, {
+            chainId,
+            signer,
+            depositId,
+            destination
+          });
+        } : void 0,
         onUiState: handleUiState,
         onLifecycle: (event) => {
           if (event.type === "complete") completedRef.current = true;
@@ -1450,10 +1532,19 @@ function DepositEmbed({ target, onFatal }) {
     ) });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkNQMC5VKQcjs.DepositModalInner,
+    _chunkVPDCGD2Dcjs.DepositModalInner,
     {
       ...toModalProps(ready, canOpenExternally, walletWithheld),
       openExternally: canOpenExternally ? openExternally : void 0,
+      signRecovery: !walletWithheld && session.hello.capabilities.includes(CAPABILITY.SIGN_RECOVERY) ? async ({ chainId, signer, depositId, destination }) => {
+        await refuseIfUnscoped();
+        return await requestHostRecoverySignature(transport, {
+          chainId,
+          signer,
+          depositId,
+          destination
+        });
+      } : void 0,
       walletSession: walletWithheld ? void 0 : session.wallet.session,
       walletIntegration: "host_supplied",
       hasWalletClientProp: false,

package/dist/embed.d.cts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { T as TargetChain } from './caip-D8aRWdEY.cjs';
-import { Y as OutputTokenRule, W as FiatMethodsConfig, d as AssetMigrationsConfig, P as DepositModalTheme, Q as DepositModalUIConfig } from './types-DP_3KwlD.cjs';
+import { d as TargetChain } from './caip-BMi-9t09.cjs';
+import { a1 as OutputTokenRule, Y as FiatMethodsConfig, d as AssetMigrationsConfig, R as DepositModalTheme, S as DepositModalUIConfig } from './types-CxiLX5sv.cjs';
 import { WalletClient, PublicClient, Address } from 'viem';
 import { Transaction, Connection } from '@solana/web3.js';
 

package/dist/embed.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { T as TargetChain } from './caip-D8aRWdEY.js';
-import { Y as OutputTokenRule, W as FiatMethodsConfig, d as AssetMigrationsConfig, P as DepositModalTheme, Q as DepositModalUIConfig } from './types-Bho4OA03.js';
+import { d as TargetChain } from './caip-BMi-9t09.js';
+import { a1 as OutputTokenRule, Y as FiatMethodsConfig, d as AssetMigrationsConfig, R as DepositModalTheme, S as DepositModalUIConfig } from './types-CQ0NHqCy.js';
 import { WalletClient, PublicClient, Address } from 'viem';
 import { Transaction, Connection } from '@solana/web3.js';
 

package/dist/embed.mjs

@@ -1,23 +1,21 @@
 import {
   DepositModalInner
-} from "./chunk-5Q5CSVKF.mjs";
+} from "./chunk-IKUYZA7A.mjs";
 import {
   markSubmissionUncertain
-} from "./chunk-XCTRKCNM.mjs";
-import "./chunk-VALXN5IO.mjs";
-import "./chunk-R5UQ3TN4.mjs";
+} from "./chunk-UCBUCX2W.mjs";
 import {
   primeRuntimeChains
-} from "./chunk-UX35GYLM.mjs";
+} from "./chunk-5VONFVQN.mjs";
 import {
   MODAL_VERSION,
   setEmbedHost
-} from "./chunk-LMG46EP2.mjs";
-import "./chunk-RN5VKWI6.mjs";
+} from "./chunk-CXBMIZUF.mjs";
+import "./chunk-FTWKAJGN.mjs";
 import {
-  HYPERCORE_SPOT_CAIP2,
-  getChainName
-} from "./chunk-VUATPOWJ.mjs";
+  getChainName,
+  isTargetChain
+} from "./chunk-EAGMY3QE.mjs";
 
 // src/embed.tsx
 import { Suspense, lazy, useCallback, useEffect, useRef, useState } from "react";
@@ -1035,8 +1033,55 @@ function dismissalFor(input) {
 function canGoBackNow(input) {
   return dismissalFor(input).state !== "blocked";
 }
-function uiStateFor(input) {
-  return { screen: input.screen, dismissal: dismissalFor(input) };
+function uiStateFor(input, contentHeight) {
+  return {
+    screen: input.screen,
+    dismissal: dismissalFor(input),
+    ...contentHeight === void 0 ? {} : { contentHeight }
+  };
+}
+
+// src/core/bridge/content-height.ts
+function measureContentHeight(shell) {
+  const modal = shell.firstElementChild;
+  const last = modal?.lastElementChild;
+  if (!modal || !last) return void 0;
+  const view = modal.ownerDocument.defaultView;
+  const padding = view ? Number.parseFloat(view.getComputedStyle(modal).paddingBottom) : Number.NaN;
+  const height = last.getBoundingClientRect().bottom - modal.getBoundingClientRect().top + (Number.isFinite(padding) ? padding : 0) + // The shell's own borders sit outside the modal and inside the sheet, so
+  // they belong to the height a host is being asked for.
+  (shell.offsetHeight - shell.clientHeight);
+  return height > 0 ? Math.ceil(height) : void 0;
+}
+function observeContentHeight(shell, onChange) {
+  const view = shell.ownerDocument.defaultView;
+  if (!view?.ResizeObserver || !view.MutationObserver) return () => {
+  };
+  let last;
+  const report = () => {
+    const height = measureContentHeight(shell);
+    if (height === void 0 || height === last) return;
+    last = height;
+    onChange(height);
+  };
+  const sizes = new view.ResizeObserver(report);
+  const structure = new view.MutationObserver(() => rearm());
+  function rearm() {
+    sizes.disconnect();
+    structure.disconnect();
+    structure.observe(shell, { childList: true });
+    const modal = shell.firstElementChild;
+    if (modal) {
+      structure.observe(modal, { childList: true });
+      for (const child of Array.from(modal.children)) sizes.observe(child);
+    }
+    report();
+  }
+  rearm();
+  return () => {
+    sizes.disconnect();
+    structure.disconnect();
+  };
 }
 
 // src/core/bridge/viewport.ts
@@ -1066,10 +1111,10 @@ var UNKNOWN_SCREEN = "unknown";
 // src/embed.tsx
 import { jsx } from "react/jsx-runtime";
 var WithdrawModal = lazy(
-  () => import("./WithdrawModal-IKUHF5CF.mjs").then((m) => ({ default: m.WithdrawModal }))
+  () => import("./WithdrawModal-QVXHMH43.mjs").then((m) => ({ default: m.WithdrawModal }))
 );
 var ClaimModal = lazy(
-  () => import("./ClaimModal-GDFENSLV.mjs").then((m) => ({ default: m.ClaimModal }))
+  () => import("./ClaimModal-VQS3AKEL.mjs").then((m) => ({ default: m.ClaimModal }))
 );
 function missingField(config, keys) {
   const missing = keys.find(
@@ -1115,8 +1160,7 @@ function refusal(config, capabilities, channelScope) {
       ]);
       if (missing) return missing;
       const { targetChain } = config;
-      const validTarget = typeof targetChain === "number" && Number.isInteger(targetChain) && targetChain > 0 || targetChain === "solana" || targetChain === HYPERCORE_SPOT_CAIP2;
-      return validTarget ? null : {
+      return isTargetChain(targetChain) ? null : {
         code: "EMBED_CONFIG_INVALID",
         message: `The app supplied a targetChain this page cannot resolve: ${JSON.stringify(targetChain)}.`
       };
@@ -1158,12 +1202,7 @@ function sanitizeConfig(config) {
   const bool = (value) => typeof value === "boolean" ? value : void 0;
   const arr = (value) => Array.isArray(value) ? value : void 0;
   const obj = (value) => typeof value === "object" && value !== null && !Array.isArray(value) ? value : void 0;
-  const target = (value) => {
-    if (typeof value === "number" && Number.isInteger(value) && value > 0) {
-      return value;
-    }
-    return value === "solana" || value === HYPERCORE_SPOT_CAIP2 ? value : void 0;
-  };
+  const target = (value) => isTargetChain(value) ? value : void 0;
   return {
     // Raw, because it is the discriminant `refusal` switches on — anything
     // else has to reach it to be named in the error.
@@ -1253,6 +1292,9 @@ function toModalProps(config, canOpenExternally, walletWithheld) {
     debug: config.debug
   };
 }
+function currentShell() {
+  return document.querySelector(".rs-modal-content.rs-embed");
+}
 function DepositEmbed({ target, onFatal }) {
   const [session, setSession] = useState(null);
   const [config, setConfig] = useState(null);
@@ -1264,8 +1306,15 @@ function DepositEmbed({ target, onFatal }) {
     screen: UNKNOWN_SCREEN,
     submitting: false
   });
+  const contentHeightRef = useRef(void 0);
+  const shellRef = useRef(null);
+  const [shellToken, setShellToken] = useState(0);
   const onFatalRef = useRef(onFatal);
   onFatalRef.current = onFatal;
+  const measuredHeight = useCallback(
+    () => currentShell() === shellRef.current ? contentHeightRef.current : void 0,
+    []
+  );
   useEffect(
     () => trackVisualViewport(target ?? globalThis.window),
     [target]
@@ -1327,9 +1376,13 @@ function DepositEmbed({ target, onFatal }) {
     (state) => {
       if (isHomeScreen(state.screen)) completedRef.current = false;
       uiRef.current = state;
+      if (currentShell() !== shellRef.current) setShellToken((token) => token + 1);
       session?.transport.emit(
         "ui.state",
-        uiStateFor({ ...state, walletRequestPending: walletPending })
+        uiStateFor(
+          { ...state, walletRequestPending: walletPending },
+          measuredHeight()
+        )
       );
     },
     [session, walletPending]
@@ -1345,9 +1398,29 @@ function DepositEmbed({ target, onFatal }) {
     if (!session) return;
     session.transport.emit(
       "ui.state",
-      uiStateFor({ ...uiRef.current, walletRequestPending: walletPending })
+      uiStateFor(
+        { ...uiRef.current, walletRequestPending: walletPending },
+        measuredHeight()
+      )
     );
-  }, [session, walletPending]);
+  }, [session, walletPending, measuredHeight]);
+  useEffect(() => {
+    if (!session) return;
+    const shell = currentShell();
+    shellRef.current = shell;
+    if (!shell) return;
+    const stop = observeContentHeight(shell, (height) => {
+      contentHeightRef.current = height;
+      session.transport.emit(
+        "ui.state",
+        uiStateFor(
+          { ...uiRef.current, walletRequestPending: pendingRef.current },
+          height
+        )
+      );
+    });
+    return stop;
+  }, [session, shellToken]);
   const refused = config && session ? refusal(config, session.hello.capabilities, channelScope) : null;
   const walletWithheld = channelScope === "all-frames" || channelScope === "probing";
   const refuseIfUnscoped = useCallback(async () => {
@@ -1417,6 +1490,15 @@ function DepositEmbed({ target, onFatal }) {
             })
           };
         },
+        signRecovery: !walletWithheld && session.hello.capabilities.includes(CAPABILITY.SIGN_RECOVERY) ? async ({ chainId, signer, depositId, destination }) => {
+          await refuseIfUnscoped();
+          return await requestHostRecoverySignature(transport, {
+            chainId,
+            signer,
+            depositId,
+            destination
+          });
+        } : void 0,
         onUiState: handleUiState,
         onLifecycle: (event) => {
           if (event.type === "complete") completedRef.current = true;
@@ -1454,6 +1536,15 @@ function DepositEmbed({ target, onFatal }) {
     {
       ...toModalProps(ready, canOpenExternally, walletWithheld),
       openExternally: canOpenExternally ? openExternally : void 0,
+      signRecovery: !walletWithheld && session.hello.capabilities.includes(CAPABILITY.SIGN_RECOVERY) ? async ({ chainId, signer, depositId, destination }) => {
+        await refuseIfUnscoped();
+        return await requestHostRecoverySignature(transport, {
+          chainId,
+          signer,
+          depositId,
+          destination
+        });
+      } : void 0,
       walletSession: walletWithheld ? void 0 : session.wallet.session,
       walletIntegration: "host_supplied",
       hasWalletClientProp: false,

package/dist/index.cjs

@@ -1,18 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
-var _chunkA6JPBMYYcjs = require('./chunk-A6JPBMYY.cjs');
+var _chunkDTVZUBHIcjs = require('./chunk-DTVZUBHI.cjs');
 
 
-var _chunkYP7QVKQ6cjs = require('./chunk-YP7QVKQ6.cjs');
+var _chunk6HUHVXCYcjs = require('./chunk-6HUHVXCY.cjs');
 
 
-var _chunkNQMC5VKQcjs = require('./chunk-NQMC5VKQ.cjs');
-require('./chunk-4J5ADVIN.cjs');
-require('./chunk-7AZFT2MV.cjs');
-require('./chunk-62UCV2LG.cjs');
-require('./chunk-HAQOFI3D.cjs');
-require('./chunk-AQVJUXSG.cjs');
-require('./chunk-DW2EQA2U.cjs');
+var _chunkVPDCGD2Dcjs = require('./chunk-VPDCGD2D.cjs');
+require('./chunk-X4D52IZK.cjs');
+require('./chunk-3OOY67VJ.cjs');
+require('./chunk-5P2PVLS4.cjs');
+require('./chunk-LVCD6RHF.cjs');
 
 
 
@@ -42,7 +40,9 @@ require('./chunk-DW2EQA2U.cjs');
 
 
 
-var _chunk4KCSH4T3cjs = require('./chunk-4KCSH4T3.cjs');
+
+
+var _chunkOY5N3E6Lcjs = require('./chunk-OY5N3E6L.cjs');
 
 // src/core/reown-disconnect.ts
 async function disconnectWallet() {
@@ -96,4 +96,6 @@ async function disconnectWallet() {
 
 
 
-exports.ClaimModal = _chunkYP7QVKQ6cjs.ClaimModal; exports.DepositModal = _chunkNQMC5VKQcjs.DepositModal; exports.HYPERCORE_CHAIN_ID = _chunk4KCSH4T3cjs.HYPERCORE_CHAIN_ID; exports.HYPERCORE_SPOT_CAIP2 = _chunk4KCSH4T3cjs.HYPERCORE_SPOT_CAIP2; exports.HYPERCORE_USDC_ADDRESS = _chunk4KCSH4T3cjs.HYPERCORE_USDC_ADDRESS; exports.HYPERCORE_USDT0_ADDRESS = _chunk4KCSH4T3cjs.HYPERCORE_USDT0_ADDRESS; exports.NATIVE_TOKEN_ADDRESS = _chunk4KCSH4T3cjs.NATIVE_TOKEN_ADDRESS; exports.SUPPORTED_CHAIN_IDS = _chunk4KCSH4T3cjs.SUPPORTED_CHAIN_IDS; exports.WithdrawModal = _chunkA6JPBMYYcjs.WithdrawModal; exports.chainRegistry = _chunk4KCSH4T3cjs.chainRegistry; exports.disconnectWallet = disconnectWallet; exports.findChainIdForToken = _chunk4KCSH4T3cjs.findChainIdForToken; exports.getChainBadge = _chunk4KCSH4T3cjs.getChainBadge; exports.getChainIcon = _chunk4KCSH4T3cjs.getChainIcon; exports.getChainId = _chunk4KCSH4T3cjs.getChainId; exports.getChainName = _chunk4KCSH4T3cjs.getChainName; exports.getExplorerName = _chunk4KCSH4T3cjs.getExplorerName; exports.getExplorerTxUrl = _chunk4KCSH4T3cjs.getExplorerTxUrl; exports.getExplorerUrl = _chunk4KCSH4T3cjs.getExplorerUrl; exports.getSupportedChainIds = _chunk4KCSH4T3cjs.getSupportedChainIds; exports.getSupportedTargetTokens = _chunk4KCSH4T3cjs.getSupportedTargetTokens; exports.getSupportedTokenSymbolsForChain = _chunk4KCSH4T3cjs.getSupportedTokenSymbolsForChain; exports.getTargetTokenSymbolsForChain = _chunk4KCSH4T3cjs.getTargetTokenSymbolsForChain; exports.getTokenAddress = _chunk4KCSH4T3cjs.getTokenAddress; exports.getTokenDecimals = _chunk4KCSH4T3cjs.getTokenDecimals; exports.getTokenDecimalsByAddress = _chunk4KCSH4T3cjs.getTokenDecimalsByAddress; exports.getTokenIcon = _chunk4KCSH4T3cjs.getTokenIcon; exports.getTokenSymbol = _chunk4KCSH4T3cjs.getTokenSymbol; exports.getUsdcAddress = _chunk4KCSH4T3cjs.getUsdcAddress; exports.getUsdcDecimals = _chunk4KCSH4T3cjs.getUsdcDecimals; exports.isSupportedTokenAddressForChain = _chunk4KCSH4T3cjs.isSupportedTokenAddressForChain; exports.tokenIconUrl = _chunk4KCSH4T3cjs.tokenIconUrl;
+
+
+exports.ClaimModal = _chunk6HUHVXCYcjs.ClaimModal; exports.DepositModal = _chunkVPDCGD2Dcjs.DepositModal; exports.HYPERCORE_CHAIN_ID = _chunkOY5N3E6Lcjs.HYPERCORE_CHAIN_ID; exports.HYPERCORE_SPOT_CAIP2 = _chunkOY5N3E6Lcjs.HYPERCORE_SPOT_CAIP2; exports.HYPERCORE_USDC_ADDRESS = _chunkOY5N3E6Lcjs.HYPERCORE_USDC_ADDRESS; exports.HYPERCORE_USDT0_ADDRESS = _chunkOY5N3E6Lcjs.HYPERCORE_USDT0_ADDRESS; exports.NATIVE_TOKEN_ADDRESS = _chunkOY5N3E6Lcjs.NATIVE_TOKEN_ADDRESS; exports.STELLAR_PUBNET_CAIP2 = _chunkOY5N3E6Lcjs.STELLAR_PUBNET_CAIP2; exports.SUPPORTED_CHAIN_IDS = _chunkOY5N3E6Lcjs.SUPPORTED_CHAIN_IDS; exports.TRON_MAINNET_CAIP2 = _chunkOY5N3E6Lcjs.TRON_MAINNET_CAIP2; exports.WithdrawModal = _chunkDTVZUBHIcjs.WithdrawModal; exports.chainRegistry = _chunkOY5N3E6Lcjs.chainRegistry; exports.disconnectWallet = disconnectWallet; exports.findChainIdForToken = _chunkOY5N3E6Lcjs.findChainIdForToken; exports.getChainBadge = _chunkOY5N3E6Lcjs.getChainBadge; exports.getChainIcon = _chunkOY5N3E6Lcjs.getChainIcon; exports.getChainId = _chunkOY5N3E6Lcjs.getChainId; exports.getChainName = _chunkOY5N3E6Lcjs.getChainName; exports.getExplorerName = _chunkOY5N3E6Lcjs.getExplorerName; exports.getExplorerTxUrl = _chunkOY5N3E6Lcjs.getExplorerTxUrl; exports.getExplorerUrl = _chunkOY5N3E6Lcjs.getExplorerUrl; exports.getSupportedChainIds = _chunkOY5N3E6Lcjs.getSupportedChainIds; exports.getSupportedTargetTokens = _chunkOY5N3E6Lcjs.getSupportedTargetTokens; exports.getSupportedTokenSymbolsForChain = _chunkOY5N3E6Lcjs.getSupportedTokenSymbolsForChain; exports.getTargetTokenSymbolsForChain = _chunkOY5N3E6Lcjs.getTargetTokenSymbolsForChain; exports.getTokenAddress = _chunkOY5N3E6Lcjs.getTokenAddress; exports.getTokenDecimals = _chunkOY5N3E6Lcjs.getTokenDecimals; exports.getTokenDecimalsByAddress = _chunkOY5N3E6Lcjs.getTokenDecimalsByAddress; exports.getTokenIcon = _chunkOY5N3E6Lcjs.getTokenIcon; exports.getTokenSymbol = _chunkOY5N3E6Lcjs.getTokenSymbol; exports.getUsdcAddress = _chunkOY5N3E6Lcjs.getUsdcAddress; exports.getUsdcDecimals = _chunkOY5N3E6Lcjs.getUsdcDecimals; exports.isSupportedTokenAddressForChain = _chunkOY5N3E6Lcjs.isSupportedTokenAddressForChain; exports.tokenIconUrl = _chunkOY5N3E6Lcjs.tokenIconUrl;