@b3dotfun/sdk 0.0.40-alpha.1 → 0.0.40-alpha.2

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

@@ -55,9 +55,6 @@ function getOrderSuccessText({ order, tournament, formattedActualDstAmount, form
         case "custom":
             actionText = order.metadata.action || `executed contract`;
             return `Successfully ${actionText}`;
-        case "hype_duel":
-            actionText = `deposited ${formattedActualDstAmount || "--"} HYPE`;
-            return `Successfully ${actionText} to ${recipient}`;
         default:
             throw new Error("Invalid order type");
     }
@@ -434,7 +431,7 @@ exports.OrderDetails = (0, react_4.memo)(function OrderDetails({ mode = "modal",
                                             : null] }) })] }) }), order.errorDetails && ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-center", children: (0, jsx_runtime_1.jsx)("span", { className: "text-as-primary/50 text-center text-sm", style: { maxWidth: "40ch" }, children: (0, anyspend_1.getErrorDisplay)(order.errorDetails) }) })), (0, jsx_runtime_1.jsx)("button", { className: "order-close-button order-details-close-btn bg-as-brand flex w-full items-center justify-center gap-2 rounded-lg p-2 font-semibold text-white", onClick: mode === "page" ? handleBack : handleCloseModal, children: mode === "page" ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Return to Home ", (0, jsx_runtime_1.jsx)(lucide_react_1.Home, { className: "ml-2 h-4 w-4" })] })) : ("Close") })] }));
     }
     if (executeTx) {
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(OrderStatus_1.OrderStatus, { order: order, selectedCryptoPaymentMethod: orderStatusPaymentMethod }), (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)(Accordion_1.Accordion, { type: "single", collapsible: true, className: "order-details-accordion w-full", children: (0, jsx_runtime_1.jsxs)(Accordion_1.AccordionItem, { value: "execute-details", className: "order-details-execute-item", children: [(0, jsx_runtime_1.jsx)(Accordion_1.AccordionTrigger, { className: "order-details-execute-trigger", children: "Transaction Details" }), (0, jsx_runtime_1.jsx)(Accordion_1.AccordionContent, { className: "order-details-execute-content pl-2", children: (0, jsx_runtime_1.jsxs)("div", { className: "relative flex w-full flex-col gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-as-surface-secondary absolute bottom-2 left-4 top-2 z-[5] w-2", children: (0, jsx_runtime_1.jsx)(react_3.motion.div, { className: "bg-as-border-primary absolute left-[2px] top-0 z-10 w-[3px]", initial: { height: "0%" }, animate: { height: "100%" }, transition: { duration: 1.5, ease: "easeInOut" } }) }), depositTxs
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(OrderStatus_1.OrderStatus, { order: order, selectedCryptoPaymentMethod: orderStatusPaymentMethod }), (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)(Accordion_1.Accordion, { type: "single", collapsible: true, className: "order-details-accordion w-full", children: (0, jsx_runtime_1.jsxs)(Accordion_1.AccordionItem, { value: "execute-details", className: "order-details-execute-item", children: [(0, jsx_runtime_1.jsx)(Accordion_1.AccordionTrigger, { className: "accordion-trigger", children: "Transaction Details" }), (0, jsx_runtime_1.jsx)(Accordion_1.AccordionContent, { className: "accordion-content pl-2", children: (0, jsx_runtime_1.jsxs)("div", { className: "relative flex w-full flex-col gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-as-surface-secondary absolute bottom-2 left-4 top-2 z-[5] w-2", children: (0, jsx_runtime_1.jsx)(react_3.motion.div, { className: "bg-as-border-primary absolute left-[2px] top-0 z-10 w-[3px]", initial: { height: "0%" }, animate: { height: "100%" }, transition: { duration: 1.5, ease: "easeInOut" } }) }), depositTxs
                                             ? depositTxs.map(dTxs => ((0, jsx_runtime_1.jsx)(TransactionDetails, { title: order.onrampMetadata?.vendor === "stripe-web2"
                                                     ? `Received payment`
                                                     : `Received ${(0, number_1.formatTokenAmount)(BigInt(dTxs.amount), srcToken.decimals)} ${srcToken.symbol}`, chainId: order.srcChain, tx: dTxs, isProcessing: false }, dTxs.txHash)))

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

@@ -189,12 +189,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/esm/anyspend/react/components/common/OrderDetails.js

@@ -49,9 +49,6 @@ function getOrderSuccessText({ order, tournament, formattedActualDstAmount, form
         case "custom":
             actionText = order.metadata.action || `executed contract`;
             return `Successfully ${actionText}`;
-        case "hype_duel":
-            actionText = `deposited ${formattedActualDstAmount || "--"} HYPE`;
-            return `Successfully ${actionText} to ${recipient}`;
         default:
             throw new Error("Invalid order type");
     }
@@ -428,7 +425,7 @@ export const OrderDetails = memo(function OrderDetails({ mode = "modal", order,
                                             : null] }) })] }) }), order.errorDetails && (_jsx("div", { className: "flex justify-center", children: _jsx("span", { className: "text-as-primary/50 text-center text-sm", style: { maxWidth: "40ch" }, children: getErrorDisplay(order.errorDetails) }) })), _jsx("button", { className: "order-close-button order-details-close-btn bg-as-brand flex w-full items-center justify-center gap-2 rounded-lg p-2 font-semibold text-white", onClick: mode === "page" ? handleBack : handleCloseModal, children: mode === "page" ? (_jsxs(_Fragment, { children: ["Return to Home ", _jsx(Home, { className: "ml-2 h-4 w-4" })] })) : ("Close") })] }));
     }
     if (executeTx) {
-        return (_jsxs(_Fragment, { children: [_jsx(OrderStatus, { order: order, selectedCryptoPaymentMethod: orderStatusPaymentMethod }), _jsx(OrderDetailsCollapsible, { order: order, dstToken: dstToken, tournament: tournament, nft: nft, recipientName: recipientName, formattedExpectedDstAmount: formattedExpectedDstAmount }), _jsx(Accordion, { type: "single", collapsible: true, className: "order-details-accordion w-full", children: _jsxs(AccordionItem, { value: "execute-details", className: "order-details-execute-item", children: [_jsx(AccordionTrigger, { className: "order-details-execute-trigger", children: "Transaction Details" }), _jsx(AccordionContent, { className: "order-details-execute-content pl-2", children: _jsxs("div", { className: "relative flex w-full flex-col gap-4", children: [_jsx("div", { className: "bg-as-surface-secondary absolute bottom-2 left-4 top-2 z-[5] w-2", children: _jsx(motion.div, { className: "bg-as-border-primary absolute left-[2px] top-0 z-10 w-[3px]", initial: { height: "0%" }, animate: { height: "100%" }, transition: { duration: 1.5, ease: "easeInOut" } }) }), depositTxs
+        return (_jsxs(_Fragment, { children: [_jsx(OrderStatus, { order: order, selectedCryptoPaymentMethod: orderStatusPaymentMethod }), _jsx(OrderDetailsCollapsible, { order: order, dstToken: dstToken, tournament: tournament, nft: nft, recipientName: recipientName, formattedExpectedDstAmount: formattedExpectedDstAmount }), _jsx(Accordion, { type: "single", collapsible: true, className: "order-details-accordion w-full", children: _jsxs(AccordionItem, { value: "execute-details", className: "order-details-execute-item", children: [_jsx(AccordionTrigger, { className: "accordion-trigger", children: "Transaction Details" }), _jsx(AccordionContent, { className: "accordion-content pl-2", children: _jsxs("div", { className: "relative flex w-full flex-col gap-4", children: [_jsx("div", { className: "bg-as-surface-secondary absolute bottom-2 left-4 top-2 z-[5] w-2", children: _jsx(motion.div, { className: "bg-as-border-primary absolute left-[2px] top-0 z-10 w-[3px]", initial: { height: "0%" }, animate: { height: "100%" }, transition: { duration: 1.5, ease: "easeInOut" } }) }), depositTxs
                                             ? depositTxs.map(dTxs => (_jsx(TransactionDetails, { title: order.onrampMetadata?.vendor === "stripe-web2"
                                                     ? `Received payment`
                                                     : `Received ${formatTokenAmount(BigInt(dTxs.amount), srcToken.decimals)} ${srcToken.symbol}`, chainId: order.srcChain, tx: dTxs, isProcessing: false }, dTxs.txHash)))

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

@@ -185,12 +185,19 @@ export function useAnyspendFlow({ paymentType = "crypto", recipientAddress, load
     // Handle order completion
     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
+                ? 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/package.json

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

package/src/anyspend/react/components/common/OrderDetails.tsx

@@ -110,9 +110,6 @@ function getOrderSuccessText({
     case "custom":
       actionText = order.metadata.action || `executed contract`;
       return `Successfully ${actionText}`;
-    case "hype_duel":
-      actionText = `deposited ${formattedActualDstAmount || "--"} HYPE`;
-      return `Successfully ${actionText} to ${recipient}`;
     default:
       throw new Error("Invalid order type");
   }
@@ -667,8 +664,8 @@ export const OrderDetails = memo(function OrderDetails({
         />
         <Accordion type="single" collapsible className="order-details-accordion w-full">
           <AccordionItem value="execute-details" className="order-details-execute-item">
-            <AccordionTrigger className="order-details-execute-trigger">Transaction Details</AccordionTrigger>
-            <AccordionContent className="order-details-execute-content pl-2">
+            <AccordionTrigger className="accordion-trigger">Transaction Details</AccordionTrigger>
+            <AccordionContent className="accordion-content pl-2">
               <div className="relative flex w-full flex-col gap-4">
                 <div className="bg-as-surface-secondary absolute bottom-2 left-4 top-2 z-[5] w-2">
                   <motion.div

package/src/anyspend/react/hooks/useAnyspendFlow.ts

@@ -244,12 +244,19 @@ export function useAnyspendFlow({
   // Handle order completion
   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 as { amount?: string })?.amount;
-      onTransactionSuccess?.(amount);
+      // get the actualDstAmount if available from custompayload
+      const amount = (oat.data.order.payload as { actualDstAmount?: string })?.actualDstAmount;
+      const formattedActualDstAmount = amount
+        ? 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