@b3dotfun/sdk 0.0.55 → 0.0.56-alpha.1

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

@@ -1,5 +1,5 @@
 import { components } from "../../../anyspend/types/api";
-export declare function AnySpendStakeUpside({ loadOrder, mode, beneficiaryAddress, stakeAmount, stakingContractAddress, token, poolType, onSuccess, }: {
+export declare function AnySpendStakeUpside({ loadOrder, mode, beneficiaryAddress, stakeAmount, stakingContractAddress, token, poolType, onSuccess, activeTab, }: {
     loadOrder?: string;
     mode?: "modal" | "page";
     beneficiaryAddress: string;
@@ -8,4 +8,5 @@ export declare function AnySpendStakeUpside({ loadOrder, mode, beneficiaryAddres
     token: components["schemas"]["Token"];
     poolType: "b3" | "weth";
     onSuccess?: () => void;
+    activeTab?: "crypto" | "fiat";
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -30,8 +30,8 @@ function generateEncodedDataForStaking(amount, beneficiary, poolType) {
     }
     throw new Error("Unsupported pool type");
 }
-function AnySpendStakeUpside({ loadOrder, mode = "modal", beneficiaryAddress, stakeAmount, stakingContractAddress, token, poolType, onSuccess, }) {
-    const header = () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "relative mx-auto size-32", children: (0, jsx_runtime_1.jsx)("img", { alt: "token", className: "size-full", src: token.metadata.logoURI || "https://cdn.b3.fun/b3-coin-3d.png" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "from-b3-react-background to-as-on-surface-1 mt-[-60px] w-full rounded-t-lg bg-gradient-to-t", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-[60px] w-full" }), (0, jsx_runtime_1.jsx)("div", { className: "mb-1 flex w-full flex-col items-center gap-2 p-5", children: (0, jsx_runtime_1.jsxs)("span", { className: "font-sf-rounded text-2xl font-semibold", children: ["Swap & Stake ", stakeAmount ? (0, number_1.formatTokenAmount)(BigInt(stakeAmount), token.decimals) : "", " ", token.symbol] }) })] })] }));
+function AnySpendStakeUpside({ loadOrder, mode = "modal", beneficiaryAddress, stakeAmount, stakingContractAddress, token, poolType, onSuccess, activeTab, }) {
+    const header = () => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: "from-b3-react-background to-as-on-surface-1 mt-[-60px] w-full rounded-t-lg bg-gradient-to-t", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-[60px] w-full" }), (0, jsx_runtime_1.jsx)("div", { className: "mb-1 flex w-full flex-col items-center gap-2 p-5", children: (0, jsx_runtime_1.jsxs)("span", { className: "font-sf-rounded text-2xl font-semibold", children: ["Swap & Stake ", stakeAmount ? (0, number_1.formatTokenAmount)(BigInt(stakeAmount), token.decimals) : "", " ", token.symbol] }) })] }) }));
     // Only generate encoded data if we have a valid beneficiary address
     // This is used for the AnySpendCustom swap & stake flow
     if (!beneficiaryAddress || beneficiaryAddress === "") {
@@ -40,5 +40,5 @@ function AnySpendStakeUpside({ loadOrder, mode = "modal", beneficiaryAddress, st
     const encodedData = generateEncodedDataForStaking(stakeAmount, beneficiaryAddress, poolType);
     return ((0, jsx_runtime_1.jsx)(AnySpendCustom_1.AnySpendCustom, { loadOrder: loadOrder, mode: mode, recipientAddress: beneficiaryAddress, orderType: "custom", dstChainId: chains_1.base.id, dstToken: token, dstAmount: stakeAmount, contractAddress: stakingContractAddress, encodedData: encodedData, metadata: {
             action: `stake ${token.symbol}`,
-        }, header: header, onSuccess: onSuccess, showRecipient: true }));
+        }, header: header, onSuccess: onSuccess, showRecipient: true, activeTab: activeTab }));
 }

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

@@ -78,7 +78,6 @@ export interface paths {
         /**
          * Get Coinbase onramp options
          * @description Retrieves available Coinbase onramp configuration options.
-         *
          */
         get: {
             parameters: {
@@ -288,12 +287,12 @@ export interface paths {
          */
         get: {
             parameters: {
-                query?: {
+                query: {
                     /**
-                     * @description Optional address of the order creator (if not provided, returns all orders)
+                     * @description Address of the order creator
                      * @example 0x58241893EF1f86C9fBd8109Cd44Ea961fDb474e1
                      */
-                    creatorAddress?: string;
+                    creatorAddress: string;
                     /**
                      * @description Maximum number of orders to return
                      * @example 20

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

@@ -227,6 +227,8 @@ export interface AnySpendStakeUpsideProps extends BaseModalProps {
     poolType: "b3" | "weth";
     /** Token address to stake */
     token: components["schemas"]["Token"];
+    /** Active tab for the modal */
+    activeTab?: "crypto" | "fiat";
     /** Callback function called when the stake is successful */
     onSuccess?: () => void;
 }

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

@@ -1,5 +1,5 @@
 import { components } from "../../../anyspend/types/api";
-export declare function AnySpendStakeUpside({ loadOrder, mode, beneficiaryAddress, stakeAmount, stakingContractAddress, token, poolType, onSuccess, }: {
+export declare function AnySpendStakeUpside({ loadOrder, mode, beneficiaryAddress, stakeAmount, stakingContractAddress, token, poolType, onSuccess, activeTab, }: {
     loadOrder?: string;
     mode?: "modal" | "page";
     beneficiaryAddress: string;
@@ -8,4 +8,5 @@ export declare function AnySpendStakeUpside({ loadOrder, mode, beneficiaryAddres
     token: components["schemas"]["Token"];
     poolType: "b3" | "weth";
     onSuccess?: () => void;
+    activeTab?: "crypto" | "fiat";
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -24,8 +24,8 @@ function generateEncodedDataForStaking(amount, beneficiary, poolType) {
     }
     throw new Error("Unsupported pool type");
 }
-export function AnySpendStakeUpside({ loadOrder, mode = "modal", beneficiaryAddress, stakeAmount, stakingContractAddress, token, poolType, onSuccess, }) {
-    const header = () => (_jsxs(_Fragment, { children: [_jsx("div", { className: "relative mx-auto size-32", children: _jsx("img", { alt: "token", className: "size-full", src: token.metadata.logoURI || "https://cdn.b3.fun/b3-coin-3d.png" }) }), _jsxs("div", { className: "from-b3-react-background to-as-on-surface-1 mt-[-60px] w-full rounded-t-lg bg-gradient-to-t", children: [_jsx("div", { className: "h-[60px] w-full" }), _jsx("div", { className: "mb-1 flex w-full flex-col items-center gap-2 p-5", children: _jsxs("span", { className: "font-sf-rounded text-2xl font-semibold", children: ["Swap & Stake ", stakeAmount ? formatTokenAmount(BigInt(stakeAmount), token.decimals) : "", " ", token.symbol] }) })] })] }));
+export function AnySpendStakeUpside({ loadOrder, mode = "modal", beneficiaryAddress, stakeAmount, stakingContractAddress, token, poolType, onSuccess, activeTab, }) {
+    const header = () => (_jsx(_Fragment, { children: _jsxs("div", { className: "from-b3-react-background to-as-on-surface-1 mt-[-60px] w-full rounded-t-lg bg-gradient-to-t", children: [_jsx("div", { className: "h-[60px] w-full" }), _jsx("div", { className: "mb-1 flex w-full flex-col items-center gap-2 p-5", children: _jsxs("span", { className: "font-sf-rounded text-2xl font-semibold", children: ["Swap & Stake ", stakeAmount ? formatTokenAmount(BigInt(stakeAmount), token.decimals) : "", " ", token.symbol] }) })] }) }));
     // Only generate encoded data if we have a valid beneficiary address
     // This is used for the AnySpendCustom swap & stake flow
     if (!beneficiaryAddress || beneficiaryAddress === "") {
@@ -34,5 +34,5 @@ export function AnySpendStakeUpside({ loadOrder, mode = "modal", beneficiaryAddr
     const encodedData = generateEncodedDataForStaking(stakeAmount, beneficiaryAddress, poolType);
     return (_jsx(AnySpendCustom, { loadOrder: loadOrder, mode: mode, recipientAddress: beneficiaryAddress, orderType: "custom", dstChainId: base.id, dstToken: token, dstAmount: stakeAmount, contractAddress: stakingContractAddress, encodedData: encodedData, metadata: {
             action: `stake ${token.symbol}`,
-        }, header: header, onSuccess: onSuccess, showRecipient: true }));
+        }, header: header, onSuccess: onSuccess, showRecipient: true, activeTab: activeTab }));
 }

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

@@ -78,7 +78,6 @@ export interface paths {
         /**
          * Get Coinbase onramp options
          * @description Retrieves available Coinbase onramp configuration options.
-         *
          */
         get: {
             parameters: {
@@ -288,12 +287,12 @@ export interface paths {
          */
         get: {
             parameters: {
-                query?: {
+                query: {
                     /**
-                     * @description Optional address of the order creator (if not provided, returns all orders)
+                     * @description Address of the order creator
                      * @example 0x58241893EF1f86C9fBd8109Cd44Ea961fDb474e1
                      */
-                    creatorAddress?: string;
+                    creatorAddress: string;
                     /**
                      * @description Maximum number of orders to return
                      * @example 20

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

@@ -227,6 +227,8 @@ export interface AnySpendStakeUpsideProps extends BaseModalProps {
     poolType: "b3" | "weth";
     /** Token address to stake */
     token: components["schemas"]["Token"];
+    /** Active tab for the modal */
+    activeTab?: "crypto" | "fiat";
     /** Callback function called when the stake is successful */
     onSuccess?: () => void;
 }

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

@@ -1,5 +1,5 @@
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
-export declare function AnySpendStakeUpside({ loadOrder, mode, beneficiaryAddress, stakeAmount, stakingContractAddress, token, poolType, onSuccess, }: {
+export declare function AnySpendStakeUpside({ loadOrder, mode, beneficiaryAddress, stakeAmount, stakingContractAddress, token, poolType, onSuccess, activeTab, }: {
     loadOrder?: string;
     mode?: "modal" | "page";
     beneficiaryAddress: string;
@@ -8,4 +8,5 @@ export declare function AnySpendStakeUpside({ loadOrder, mode, beneficiaryAddres
     token: components["schemas"]["Token"];
     poolType: "b3" | "weth";
     onSuccess?: () => void;
+    activeTab?: "crypto" | "fiat";
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -78,7 +78,6 @@ export interface paths {
         /**
          * Get Coinbase onramp options
          * @description Retrieves available Coinbase onramp configuration options.
-         *
          */
         get: {
             parameters: {
@@ -288,12 +287,12 @@ export interface paths {
          */
         get: {
             parameters: {
-                query?: {
+                query: {
                     /**
-                     * @description Optional address of the order creator (if not provided, returns all orders)
+                     * @description Address of the order creator
                      * @example 0x58241893EF1f86C9fBd8109Cd44Ea961fDb474e1
                      */
-                    creatorAddress?: string;
+                    creatorAddress: string;
                     /**
                      * @description Maximum number of orders to return
                      * @example 20

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

@@ -227,6 +227,8 @@ export interface AnySpendStakeUpsideProps extends BaseModalProps {
     poolType: "b3" | "weth";
     /** Token address to stake */
     token: components["schemas"]["Token"];
+    /** Active tab for the modal */
+    activeTab?: "crypto" | "fiat";
     /** Callback function called when the stake is successful */
     onSuccess?: () => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b3dotfun/sdk",
-  "version": "0.0.55",
+  "version": "0.0.56-alpha.1",
   "source": "src/index.ts",
   "main": "./dist/cjs/index.js",
   "react-native": "./dist/cjs/index.native.js",
@@ -295,8 +295,8 @@
     "@radix-ui/react-slot": "1.1.2",
     "@radix-ui/react-tabs": "1.1.3",
     "@radix-ui/react-tooltip": "1.1.8",
-    "@relayprotocol/relay-kit-ui": "5.0.3",
-    "@relayprotocol/relay-sdk": "3.0.0",
+    "@relayprotocol/relay-kit-ui": "5.0.6",
+    "@relayprotocol/relay-sdk": "3.0.1",
     "@solana/spl-token": "^0.4.13",
     "@solana/web3.js": "^1.98.2",
     "@stripe/react-stripe-js": "^3.7.0",

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

@@ -34,6 +34,7 @@ export function AnySpendStakeUpside({
   token,
   poolType,
   onSuccess,
+  activeTab,
 }: {
   loadOrder?: string;
   mode?: "modal" | "page";
@@ -43,12 +44,10 @@ export function AnySpendStakeUpside({
   token: components["schemas"]["Token"];
   poolType: "b3" | "weth";
   onSuccess?: () => void;
+  activeTab?: "crypto" | "fiat";
 }) {
   const header = () => (
     <>
-      <div className="relative mx-auto size-32">
-        <img alt="token" className="size-full" src={token.metadata.logoURI || "https://cdn.b3.fun/b3-coin-3d.png"} />
-      </div>
       <div className="from-b3-react-background to-as-on-surface-1 mt-[-60px] w-full rounded-t-lg bg-gradient-to-t">
         <div className="h-[60px] w-full" />
         <div className="mb-1 flex w-full flex-col items-center gap-2 p-5">
@@ -91,6 +90,7 @@ export function AnySpendStakeUpside({
       header={header}
       onSuccess={onSuccess}
       showRecipient={true}
+      activeTab={activeTab}
     />
   );
 }

package/src/anyspend/types/api.ts

@@ -79,7 +79,6 @@ export interface paths {
     /**
      * Get Coinbase onramp options
      * @description Retrieves available Coinbase onramp configuration options.
-     *
      */
     get: {
       parameters: {
@@ -289,12 +288,12 @@ export interface paths {
      */
     get: {
       parameters: {
-        query?: {
+        query: {
           /**
-           * @description Optional address of the order creator (if not provided, returns all orders)
+           * @description Address of the order creator
            * @example 0x58241893EF1f86C9fBd8109Cd44Ea961fDb474e1
            */
-          creatorAddress?: string;
+          creatorAddress: string;
           /**
            * @description Maximum number of orders to return
            * @example 20

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

@@ -240,6 +240,8 @@ export interface AnySpendStakeUpsideProps extends BaseModalProps {
   poolType: "b3" | "weth";
   /** Token address to stake */
   token: components["schemas"]["Token"];
+  /** Active tab for the modal */
+  activeTab?: "crypto" | "fiat";
   /** Callback function called when the stake is successful */
   onSuccess?: () => void;
 }