@b3dotfun/sdk 0.0.41-test.0 → 0.0.42-alpha.0

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

@@ -31,4 +31,5 @@ export declare function AnySpend(props: {
     onTokenSelect?: (token: components["schemas"]["Token"], event: {
         preventDefault: () => void;
     }) => void;
+    onSuccess?: (txHash?: string) => void;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -49,7 +49,7 @@ function AnySpend(props) {
     const fingerprintConfig = (0, AnySpendFingerprintWrapper_1.getFingerprintConfig)();
     return ((0, jsx_runtime_1.jsx)(AnySpendFingerprintWrapper_1.AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: (0, jsx_runtime_1.jsx)(AnySpendInner, { ...props }) }));
 }
-function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode = "modal", defaultActiveTab = "crypto", loadOrder, hideTransactionHistoryButton, recipientAddress: recipientAddressFromProps, onTokenSelect, }) {
+function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode = "modal", defaultActiveTab = "crypto", loadOrder, hideTransactionHistoryButton, recipientAddress: recipientAddressFromProps, onTokenSelect, onSuccess, }) {
     const searchParams = (0, react_2.useSearchParamsSSR)();
     const router = (0, react_2.useRouter)();
     // Determine if we're in "buy mode" based on whether destination token props are provided
@@ -328,8 +328,9 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode
             srcTokenAddress: selectedSrcToken.address,
             dstTokenAddress: isBuyMode ? destinationTokenAddress : selectedDstToken.address,
             type: "swap",
-            tradeType: isSrcInputDirty ? "EXACT_INPUT" : "EXPECTED_OUTPUT",
+            tradeType: isSrcInputDirty ? "EXACT_INPUT" : "EXACT_OUTPUT",
             amount: activeInputAmountInWei,
+            recipientAddress,
         }
         : {
             srcChain: chains_1.base.id,
@@ -339,6 +340,7 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode
             type: "swap",
             tradeType: "EXACT_INPUT",
             amount: srcAmountOnrampInWei,
+            recipientAddress,
             onrampVendor: getOnrampVendor(selectedFiatPaymentMethod),
         });
     // Load custom recipients from local storage on mount
@@ -391,6 +393,13 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode
             }
         }
     }, [anyspendQuote, isSrcInputDirty]);
