@b3dotfun/sdk 0.0.7-alpha.21 → 0.0.7-alpha.23

package/dist/cjs/anyspend/react/components/AnyspendSignatureMint.d.ts

@@ -4,5 +4,5 @@ export declare function AnyspendSignatureMint({ loadOrder, mode, signatureData,
     mode?: "modal" | "page";
     signatureData: GenerateSigMintResponse;
     imageUrl?: string;
-    onSuccess?: () => void;
+    onSuccess?: (txHash?: string) => void;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/anyspend/react/components/AnyspendSignatureMint.js

@@ -63,7 +63,7 @@ function AnyspendSignatureMint({ loadOrder, mode = "modal", signatureData, image
     }, [tokenData, signatureData.collection.chainId]);
     const mediaUrl = imageUrl || signatureData.payload.metadata.image || "https://cdn.b3.fun/nft-placeholder.png";
     const isVideo = isVideoURL(mediaUrl);
-    const header = () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "relative mx-auto size-32", children: isVideo ? ((0, jsx_runtime_1.jsxs)("video", { autoPlay: true, loop: true, muted: true, playsInline: true, className: "size-full rounded-lg object-cover", children: [(0, jsx_runtime_1.jsx)("source", { src: mediaUrl, type: `video/${mediaUrl.split(".").pop()}` }), "Your browser does not support the video tag."] })) : ((0, jsx_runtime_1.jsx)("img", { alt: "nft preview", className: "size-full rounded-lg object-cover", src: mediaUrl })) }), (0, jsx_runtime_1.jsxs)("div", { className: "from-b3-react-background to-as-on-surface-1 mt-[-60px] w-full rounded-t-lg bg-gradient-to-t", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-[60px] w-full" }), (0, jsx_runtime_1.jsx)("div", { className: "mb-1 flex w-full flex-col items-center gap-2 p-5", children: (0, jsx_runtime_1.jsxs)("span", { className: "font-sf-rounded text-2xl font-semibold", children: [signatureData.payload.metadata.name || "Mint NFT", " ", Number(signatureData.payload.quantity) > 1 ? `(${signatureData.payload.quantity}x)` : ""] }) })] })] }));
+    const header = () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "relative mx-auto size-32", children: isVideo ? ((0, jsx_runtime_1.jsxs)("video", { autoPlay: true, loop: true, muted: true, playsInline: true, className: "size-full rounded-lg object-cover", children: [(0, jsx_runtime_1.jsx)("source", { src: mediaUrl, type: `video/${mediaUrl.split(".").pop()}` }), "Your browser does not support the video tag."] })) : ((0, jsx_runtime_1.jsx)("img", { alt: "nft preview", className: "size-full rounded-lg object-cover", src: mediaUrl })) }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-[-60px] w-full rounded-t-lg bg-white", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-[60px] w-full" }), (0, jsx_runtime_1.jsx)("div", { className: "mb-1 flex w-full flex-col items-center gap-2 p-5", children: (0, jsx_runtime_1.jsxs)("span", { className: "font-sf-rounded text-2xl font-semibold", children: [signatureData.payload.metadata.name || "Mint NFT", " ", Number(signatureData.payload.quantity) > 1 ? `(${signatureData.payload.quantity}x)` : ""] }) })] })] }));
     // If we don't have token data, show error state
     if (!dstToken || isTokenError) {
         return ((0, jsx_runtime_1.jsx)(react_1.StyleRoot, { children: (0, jsx_runtime_1.jsx)("div", { className: "b3-root b3-modal bg-b3-react-background flex w-full flex-col items-center p-8", children: (0, jsx_runtime_1.jsxs)("p", { className: "text-as-red text-center text-sm", children: ["Failed to fetch payment token information for ", signatureData.collection.signatureRequestBody?.currency, " on chain ", signatureData.collection.chainId, ". Please try again."] }) }) }));

package/dist/cjs/global-account/react/stores/useModalStore.d.ts

@@ -249,7 +249,7 @@ export interface AnySpendSignatureMintProps extends BaseModalProps {
     /** Optional image URL for NFT preview */
     imageUrl?: string;
     /** Callback function called when minting is successful */
-    onSuccess?: () => void;
+    onSuccess?: (txHash?: string) => void;
 }
 /**
  * Union type of all possible modal content types

package/dist/esm/anyspend/react/components/AnySpendCustom.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { eqci, getDefaultToken, isCustomTxMetadata, isNftMetadata, isTournamentMetadata, NftType, OrderStatus, OrderType, RELAY_ETH_ADDRESS, USDC_BASE, useAnyspendCreateOnrampOrder, useAnyspendCreateOrder, useAnyspendOrderAndTransactions, useAnyspendQuote, useAnyspendTokenList, useGeoOnrampOptions, } from "../../../anyspend/index.js";
-import { Badge, Button, ShinyButton, Skeleton, StyleRoot, Tabs, TabsContent, TabsList, TabTrigger, TextShimmer, TransitionPanel, useAccountWallet, useB3, useBsmntProfile, useHasMounted, useModalStore, useRouter, useSearchParamsSSR, useTokenBalancesByChain, Dialog, DialogContent, Input, } from "../../../global-account/react/index.js";
+import { Badge, Button, Dialog, DialogContent, Input, ShinyButton, Skeleton, StyleRoot, Tabs, TabsContent, TabsList, TabTrigger, TextShimmer, TransitionPanel, useAccountWallet, useB3, useBsmntProfile, useHasMounted, useModalStore, useRouter, useSearchParamsSSR, useTokenBalancesByChain, } from "../../../global-account/react/index.js";
 import { cn } from "../../../shared/utils/index.js";
 import centerTruncate from "../../../shared/utils/centerTruncate.js";
 import { formatTokenAmount } from "../../../shared/utils/number.js";

package/dist/esm/anyspend/react/components/AnyspendSignatureMint.d.ts

@@ -4,5 +4,5 @@ export declare function AnyspendSignatureMint({ loadOrder, mode, signatureData,
     mode?: "modal" | "page";
     signatureData: GenerateSigMintResponse;
     imageUrl?: string;
-    onSuccess?: () => void;
+    onSuccess?: (txHash?: string) => void;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/esm/anyspend/react/components/AnyspendSignatureMint.js

@@ -57,7 +57,7 @@ export function AnyspendSignatureMint({ loadOrder, mode = "modal", signatureData
     }, [tokenData, signatureData.collection.chainId]);
     const mediaUrl = imageUrl || signatureData.payload.metadata.image || "https://cdn.b3.fun/nft-placeholder.png";
     const isVideo = isVideoURL(mediaUrl);
-    const header = () => (_jsxs(_Fragment, { children: [_jsx("div", { className: "relative mx-auto size-32", children: isVideo ? (_jsxs("video", { autoPlay: true, loop: true, muted: true, playsInline: true, className: "size-full rounded-lg object-cover", children: [_jsx("source", { src: mediaUrl, type: `video/${mediaUrl.split(".").pop()}` }), "Your browser does not support the video tag."] })) : (_jsx("img", { alt: "nft preview", className: "size-full rounded-lg object-cover", src: mediaUrl })) }), _jsxs("div", { className: "from-b3-react-background to-as-on-surface-1 mt-[-60px] w-full rounded-t-lg bg-gradient-to-t", children: [_jsx("div", { className: "h-[60px] w-full" }), _jsx("div", { className: "mb-1 flex w-full flex-col items-center gap-2 p-5", children: _jsxs("span", { className: "font-sf-rounded text-2xl font-semibold", children: [signatureData.payload.metadata.name || "Mint NFT", " ", Number(signatureData.payload.quantity) > 1 ? `(${signatureData.payload.quantity}x)` : ""] }) })] })] }));
+    const header = () => (_jsxs(_Fragment, { children: [_jsx("div", { className: "relative mx-auto size-32", children: isVideo ? (_jsxs("video", { autoPlay: true, loop: true, muted: true, playsInline: true, className: "size-full rounded-lg object-cover", children: [_jsx("source", { src: mediaUrl, type: `video/${mediaUrl.split(".").pop()}` }), "Your browser does not support the video tag."] })) : (_jsx("img", { alt: "nft preview", className: "size-full rounded-lg object-cover", src: mediaUrl })) }), _jsxs("div", { className: "mt-[-60px] w-full rounded-t-lg bg-white", children: [_jsx("div", { className: "h-[60px] w-full" }), _jsx("div", { className: "mb-1 flex w-full flex-col items-center gap-2 p-5", children: _jsxs("span", { className: "font-sf-rounded text-2xl font-semibold", children: [signatureData.payload.metadata.name || "Mint NFT", " ", Number(signatureData.payload.quantity) > 1 ? `(${signatureData.payload.quantity}x)` : ""] }) })] })] }));
     // If we don't have token data, show error state
     if (!dstToken || isTokenError) {
         return (_jsx(StyleRoot, { children: _jsx("div", { className: "b3-root b3-modal bg-b3-react-background flex w-full flex-col items-center p-8", children: _jsxs("p", { className: "text-as-red text-center text-sm", children: ["Failed to fetch payment token information for ", signatureData.collection.signatureRequestBody?.currency, " on chain ", signatureData.collection.chainId, ". Please try again."] }) }) }));

package/dist/esm/global-account/react/stores/useModalStore.d.ts

@@ -249,7 +249,7 @@ export interface AnySpendSignatureMintProps extends BaseModalProps {
     /** Optional image URL for NFT preview */
     imageUrl?: string;
     /** Callback function called when minting is successful */
-    onSuccess?: () => void;
+    onSuccess?: (txHash?: string) => void;
 }
 /**
  * Union type of all possible modal content types

package/dist/types/anyspend/react/components/AnyspendSignatureMint.d.ts

@@ -4,5 +4,5 @@ export declare function AnyspendSignatureMint({ loadOrder, mode, signatureData,
     mode?: "modal" | "page";
     signatureData: GenerateSigMintResponse;
     imageUrl?: string;
-    onSuccess?: () => void;
+    onSuccess?: (txHash?: string) => void;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/types/global-account/react/stores/useModalStore.d.ts

@@ -249,7 +249,7 @@ export interface AnySpendSignatureMintProps extends BaseModalProps {
     /** Optional image URL for NFT preview */
     imageUrl?: string;
     /** Callback function called when minting is successful */
