@b3dotfun/sdk 0.0.40-test.6 → 0.0.41-test.0

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

@@ -1,4 +1,5 @@
 import { components } from "../../../../anyspend/types/api";
+import { CryptoPaymentMethodType } from "./CryptoPaymentMethod";
 type Order = components["schemas"]["Order"];
 type Token = components["schemas"]["Token"];
 type Tournament = components["schemas"]["Tournament"];
@@ -11,6 +12,7 @@ interface TransferCryptoDetailsProps {
     nft?: NFT;
     onBack: () => void;
     recipientName?: string;
+    onPaymentMethodChange?: (method: CryptoPaymentMethodType) => void;
 }
 export declare const TransferCryptoDetails: import("react").NamedExoticComponent<TransferCryptoDetailsProps>;
 export {};

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

@@ -13,8 +13,10 @@ const qrcode_react_1 = require("qrcode.react");
 const react_3 = require("react");
 const sonner_1 = require("sonner");
 const chains_1 = require("viem/chains");
+const CryptoPaymentMethod_1 = require("./CryptoPaymentMethod");
 const OrderDetailsCollapsible_1 = require("./OrderDetailsCollapsible");
-exports.TransferCryptoDetails = (0, react_3.memo)(function TransferCryptoDetails({ order, srcToken, dstToken, tournament, nft, onBack, recipientName, }) {
+const PaymentMethodSwitch_1 = require("./PaymentMethodSwitch");
+exports.TransferCryptoDetails = (0, react_3.memo)(function TransferCryptoDetails({ order, srcToken, dstToken, tournament, nft, onBack, recipientName, onPaymentMethodChange, }) {
     const [timeLeft, setTimeLeft] = (0, react_3.useState)(0);
     (0, react_3.useEffect)(() => {
         const calculateTimeLeft = () => {
@@ -65,9 +67,9 @@ exports.TransferCryptoDetails = (0, react_3.memo)(function TransferCryptoDetails
         navigator.clipboard.writeText(order.globalAddress);
         sonner_1.toast.success("Deposit address copied to clipboard");
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex w-full flex-col gap-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("button", { onClick: onBack, className: "text-as-primary/60 hover:text-as-primary flex h-10 w-10 items-center justify-center rounded-full transition-colors", children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronLeft, { size: 24, className: "text-as-quaternary" }) }), (0, jsx_runtime_1.jsx)("h2", { className: "text-as-primary text-lg font-semibold", children: "Transfer crypto" }), (0, jsx_runtime_1.jsxs)("div", { className: "relative flex h-11 w-11 items-center justify-center", children: [(0, jsx_runtime_1.jsxs)("svg", { className: "h-11 w-11 -rotate-90", viewBox: "0 0 44 44", children: [(0, jsx_runtime_1.jsx)("circle", { cx: "22", cy: "22", r: "18", stroke: "currentColor", strokeWidth: "3", fill: "none", className: "text-gray-200" }), (0, jsx_runtime_1.jsx)("circle", { cx: "22", cy: "22", r: "18", stroke: "currentColor", strokeWidth: "3", fill: "none", strokeLinecap: "round", className: "text-blue-500", strokeDasharray: `${2 * Math.PI * 18}`, strokeDashoffset: `${2 * Math.PI * 18 * (1 - timeLeft / totalTime)}`, style: {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "order-transfer-crypto flex w-full flex-col gap-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "order-transfer-crypto-header flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("button", { onClick: onBack, className: "order-transfer-crypto-back-btn text-as-primary/60 hover:text-as-primary flex h-10 w-10 items-center justify-center rounded-full transition-colors", children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronLeft, { size: 24, className: "text-as-quaternary" }) }), (0, jsx_runtime_1.jsx)("h2", { className: "order-transfer-crypto-title text-as-primary text-lg font-semibold", children: "Transfer crypto" }), (0, jsx_runtime_1.jsxs)("div", { className: "order-transfer-crypto-timer relative flex h-11 w-11 items-center justify-center", children: [(0, jsx_runtime_1.jsxs)("svg", { className: "order-transfer-crypto-timer-svg h-11 w-11 -rotate-90", viewBox: "0 0 44 44", children: [(0, jsx_runtime_1.jsx)("circle", { cx: "22", cy: "22", r: "18", stroke: "currentColor", strokeWidth: "3", fill: "none", className: "order-transfer-crypto-timer-bg text-gray-200" }), (0, jsx_runtime_1.jsx)("circle", { cx: "22", cy: "22", r: "18", stroke: "currentColor", strokeWidth: "3", fill: "none", strokeLinecap: "round", className: "order-transfer-crypto-timer-progress text-blue-500", strokeDasharray: `${2 * Math.PI * 18}`, strokeDashoffset: `${2 * Math.PI * 18 * (1 - timeLeft / totalTime)}`, style: {
                                             transition: "stroke-dashoffset 1s linear",
-                                        } })] }), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 flex items-center justify-center", children: (0, jsx_runtime_1.jsx)("span", { className: "text-as-primary text-[10px] font-semibold", children: formatTime(timeLeft) }) })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex w-full flex-col gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "w-full", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-as-content-secondary text-sm font-medium", children: "Amount" }), (0, jsx_runtime_1.jsx)("div", { className: "border-as-border-primary rounded-lg border p-2 shadow-sm", children: (0, jsx_runtime_1.jsx)(react_1.CopyToClipboard, { text: roundedUpSrcAmount || "", onCopy: () => {
+                                        } })] }), (0, jsx_runtime_1.jsx)("div", { className: "order-transfer-crypto-timer-text absolute inset-0 flex items-center justify-center", children: (0, jsx_runtime_1.jsx)("span", { className: "text-as-primary text-[10px] font-semibold", children: formatTime(timeLeft) }) })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "order-transfer-crypto-content flex w-full flex-col gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "order-transfer-crypto-cards flex items-center gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "order-transfer-crypto-amount-card w-full", children: [(0, jsx_runtime_1.jsx)("span", { className: "order-transfer-crypto-amount-label text-as-content-secondary text-sm font-medium", children: "Amount" }), (0, jsx_runtime_1.jsx)("div", { className: "order-transfer-crypto-amount-container border-as-border-primary rounded-lg border p-2 shadow-sm", children: (0, jsx_runtime_1.jsx)(react_1.CopyToClipboard, { text: roundedUpSrcAmount || "", onCopy: () => {
                                                 sonner_1.toast.success("Amount copied to clipboard");
-                                            }, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex cursor-pointer items-center justify-between gap-2", children: [(0, jsx_runtime_1.jsxs)("strong", { className: "text-as-primary font-semibold", children: [roundedUpSrcAmount, " ", srcToken.symbol] }), (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { className: "text-as-primary/50 hover:text-as-primary h-4 w-4 transition-all duration-200" })] }) }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "w-full", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-as-content-secondary text-sm font-medium", children: "Chain" }), (0, jsx_runtime_1.jsx)("div", { className: "border-as-border-primary rounded-lg border p-2 shadow-sm", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("img", { src: anyspend_1.ALL_CHAINS[order.srcChain].logoUrl, alt: (0, anyspend_1.getChainName)(order.srcChain), className: (0, utils_1.cn)("h-6 rounded-full", order.srcChain === chains_1.b3.id && "h-5 rounded-none") }), (0, jsx_runtime_1.jsx)("span", { className: "text-as-primary text-sm font-semibold", children: (0, anyspend_1.getChainName)(order.srcChain) })] }) })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "border-b3-react-border bg-as-surface-secondary grid h-[220px] grid-cols-2 overflow-hidden rounded-xl border", children: [(0, jsx_runtime_1.jsx)("div", { className: "border-as-border-primary h-full w-full border-r", children: (0, jsx_runtime_1.jsx)("div", { className: "flex justify-center", children: (0, jsx_runtime_1.jsxs)("div", { className: "bg-as-surface-secondary flex flex-col items-center rounded-lg p-6", children: [(0, jsx_runtime_1.jsx)(qrcode_react_1.QRCodeSVG, { value: (0, anyspend_1.getPaymentUrl)(order.globalAddress, BigInt(order.srcAmount), order.srcTokenAddress === anyspend_1.RELAY_ETH_ADDRESS ? "ETH" : order.srcTokenAddress, order.srcChain, srcToken?.decimals), className: "bg-as-surface-secondary max-h-48 max-w-48" }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-3 flex items-center justify-center gap-2 text-sm", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-as-brand/70 text-sm font-medium", children: "SCAN WITH" }), (0, jsx_runtime_1.jsxs)(react_1.TextLoop, { interval: 3, children: [(0, jsx_runtime_1.jsx)(react_2.WalletMetamask, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_2.WalletCoinbase, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_2.WalletPhantom, { className: "h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_2.WalletTrust, { className: "h-5 w-5", variant: "branded" })] })] })] }) }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex h-full w-full flex-col gap-2 p-6", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-as-content-secondary text-sm font-medium", children: "Deposit address:" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex h-full cursor-pointer flex-col items-stretch justify-between gap-4", onClick: handleCopyAddress, children: [(0, jsx_runtime_1.jsx)("div", { className: "text-as-primary break-all font-mono text-sm font-semibold leading-relaxed", children: order.globalAddress }), (0, jsx_runtime_1.jsx)("div", { className: "place-self-end", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { className: "group-hover:text-as-brand text-as-tertiarry h-4 w-4 cursor-pointer transition-all duration-200" }) })] })] })] }), (0, jsx_runtime_1.jsx)(OrderDetailsCollapsible_1.OrderDetailsCollapsible, { order: order, dstToken: dstToken, tournament: tournament, nft: nft, recipientName: recipientName, formattedExpectedDstAmount: formattedExpectedDstAmount })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-3", children: (0, jsx_runtime_1.jsx)(react_1.ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", className: "w-full py-3", onClick: handleCopyAddress, children: "Copy deposit address" }) })] }));
+                                            }, children: (0, jsx_runtime_1.jsxs)("div", { className: "order-transfer-crypto-amount-copy flex cursor-pointer items-center justify-between gap-2", children: [(0, jsx_runtime_1.jsxs)("strong", { className: "order-transfer-crypto-amount-text text-as-primary font-semibold", children: [roundedUpSrcAmount, " ", srcToken.symbol] }), (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { className: "order-transfer-crypto-amount-copy-icon text-as-primary/50 hover:text-as-primary h-4 w-4 transition-all duration-200" })] }) }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "order-transfer-crypto-chain-card w-full", children: [(0, jsx_runtime_1.jsx)("span", { className: "order-transfer-crypto-chain-label text-as-content-secondary text-sm font-medium", children: "Chain" }), (0, jsx_runtime_1.jsx)("div", { className: "order-transfer-crypto-chain-container border-as-border-primary rounded-lg border p-2 shadow-sm", children: (0, jsx_runtime_1.jsxs)("div", { className: "order-transfer-crypto-chain-info flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("img", { src: anyspend_1.ALL_CHAINS[order.srcChain].logoUrl, alt: (0, anyspend_1.getChainName)(order.srcChain), className: (0, utils_1.cn)("order-transfer-crypto-chain-logo h-6 rounded-full", order.srcChain === chains_1.b3.id && "h-5 rounded-none") }), (0, jsx_runtime_1.jsx)("span", { className: "order-transfer-crypto-chain-name text-as-primary text-sm font-semibold", children: (0, anyspend_1.getChainName)(order.srcChain) })] }) })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "order-transfer-crypto-qr-deposit-card border-b3-react-border bg-as-surface-secondary grid h-[220px] grid-cols-2 overflow-hidden rounded-xl border", children: [(0, jsx_runtime_1.jsx)("div", { className: "order-transfer-crypto-qr-section border-as-border-primary h-full w-full border-r", children: (0, jsx_runtime_1.jsx)("div", { className: "order-transfer-crypto-qr-wrapper flex justify-center", children: (0, jsx_runtime_1.jsxs)("div", { className: "order-transfer-crypto-qr-container bg-as-surface-secondary flex flex-col items-center rounded-lg p-6", children: [(0, jsx_runtime_1.jsx)(qrcode_react_1.QRCodeSVG, { value: (0, anyspend_1.getPaymentUrl)(order.globalAddress, BigInt(order.srcAmount), order.srcTokenAddress === anyspend_1.RELAY_ETH_ADDRESS ? "ETH" : order.srcTokenAddress, order.srcChain, srcToken?.decimals), className: "order-transfer-crypto-qr-code bg-as-surface-secondary max-h-48 max-w-48" }), (0, jsx_runtime_1.jsxs)("div", { className: "order-transfer-crypto-wallet-hint mt-3 flex items-center justify-center gap-2 text-sm", children: [(0, jsx_runtime_1.jsx)("span", { className: "order-transfer-crypto-wallet-text text-as-brand/70 text-sm font-medium", children: "SCAN WITH" }), (0, jsx_runtime_1.jsxs)(react_1.TextLoop, { interval: 3, children: [(0, jsx_runtime_1.jsx)(react_2.WalletMetamask, { className: "order-transfer-crypto-wallet-icon h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_2.WalletCoinbase, { className: "order-transfer-crypto-wallet-icon h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_2.WalletPhantom, { className: "order-transfer-crypto-wallet-icon h-5 w-5", variant: "branded" }), (0, jsx_runtime_1.jsx)(react_2.WalletTrust, { className: "order-transfer-crypto-wallet-icon h-5 w-5", variant: "branded" })] })] })] }) }) }), (0, jsx_runtime_1.jsxs)("div", { className: "order-transfer-crypto-address-section flex h-full w-full flex-col gap-2 p-6", children: [(0, jsx_runtime_1.jsx)("span", { className: "order-transfer-crypto-address-label text-as-content-secondary text-sm font-medium", children: "Deposit address:" }), (0, jsx_runtime_1.jsxs)("div", { className: "order-transfer-crypto-address-copy flex h-full cursor-pointer flex-col items-stretch justify-between gap-4", onClick: handleCopyAddress, children: [(0, jsx_runtime_1.jsx)("div", { className: "order-transfer-crypto-address-text text-as-primary break-all font-mono text-sm font-semibold leading-relaxed", children: order.globalAddress }), (0, jsx_runtime_1.jsx)("div", { className: "order-transfer-crypto-address-copy-icon-wrapper place-self-end", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { className: "order-transfer-crypto-address-copy-icon group-hover:text-as-brand text-as-tertiarry h-4 w-4 cursor-pointer transition-all duration-200" }) })] })] })] }), (0, jsx_runtime_1.jsx)(OrderDetailsCollapsible_1.OrderDetailsCollapsible, { order: order, dstToken: dstToken, tournament: tournament, nft: nft, recipientName: recipientName, formattedExpectedDstAmount: formattedExpectedDstAmount })] }), (0, jsx_runtime_1.jsxs)("div", { className: "order-transfer-crypto-actions flex flex-col gap-3", children: [(0, jsx_runtime_1.jsx)(react_1.ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", className: "order-transfer-crypto-copy-btn w-full py-3", onClick: handleCopyAddress, children: "Copy deposit address" }), (0, jsx_runtime_1.jsx)(PaymentMethodSwitch_1.PaymentMethodSwitch, { currentMethod: CryptoPaymentMethod_1.CryptoPaymentMethodType.TRANSFER_CRYPTO, onMethodChange: onPaymentMethodChange })] })] }));
 });

package/dist/cjs/anyspend/react/contexts/FeatureFlagsContext.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+export interface FeatureFlags {
+    showPoints?: boolean;
+}
+interface FeatureFlagsProviderProps {
+    children: ReactNode;
+    featureFlags?: FeatureFlags;
+}
+export declare function FeatureFlagsProvider({ children, featureFlags }: FeatureFlagsProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useFeatureFlags(): FeatureFlags;
+export {};

package/dist/cjs/anyspend/react/contexts/FeatureFlagsContext.js

@@ -0,0 +1,21 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FeatureFlagsProvider = FeatureFlagsProvider;
+exports.useFeatureFlags = useFeatureFlags;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const FeatureFlagsContext = (0, react_1.createContext)(undefined);
+const defaultFeatureFlags = {
+    showPoints: false,
+};
+function FeatureFlagsProvider({ children, featureFlags = defaultFeatureFlags }) {
+    return (0, jsx_runtime_1.jsx)(FeatureFlagsContext.Provider, { value: { featureFlags }, children: children });
+}
+function useFeatureFlags() {
+    const context = (0, react_1.useContext)(FeatureFlagsContext);
+    if (!context) {
+        return defaultFeatureFlags;
+    }
+    return context.featureFlags;
+}

package/dist/cjs/anyspend/react/hooks/useAnyspendFlow.d.ts

@@ -7,7 +7,8 @@ export declare enum PanelView {
     FIAT_PAYMENT_METHOD = 2,
     RECIPIENT_SELECTION = 3,
     ORDER_DETAILS = 4,
-    LOADING = 5
+    LOADING = 5,
+    POINTS_DETAIL = 6
 }
 interface UseAnyspendFlowProps {
     paymentType?: "crypto" | "fiat";
@@ -140,6 +141,8 @@ export declare function useAnyspendFlow({ paymentType, recipientAddress, loadOrd
             };
             timeEstimate?: number;
             userBalance?: string;
+            pointsAmount?: number;
+            pointsMultiplier?: number;
         };
         statusCode: number;
     } | undefined;

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

@@ -22,6 +22,7 @@ var PanelView;
     PanelView[PanelView["RECIPIENT_SELECTION"] = 3] = "RECIPIENT_SELECTION";
     PanelView[PanelView["ORDER_DETAILS"] = 4] = "ORDER_DETAILS";
     PanelView[PanelView["LOADING"] = 5] = "LOADING";
+    PanelView[PanelView["POINTS_DETAIL"] = 6] = "POINTS_DETAIL";
 })(PanelView || (exports.PanelView = PanelView = {}));
 function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder, isDepositMode = false, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, slippage = 0, disableUrlParamManagement = false, }) {
     const searchParams = (0, react_2.useSearchParamsSSR)();
@@ -189,12 +190,19 @@ function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder,
     // Handle order completion
     (0, react_3.useEffect)(() => {
         if (oat?.data?.order.status === "executed") {
-            console.log("Order executed successfully");
-            // just get the payload.amount if available from custompayload
-            const amount = oat.data.order.payload?.amount;
-            onTransactionSuccess?.(amount);
+            // get the actualDstAmount if available from custompayload
+            const amount = oat.data.order.payload?.actualDstAmount;
+            const formattedActualDstAmount = amount
+                ? (0, number_1.formatTokenAmount)(BigInt(amount), oat.data.order.metadata.dstToken.decimals)
+                : undefined;
+            onTransactionSuccess?.(formattedActualDstAmount);
         }
-    }, [oat?.data?.order.status, oat?.data?.order.payload, onTransactionSuccess]);
+    }, [
+        oat?.data?.order.status,
+        oat?.data?.order.payload,
+        onTransactionSuccess,
+        oat?.data?.order.metadata.dstToken.decimals,
+    ]);
     return {
         // State
         activePanel,

package/dist/cjs/anyspend/react/providers/AnyspendProvider.d.ts

@@ -1,6 +1,8 @@
 import { ReactNode } from "react";
+import { FeatureFlags } from "../contexts/FeatureFlagsContext";
 interface AnyspendProviderProps {
     children: ReactNode;
+    featureFlags?: FeatureFlags;
 }
 /**
  * AnyspendProvider is a top-level provider that wraps your application to provide
@@ -12,17 +14,18 @@ interface AnyspendProviderProps {
  * - Safe to use at the application root
  * - Configures sensible defaults for query caching
  * - Handles Stripe payment redirects and modal state
+ * - Provides feature flags configuration
  *
  * @example
  * ```tsx
  * function App() {
  *   return (
- *     <AnyspendProvider>
+ *     <AnyspendProvider featureFlags={{ showPoints: true }}>
  *       <YourApp />
  *     </AnyspendProvider>
  *   );
  * }
  * ```
  */
-export declare const AnyspendProvider: ({ children }: AnyspendProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AnyspendProvider: ({ children, featureFlags }: AnyspendProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/anyspend/react/providers/AnyspendProvider.js

@@ -6,6 +6,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("../../../global-account/react");
 const react_query_1 = require("@tanstack/react-query");
 const react_2 = require("react");
+const FeatureFlagsContext_1 = require("../contexts/FeatureFlagsContext");
 const StripeRedirectHandler_1 = require("./StripeRedirectHandler");
 const defaultQueryClientConfig = {
     defaultOptions: {
@@ -26,20 +27,21 @@ const defaultQueryClientConfig = {
  * - Safe to use at the application root
  * - Configures sensible defaults for query caching
  * - Handles Stripe payment redirects and modal state
+ * - Provides feature flags configuration
  *
  * @example
  * ```tsx
  * function App() {
  *   return (
- *     <AnyspendProvider>
+ *     <AnyspendProvider featureFlags={{ showPoints: true }}>
  *       <YourApp />
  *     </AnyspendProvider>
  *   );
  * }
  * ```
  */
-const AnyspendProvider = function AnyspendProvider({ children }) {
+const AnyspendProvider = function AnyspendProvider({ children, featureFlags }) {
     const [queryClient] = (0, react_2.useState)(() => new react_query_1.QueryClient(defaultQueryClientConfig));
-    return ((0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsxs)(react_1.TooltipProvider, { children: [(0, jsx_runtime_1.jsx)(StripeRedirectHandler_1.StripeRedirectHandler, {}), children] }) }));
+    return ((0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(FeatureFlagsContext_1.FeatureFlagsProvider, { featureFlags: featureFlags, children: (0, jsx_runtime_1.jsxs)(react_1.TooltipProvider, { children: [(0, jsx_runtime_1.jsx)(StripeRedirectHandler_1.StripeRedirectHandler, {}), children] }) }) }));
 };
 exports.AnyspendProvider = AnyspendProvider;

package/dist/cjs/anyspend/react/providers/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./AnyspendProvider";
 export * from "./StripeRedirectHandler";
+export { useFeatureFlags, type FeatureFlags } from "../contexts/FeatureFlagsContext";

package/dist/cjs/anyspend/react/providers/index.js

@@ -14,5 +14,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFeatureFlags = void 0;
 __exportStar(require("./AnyspendProvider"), exports);
 __exportStar(require("./StripeRedirectHandler"), exports);
+var FeatureFlagsContext_1 = require("../contexts/FeatureFlagsContext");
+Object.defineProperty(exports, "useFeatureFlags", { enumerable: true, get: function () { return FeatureFlagsContext_1.useFeatureFlags; } });

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

@@ -798,6 +798,16 @@ export interface paths {
                                  * @example 0
                                  */
                                 userBalance?: string;
+                                /**
+                                 * @description Anyspend points that will be awarded for the order
+                                 * @example 100
+                                 */
+                                pointsAmount?: number;
+                                /**
+                                 * @description Multiplier applied to points that will be awarded for the order
+                                 * @example 1.5
+                                 */
+                                pointsMultiplier?: number;
                             };
                             /** @example 200 */
                             statusCode: number;

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

@@ -127,7 +127,7 @@ exports.EVM_MAINNET = {
         name: chains_1.bsc.name,
         logoUrl: "https://avatars.githubusercontent.com/u/45615063?s=280&v=4",
         type: chain_1.ChainType.EVM,
-        nativeRequired: (0, viem_1.parseEther)("0.000025"),
+        nativeRequired: (0, viem_1.parseEther)("0.0001"),
         canDepositNative: true,
         defaultToken: (0, token_1.getBnbToken)(),
         nativeToken: (0, token_1.getBnbToken)(),

package/dist/cjs/bondkit/bondkitToken.d.ts

@@ -1,6 +1,7 @@
 import type { Address, EIP1193Provider, GetContractReturnType, Hex, PublicClient, WalletClient } from "viem";
 import { BondkitTokenABI } from "./abis";
-import type { BondkitTokenInitializationConfig, GetTransactionHistoryOptions, TokenDetails, TokenStatus, TransactionResponse } from "./types";
+import type { BondkitTokenInitializationConfig, GetTransactionHistoryOptions, SwapQuote, TokenDetails, TransactionResponse } from "./types";
+import { TokenStatus } from "./types";
 type ExecuteWriteOptions = {
     value?: bigint;
     gas?: bigint;
@@ -18,7 +19,8 @@ export declare class BondkitToken {
     private walletClientInstance;
     private connectedProvider?;
     private tradingToken?;
-    constructor(contractAddress: string, walletKey?: string);
+    private swapService?;
+    constructor(contractAddress: string, walletKey?: string, rpcUrl?: string);
     connect(provider?: EIP1193Provider): boolean;
     /**
      * Connects using an EIP-1193 provider and requests accounts, selecting the first one.
@@ -69,5 +71,38 @@ export declare class BondkitToken {
     migrateToDex(options?: ExecuteWriteOptions): Promise<Hex | undefined>;
     transferTokenOwnership(newOwner: Address, options?: ExecuteWriteOptions): Promise<Hex | undefined>;
     renounceTokenOwnership(options?: ExecuteWriteOptions): Promise<Hex | undefined>;
+    /**
+     * Get the swap service instance (lazy initialization)
+     */
+    private getSwapService;
+    /**
+     * Check if DEX swapping is available (token must be in Dex phase)
+     */
+    isSwapAvailable(): Promise<boolean | undefined>;
+    /**
+     * Get swap quote for trading token → bondkit token
+     */
+    getSwapQuoteForBondkitToken(amountTradingTokenIn: string, slippageTolerance?: number): Promise<SwapQuote | undefined>;
+    /**
+     * Get swap quote for bondkit token → trading token
+     */
+    getSwapQuoteForTradingToken(amountBondkitTokenIn: string, slippageTolerance?: number): Promise<SwapQuote | undefined>;
+    /**
+     * Swap trading token for bondkit token
+     */
+    swapTradingTokenForBondkitToken(amountTradingTokenIn: string, slippageTolerance?: number, options?: ExecuteWriteOptions): Promise<Hex | undefined>;
+    /**
+     * Swap bondkit token for trading token
+     */
+    swapBondkitTokenForTradingToken(amountBondkitTokenIn: string, slippageTolerance?: number, options?: ExecuteWriteOptions): Promise<Hex | undefined>;
+    /**
+     * Helper method to get trading token decimals
+     */
+    private getTradingTokenDecimals;
+    /**
+     * Get trading token symbol
+     * @param tradingTokenAddress Optional trading token address to avoid fetching it again
+     */
+    getTradingTokenSymbol(tradingTokenAddress?: Address): Promise<string | undefined>;
 }
 export {};

package/dist/cjs/bondkit/bondkitToken.js

@@ -6,6 +6,8 @@ const accounts_1 = require("viem/accounts");
 const chains_1 = require("viem/chains");
 const abis_1 = require("./abis");
 const config_1 = require("./config");
+const swapService_1 = require("./swapService");
+const types_1 = require("./types");
 // Event ABI snippets for decoding
 const boughtEventAbi = abis_1.BondkitTokenABI.find(item => item.type === "event" && item.name === "BondingCurveBuy");
 const soldEventAbi = abis_1.BondkitTokenABI.find(item => item.type === "event" && item.name === "BondingCurveSell");
@@ -14,8 +16,8 @@ const dexMigrationEventAbi = abis_1.BondkitTokenABI.find(item => item.type === "
 const OKX_POLLING_MAX_RETRIES = 60; // 5 minutes with 5 second intervals
 const OKX_POLLING_INTERVAL_MS = 5000; // 5 seconds
 class BondkitToken {
-    constructor(contractAddress, walletKey) {
-        const sdkConfig = (0, config_1.getConfig)(chains_1.base.id);
+    constructor(contractAddress, walletKey, rpcUrl) {
+        const sdkConfig = (0, config_1.getConfig)(chains_1.base.id, rpcUrl);
         this.chain = sdkConfig.chain;
         this.rpcUrl = sdkConfig.rpcUrl;
         this.apiEndpoint = sdkConfig.apiEndpoint;
@@ -558,5 +560,269 @@ class BondkitToken {
     async renounceTokenOwnership(options) {
         return this.executeWrite("renounceOwnership", [], options);
     }
+    // --- DEX Swap Methods ---
+    /**
+     * Get the swap service instance (lazy initialization)
+     */
+    getSwapService() {
+        if (!this.swapService) {
+            this.swapService = new swapService_1.BondkitSwapService(this.contractAddress);
+        }
+        return this.swapService;
+    }
+    /**
+     * Check if DEX swapping is available (token must be in Dex phase)
+     */
+    async isSwapAvailable() {
+        try {
+            const status = await this.currentStatus();
+            return status === types_1.TokenStatus.Dex;
+        }
+        catch (error) {
+            console.warn("Error checking swap availability:", error);
+            return undefined;
+        }
+    }
+    /**
+     * Get swap quote for trading token → bondkit token
+     */
+    async getSwapQuoteForBondkitToken(amountTradingTokenIn, slippageTolerance = 0.5) {
+        try {
+            // Check if swapping is available
+            const swapAvailable = await this.isSwapAvailable();
+            if (!swapAvailable) {
+                console.warn("DEX swapping not available - token must be in Dex phase");
+                return undefined;
+            }
+            const tradingTokenAddress = await this.getTradingTokenAddress();
+            if (!tradingTokenAddress) {
+                console.warn("Trading token address not available");
+                return undefined;
+            }
+            // Get token details for decimals
+            const [tradingTokenDecimals, bondkitTokenDecimals] = await Promise.all([
+                this.getTradingTokenDecimals(tradingTokenAddress),
+                this.decimals(),
+            ]);
+            if (tradingTokenDecimals === undefined || bondkitTokenDecimals === undefined) {
+                console.warn("Unable to fetch token decimals");
+                return undefined;
+            }
+            const swapService = this.getSwapService();
+            const quote = await swapService.getSwapQuote({
+                tokenIn: tradingTokenAddress,
+                tokenOut: this.contractAddress,
+                amountIn: amountTradingTokenIn,
+                tokenInDecimals: tradingTokenDecimals,
+                tokenOutDecimals: bondkitTokenDecimals,
+                slippageTolerance,
+                recipient: this.walletClientInstance.account?.address || "0x0000000000000000000000000000000000000000",
+            });
+            return quote || undefined;
+        }
+        catch (error) {
+            console.warn("Error getting swap quote for bondkit token:", error);
+            return undefined;
+        }
+    }
+    /**
+     * Get swap quote for bondkit token → trading token
+     */
+    async getSwapQuoteForTradingToken(amountBondkitTokenIn, slippageTolerance = 0.5) {
+        try {
+            // Check if swapping is available
+            const swapAvailable = await this.isSwapAvailable();
+            if (!swapAvailable) {
+                console.warn("DEX swapping not available - token must be in Dex phase");
+                return undefined;
+            }
+            const tradingTokenAddress = await this.getTradingTokenAddress();
+            if (!tradingTokenAddress) {
+                console.warn("Trading token address not available");
+                return undefined;
+            }
+            // Get token details for decimals
+            const [bondkitTokenDecimals, tradingTokenDecimals] = await Promise.all([
+                this.decimals(),
+                this.getTradingTokenDecimals(tradingTokenAddress),
+            ]);
+            if (bondkitTokenDecimals === undefined || tradingTokenDecimals === undefined) {
+                console.warn("Unable to fetch token decimals");
+                return undefined;
+            }
+            const swapService = this.getSwapService();
+            const quote = await swapService.getSwapQuote({
+                tokenIn: this.contractAddress,
+                tokenOut: tradingTokenAddress,
+                amountIn: amountBondkitTokenIn,
+                tokenInDecimals: bondkitTokenDecimals,
+                tokenOutDecimals: tradingTokenDecimals,
+                slippageTolerance,
+                recipient: this.walletClientInstance.account?.address || "0x0000000000000000000000000000000000000000",
+            });
+            return quote || undefined;
+        }
+        catch (error) {
+            console.warn("Error getting swap quote for trading token:", error);
+            return undefined;
+        }
+    }
+    /**
+     * Swap trading token for bondkit token
+     */
+    async swapTradingTokenForBondkitToken(amountTradingTokenIn, slippageTolerance = 0.5, options) {
+        try {
+            // Check if swapping is available
+            const swapAvailable = await this.isSwapAvailable();
+            if (!swapAvailable) {
+                console.warn("DEX swapping not available - token must be in Dex phase");
+                return undefined;
+            }
+            if (!this.walletClientInstance.account && !this.walletKey) {
+                console.warn("Wallet key not set or client not connected for swap operation");
+                return undefined;
+            }
+            const tradingTokenAddress = await this.getTradingTokenAddress();
+            if (!tradingTokenAddress) {
+                console.warn("Trading token address not available");
+                return undefined;
+            }
+            // Get token details for decimals
+            const [tradingTokenDecimals, bondkitTokenDecimals] = await Promise.all([
+                this.getTradingTokenDecimals(tradingTokenAddress),
+                this.decimals(),
+            ]);
+            if (tradingTokenDecimals === undefined || bondkitTokenDecimals === undefined) {
+                console.warn("Unable to fetch token decimals");
+                return undefined;
+            }
+            const recipient = this.walletClientInstance.account?.address ||
+                (this.walletKey ? (0, accounts_1.privateKeyToAccount)(this.walletKey).address : undefined);
+            if (!recipient) {
+                console.warn("Unable to determine recipient address");
+                return undefined;
+            }
+            const swapService = this.getSwapService();
+            const txHash = await swapService.executeSwap({
+                tokenIn: tradingTokenAddress,
+                tokenOut: this.contractAddress,
+                amountIn: amountTradingTokenIn,
+                tokenInDecimals: tradingTokenDecimals,
+                tokenOutDecimals: bondkitTokenDecimals,
+                slippageTolerance,
+                recipient,
+                deadline: (options?.value ? Math.floor(Date.now() / 1000) : 0) + 3600,
+            }, this.walletClientInstance);
+            return txHash ? txHash : undefined;
+        }
+        catch (error) {
+            console.warn("Error swapping trading token for bondkit token:", error);
+            return undefined;
+        }
+    }
+    /**
+     * Swap bondkit token for trading token
+     */
+    async swapBondkitTokenForTradingToken(amountBondkitTokenIn, slippageTolerance = 0.5, options) {
+        try {
+            // Check if swapping is available
+            const swapAvailable = await this.isSwapAvailable();
+            if (!swapAvailable) {
+                console.warn("DEX swapping not available - token must be in Dex phase");
+                return undefined;
+            }
+            if (!this.walletClientInstance.account && !this.walletKey) {
+                console.warn("Wallet key not set or client not connected for swap operation");
+                return undefined;
+            }
+            const tradingTokenAddress = await this.getTradingTokenAddress();
+            if (!tradingTokenAddress) {
+                console.warn("Trading token address not available");
+                return undefined;
+            }
+            // Get token details for decimals
+            const [bondkitTokenDecimals, tradingTokenDecimals] = await Promise.all([
+                this.decimals(),
+                this.getTradingTokenDecimals(tradingTokenAddress),
+            ]);
+            if (bondkitTokenDecimals === undefined || tradingTokenDecimals === undefined) {
+                console.warn("Unable to fetch token decimals");
+                return undefined;
+            }
+            const recipient = this.walletClientInstance.account?.address ||
+                (this.walletKey ? (0, accounts_1.privateKeyToAccount)(this.walletKey).address : undefined);
+            if (!recipient) {
+                console.warn("Unable to determine recipient address");
+                return undefined;
+            }
+            const swapService = this.getSwapService();
+            const txHash = await swapService.executeSwap({
+                tokenIn: this.contractAddress,
+                tokenOut: tradingTokenAddress,
+                amountIn: amountBondkitTokenIn,
+                tokenInDecimals: bondkitTokenDecimals,
+                tokenOutDecimals: tradingTokenDecimals,
+                slippageTolerance,
+                recipient,
+                deadline: (options?.value ? Math.floor(Date.now() / 1000) : 0) + 3600,
+            }, this.walletClientInstance);
+            return txHash ? txHash : undefined;
+        }
+        catch (error) {
+            console.warn("Error swapping bondkit token for trading token:", error);
+            return undefined;
+        }
+    }
+    /**
+     * Helper method to get trading token decimals
+     */
+    async getTradingTokenDecimals(tradingTokenAddress) {
+        try {
+            // ETH has 18 decimals
+            if (tradingTokenAddress === "0x0000000000000000000000000000000000000000") {
+                return 18;
+            }
+            // For ERC20 tokens, read decimals from contract
+            const tradingTokenContract = (0, viem_1.getContract)({
+                address: tradingTokenAddress,
+                abi: viem_1.erc20Abi,
+                client: this.publicClient,
+            });
+            const decimals = await tradingTokenContract.read.decimals();
+            return Number(decimals);
+        }
+        catch (error) {
+            console.warn("Error fetching trading token decimals:", error);
+            return undefined;
+        }
+    }
+    /**
+     * Get trading token symbol
+     * @param tradingTokenAddress Optional trading token address to avoid fetching it again
+     */
+    async getTradingTokenSymbol(tradingTokenAddress) {
+        try {
+            const tokenAddress = tradingTokenAddress || (await this.getTradingTokenAddress());
+            if (!tokenAddress) {
+                return undefined;
+            }
+            // ETH symbol
+            if (tokenAddress === "0x0000000000000000000000000000000000000000") {
+                return "ETH";
+            }
+            // For ERC20 tokens, read symbol from contract
+            const tradingTokenContract = (0, viem_1.getContract)({
+                address: tokenAddress,
+                abi: viem_1.erc20Abi,
+                client: this.publicClient,
+            });
+            const symbol = await tradingTokenContract.read.symbol();
+            return symbol;
+        }
+        catch (error) {
+            console.warn("Error fetching trading token symbol:", error);
+            return undefined;
+        }
+    }
 }
 exports.BondkitToken = BondkitToken;

package/dist/cjs/bondkit/bondkitTokenFactory.d.ts

@@ -10,7 +10,7 @@ export declare class BondkitTokenFactory {
     private rpcUrl;
     private walletClientInstance;
     private connectedProvider?;
-    constructor(chainId: SupportedChainId, walletKey?: string);
+    constructor(chainId: SupportedChainId, walletKey?: string, rpcUrl?: string);
     connect(provider?: EIP1193Provider): boolean;
     /**
      * Connects using an EIP-1193 provider and requests accounts, selecting the first one.

package/dist/cjs/bondkit/bondkitTokenFactory.js

@@ -8,14 +8,14 @@ const config_1 = require("./config");
 // Define the event ABI snippet for BondkitTokenCreated specifically for decoding
 const bondkitTokenCreatedEventAbi = abis_1.BondkitTokenFactoryABI.find(item => item.type === "event" && item.name === "BondkitTokenCreated");
 class BondkitTokenFactory {
-    constructor(chainId, walletKey) {
+    constructor(chainId, walletKey, rpcUrl) {
         if (walletKey && !walletKey.startsWith("0x")) {
             this.walletKey = `0x${walletKey}`;
         }
         else if (walletKey) {
             this.walletKey = walletKey;
         }
-        const config = (0, config_1.getConfig)(chainId);
+        const config = (0, config_1.getConfig)(chainId, rpcUrl);
         this.chain = config.chain;
         this.contractAddress = config.factoryAddress;
         this.rpcUrl = config.rpcUrl;

package/dist/cjs/bondkit/config.d.ts

@@ -7,4 +7,4 @@ export interface Config {
     apiEndpoint: string;
 }
 export type SupportedChainId = typeof base.id;
-export declare const getConfig: (chainId: number) => Config;
+export declare const getConfig: (chainId: number, rpcUrl?: string) => Config;