+    (0, react_4.useEffect)(() => {
+        if (oat?.data?.order.status === "executed") {
+            console.log("Calling onSuccess");
+            const txHash = oat?.data?.executeTx?.txHash;
+            onSuccess?.(txHash);
+        }
+    }, [oat?.data?.executeTx?.txHash, oat?.data?.order.status, onSuccess]);
     const { createOrder, isCreatingOrder } = (0, react_1.useAnyspendCreateOrder)({
         onSuccess: data => {
             const orderId = data.data.id;

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

@@ -202,7 +202,6 @@ function AnySpendBondKit({ mode = "modal", recipientAddress, contractAddress, mi
         args: [recipientAddress, (0, viem_1.parseEther)(b3Amount), BigInt(minTokensOut)],
     });
     return ((0, jsx_runtime_1.jsx)(AnySpendCustom_1.AnySpendCustom, { mode: mode, recipientAddress: recipientAddress, orderType: "custom", dstChainId: supported_1.baseMainnet.id, dstToken: dstToken, dstAmount: (0, viem_1.parseEther)(b3Amount).toString(), contractAddress: contractAddress, encodedData: encodedData, metadata: {
-            type: "custom",
             action: "BondKit Buy",
         }, header: header, onSuccess: onSuccess, showRecipient: true }));
 }

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

@@ -396,7 +396,6 @@ function AnySpendBuySpin({ loadOrder, mode = "modal", spinwheelContractAddress,
     // AnySpend flow for when user needs to swap to B3
     const encodedData = generateEncodedDataForBuyEntriesAndSpin(address || "", userSpinQuantity);
     return ((0, jsx_runtime_1.jsx)(AnySpendCustom_1.AnySpendCustom, { loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, orderType: "custom", dstChainId: chainId, dstToken: anyspend_1.B3_TOKEN, dstAmount: totalCost.toString(), contractAddress: spinwheelContractAddress, spenderAddress: paymentConfig.entryModule, encodedData: encodedData, metadata: {
-            type: "custom",
             action: `buy ${userSpinQuantity} spin${userSpinQuantity !== "1" ? "s" : ""}`,
         }, header: header, onSuccess: txHash => onSuccess?.(txHash), showRecipient: false }));
 }

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

@@ -20,4 +20,5 @@ export declare function AnySpendCustom(props: {
     }) => React.JSX.Element;
     onSuccess?: (txHash?: string) => void;
     showRecipient?: boolean;
+    onShowPointsDetail?: () => void;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -19,12 +19,15 @@ const react_3 = require("motion/react");
 const react_4 = require("react");
 const sonner_1 = require("sonner");
 const chains_1 = require("viem/chains");
+const FeatureFlagsContext_1 = require("../contexts/FeatureFlagsContext");
 const AnySpendFingerprintWrapper_1 = require("./AnySpendFingerprintWrapper");
 const CryptoPaymentMethod_1 = require("./common/CryptoPaymentMethod");
 const FiatPaymentMethod_1 = require("./common/FiatPaymentMethod");
 const OrderDetails_1 = require("./common/OrderDetails");
 const OrderHistory_1 = require("./common/OrderHistory");
 const OrderToken_1 = require("./common/OrderToken");
+const PointsBadge_1 = require("./common/PointsBadge");
+const PointsDetailPanel_1 = require("./common/PointsDetailPanel");
 const RecipientSelection_1 = require("./common/RecipientSelection");
 var PanelView;
 (function (PanelView) {
@@ -35,8 +38,9 @@ var PanelView;
     PanelView[PanelView["RECIPIENT_SELECTION"] = 4] = "RECIPIENT_SELECTION";
     PanelView[PanelView["CRYPTO_PAYMENT_METHOD"] = 5] = "CRYPTO_PAYMENT_METHOD";
     PanelView[PanelView["FIAT_PAYMENT_METHOD"] = 6] = "FIAT_PAYMENT_METHOD";
+    PanelView[PanelView["POINTS_DETAIL"] = 7] = "POINTS_DETAIL";
 })(PanelView || (PanelView = {}));
-function generateGetRelayQuoteRequest({ orderType, srcChainId, srcToken, dstChainId, dstToken, dstAmount, contractAddress, tokenId, contractType, encodedData, spenderAddress, }) {
+function generateGetRelayQuoteRequest({ orderType, srcChainId, srcToken, dstChainId, dstToken, recipientAddress, dstAmount, contractAddress, tokenId, contractType, encodedData, spenderAddress, }) {
     switch (orderType) {
         case "mint_nft": {
             (0, invariant_1.default)(contractType, "Contract type is required");
@@ -46,6 +50,7 @@ function generateGetRelayQuoteRequest({ orderType, srcChainId, srcToken, dstChai
                 srcTokenAddress: srcToken.address,
                 dstChain: dstChainId,
                 dstTokenAddress: dstToken.address,
+                recipientAddress,
                 price: dstAmount,
                 contractAddress: contractAddress,
                 tokenId: tokenId,
@@ -59,6 +64,7 @@ function generateGetRelayQuoteRequest({ orderType, srcChainId, srcToken, dstChai
                 srcTokenAddress: srcToken.address,
                 dstChain: dstChainId,
                 dstTokenAddress: dstToken.address,
+                recipientAddress,
                 price: dstAmount,
                 contractAddress: contractAddress,
             };
@@ -70,6 +76,7 @@ function generateGetRelayQuoteRequest({ orderType, srcChainId, srcToken, dstChai
                 srcTokenAddress: srcToken.address,
                 dstChain: dstChainId,
                 dstTokenAddress: dstToken.address,
+                recipientAddress,
                 fundAmount: dstAmount,
                 contractAddress: contractAddress,
             };
@@ -81,6 +88,7 @@ function generateGetRelayQuoteRequest({ orderType, srcChainId, srcToken, dstChai
                 srcTokenAddress: srcToken.address,
                 dstChain: dstChainId,
                 dstTokenAddress: dstToken.address,
+                recipientAddress,
                 payload: {
                     amount: dstAmount,
                     data: encodedData,
@@ -98,8 +106,9 @@ function AnySpendCustom(props) {
     const fingerprintConfig = (0, AnySpendFingerprintWrapper_1.getFingerprintConfig)();
     return ((0, jsx_runtime_1.jsx)(AnySpendFingerprintWrapper_1.AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: (0, jsx_runtime_1.jsx)(AnySpendCustomInner, { ...props }) }));
 }
-function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabProps = "crypto", recipientAddress: recipientAddressProps, spenderAddress, orderType, dstChainId, dstToken, dstAmount, contractAddress, encodedData, metadata, header, onSuccess, showRecipient = true, }) {
+function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabProps = "crypto", recipientAddress: recipientAddressProps, spenderAddress, orderType, dstChainId, dstToken, dstAmount, contractAddress, encodedData, metadata, header, onSuccess, showRecipient = true, onShowPointsDetail, }) {
     const hasMounted = (0, react_2.useHasMounted)();
+    const featureFlags = (0, FeatureFlagsContext_1.useFeatureFlags)();
     const searchParams = (0, react_2.useSearchParamsSSR)();
     const router = (0, react_2.useRouter)();
     const [activePanel, setActivePanel] = (0, react_4.useState)(loadOrder ? PanelView.ORDER_DETAILS : PanelView.CONFIRM_ORDER);
@@ -174,10 +183,11 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
             srcToken: activeTab === "fiat" ? constants_1.USDC_BASE : srcToken,
             dstChainId: dstChainId,
             dstToken: dstToken,
+            recipientAddress,
             dstAmount: dstAmount,
             contractAddress: contractAddress,
-            tokenId: metadata.type === "mint_nft" ? metadata.nftContract.tokenId : undefined,
-            contractType: metadata.type === "mint_nft" ? metadata.nftContract.type : undefined,
+            tokenId: orderType === "mint_nft" ? metadata?.nftContract?.tokenId : undefined,
+            contractType: orderType === "mint_nft" ? metadata?.nftContract?.type : undefined,
             encodedData: encodedData,
             spenderAddress: spenderAddress,
         });
@@ -190,8 +200,8 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
         encodedData,
         metadata?.nftContract?.tokenId,
         metadata?.nftContract?.type,
-        metadata?.type,
         orderType,
+        recipientAddress,
         spenderAddress,
         srcChainId,
         srcToken,
@@ -267,7 +277,7 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
                 srcAmount: srcAmount.toString(),
                 recipientAddress,
                 creatorAddress: currentWallet?.wallet?.address,
-                nft: metadata.type === "mint_nft"
+                nft: orderType === "mint_nft"
                     ? metadata.nftContract.type === "erc1155"
                         ? {
                             type: "erc1155",
@@ -288,7 +298,7 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
                             imageUrl: metadata.nftContract.imageUrl,
                         }
                     : undefined,
-                tournament: metadata.type === "join_tournament" || metadata.type === "fund_tournament"
+                tournament: orderType === "join_tournament" || orderType === "fund_tournament"
                     ? {
                         ...metadata.tournament,
                         contractAddress: contractAddress,
@@ -296,13 +306,12 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
                     }
                     : undefined,
                 // only populate payload for custom tx
-                payload: metadata.type === "custom"
+                payload: orderType === "custom"
                     ? {
                         amount: dstAmount,
                         data: encodedData,
                         spenderAddress: spenderAddress,
                         to: contractAddress,
-                        action: metadata.action,
                     }
                     : undefined,
             };
@@ -427,6 +436,16 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
                     router.push(`${window.location.pathname}?${params.toString()}`);
                 } })), mode === "page" && (0, jsx_runtime_1.jsx)("div", { className: "h-12" })] }));
     const loadingView = ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("mx-auto flex w-full flex-col items-center gap-4 p-5", mode === "modal" && "bg-b3-react-background"), children: [(0, jsx_runtime_1.jsxs)(react_2.Badge, { variant: "default", className: "bg-b3-react-muted/30 border-b3-react-border hover:bg-b3-react-muted/50 flex items-center gap-3 px-4 py-1 text-base transition-all", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "text-b3-react-foreground size-4 animate-spin" }), (0, jsx_runtime_1.jsx)(react_2.TextShimmer, { duration: 1, className: "font-sf-rounded text-base font-semibold", children: "Loading..." })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex w-full flex-1 flex-col", children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-4 flex flex-col gap-1", children: [(0, jsx_runtime_1.jsx)(react_2.Skeleton, { className: "h-4 w-24" }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-2 flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(react_2.Skeleton, { className: "h-8 w-48" }), (0, jsx_runtime_1.jsx)(react_2.Skeleton, { className: "ml-4 h-8 w-32" })] }), (0, jsx_runtime_1.jsx)(react_2.Skeleton, { className: "mt-4 h-8 w-24" })] }), (0, jsx_runtime_1.jsx)(react_2.Skeleton, { className: "mb-4 h-12 w-full" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex w-full items-center justify-between gap-4", children: [(0, jsx_runtime_1.jsxs)(react_2.Skeleton, { className: "rounded-lg bg-white/5 p-6 pb-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "size-[200px]" }), (0, jsx_runtime_1.jsx)("div", { className: "mt-3 flex items-center justify-center gap-2", children: (0, jsx_runtime_1.jsx)("div", { className: "size-5 rounded-full" }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-1 flex-col gap-2", children: [1, 2, 3].map(i => ((0, jsx_runtime_1.jsx)(react_2.Skeleton, { className: "h-10 w-full" }, i))) })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-muted/30 mt-8 w-full rounded-lg p-4", children: [(0, jsx_runtime_1.jsx)(react_2.Skeleton, { className: "mb-3 h-4 w-48" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4", children: [(0, jsx_runtime_1.jsx)(react_2.Skeleton, { className: "h-10 flex-1" }), (0, jsx_runtime_1.jsx)(react_2.Skeleton, { className: "h-10 flex-1" })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex w-full flex-col gap-3", children: [1, 2, 3, 4, 5].map(i => ((0, jsx_runtime_1.jsxs)("div", { className: "flex w-full justify-between", children: [(0, jsx_runtime_1.jsx)(react_2.Skeleton, { className: "h-4 w-24" }), (0, jsx_runtime_1.jsx)(react_2.Skeleton, { className: "h-4 w-32" })] }, i))) }), (0, jsx_runtime_1.jsx)(react_2.Skeleton, { className: "h-10 w-full" }), mode === "page" && (0, jsx_runtime_1.jsx)("div", { className: "h-12" })] }));
