@manifoldxyz/dropkit 0.4.0 → 0.4.1

package/dist/index.d.cts

@@ -112,6 +112,6 @@ type MintButtonProps = UseMintOptions & {
 };
 declare function MintButton(props: MintButtonProps): ReactNode;
 
-declare const VERSION = "0.4.0";
+declare const VERSION = "0.4.1";
 
 export { type CrossChainInfo, CrossChainOption, DropInfo, MintButton, type MintButtonProps, MintConfig, MintEvent, MintResult, type MintState, MintStateName, Money, type PayOption, PayWithPicker, type PayWithPickerProps, ReasonCode, Route, RpcUrls, type UseMintOptions, VERSION, WalletInfo, useMint, usePayOptions };

package/dist/index.d.ts

@@ -112,6 +112,6 @@ type MintButtonProps = UseMintOptions & {
 };
 declare function MintButton(props: MintButtonProps): ReactNode;
 
-declare const VERSION = "0.4.0";
+declare const VERSION = "0.4.1";
 
 export { type CrossChainInfo, CrossChainOption, DropInfo, MintButton, type MintButtonProps, MintConfig, MintEvent, MintResult, type MintState, MintStateName, Money, type PayOption, PayWithPicker, type PayWithPickerProps, ReasonCode, Route, RpcUrls, type UseMintOptions, VERSION, WalletInfo, useMint, usePayOptions };

package/dist/index.js

@@ -20,6 +20,7 @@ import {
   manifoldClaimAdapter,
   openConnectModal,
   parseMintReceipt,
+  recordClaimMint,
   reducer,
   selectMaxQuantity,
   selectTotal,
@@ -27,7 +28,7 @@ import {
   switchToChain,
   toReason,
   waitForDeposit
-} from "./chunk-SUJQB3SL.js";
+} from "./chunk-MXKJAZDW.js";
 
 // src/react/useMint.ts
 import { useCallback, useEffect, useReducer, useRef, useState } from "react";
@@ -599,6 +600,10 @@ function seconds(v, field) {
   if (v > BigInt(Number.MAX_SAFE_INTEGER)) throw new MintError("INVALID_CONFIG", `${field} is too large for a unix timestamp`, { field });
   return Number(v);
 }
