@rhinestone/deposit-modal 0.12.2 → 0.13.0

package/dist/chunk-FZ5FZFIG.mjs

@@ -0,0 +1,31 @@
+// src/core/version.ts
+var MODAL_VERSION = "0.13.0";
+var SERVICE_HEADERS = {
+  "Content-Type": "application/json",
+  "x-deposit-modal-version": MODAL_VERSION
+};
+var embedHostSuffix = "";
+function setEmbedHost(host) {
+  if (!host) {
+    embedHostSuffix = "";
+    return;
+  }
+  const clean = (value, max) => (value ?? "").replace(/[^A-Za-z0-9._-]/g, "").slice(0, max);
+  const platform = clean(host.platform, 16) || "unknown";
+  const app = clean(host.app, 32);
+  const version = clean(host.version, 24);
+  const named = app ? version ? `${app}/${version}` : app : "";
+  embedHostSuffix = named ? ` (${platform}; ${named})` : ` (${platform})`;
+}
+function serviceHeaders() {
+  return {
+    ...SERVICE_HEADERS,
+    "x-deposit-modal-version": `${MODAL_VERSION}${embedHostSuffix}`
+  };
+}
+
+export {
+  MODAL_VERSION,
+  setEmbedHost,
+  serviceHeaders
+};

package/dist/chunk-GACIGCSN.cjs

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/core/version.ts
+var MODAL_VERSION = "0.13.0";
+var SERVICE_HEADERS = {
+  "Content-Type": "application/json",
+  "x-deposit-modal-version": MODAL_VERSION
+};
+var embedHostSuffix = "";
+function setEmbedHost(host) {
+  if (!host) {
+    embedHostSuffix = "";
+    return;
+  }
+  const clean = (value, max) => (_nullishCoalesce(value, () => ( ""))).replace(/[^A-Za-z0-9._-]/g, "").slice(0, max);
+  const platform = clean(host.platform, 16) || "unknown";
+  const app = clean(host.app, 32);
+  const version = clean(host.version, 24);
+  const named = app ? version ? `${app}/${version}` : app : "";
+  embedHostSuffix = named ? ` (${platform}; ${named})` : ` (${platform})`;
+}
+function serviceHeaders() {
+  return {
+    ...SERVICE_HEADERS,
+    "x-deposit-modal-version": `${MODAL_VERSION}${embedHostSuffix}`
+  };
+}
+
+
+
+
+
+exports.MODAL_VERSION = MODAL_VERSION; exports.setEmbedHost = setEmbedHost; exports.serviceHeaders = serviceHeaders;

package/dist/{chunk-HL5NUKZW.cjs → chunk-HOGZKHHY.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunkBRYNGLDMcjs = require('./chunk-BRYNGLDM.cjs');
+var _chunkZMT4ATHRcjs = require('./chunk-ZMT4ATHR.cjs');
 
 // src/components/ui/ListRow.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -19,7 +19,7 @@ function ListRow({
   ...props
 }) {
   const inner = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    leadingMedia ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-list-row-leading rs-list-row-leading--media", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBRYNGLDMcjs.CdnIcon, { src: leadingMedia }) }) : leading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-list-row-leading", children: leading }) : null,