+    // Render points badge if conditions are met
+    const renderPointsBadge = () => {
+        if (featureFlags.showPoints && anyspendQuote?.data?.pointsAmount && anyspendQuote.data.pointsAmount > 0) {
+            return ((0, jsx_runtime_1.jsx)(PointsBadge_1.PointsBadge, { pointsAmount: anyspendQuote.data.pointsAmount, pointsMultiplier: anyspendQuote.data.pointsMultiplier, onClick: () => {
+                    onShowPointsDetail?.();
+                    setActivePanel(PanelView.POINTS_DETAIL);
+                } }));
+        }
+        return null;
+    };
     // Confirm order view.
     const confirmOrderView = ((0, jsx_runtime_1.jsxs)("div", { className: "relative mx-auto flex w-full flex-col items-center", children: [header({ anyspendPrice: anyspendQuote, isLoadingAnyspendPrice: isLoadingAnyspendQuote }), (0, jsx_runtime_1.jsxs)(react_2.Tabs, { value: activeTab, onValueChange: value => setActiveTab(value), className: "bg-b3-react-background max-h-[60dvh] w-full overflow-y-auto p-5", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-full", children: (0, jsx_runtime_1.jsxs)("div", { className: "bg-as-surface-secondary relative mb-4 grid h-10 grid-cols-2 rounded-xl", children: [(0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("bg-as-brand absolute bottom-0 left-0 top-0 z-0 rounded-xl transition-transform duration-100", "h-full w-1/2", activeTab === "fiat" ? "translate-x-full" : "translate-x-0"), style: { willChange: "transform" } }), (0, jsx_runtime_1.jsx)("button", { className: (0, utils_1.cn)("relative z-10 h-full w-full rounded-xl px-3 text-sm font-medium transition-colors duration-100", activeTab === "crypto" ? "text-white" : "text-as-primary/70 hover:bg-as-on-surface-2 bg-transparent"), onClick: () => {
                                         setActiveTab("crypto");
@@ -451,7 +470,7 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
                                                         opacity: hasMounted ? 1 : 0,
                                                         y: hasMounted ? 0 : 20,
                                                         filter: hasMounted ? "blur(0px)" : "blur(10px)",
-                                                    }, transition: { duration: 0.3, delay: 0.1, ease: "easeInOut" }, className: "relative flex w-full items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("span", { className: "text-as-tertiarry text-sm", children: ["Total ", (0, jsx_runtime_1.jsx)("span", { className: "text-as-tertiarry", children: "(with fee)" })] }), (0, jsx_runtime_1.jsxs)("span", { className: "text-as-primary font-semibold", children: [formattedSrcAmount || "--", " ", srcToken.symbol] })] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("flex w-full flex-col items-center justify-between gap-2"), children: (0, jsx_runtime_1.jsx)(react_3.motion.div, { initial: false, animate: {
+                                                    }, transition: { duration: 0.3, delay: 0.1, ease: "easeInOut" }, className: "relative flex w-full items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsxs)("span", { className: "text-as-tertiarry text-sm", children: ["Total ", (0, jsx_runtime_1.jsx)("span", { className: "text-as-tertiarry", children: "(with fee)" })] }), renderPointsBadge()] }), (0, jsx_runtime_1.jsxs)("span", { className: "text-as-primary font-semibold", children: [formattedSrcAmount || "--", " ", srcToken.symbol] })] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("flex w-full flex-col items-center justify-between gap-2"), children: (0, jsx_runtime_1.jsx)(react_3.motion.div, { initial: false, animate: {
                                             opacity: hasMounted ? 1 : 0,
                                             y: hasMounted ? 0 : 20,
                                             filter: hasMounted ? "blur(0px)" : "blur(10px)",
@@ -463,7 +482,7 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
                                                 opacity: hasMounted ? 1 : 0,
                                                 y: hasMounted ? 0 : 20,
                                                 filter: hasMounted ? "blur(0px)" : "blur(10px)",
-                                            }, transition: { duration: 0.3, delay: 0.1, ease: "easeInOut" }, className: "relative flex w-full items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("span", { className: "text-as-tertiarry text-sm", children: ["Total ", (0, jsx_runtime_1.jsx)("span", { className: "text-as-tertiarry", children: "(USD)" })] }), (0, jsx_runtime_1.jsxs)("span", { className: "text-as-primary text-xl font-semibold", children: ["$", srcFiatAmount || "0.00"] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("flex w-full flex-col items-center justify-between gap-2"), children: (0, jsx_runtime_1.jsx)(react_3.motion.div, { initial: false, animate: {
+                                            }, transition: { duration: 0.3, delay: 0.1, ease: "easeInOut" }, className: "relative flex w-full items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsxs)("span", { className: "text-as-tertiarry text-sm", children: ["Total ", (0, jsx_runtime_1.jsx)("span", { className: "text-as-tertiarry", children: "(USD)" })] }), renderPointsBadge()] }), (0, jsx_runtime_1.jsxs)("span", { className: "text-as-primary text-xl font-semibold", children: ["$", srcFiatAmount || "0.00"] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("flex w-full flex-col items-center justify-between gap-2"), children: (0, jsx_runtime_1.jsx)(react_3.motion.div, { initial: false, animate: {
                                             opacity: hasMounted ? 1 : 0,
                                             y: hasMounted ? 0 : 20,
                                             filter: hasMounted ? "blur(0px)" : "blur(10px)",
@@ -490,6 +509,8 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
                 setSelectedFiatPaymentMethod(method);
                 setActivePanel(PanelView.CONFIRM_ORDER);
             }, srcAmountOnRamp: srcFiatAmount }) }));
