@ensofinance/checkout-widget 0.1.7 → 0.1.9

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import { ComponentType } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { SystemConfig as WidgetTheme } from '@chakra-ui/react';
 
-export declare const Checkout: ({ config: { apiKey, tokenOut, chainIdOut, theme, enableExchange, cexBridgeChainMapping, recipient, enforceFlow, }, onClose, wrapper, }: {
+export declare const Checkout: ({ config: { apiKey, tokenOut, chainIdOut, theme, enableExchange, cexBridgeChainMapping, recipient, enforceFlow, slippage, }, onClose, wrapper, }: {
     config: CheckoutConfig;
     wrapper?: ComponentType;
     onClose?: () => void;
@@ -18,6 +18,8 @@ export declare type CheckoutConfig = {
     cexBridgeChainMapping?: Record<number, number>;
     /** Override recipient address (defaults to connected wallet's smart account) */
     recipient?: string;
+    /** Slippage tolerance in basis points (e.g. 200 = 2%). Defaults to 200 */
+    slippage?: number;
     /** Force the widget to open in a specific flow, bypassing the selector */
     enforceFlow?: EnforceFlow;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ensofinance/checkout-widget",
-    "version": "0.1.7",
+    "version": "0.1.9",
     "type": "module",
     "homepage": "https://www.enso.build/",
     "repository": {
@@ -21,7 +21,7 @@
         "generate-api": "orval",
         "publish": "npm publish --access public",
         "dev": "vite build --watch --mode=dev --minify=false --sourcemap=false --emptyOutDir=false",
-        "build": "vite build",
+        "build": "vite build --sourcemap=false",
         "preview": "vite preview",
         "build:pump:publish": "npm run bump &&  npm run build && npm run publish"
     },

package/src/components/Checkout.tsx

@@ -30,6 +30,7 @@ const Checkout = ({
         cexBridgeChainMapping,
         recipient,
         enforceFlow,
+        slippage,
     },
     onClose,
     wrapper,
@@ -42,6 +43,7 @@ const Checkout = ({
     const setTokenOut = useAppStore((state) => state.setTokenOut);
     const setChainIdOut = useAppStore((state) => state.setChainIdOut);
     const setRecipient = useAppStore((state) => state.setRecipient);
+    const setSlippage = useAppStore((state) => state.setSlippage);
 
     const handleClose = useMemo(
         () =>
@@ -59,7 +61,8 @@ const Checkout = ({
         setTokenOut(tokenOut);
         setChainIdOut(chainIdOut);
         setRecipient(recipient);
-    }, [tokenOut, chainIdOut, recipient]);
+        if (typeof slippage === "number") setSlippage(slippage);
+    }, [tokenOut, chainIdOut, recipient, slippage]);
 
     useEffect(() => {
         posthog.init("phc_capPDVae4W7y6QIqVTugTtx5geVthX4YVswtXa6DrjM", {

package/src/types/index.ts

@@ -20,6 +20,8 @@ export type CheckoutConfig = {
     cexBridgeChainMapping?: Record<number, number>;
     /** Override recipient address (defaults to connected wallet's smart account) */
     recipient?: string;
+    /** Slippage tolerance in basis points (e.g. 200 = 2%). Defaults to 200 */
+    slippage?: number;
     /** Force the widget to open in a specific flow, bypassing the selector */
     enforceFlow?: EnforceFlow;
 };