-    onSuccess?: () => void;
+    onSuccess?: (txHash?: string) => void;
 }
 /**
  * Union type of all possible modal content types

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b3dotfun/sdk",
-  "version": "0.0.7-alpha.21",
+  "version": "0.0.7-alpha.23",
   "source": "src/index.ts",
   "main": "./dist/cjs/index.js",
   "react-native": "./dist/cjs/index.native.js",

package/src/anyspend/react/components/AnySpendCustom.tsx

@@ -26,6 +26,9 @@ import {
 import {
   Badge,
   Button,
+  Dialog,
+  DialogContent,
+  Input,
   ShinyButton,
   Skeleton,
   StyleRoot,
@@ -43,9 +46,6 @@ import {
   useRouter,
   useSearchParamsSSR,
   useTokenBalancesByChain,
-  Dialog,
-  DialogContent,
-  Input,
 } from "@b3dotfun/sdk/global-account/react";
 import { cn } from "@b3dotfun/sdk/shared/utils";
 import centerTruncate from "@b3dotfun/sdk/shared/utils/centerTruncate";

package/src/anyspend/react/components/AnyspendSignatureMint.tsx

@@ -53,7 +53,7 @@ export function AnyspendSignatureMint({
   mode?: "modal" | "page";
   signatureData: GenerateSigMintResponse;
   imageUrl?: string;
-  onSuccess?: () => void;
+  onSuccess?: (txHash?: string) => void;
 }) {
   const hasMounted = useHasMounted();
 
@@ -94,7 +94,7 @@ export function AnyspendSignatureMint({
           <img alt="nft preview" className="size-full rounded-lg object-cover" src={mediaUrl} />
         )}
       </div>
-      <div className="from-b3-react-background to-as-on-surface-1 mt-[-60px] w-full rounded-t-lg bg-gradient-to-t">
+      <div className="mt-[-60px] w-full rounded-t-lg bg-white">
         <div className="h-[60px] w-full" />
         <div className="mb-1 flex w-full flex-col items-center gap-2 p-5">
           <span className="font-sf-rounded text-2xl font-semibold">

package/src/global-account/react/stores/useModalStore.ts

@@ -264,7 +264,7 @@ export interface AnySpendSignatureMintProps extends BaseModalProps {
   /** Optional image URL for NFT preview */
   imageUrl?: string;
   /** Callback function called when minting is successful */
-  onSuccess?: () => void;
+  onSuccess?: (txHash?: string) => void;
 }
 
 /**