+    leadingMedia ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-list-row-leading rs-list-row-leading--media", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZMT4ATHRcjs.CdnIcon, { src: leadingMedia }) }) : leading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-list-row-leading", children: leading }) : null,
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-list-row-body", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-list-row-text", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-list-row-title", children: title }),
@@ -39,7 +39,7 @@ function ListRow({
         }
       ) : meta && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-list-row-meta", children: meta })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-list-row-chevron", children: _nullishCoalesce(trailing, () => ( (disabled ? null : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBRYNGLDMcjs.ChevronRightIcon, {})))) })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-list-row-chevron", children: _nullishCoalesce(trailing, () => ( (disabled ? null : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZMT4ATHRcjs.ChevronRightIcon, {})))) })
   ] });
   if (action) {
     const handleKey = (e) => {

package/dist/{chunk-FLVLYO64.mjs → chunk-LTMMETAB.mjs}

@@ -1,9 +1,10 @@
 import {
   ProcessingStep,
   deriveAccountSalt,
+  isSubmissionUncertain,
   useTokenPrices,
   warnRemovedProps
-} from "./chunk-J46WDSRD.mjs";
+} from "./chunk-COCBCQQC.mjs";
 import {
   BodyHeader,
   Button,
@@ -29,15 +30,15 @@ import {
   formatTokenAmount,
   formatUserError,
   getAssetId,
-  getPublicClient,
   isNativeAsset,
   isRecognizedToken,
   useDestinationChains,
   useLatestRef,
+  useReadClient,
   useRpcUrls,
   useStableRpcUrls,
   useTargetTokens
-} from "./chunk-FXXUIK4E.mjs";
+} from "./chunk-EOMT5LKX.mjs";
 import {
   NATIVE_TOKEN_ADDRESS,
   getChainIcon,
@@ -46,7 +47,7 @@ import {
   getTokenDecimalsByAddress,
   getTokenSymbol,
   targetChainToCaip2
-} from "./chunk-3STTWRAN.mjs";
+} from "./chunk-VUATPOWJ.mjs";
 
 // src/WithdrawModal.tsx
 import { useCallback as useCallback3, useEffect as useEffect3, useMemo as useMemo3, useRef as useRef3, useState as useState4 } from "react";
@@ -660,6 +661,7 @@ function WithdrawReviewStep({
     prices
   }) ?? // No price for the target token — an honest dash beats a wrong number.
   "\u2014";
+  const [submissionUncertain, setSubmissionUncertain] = useState2(false);
   const handleConfirm = async () => {
     setError(null);
     setIsSubmitting(true);
@@ -667,14 +669,16 @@ function WithdrawReviewStep({
       await onConfirm();
     } catch (err) {
       const raw = err instanceof Error ? err.message : "Withdraw failed";
-      const message = formatUserError(raw);
+      const uncertain = isSubmissionUncertain(err);
+      const message = uncertain ? "Withdrawal status is uncertain. Check your activity before trying again." : formatUserError(raw);
+      if (uncertain) setSubmissionUncertain(true);
       setError(message);
       onError?.(message, "WITHDRAW_REVIEW_ERROR", raw);
     } finally {
       setIsSubmitting(false);
     }
   };
-  const disabled = isSubmitting || registrationPending || Boolean(registrationError);
+  const disabled = isSubmitting || submissionUncertain || registrationPending || Boolean(registrationError);
   return /* @__PURE__ */ jsxs2("div", { className: "rs-screen", children: [
     /* @__PURE__ */ jsxs2("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
       /* @__PURE__ */ jsx2(
@@ -817,10 +821,7 @@ function WithdrawFlow({
   const registration = useWithdrawStore((s) => s.registration);
   const flowStep = useWithdrawStore((s) => s.step);
   const reviewedRecipient = useWithdrawStore((s) => s.recipient);
-  const publicClient = useMemo2(
-    () => getPublicClient(sourceChain, rpcUrls),
-    [sourceChain, rpcUrls]
-  );
+  const publicClient = useReadClient(sourceChain, rpcUrls);
   const recipientForRegistration = useMemo2(() => {
     if (!recipientInput) return void 0;
     return ADDR_REGEX.test(recipientInput) ? recipientInput : void 0;
@@ -932,7 +933,8 @@ function WithdrawFlow({
   }, [storeApi]);
   useEffect2(() => {
     onStepChangeRef.current?.(
-      flowStep === "review" ? reviewBackHandler : void 0
+      flowStep === "review" ? reviewBackHandler : void 0,
+      flowStep
     );
   }, [flowStep, reviewBackHandler, onStepChangeRef]);
   const lastStepOpenEventKeyRef = useRef2(null);
@@ -1284,6 +1286,9 @@ function WithdrawModal({
   // Every prop 0.9.0 removed lands here, since none of them is named above.
   // `uiConfig` is destructured, so its removed nested key isn't scanned — that
   // one only ever applied to the deposit flow.
+  // Before the rest element, or it lands in `removedProps` and gets warned
+  // about as a prop 0.9.0 removed.
+  onUiState,
   ...removedProps
 }) {
   warnRemovedProps("WithdrawModal", removedProps);
@@ -1293,6 +1298,8 @@ function WithdrawModal({
   const [backHandler, setBackHandler] = useState4(
     void 0
   );
+  const [screen, setScreen] = useState4("form");
+  const onUiStateRef = useLatestRef(onUiState);
   const targetChain = getChainId(targetChainProp ?? sourceChainProp);
   const sourceChain = getChainId(sourceChainProp);
   const rpcUrls = useStableRpcUrls(rpcUrlsProp);
@@ -1311,9 +1318,8 @@ function WithdrawModal({
     }
   }, [isOpen, onSendTransaction, onErrorRef]);
   useEffect3(() => {
-    if (isOpen && modalRef.current) {
-      applyTheme(modalRef.current, theme);
-    }
+    if (!isOpen || !modalRef.current) return;
+    return applyTheme(modalRef.current, theme);
   }, [isOpen, theme]);
   useEffect3(() => {
     if (isOpen) {
@@ -1325,9 +1331,17 @@ function WithdrawModal({
       store.dispatch({ type: "modal/reset" });
     }
   }, [isOpen, store]);
-  const handleStepChange = useCallback3((onBack) => {
+  const handleStepChange = useCallback3((onBack, next) => {
     setBackHandler(() => onBack);
+    if (next) setScreen(next);
   }, []);
+  useEffect3(() => {
+    onUiStateRef.current?.({
+      screen,
+      back: backHandler,
+      submitting: false
+    });
+  }, [screen, backHandler, onUiStateRef]);
   const showBackButton = uiConfig?.showBackButton ?? true;
   const canGoBack = backHandler !== void 0;
   return /* @__PURE__ */ jsx4(RpcUrlsProvider, { value: rpcUrls, children: /* @__PURE__ */ jsx4(ChainCatalogProvider, { service, rpcUrls, children: /* @__PURE__ */ jsx4(WithdrawStoreProvider, { store, children: /* @__PURE__ */ jsx4(

package/dist/{chunk-2TPSF77V.mjs → chunk-OLCD75JK.mjs}

@@ -1,6 +1,10 @@
+import {
+  RecoveryError,
+  submitSignedRecovery
+} from "./chunk-YREVFB64.mjs";
 import {
   ListRow
-} from "./chunk-JE4R5VA3.mjs";
+} from "./chunk-XYJFEN5D.mjs";
 import {
   AlertTriangleIcon,
   BodyHeader,
@@ -21,24 +25,19 @@ import {
   applyTheme,
   checkBackendUrl,
   createDepositService,
-  debugError,
-  debugLog,
   formatTokenAmount,
   formatUserError,
   useExplorerTxUrl,
   useLatestRef,
   useStableRpcUrls
-} from "./chunk-FXXUIK4E.mjs";
-import {
-  SERVICE_HEADERS
-} from "./chunk-IAGFDSNC.mjs";
+} from "./chunk-EOMT5LKX.mjs";
 import {
   getChainIcon,
   getChainName,
   getTokenDecimalsByAddress,
   getTokenSymbol,
   tokenIconUrl
-} from "./chunk-3STTWRAN.mjs";
+} from "./chunk-VUATPOWJ.mjs";
 
 // src/ClaimModal.tsx
 import {
@@ -76,142 +75,6 @@ var Input = forwardRef(
 );
 Input.displayName = "Input";
 
-// src/core/recovery.ts
-var RECOVER_DOMAIN = {
-  name: "Rhinestone Deposit Recovery",
-  version: "1"
-};
-var RECOVER_TYPES = {
-  RecoverDeposit: [
-    { name: "depositId", type: "uint256" },
-    { name: "destination", type: "address" }
-  ]
-};
-var RecoveryError = class extends Error {
-  constructor(message, status, code, retryable = false) {
-    super(message);
-    this.name = "RecoveryError";
-    this.status = status;
-    this.code = code;
-    this.retryable = retryable;
-  }
-};
-function formatRecoveryError(status, code, serverMessage) {
-  switch (code) {
-    case "DEPOSIT_NOT_RECOVERABLE":
-      return {
-        message: "This deposit can't be recovered \u2014 it may already have been claimed.",
-        retryable: false
-      };
-    case "RECOVERY_UNSUPPORTED":
-      return {
-        message: "This deposit can't be recovered automatically. Contact support to get your funds back.",
-        retryable: false
-      };
-    case "SIGNATURE_INVALID":
-      return {
-        message: "That signature wasn't accepted for this wallet. Contact support to recover this deposit.",
-        retryable: false
-      };
-    case "VERIFICATION_UNAVAILABLE":
-      return {
-        message: "Couldn't verify your signature just now. Try again shortly.",
-        retryable: true
-      };
-    case "REFUND_RECONCILIATION_REQUIRED":
-      return {
-        message: "Your recovery is being reviewed. Contact support with this deposit if it doesn't arrive.",
-        retryable: false
-      };
-    case "REFUND_FAILED":
-      return {
-        message: serverMessage ?? "The recovery couldn't be completed. Please try again or contact support.",
-        retryable: true
-      };
-    default:
-      if (status === 0) {
-        return {
-          message: "Couldn't reach the recovery service. Check your connection and try again.",
-          retryable: true
-        };
-      }
-      return {
-        message: serverMessage ?? "The recovery couldn't be completed. Please try again or contact support.",
-        retryable: true
-      };
-  }
-}
-async function submitSignedRecovery(params) {
-  const { backendUrl, depositId, signer, destination, signRecovery, debug } = params;
-  const scope = "service:recovery";
-  const typedData = {
-    domain: RECOVER_DOMAIN,
-    types: RECOVER_TYPES,
-    primaryType: "RecoverDeposit",
-    message: { depositId: BigInt(depositId), destination }
-  };
-  let signature;
-  try {
-    signature = await signRecovery({ typedData, signer, depositId, destination });
-  } catch (error) {
-    debugError(debug, scope, "signRecovery:failed", error);
-    throw new RecoveryError(
-      "Signature request was declined. Approve it in your wallet to recover this deposit.",
-      0,
-      void 0,
-      true
-    );
-  }
-  if (!signature) {
-    throw new RecoveryError(
-      "Signature request was declined. Approve it in your wallet to recover this deposit.",
-      0,
-      void 0,
-      true
-    );
-  }
-  const url = `${backendUrl.replace(/\/$/, "")}/deposits/recover`;
-  debugLog(debug, scope, "submitSignedRecovery:request", {
-    url,
-    depositId,
-    signer
-  });
-  let response;
-  try {
-    response = await fetch(url, {
-      method: "POST",
-      // The shared const, so recovery carries `x-deposit-modal-version` like
-      // every other backend call. Without it this path would be invisible in the
-      // per-client version telemetry the processor records.
-      headers: SERVICE_HEADERS,
-      // `depositId` as a string: it is a uint256 upstream and JSON numbers lose
-      // precision well before that range.
-      body: JSON.stringify({ depositId, destination, signature })
-    });
-  } catch (error) {
-    debugError(debug, scope, "submitSignedRecovery:network", error);
-    const { message, retryable } = formatRecoveryError(0);
-    throw new RecoveryError(message, 0, void 0, retryable);
-  }
-  if (!response.ok) {
-    const body = await response.json().catch(() => ({}));
-    debugError(debug, scope, "submitSignedRecovery:failed", body, {
-      status: response.status
-    });
-    const { message, retryable } = formatRecoveryError(
-      response.status,
-      body.code,
-      body.error
-    );
-    throw new RecoveryError(message, response.status, body.code, retryable);
-  }
-  const result = await response.json();
-  debugLog(debug, scope, "submitSignedRecovery:success", {
-    transactionHash: result.transactionHash
-  });
-  return result;
-}
-
 // src/ClaimModal.tsx
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function evmChainIdFromCaip2(chain) {
@@ -323,7 +186,8 @@ function ClaimModal({
   onLifecycle,
   onEvent,
   onError,
-  debug
+  debug,
+  onUiState
 }) {
   checkBackendUrl("ClaimModal", backendUrl);
   const modalRef = useRef(null);
@@ -341,7 +205,8 @@ function ClaimModal({
   const isOpenRef = useRef(isOpen);
   isOpenRef.current = isOpen;
   useEffect(() => {
-    if (isOpen && modalRef.current) applyTheme(modalRef.current, theme);
+    if (!isOpen || !modalRef.current) return;
+    return applyTheme(modalRef.current, theme);
   }, [isOpen, theme]);
   useEffect(() => {
     if (isOpen) {
@@ -362,6 +227,14 @@ function ClaimModal({
     }
   }, [state.step, onClose]);
   const canGoBack = state.step === "select" || state.step === "review" || state.step === "failed";
+  const onUiStateRef = useLatestRef(onUiState);
+  useEffect(() => {
+    onUiStateRef.current?.({
+      screen: state.step,
+      back: canGoBack ? () => dispatch({ type: "back" }) : void 0,
+      submitting: state.step === "processing"
+    });
+  }, [state.step, canGoBack, onUiStateRef]);
   const showBackButton = uiConfig?.showBackButton ?? true;
   return /* @__PURE__ */ jsx2(RpcUrlsProvider, { value: rpcUrls, children: /* @__PURE__ */ jsx2(ChainCatalogProvider, { service, rpcUrls, children: /* @__PURE__ */ jsx2(
     Modal,
@@ -516,6 +389,7 @@ function ClaimBody({
     try {
       const result = await submitSignedRecovery({
         backendUrl,
+        chainId: sourceChainId,
         depositId: deposit.id,
         signer,
         destination,