+    // Points detail view
+    const pointsDetailView = ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("bg-as-surface-primary mx-auto w-[460px] max-w-full rounded-xl p-4"), children: (0, jsx_runtime_1.jsx)(PointsDetailPanel_1.PointsDetailPanel, { pointsAmount: anyspendQuote?.data?.pointsAmount || 0, onBack: () => setActivePanel(PanelView.CONFIRM_ORDER) }) }));
     // Return the TransitionPanel with all views
     return ((0, jsx_runtime_1.jsx)(react_2.StyleRoot, { children: (0, jsx_runtime_1.jsx)(react_2.TransitionPanel, { activeIndex: orderId
                 ? oat
@@ -509,5 +530,6 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
                 (0, jsx_runtime_1.jsx)("div", { className: "w-full", children: recipientSelectionView }, "recipient-selection-view"),
                 (0, jsx_runtime_1.jsx)("div", { className: "w-full", children: cryptoPaymentMethodView }, "crypto-payment-method-view"),
                 (0, jsx_runtime_1.jsx)("div", { className: "w-full", children: fiatPaymentMethodView }, "fiat-payment-method-view"),
+                (0, jsx_runtime_1.jsx)("div", { className: "w-full", children: pointsDetailView }, "points-detail-view"),
             ] }) }));
 }

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

@@ -1,8 +1,9 @@
 import { components } from "../../../anyspend/types/api";