+function priceFor(drop, phase) {
+  const presalePrice = phase === DROP_PHASE.PRESALE || phase === DROP_PHASE.NOT_STARTED && drop.presaleDuration > 0n;
+  return { presalePrice, unitPrice: presalePrice ? drop.presaleCost : drop.publicCost };
+}
 async function readDrop(ctx, config) {
   validateTlStacksConfig(config);
   throwIfAborted(ctx);
@@ -616,9 +621,7 @@ async function readDrop(ctx, config) {
   if (drop.currencyAddress !== zeroAddress2) {
     bad("nftContract", `is sold for an ERC-20 (${drop.currencyAddress}). Dropkit supports drops priced in the native token only.`);
   }
-  const hasPresale = drop.presaleDuration > 0n;
-  const presalePrice = phase === DROP_PHASE.PRESALE || phase === DROP_PHASE.NOT_STARTED && hasPresale;
-  const unitPrice = presalePrice ? drop.presaleCost : drop.publicCost;
+  const { presalePrice, unitPrice } = priceFor(drop, phase);
   const startTime = seconds(drop.startTime, "startTime");
   const presaleEnd = seconds(drop.startTime + drop.presaleDuration, "presaleDuration");
   const soldOut = drop.supply === 0n;
@@ -815,6 +818,20 @@ function decodeTlRevert(e) {
 }
 async function simulate(ctx, attempt, plan) {
   throwIfAborted(ctx);
+  const { config } = attempt;
+  const nft = getAddress3(config.nftContract);
+  const [drop, phaseRaw, fee] = await Promise.all([
+    readStacks(ctx, config, "getDrop", [nft]),
+    readStacks(ctx, config, "getDropPhase", [nft]),
+    readStacks(ctx, config, "protocolFee")
+  ]);
+  if (drop.currencyAddress !== zeroAddress2) {
+    throw new MintError("SIMULATION_REVERTED", "This drop is now sold for a token instead of the native currency, so it cannot be minted here. Reload the page.", { domain: "tl-stacks" });
+  }
+  const current = BigInt(attempt.quantity) * (priceFor(drop, Number(phaseRaw)).unitPrice + fee);
+  if (current !== plan.mint.value) {
+    throw new MintError("SIMULATION_REVERTED", TL_MESSAGES.InsufficientFunds, { domain: "tl-stacks" });
+  }
   try {
     await io(ctx, () => ctx.client.call({ account: attempt.payer, to: plan.mint.to, data: plan.mint.data, value: plan.mint.value }));
   } catch (e) {
@@ -1395,6 +1412,8 @@ var contractAdapter = { readDrop: readDrop2, readWallet: readWallet2, buildPlan:
 // src/react/useMint.ts
 var REFRESH_MS = 3e4;
 var TICK_MS = 1e3;
+var BOUNDARY_RETRY_MS = 3e3;
+var BOUNDARY_RETRY_MAX = 10;
 var ASYNC_STATES = ["loading", "connecting", "switching-chain", "approving", "minting", "confirming"];
 function isAsyncState(name) {
   return ASYNC_STATES.includes(name);
@@ -1496,6 +1515,7 @@ function useMint(options) {
   const accountKeyRef = useRef(null);
   const connectingRef = useRef(false);
   const pendingRefreshRef = useRef(false);
+  const boundaryRetryRef = useRef(null);
   const pendingQuantityRef = useRef(null);
   const widgetFailRef = useRef(null);
   const widgetLoadRef = useRef(null);
@@ -1707,6 +1727,7 @@ function useMint(options) {
       assertPayer();
       dispatch({ type: "MINT_PROMPTED", attemptId: attempt.attemptId });
       const hash = await submit(plan.mint);
+      if (cfg.type === "manifold-claim") void recordClaimMint({ instanceId: cfg.instanceId, hash });
       assertActive();
       dispatch({ type: "TX_SUBMITTED", attemptId: attempt.attemptId });
       emit("tx-submitted", { state: "confirming", reason: null, txHash: hash, quantity: attempt.quantity, chainId: attempt.chainId });
@@ -1753,6 +1774,7 @@ function useMint(options) {
         throw new MintError("BRIDGE_FAILED", `Relay could not complete the mint paid on ${where}${why}.${noRefund}`);
       }
       const fillHash = status.txHashes[0] ?? null;
+      if (fillHash && cfg.type === "manifold-claim") void recordClaimMint({ instanceId: cfg.instanceId, hash: fillHash });
       let tokens = [];
       if (fillHash) {
         try {
@@ -1967,6 +1989,8 @@ function useMint(options) {
     mounted.current = true;
     return () => {
       mounted.current = false;
+      if (boundaryRetryRef.current) clearTimeout(boundaryRetryRef.current);
+      boundaryRetryRef.current = null;
       lifeRef.current?.controller.abort();
       lifeRef.current = null;
     };
@@ -2168,6 +2192,22 @@ function useMint(options) {
       document.removeEventListener("visibilitychange", onVisible);
     };
   }, [refreshNow]);
+  const retryWhileStale = useCallback(
+    (staleKey, life) => {
+      if (staleKey === void 0) return;
+      const step = (tries) => {
+        if (tries >= BOUNDARY_RETRY_MAX || !mounted.current || lifeRef.current !== life || stateRef.current.drop?.walletKey !== staleKey) return;
+        if (boundaryRetryRef.current) clearTimeout(boundaryRetryRef.current);
+        boundaryRetryRef.current = setTimeout(() => {
+          boundaryRetryRef.current = null;
+          if (!mounted.current || lifeRef.current !== life) return;
+          void refreshNow().then(() => step(tries + 1));
+        }, BOUNDARY_RETRY_MS);
+      };
+      step(0);
+    },
+    [refreshNow]
+  );
   const boundary = machine.drop ? [machine.drop.startTime, machine.drop.endTime, machine.drop.phaseEndsAt ?? null].some((t) => t !== null && t > machine.now) : false;
   useEffect(() => {
     if (!boundary) return;
@@ -2176,10 +2216,13 @@ function useMint(options) {
       const now = nowSec();
       const crossed = s.drop && [s.drop.startTime, s.drop.endTime, s.drop.phaseEndsAt ?? null].some((t) => t !== null && t > s.now && t <= now);
       dispatch({ type: "TICK", now });
-      if (crossed) void refreshNow();
+      if (crossed) {
+        const life = lifeRef.current;
+        void refreshNow().then(() => life && retryWhileStale(s.drop?.walletKey, life));
+      }
     }, TICK_MS);
     return () => clearInterval(timer);
-  }, [boundary, dispatch, refreshNow]);
+  }, [boundary, dispatch, refreshNow, retryWhileStale]);
   const prevName = useRef(null);
   useEffect(() => {
     const name = widgetFail ? isUnsupported(widgetFail.reason) ? "unsupported" : "error" : machine.name;
@@ -2433,7 +2476,7 @@ function MintButton(props) {
 }
 
 // src/index.ts
-var VERSION = "0.4.0";
+var VERSION = "0.4.1";
 export {
   CLICKABLE_STATES,
   MAX_QUANTITY,