-export declare function AnySpendNFT({ loadOrder, mode, recipientAddress, nftContract, onSuccess, }: {
+export declare function AnySpendNFT({ loadOrder, mode, recipientAddress, nftContract, onSuccess, onShowPointsDetail, }: {
     loadOrder?: string;
     mode?: "modal" | "page";
     recipientAddress?: string;
     nftContract: components["schemas"]["NftContract"];
     onSuccess?: (txHash?: string) => void;
+    onShowPointsDetail?: () => void;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -29,7 +29,7 @@ const CONTRACT_URI_ABI = [
         type: "function",
     },
 ];
-function AnySpendNFT({ loadOrder, mode = "modal", recipientAddress, nftContract, onSuccess, }) {
+function AnySpendNFT({ loadOrder, mode = "modal", recipientAddress, nftContract, onSuccess, onShowPointsDetail, }) {
     const [imageUrlWithFallback, setFallbackImageUrl] = (0, react_3.useState)(nftContract.imageUrl);
     const [isLoadingFallback, setIsLoadingFallback] = (0, react_3.useState)(false);
     // Fetch contract metadata when imageUrl is empty
@@ -89,7 +89,7 @@ function AnySpendNFT({ loadOrder, mode = "modal", recipientAddress, nftContract,
     return ((0, jsx_runtime_1.jsx)(AnySpendCustom_1.AnySpendCustom, { loadOrder: loadOrder, mode: mode, activeTab: "fiat", recipientAddress: recipientAddress, orderType: "mint_nft", dstChainId: nftContract.chainId, dstToken: nftContract.currency, dstAmount: nftContract.price, contractAddress: nftContract.contractAddress, encodedData: "0x", metadata: {
             type: "mint_nft",
             nftContract: nftContract,
-        }, header: header, onSuccess: onSuccess }));
+        }, header: header, onSuccess: onSuccess, onShowPointsDetail: onShowPointsDetail }));
 }
 function DropdownMenu({ nftContract }) {
     const [open, setOpen] = (0, react_3.useState)(false);

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

@@ -264,7 +264,6 @@ function AnySpendStakeB3({ loadOrder, mode = "modal", recipientAddress, stakeAmo
     }
     const encodedData = generateEncodedDataForStakingB3(userStakeAmount, recipientAddress);
     return ((0, jsx_runtime_1.jsx)(AnySpendCustom_1.AnySpendCustom, { loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, orderType: "custom", dstChainId: chains_1.base.id, dstToken: anyspend_1.B3_TOKEN, dstAmount: userStakeAmount, contractAddress: ERC20Staking, encodedData: encodedData, metadata: {
-            type: "custom",
             action: "stake B3",
         }, header: header, onSuccess: onSuccess, showRecipient: true }));
 }

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

@@ -72,8 +72,7 @@ function AnyspendSignatureMint({ loadOrder, mode = "modal", signatureData, image
     }
     const encodedData = generateEncodedDataForSignatureMint(signatureData);
     const price = (0, viem_1.parseEther)(signatureData.payload.price?.toString() || "0");
-    return ((0, jsx_runtime_1.jsx)(AnySpendCustom_1.AnySpendCustom, { loadOrder: loadOrder, mode: mode, recipientAddress: signatureData.payload.to, orderType: "custom", dstChainId: signatureData.collection.chainId, dstToken: dstToken, dstAmount: price.toString(), contractAddress: signatureData.collection.address, encodedData: encodedData, metadata: {
-            type: "custom",
+    return ((0, jsx_runtime_1.jsx)(AnySpendCustom_1.AnySpendCustom, { loadOrder: loadOrder, mode: mode, recipientAddress: signatureData.payload.to, orderType: "custom", dstChainId: signatureData.collection.chainId, dstToken: dstToken, dstAmount: price.toString(), contractAddress: signatureData.collection.address || "", encodedData: encodedData, metadata: {
             action: "Signature Mint",
         }, header: header, onSuccess: onSuccess, showRecipient: true }));
 }

package/dist/cjs/anyspend/react/components/common/CryptoPaySection.js

@@ -18,7 +18,7 @@ function CryptoPaySection({ selectedSrcChainId, setSelectedSrcChainId, selectedS
     // Determine which address to use based on payment method
     const walletAddress = selectedCryptoPaymentMethod === CryptoPaymentMethod_1.CryptoPaymentMethodType.GLOBAL_WALLET
         ? connectedSmartWallet?.getAccount()?.address
-        : connectedEOAWallet?.getAccount()?.address || connectedSmartWallet?.getAccount()?.address;
+        : connectedEOAWallet?.getAccount()?.address;
     const { data: profileData } = (0, react_1.useProfile)({ address: walletAddress });
     const connectedName = profileData?.displayName;
     // Add ref to track if we've applied metadata

package/dist/cjs/anyspend/react/components/common/CryptoReceiveSection.js

@@ -10,6 +10,7 @@ const lucide_react_1 = require("lucide-react");
 const react_1 = require("motion/react");
 const FeatureFlagsContext_1 = require("../../contexts/FeatureFlagsContext");
 const OrderTokenAmount_1 = require("./OrderTokenAmount");
+const PointsBadge_1 = require("./PointsBadge");
 function CryptoReceiveSection({ isDepositMode = false, isBuyMode = false, selectedRecipientAddress, recipientName, onSelectRecipient, dstAmount, dstToken, selectedDstChainId, setSelectedDstChainId, setSelectedDstToken, onChangeDstAmount, anyspendQuote, dstTokenSymbol, dstTokenLogoURI, onShowPointsDetail, }) {
     const featureFlags = (0, FeatureFlagsContext_1.useFeatureFlags)();
     return ((0, jsx_runtime_1.jsxs)(react_1.motion.div, { initial: { opacity: 0, y: 20, filter: "blur(10px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)" }, transition: { duration: 0.3, delay: 0.1, ease: "easeInOut" }, className: "receive-section bg-as-surface-secondary border-as-border-secondary relative flex w-full flex-col gap-2 rounded-2xl border p-4 sm:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex w-full items-center justify-between", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-as-primary/50 flex h-7 items-center text-sm", children: isDepositMode ? "Deposit" : "Receive" }), selectedRecipientAddress ? ((0, jsx_runtime_1.jsx)("button", { className: (0, cn_1.cn)("text-as-tertiarry flex h-7 items-center gap-2 rounded-lg"), onClick: onSelectRecipient, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "text-as-tertiarry flex items-center gap-1 text-sm", children: recipientName ? (0, utils_1.formatUsername)(recipientName) : (0, formatAddress_1.shortenAddress)(selectedRecipientAddress || "") }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-4 w-4" })] }) })) : ((0, jsx_runtime_1.jsx)("button", { className: "text-as-primary/70 flex items-center gap-1 rounded-lg", onClick: onSelectRecipient, children: (0, jsx_runtime_1.jsx)("div", { className: "text-sm font-medium", children: "Select recipient" }) }))] }), isBuyMode || isDepositMode ? (
@@ -51,5 +52,5 @@ function CryptoReceiveSection({ isDepositMode = false, isBuyMode = false, select
                                     }
                                     // Using inline style to ensure color displays
                                     return ((0, jsx_runtime_1.jsxs)("span", { className: "ml-2", style: { color: percentageNum >= 10 ? "red" : "#FFD700" }, children: ["(", isNegative ? "-" : "", percentage, "%)"] }));
-                                })()] }), featureFlags.showPoints && anyspendQuote?.data?.pointsAmount && anyspendQuote.data.pointsAmount > 0 && ((0, jsx_runtime_1.jsxs)("button", { className: "bg-as-brand hover:scale-102 active:scale-98 active:scale-98 relative flex cursor-pointer items-center gap-1 rounded-lg px-2 py-1 transition-all", onClick: () => onShowPointsDetail?.(), children: [(0, jsx_runtime_1.jsx)("div", { className: "pointer-events-none absolute inset-0 h-full w-full rounded-lg border border-white/10 border-t-white/20 bg-gradient-to-b from-white/10 to-white/0" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-xs text-white", children: ["+", anyspendQuote.data.pointsAmount.toLocaleString(), " pts"] })] }, `points-${anyspendQuote.data.pointsAmount}`))] })] }));
+                                })()] }), featureFlags.showPoints && anyspendQuote?.data?.pointsAmount > 0 && ((0, jsx_runtime_1.jsx)(PointsBadge_1.PointsBadge, { pointsAmount: anyspendQuote.data.pointsAmount, pointsMultiplier: anyspendQuote.data.pointsMultiplier, onClick: () => onShowPointsDetail?.() }))] })] }));
 }

package/dist/cjs/anyspend/react/components/common/PanelOnramp.js

@@ -13,6 +13,7 @@ const sonner_1 = require("sonner");
 const FeatureFlagsContext_1 = require("../../contexts/FeatureFlagsContext");
 const FiatPaymentMethod_1 = require("./FiatPaymentMethod");
 const OrderTokenAmountFiat_1 = require("./OrderTokenAmountFiat");
+const PointsBadge_1 = require("./PointsBadge");
 function PanelOnramp({ srcAmountOnRamp, setSrcAmountOnRamp, selectedPaymentMethod, setActivePanel, _recipientAddress, destinationToken, destinationChainId, destinationAmount, onDestinationTokenChange, onDestinationChainChange, fiatPaymentMethodIndex, recipientSelectionPanelIndex, dstTokenSymbol, hideDstToken = false, anyspendQuote, onShowPointsDetail, }) {
     const featureFlags = (0, FeatureFlagsContext_1.useFeatureFlags)();
     // Get geo-based onramp options to access fee information
@@ -78,5 +79,7 @@ function PanelOnramp({ srcAmountOnRamp, setSrcAmountOnRamp, selectedPaymentMetho
                                 : "bg-as-surface-secondary hover:bg-as-surface-secondary"}`, children: ["$", value] }, value))) }), destinationToken && destinationChainId && !hideDstToken && ((0, jsx_runtime_1.jsx)(OrderTokenAmountFiat_1.OrderTokenAmountFiat, { address: _recipientAddress, context: "to", inputValue: destinationAmount || "0", onChangeInput: () => { }, chainId: destinationChainId, setChainId: onDestinationChainChange || (() => { }), token: destinationToken, setToken: onDestinationTokenChange || (() => { }) }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "border-as-border-secondary bg-as-surface-secondary mt-4 flex w-full flex-col gap-3 rounded-xl border p-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex w-full items-center justify-between gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-as-tertiarry flex items-center text-sm", children: "Recipient" }), _recipientAddress ? ((0, jsx_runtime_1.jsxs)("button", { className: "text-as-tertiarry flex h-7 items-center gap-1 text-sm transition-colors hover:text-blue-700", onClick: () => setActivePanel(recipientSelectionPanelIndex), children: [(0, jsx_runtime_1.jsx)("span", { className: "text-sm", children: recipientName ? (0, utils_1.formatUsername)(recipientName) : (0, formatAddress_1.formatAddress)(_recipientAddress) }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { size: 16 })] })) : ((0, jsx_runtime_1.jsxs)("button", { className: "text-as-tertiarry flex h-7 items-center gap-1 text-sm transition-colors hover:text-blue-700", onClick: () => setActivePanel(5), children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Wallet, { className: "text-as-brand", size: 16 }), "Select recipient", (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { size: 16 })] }))] }), (0, jsx_runtime_1.jsx)("div", { className: "divider w-full" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-as-tertiarry text-sm", children: "Expected to receive" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsxs)("span", { className: "text-as-primary font-semibold", children: [destinationAmount || "0", " ", dstTokenSymbol || destinationToken?.symbol || ""] }), (0, jsx_runtime_1.jsxs)("span", { className: "text-as-tertiarry text-sm", children: ["on ", destinationChainId ? chain_1.ALL_CHAINS[destinationChainId]?.name : ""] }), destinationToken && destinationChainId && destinationToken.metadata?.logoURI && ((0, jsx_runtime_1.jsx)("img", { src: chain_1.ALL_CHAINS[destinationChainId]?.logoUrl, alt: "Chain", className: "h-4 w-4 rounded-full" }))] })] }), (0, jsx_runtime_1.jsx)("div", { className: "divider w-full" }), (0, jsx_runtime_1.jsx)("div", { className: "", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-as-tertiarry text-sm", children: (() => {
                                                 const fee = getFeeFromApi(selectedPaymentMethod || FiatPaymentMethod_1.FiatPaymentMethod.NONE);
                                                 return fee !== null ? `Total (included $${fee.toFixed(2)} fee)` : "Total";
-                                            })() }), featureFlags.showPoints && anyspendQuote?.data?.pointsAmount && anyspendQuote.data.pointsAmount > 0 && ((0, jsx_runtime_1.jsxs)("button", { className: "bg-as-brand hover:scale-102 active:scale-98 relative flex cursor-pointer items-center gap-1 rounded-lg px-2 py-1 transition-all", onClick: () => onShowPointsDetail?.(), children: [(0, jsx_runtime_1.jsx)("div", { className: "pointer-events-none absolute inset-0 h-full w-full rounded-lg border border-white/10 border-t-white/20 bg-gradient-to-b from-white/10 to-white/0" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-xs text-white", children: ["+", anyspendQuote.data.pointsAmount.toLocaleString(), " pts"] })] }, `points-${anyspendQuote.data.pointsAmount}`))] }), (0, jsx_runtime_1.jsxs)("span", { className: "text-as-primary font-semibold", children: ["$", getTotalAmount(selectedPaymentMethod || FiatPaymentMethod_1.FiatPaymentMethod.NONE).toFixed(2)] })] }) })] })] }));
+                                            })() }), featureFlags.showPoints &&
+                                            anyspendQuote?.data?.pointsAmount &&
+                                            anyspendQuote?.data?.pointsAmount > 0 && ((0, jsx_runtime_1.jsx)(PointsBadge_1.PointsBadge, { pointsAmount: anyspendQuote.data.pointsAmount, pointsMultiplier: anyspendQuote.data.pointsMultiplier, onClick: () => onShowPointsDetail?.() }))] }), (0, jsx_runtime_1.jsxs)("span", { className: "text-as-primary font-semibold", children: ["$", getTotalAmount(selectedPaymentMethod || FiatPaymentMethod_1.FiatPaymentMethod.NONE).toFixed(2)] })] }) })] })] }));
 }

package/dist/cjs/anyspend/react/components/common/PointsBadge.d.ts

@@ -0,0 +1,7 @@
+interface PointsBadgeProps {
+    pointsAmount: number;
+    pointsMultiplier?: number;
+    onClick?: () => void;
+}
+export declare function PointsBadge({ pointsAmount, pointsMultiplier, onClick }: PointsBadgeProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/anyspend/react/components/common/PointsBadge.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PointsBadge = PointsBadge;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function PointsBadge({ pointsAmount, pointsMultiplier, onClick }) {
+    return ((0, jsx_runtime_1.jsxs)("button", { className: "bg-as-brand hover:scale-102 active:scale-98 relative flex cursor-pointer items-center gap-1 rounded-lg px-2 py-1 transition-all", onClick: onClick, children: [(0, jsx_runtime_1.jsx)("div", { className: "pointer-events-none absolute inset-0 h-full w-full rounded-lg border border-white/10 border-t-white/20 bg-gradient-to-b from-white/10 to-white/0" }), (0, jsx_runtime_1.jsxs)("span", { className: "relative text-xs text-white", children: ["+", pointsAmount.toLocaleString(), " pts", pointsMultiplier && pointsMultiplier > 1 && (0, jsx_runtime_1.jsxs)("span", { className: "ml-1 opacity-80", children: ["(", pointsMultiplier, "x)"] })] })] }));
+}

package/dist/cjs/anyspend/react/hooks/useAnyspendFlow.js

@@ -111,15 +111,17 @@ function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder,
         }
     };
     // Get quote
-    const activeInputAmountInWei = (0, viem_1.parseUnits)(srcAmount.replace(/,/g, ""), selectedSrcToken.decimals).toString();
+    // For fiat payments, always use USDC decimals (6) regardless of selectedSrcToken
+    const effectiveDecimals = paymentType === "fiat" ? anyspend_1.USDC_BASE.decimals : selectedSrcToken.decimals;
+    const activeInputAmountInWei = (0, viem_1.parseUnits)(srcAmount.replace(/,/g, ""), effectiveDecimals).toString();
     const { anyspendQuote, isLoadingAnyspendQuote, getAnyspendQuoteError } = (0, react_1.useAnyspendQuote)({
         srcChain: paymentType === "fiat" ? chains_1.base.id : selectedSrcChainId,
         dstChain: isDepositMode ? chains_1.base.id : selectedDstChainId, // For deposits, always Base; for swaps, use selected destination
         srcTokenAddress: paymentType === "fiat" ? anyspend_1.USDC_BASE.address : selectedSrcToken.address,
         dstTokenAddress: isDepositMode ? anyspend_1.B3_TOKEN.address : selectedSrcToken.address, // For deposits, always B3
-        type: "swap",
-        tradeType: "EXACT_INPUT",
+        type: "hype_duel",
         amount: activeInputAmountInWei,
+        recipientAddress: selectedRecipientAddress,
         onrampVendor: paymentType === "fiat" ? getOnrampVendor(selectedFiatPaymentMethod) : undefined,
     });
     // Get geo options for fiat

package/dist/cjs/anyspend/services/anyspend.d.ts

@@ -28,7 +28,7 @@ export declare const anyspendService: {
     }>;
     getOrderAndTransactions: (orderId: string | undefined) => Promise<GetOrderAndTxsResponse>;
     getOrderHistory: (creatorAddress: string | undefined, limit?: number, offset?: number) => Promise<GetOrderHistoryResponse>;
-    getCoinbaseOnrampOptions: (country: string, visitorData?: VisitorData) => Promise<GetCoinbaseOnrampOptionsResponse>;
+    getCoinbaseOnrampOptions: (country: string | undefined, visitorData?: VisitorData) => Promise<GetCoinbaseOnrampOptionsResponse>;
     checkStripeSupport: (usdAmount?: string, visitorData?: VisitorData) => Promise<{
         stripeOnramp: boolean;
         stripeWeb2: components["schemas"]["StripeWeb2Support"];

package/dist/cjs/anyspend/services/anyspend.js

@@ -69,6 +69,7 @@ exports.anyspendService = {
         return data;
     },
     getOrderAndTransactions: async (orderId) => {
+        (0, invariant_1.default)(orderId, "orderId is required");
         const response = await fetch(`${constants_1.ANYSPEND_MAINNET_BASE_URL}/orders/${orderId}`);
         const data = await response.json();
         return data;
@@ -86,6 +87,7 @@ exports.anyspendService = {
         return data;
     },
     getCoinbaseOnrampOptions: async (country, visitorData) => {
+        (0, invariant_1.default)(country, "country is required");
         const params = new URLSearchParams({
             country,
             // include fingerprintId and requestId in the query params

package/dist/cjs/anyspend/types/api.d.ts

@@ -503,11 +503,16 @@ export interface paths {
                          * @example 0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913
                          */
                         dstTokenAddress: string;
+                        /**
+                         * @description Recipient address
+                         * @example 0x55c71fca5e01cf246718748ae540473e608d0282
+                         */
+                        recipientAddress?: string;
                         /**
                          * @description Type of trade execution
                          * @enum {string}
                          */
-                        tradeType: "EXACT_INPUT" | "EXPECTED_OUTPUT" | "EXACT_OUTPUT";
+                        tradeType: "EXACT_INPUT" | "EXACT_OUTPUT";
                         /**
                          * @description Amount to quote
                          * @example 1000000000000000000
@@ -544,6 +549,11 @@ export interface paths {
                          * @example 0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913
                          */
                         dstTokenAddress: string;
+                        /**
+                         * @description Recipient address
+                         * @example 0x55c71fca5e01cf246718748ae540473e608d0282
+                         */
+                        recipientAddress?: string;
                         /** @description Custom payload for execution */
                         payload: {
                             /** @description Encoded transaction data */
@@ -567,6 +577,11 @@ export interface paths {
                         dstChain: number;
                         srcTokenAddress: string;
                         dstTokenAddress: string;
+                        /**
+                         * @description Recipient address
+                         * @example 0x55c71fca5e01cf246718748ae540473e608d0282
+                         */
+                        recipientAddress?: string;
                         /** @enum {string} */
                         onrampVendor?: "coinbase" | "stripe" | "stripe-web2";
                         contractAddress: string;
@@ -581,6 +596,11 @@ export interface paths {
                         dstChain: number;
                         srcTokenAddress: string;
                         dstTokenAddress: string;
+                        /**
+                         * @description Recipient address
+                         * @example 0x55c71fca5e01cf246718748ae540473e608d0282
+                         */
+                        recipientAddress?: string;
                         /** @enum {string} */
                         onrampVendor?: "coinbase" | "stripe" | "stripe-web2";
                         contractAddress: string;
@@ -592,6 +612,11 @@ export interface paths {
                         dstChain: number;
                         srcTokenAddress: string;
                         dstTokenAddress: string;
+                        /**
+                         * @description Recipient address
+                         * @example 0x55c71fca5e01cf246718748ae540473e608d0282
+                         */
+                        recipientAddress?: string;
                         /** @enum {string} */
                         onrampVendor?: "coinbase" | "stripe" | "stripe-web2";
                         contractAddress: string;
@@ -622,6 +647,11 @@ export interface paths {
                          * @example 0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913
                          */
                         dstTokenAddress: string;
+                        /**
+                         * @description Recipient address
+                         * @example 0x55c71fca5e01cf246718748ae540473e608d0282
+                         */
+                        recipientAddress?: string;
                         /**
                          * @description Amount to quote
                          * @example 1000000000000000000
@@ -1087,6 +1117,11 @@ export interface components {
              * @example 990000
              */
             actualDstAmount: string | null;
+            /**
+             * @description Amount in after fee
+             * @example 990000
+             */
+            amountInAfterFee: string | null;
         };
         /** @description HypeDuel-specific payload */
         HypeDuelPayload: {
@@ -1100,6 +1135,11 @@ export interface components {
              * @example 990000
              */
             actualDstAmount: string | null;
+            /**
+             * @description Amount in after fee
+             * @example 990000
+             */
+            amountInAfterFee: string | null;
         };
         /** @description Custom execution payload */
         CustomPayload: {

package/dist/cjs/anyspend/utils/orderPayload.js

@@ -9,6 +9,7 @@ const buildPayload = (orderType, params) => {
             return {
                 expectedDstAmount,
                 actualDstAmount: null,
+                amountInAfterFee: null,
             };
         case "mint_nft":
             if (nft?.type === "erc1155") {
@@ -23,6 +24,7 @@ const buildPayload = (orderType, params) => {
                 return {
                     contractAddress: (0, utils_1.normalizeAddress)(nft.contractAddress),
                     nftPrice: nft?.price || "",
+                    tokenId: null,
                     contractType: nft?.type,
                 };
             }
@@ -45,6 +47,7 @@ const buildPayload = (orderType, params) => {
             return {
                 expectedDstAmount,
                 actualDstAmount: null,
+                amountInAfterFee: null,
             };
         default:
             throw new Error(`Invalid order type: ${orderType}`);

package/dist/cjs/bondkit/components/TradingView.js

@@ -2,16 +2,15 @@
 "use client";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const cdn_loader_1 = require("./utils/cdn-loader");
-const format_1 = require("./utils/format");
 const lucide_react_1 = require("lucide-react");
 const react_1 = require("react");
+const cdn_loader_1 = require("./utils/cdn-loader");
+const format_1 = require("./utils/format");
 // TradingView will be available on window after loading from CDN
 // Datafeed will be implemented inline
 // Mock loading overlay - replace with your actual loading component
 const GifLoadingOverlay = ({ className }) => ((0, jsx_runtime_1.jsx)("div", { className: `absolute inset-0 flex items-center justify-center bg-white/50 backdrop-blur-sm ${className || ""}`, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "text-secondary-grey h-8 w-8 animate-spin" }) }));
 const TradingView = ({ className, tokenAddress, tokenSymbol }) => {
-    const theme = "light";
     // Use token info for the current trade
     const currentTrade = {
         product_id: tokenAddress && tokenSymbol ? `${tokenSymbol}-${tokenAddress}` : "BONDKIT",
@@ -247,7 +246,7 @@ const TradingView = ({ className, tokenAddress, tokenSymbol }) => {
                 tvWidgetRef.current = null;
             }
         };
-    }, [theme, librariesLoaded]);
+    }, [librariesLoaded, currentTrade?.product_id, tradingViewDefaultInterval, tradingViewTimezone]);
     (0, react_1.useEffect)(() => {
         if (chartLoaded &&
             currentTrade?.product_id &&

package/dist/cjs/bondkit/swapService.js

@@ -190,6 +190,9 @@ class BondkitSwapService {
      */
     async getV4Config() {
         await this.initializeV4Config();
+        if (!this.v4Config) {
+            throw new Error("Failed to initialize V4 configuration");
+        }
         return this.v4Config;
     }
     /**