@velora-dex/widget 0.2.5-dev.9 → 0.3.2-dev.1

package/dist/components/widget/TradeOverview/motionProps.js

@@ -0,0 +1,121 @@
+const TRADE_OVERVIEW_TRANSITION_DURATION_S = 0.5;
+const TRADE_OVERVIEW_HEADER_DELAY_S = 0.15;
+const TRADE_OVERVIEW_LOTTIE_DELAY_S = 0.3;
+const TRADE_OVERVIEW_CONTENT_DELAY_S = 0.6;
+const TRADE_OVERVIEW_FOOTER_DELAY_S = 0.9;
+const motionBaseProps = {
+  initial: {
+    opacity: 0
+    // start from invisible
+  },
+  animate: {
+    opacity: 1
+    // animate to fully visible
+  }
+};
+const flowProps = {
+  ...motionBaseProps,
+  transition: {
+    duration: TRADE_OVERVIEW_TRANSITION_DURATION_S,
+    // duration of the fade
+    delay: TRADE_OVERVIEW_CONTENT_DELAY_S
+    // delay to start the fade
+  }
+};
+const tradeDetailsProps = {
+  ...motionBaseProps,
+  transition: {
+    duration: TRADE_OVERVIEW_TRANSITION_DURATION_S,
+    // duration of the fade
+    delay: TRADE_OVERVIEW_LOTTIE_DELAY_S
+    // delay to start the fade
+  }
+};
+const completedFlowProps = {
+  initial: {
+    opacity: 0,
+    // start from invisible
+    y: 20
+    // start slightly below
+  },
+  animate: {
+    opacity: 1,
+    // animate to fully visible
+    y: 0
+    // animate to original position
+  },
+  transition: {
+    duration: TRADE_OVERVIEW_TRANSITION_DURATION_S,
+    // duration of the fade and slide
+    delay: TRADE_OVERVIEW_CONTENT_DELAY_S
+    // delay to start the animation
+  }
+};
+const headerProps = {
+  ...motionBaseProps,
+  transition: {
+    duration: TRADE_OVERVIEW_TRANSITION_DURATION_S,
+    // duration of the fade
+    delay: TRADE_OVERVIEW_HEADER_DELAY_S
+    // delay to start the fade
+  }
+};
+const footerProps = {
+  ...motionBaseProps,
+  transition: {
+    duration: TRADE_OVERVIEW_TRANSITION_DURATION_S,
+    // duration of the fade
+    delay: TRADE_OVERVIEW_FOOTER_DELAY_S
+    // delay to start the fade
+  },
+  className: "w-full"
+};
+const lottieProps = {
+  ...motionBaseProps,
+  exit: {
+    // need to wrap in AnimatePresence for exit animation
+    opacity: 0
+    // fade out on unmount
+  },
+  transition: {
+    duration: TRADE_OVERVIEW_TRANSITION_DURATION_S
+    // duration of the fade
+  },
+  className: "h-full w-full"
+};
+const stepItemProps = {
+  initial: {
+    opacity: 0
+    // start from invisible
+  },
+  animate: {
+    opacity: 1
+    // animate to fully visible
+  },
+  exit: {
+    // need to wrap in AnimatePresence for exit animation
+    opacity: 0,
+    // fade out on unmount
+    y: -20
+    // move slightly above
+  },
+  transition: {
+    opacity: {
+      duration: TRADE_OVERVIEW_TRANSITION_DURATION_S
+      // duration of the fade
+    },
+    y: {
+      duration: TRADE_OVERVIEW_TRANSITION_DURATION_S
+      // duration of the slide up on exit
+    },
+    layout: {
+      duration: TRADE_OVERVIEW_TRANSITION_DURATION_S
+      // duration for animating position
+    }
+  },
+  layout: "position"
+  // animate position only without resizing
+};
+
+export { TRADE_OVERVIEW_TRANSITION_DURATION_S, completedFlowProps, flowProps, footerProps, headerProps, lottieProps, motionBaseProps, stepItemProps, tradeDetailsProps };
+//# sourceMappingURL=motionProps.js.map

package/dist/components/widget/TradeOverview/motionProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motionProps.js","sources":["../../../../src/components/widget/TradeOverview/motionProps.ts"],"sourcesContent":["import type { motion } from \"motion/react\";\nimport type { ComponentProps } from \"react\";\n\nexport const TRADE_OVERVIEW_TRANSITION_DURATION_S = 0.5;\n\nconst TRADE_OVERVIEW_HEADER_DELAY_S = 0.15; // first to appear\nconst TRADE_OVERVIEW_LOTTIE_DELAY_S = 0.3; // second to appear\nconst TRADE_OVERVIEW_CONTENT_DELAY_S = 0.6; // third to appear\nconst TRADE_OVERVIEW_FOOTER_DELAY_S = 0.9; // last to appear\n\nexport const motionBaseProps = {\n  initial: {\n    opacity: 0, // start from invisible\n  },\n  animate: {\n    opacity: 1, // animate to fully visible\n  },\n} as const;\n\nexport type MotionDivProps = ComponentProps<typeof motion.div>;\n\nexport const flowProps: MotionDivProps = {\n  ...motionBaseProps,\n  transition: {\n    duration: TRADE_OVERVIEW_TRANSITION_DURATION_S, // duration of the fade\n    delay: TRADE_OVERVIEW_CONTENT_DELAY_S, // delay to start the fade\n  },\n};\n\nexport const tradeDetailsProps: MotionDivProps = {\n  ...motionBaseProps,\n  transition: {\n    duration: TRADE_OVERVIEW_TRANSITION_DURATION_S, // duration of the fade\n    delay: TRADE_OVERVIEW_LOTTIE_DELAY_S, // delay to start the fade\n  },\n};\n\nexport const completedFlowProps: MotionDivProps = {\n  initial: {\n    opacity: 0, // start from invisible\n    y: 20, // start slightly below\n  },\n  animate: {\n    opacity: 1, // animate to fully visible\n    y: 0, // animate to original position\n  },\n  transition: {\n    duration: TRADE_OVERVIEW_TRANSITION_DURATION_S, // duration of the fade and slide\n    delay: TRADE_OVERVIEW_CONTENT_DELAY_S, // delay to start the animation\n  },\n};\n\nexport const headerProps: MotionDivProps = {\n  ...motionBaseProps,\n  transition: {\n    duration: TRADE_OVERVIEW_TRANSITION_DURATION_S, // duration of the fade\n    delay: TRADE_OVERVIEW_HEADER_DELAY_S, // delay to start the fade\n  },\n};\n\nexport const footerProps: MotionDivProps = {\n  ...motionBaseProps,\n  transition: {\n    duration: TRADE_OVERVIEW_TRANSITION_DURATION_S, // duration of the fade\n    delay: TRADE_OVERVIEW_FOOTER_DELAY_S, // delay to start the fade\n  },\n  className: \"w-full\",\n};\n\nexport const lottieProps: MotionDivProps = {\n  ...motionBaseProps,\n  exit: {\n    // need to wrap in AnimatePresence for exit animation\n    opacity: 0, // fade out on unmount\n  },\n  transition: {\n    duration: TRADE_OVERVIEW_TRANSITION_DURATION_S, // duration of the fade\n  },\n  className: \"h-full w-full\",\n};\n\nexport const stepItemProps: MotionDivProps = {\n  initial: {\n    opacity: 0, // start from invisible\n  },\n  animate: {\n    opacity: 1, // animate to fully visible\n  },\n  exit: {\n    // need to wrap in AnimatePresence for exit animation\n    opacity: 0, // fade out on unmount\n    y: -20, // move slightly above\n  },\n  transition: {\n    opacity: {\n      duration: TRADE_OVERVIEW_TRANSITION_DURATION_S, // duration of the fade\n    },\n    y: {\n      duration: TRADE_OVERVIEW_TRANSITION_DURATION_S, // duration of the slide up on exit\n    },\n    layout: {\n      duration: TRADE_OVERVIEW_TRANSITION_DURATION_S, // duration for animating position\n    },\n  },\n  layout: \"position\", // animate position only without resizing\n};\n"],"names":["TRADE_OVERVIEW_TRANSITION_DURATION_S","TRADE_OVERVIEW_HEADER_DELAY_S","TRADE_OVERVIEW_LOTTIE_DELAY_S","TRADE_OVERVIEW_CONTENT_DELAY_S","TRADE_OVERVIEW_FOOTER_DELAY_S","motionBaseProps","initial","opacity","animate","flowProps","transition","duration","delay","tradeDetailsProps","completedFlowProps","y","headerProps","footerProps","className","lottieProps","exit","stepItemProps","layout"],"mappings":"AAGO,MAAMA,oCAAAA,GAAuC;AAEpD,MAAMC,6BAAAA,GAAgC,IAAA;AACtC,MAAMC,6BAAAA,GAAgC,GAAA;AACtC,MAAMC,8BAAAA,GAAiC,GAAA;AACvC,MAAMC,6BAAAA,GAAgC,GAAA;AAE/B,MAAMC,eAAAA,GAAkB;AAAA,EAC7BC,OAAAA,EAAS;AAAA,IACPC,OAAAA,EAAS;AAAA;AAAA,GACX;AAAA,EACAC,OAAAA,EAAS;AAAA,IACPD,OAAAA,EAAS;AAAA;AAAA;AAEb;AAIO,MAAME,SAAAA,GAA4B;AAAA,EACvC,GAAGJ,eAAAA;AAAAA,EACHK,UAAAA,EAAY;AAAA,IACVC,QAAAA,EAAUX,oCAAAA;AAAAA;AAAAA,IACVY,KAAAA,EAAOT;AAAAA;AAAAA;AAEX;AAEO,MAAMU,iBAAAA,GAAoC;AAAA,EAC/C,GAAGR,eAAAA;AAAAA,EACHK,UAAAA,EAAY;AAAA,IACVC,QAAAA,EAAUX,oCAAAA;AAAAA;AAAAA,IACVY,KAAAA,EAAOV;AAAAA;AAAAA;AAEX;AAEO,MAAMY,kBAAAA,GAAqC;AAAA,EAChDR,OAAAA,EAAS;AAAA,IACPC,OAAAA,EAAS,CAAA;AAAA;AAAA,IACTQ,CAAAA,EAAG;AAAA;AAAA,GACL;AAAA,EACAP,OAAAA,EAAS;AAAA,IACPD,OAAAA,EAAS,CAAA;AAAA;AAAA,IACTQ,CAAAA,EAAG;AAAA;AAAA,GACL;AAAA,EACAL,UAAAA,EAAY;AAAA,IACVC,QAAAA,EAAUX,oCAAAA;AAAAA;AAAAA,IACVY,KAAAA,EAAOT;AAAAA;AAAAA;AAEX;AAEO,MAAMa,WAAAA,GAA8B;AAAA,EACzC,GAAGX,eAAAA;AAAAA,EACHK,UAAAA,EAAY;AAAA,IACVC,QAAAA,EAAUX,oCAAAA;AAAAA;AAAAA,IACVY,KAAAA,EAAOX;AAAAA;AAAAA;AAEX;AAEO,MAAMgB,WAAAA,GAA8B;AAAA,EACzC,GAAGZ,eAAAA;AAAAA,EACHK,UAAAA,EAAY;AAAA,IACVC,QAAAA,EAAUX,oCAAAA;AAAAA;AAAAA,IACVY,KAAAA,EAAOR;AAAAA;AAAAA,GACT;AAAA,EACAc,SAAAA,EAAW;AACb;AAEO,MAAMC,WAAAA,GAA8B;AAAA,EACzC,GAAGd,eAAAA;AAAAA,EACHe,IAAAA,EAAM;AAAA;AAAA,IAEJb,OAAAA,EAAS;AAAA;AAAA,GACX;AAAA,EACAG,UAAAA,EAAY;AAAA,IACVC,QAAAA,EAAUX;AAAAA;AAAAA,GACZ;AAAA,EACAkB,SAAAA,EAAW;AACb;AAEO,MAAMG,aAAAA,GAAgC;AAAA,EAC3Cf,OAAAA,EAAS;AAAA,IACPC,OAAAA,EAAS;AAAA;AAAA,GACX;AAAA,EACAC,OAAAA,EAAS;AAAA,IACPD,OAAAA,EAAS;AAAA;AAAA,GACX;AAAA,EACAa,IAAAA,EAAM;AAAA;AAAA,IAEJb,OAAAA,EAAS,CAAA;AAAA;AAAA,IACTQ,CAAAA,EAAG;AAAA;AAAA,GACL;AAAA,EACAL,UAAAA,EAAY;AAAA,IACVH,OAAAA,EAAS;AAAA,MACPI,QAAAA,EAAUX;AAAAA;AAAAA,KACZ;AAAA,IACAe,CAAAA,EAAG;AAAA,MACDJ,QAAAA,EAAUX;AAAAA;AAAAA,KACZ;AAAA,IACAsB,MAAAA,EAAQ;AAAA,MACNX,QAAAA,EAAUX;AAAAA;AAAAA;AACZ,GACF;AAAA,EACAsB,MAAAA,EAAQ;AAAA;AACV;;;;"}

package/dist/components/widget/TradeOverview/utils/useSwapAmountsWithSlippage.d.ts

@@ -0,0 +1,18 @@
+import { DeltaOrMarketPrice } from '../../../../hooks/swap/prices/types';
+import { Token } from '../../../../tokens/state/types';
+import { SwapSideUnion } from '@velora-dex/sdk';
+import { MarkOptional } from 'ts-essentials';
+type SwapAmounts = Pick<DeltaOrMarketPrice, "srcAmount" | "destAmount">;
+type UseSwapAmountsWithSlippageInput = {
+    submittedSwapWei?: SwapSideAmounts;
+    usedPriceWei?: SwapSideAmounts;
+    formDataUnit: MarkOptional<SwapSideAmounts, "swapSide">;
+    fromToken: Pick<Token, "decimals">;
+    toToken: Pick<Token, "decimals">;
+};
+type SwapSideAmounts = SwapAmounts & {
+    swapSide: SwapSideUnion;
+};
+export declare function useSwapAmountsWithSlippage({ submittedSwapWei, usedPriceWei, formDataUnit, fromToken, toToken, }: UseSwapAmountsWithSlippageInput): SwapSideAmounts;
+export {};
+//# sourceMappingURL=useSwapAmountsWithSlippage.d.ts.map

package/dist/components/widget/TradeOverview/utils/useSwapAmountsWithSlippage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSwapAmountsWithSlippage.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/utils/useSwapAmountsWithSlippage.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,KAAK,WAAW,GAAG,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,YAAY,CAAC,CAAC;AACxE,KAAK,+BAA+B,GAAG;IACrC,gBAAgB,CAAC,EAAE,eAAe,CAAC;IACnC,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;IACxD,SAAS,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IACnC,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;CAClC,CAAC;AAEF,KAAK,eAAe,GAAG,WAAW,GAAG;IACnC,QAAQ,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,EACzC,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,OAAO,GACR,EAAE,+BAA+B,GAAG,eAAe,CAmEnD"}

package/dist/components/widget/TradeOverview/utils/useSwapAmountsWithSlippage.js

@@ -0,0 +1,74 @@
+import { d as distExports } from '../../../../_virtual/index.js';
+import { useSlippage } from '../../../../hooks/useSlippage.js';
+import { useSwapSide } from '../../SwapModeSwitcher/state/swapSideAtom.js';
+import { formatUnits, parseUnits } from 'viem';
+import { applySlippage } from '../../../../lib/utils/price.js';
+
+function useSwapAmountsWithSlippage(t0) {
+  const $ = distExports.c(12);
+  const {
+    submittedSwapWei,
+    usedPriceWei,
+    formDataUnit,
+    fromToken,
+    toToken
+  } = t0;
+  const {
+    resolvedSlippage
+  } = useSlippage("swap");
+  const swapSideFromInput = useSwapSide();
+  const swapSide = submittedSwapWei?.swapSide || usedPriceWei?.swapSide || formDataUnit.swapSide || swapSideFromInput;
+  let amounts;
+  if ($[0] !== formDataUnit.destAmount || $[1] !== formDataUnit.srcAmount || $[2] !== fromToken.decimals || $[3] !== resolvedSlippage || $[4] !== submittedSwapWei || $[5] !== swapSide || $[6] !== toToken.decimals || $[7] !== usedPriceWei) {
+    amounts = {
+      srcAmount: formDataUnit.srcAmount,
+      destAmount: formDataUnit.destAmount
+    };
+    if (submittedSwapWei) {
+      amounts.srcAmount = formatUnits(BigInt(submittedSwapWei.srcAmount), fromToken.decimals);
+      amounts.destAmount = formatUnits(BigInt(submittedSwapWei.destAmount), toToken.decimals);
+    } else {
+      if (usedPriceWei) {
+        const amountsAfterSlippage = applySlippage(usedPriceWei, resolvedSlippage, swapSide);
+        amounts.srcAmount = formatUnits(BigInt(amountsAfterSlippage.srcAmount), fromToken.decimals);
+        amounts.destAmount = formatUnits(BigInt(amountsAfterSlippage.destAmount), toToken.decimals);
+      } else {
+        const weiFromAmount = parseUnits(formDataUnit.srcAmount, fromToken.decimals);
+        const weiToAmount = parseUnits(formDataUnit.destAmount, toToken.decimals);
+        const amountsAfterSlippage_0 = applySlippage({
+          srcAmount: weiFromAmount.toString(),
+          destAmount: weiToAmount.toString()
+        }, resolvedSlippage, swapSide);
+        amounts.srcAmount = formatUnits(BigInt(amountsAfterSlippage_0.srcAmount), fromToken.decimals);
+        amounts.destAmount = formatUnits(BigInt(amountsAfterSlippage_0.destAmount), toToken.decimals);
+      }
+    }
+    $[0] = formDataUnit.destAmount;
+    $[1] = formDataUnit.srcAmount;
+    $[2] = fromToken.decimals;
+    $[3] = resolvedSlippage;
+    $[4] = submittedSwapWei;
+    $[5] = swapSide;
+    $[6] = toToken.decimals;
+    $[7] = usedPriceWei;
+    $[8] = amounts;
+  } else {
+    amounts = $[8];
+  }
+  let t1;
+  if ($[9] !== amounts || $[10] !== swapSide) {
+    t1 = {
+      ...amounts,
+      swapSide
+    };
+    $[9] = amounts;
+    $[10] = swapSide;
+    $[11] = t1;
+  } else {
+    t1 = $[11];
+  }
+  return t1;
+}
+
+export { useSwapAmountsWithSlippage };
+//# sourceMappingURL=useSwapAmountsWithSlippage.js.map

package/dist/components/widget/TradeOverview/utils/useSwapAmountsWithSlippage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSwapAmountsWithSlippage.js","sources":["../../../../../src/components/widget/TradeOverview/utils/useSwapAmountsWithSlippage.ts"],"sourcesContent":["import { useSlippage } from \"@/hooks/useSlippage\";\nimport { useSwapSide } from \"../../SwapModeSwitcher/state/swapSideAtom\";\nimport { formatUnits, parseUnits } from \"viem\";\nimport { applySlippage } from \"@/lib/utils/price\";\nimport type { DeltaOrMarketPrice } from \"@/hooks/swap/prices/types\";\nimport type { Token } from \"@/tokens/state/types\";\nimport type { SwapSideUnion } from \"@velora-dex/sdk\";\nimport type { MarkOptional } from \"ts-essentials\";\n\ntype SwapAmounts = Pick<DeltaOrMarketPrice, \"srcAmount\" | \"destAmount\">;\ntype UseSwapAmountsWithSlippageInput = {\n  submittedSwapWei?: SwapSideAmounts; // submitted Swap Order or Tx (highest priority)\n  usedPriceWei?: SwapSideAmounts; // used price after slippage is applied (medium priority)\n  formDataUnit: MarkOptional<SwapSideAmounts, \"swapSide\">; // initial data before we have prices or have submitted Swap Order or Tx (lowest priority)\n  fromToken: Pick<Token, \"decimals\">;\n  toToken: Pick<Token, \"decimals\">;\n};\n\ntype SwapSideAmounts = SwapAmounts & {\n  swapSide: SwapSideUnion;\n};\n\nexport function useSwapAmountsWithSlippage({\n  submittedSwapWei,\n  usedPriceWei,\n  formDataUnit,\n  fromToken,\n  toToken,\n}: UseSwapAmountsWithSlippageInput): SwapSideAmounts {\n  const { resolvedSlippage } = useSlippage(\"swap\");\n  const swapSideFromInput = useSwapSide();\n\n  const swapSide =\n    submittedSwapWei?.swapSide ||\n    usedPriceWei?.swapSide ||\n    formDataUnit.swapSide ||\n    swapSideFromInput;\n\n  const amounts: SwapAmounts = {\n    srcAmount: formDataUnit.srcAmount,\n    destAmount: formDataUnit.destAmount,\n  };\n\n  if (submittedSwapWei) {\n    amounts.srcAmount = formatUnits(\n      BigInt(submittedSwapWei.srcAmount),\n      fromToken.decimals\n    );\n    amounts.destAmount = formatUnits(\n      BigInt(submittedSwapWei.destAmount),\n      toToken.decimals\n    );\n  } else if (usedPriceWei) {\n    const amountsAfterSlippage = applySlippage(\n      usedPriceWei,\n      resolvedSlippage,\n      swapSide\n    );\n    amounts.srcAmount = formatUnits(\n      BigInt(amountsAfterSlippage.srcAmount),\n      fromToken.decimals\n    );\n    amounts.destAmount = formatUnits(\n      BigInt(amountsAfterSlippage.destAmount),\n      toToken.decimals\n    );\n  } else {\n    const weiFromAmount = parseUnits(\n      formDataUnit.srcAmount,\n      fromToken.decimals\n    );\n    const weiToAmount = parseUnits(formDataUnit.destAmount, toToken.decimals);\n    // applySlippage on unit amount directly would lose precision and drop decimals\n    const amountsAfterSlippage = applySlippage(\n      {\n        srcAmount: weiFromAmount.toString(),\n        destAmount: weiToAmount.toString(),\n      },\n      resolvedSlippage,\n      swapSide\n    );\n    amounts.srcAmount = formatUnits(\n      BigInt(amountsAfterSlippage.srcAmount),\n      fromToken.decimals\n    );\n    amounts.destAmount = formatUnits(\n      BigInt(amountsAfterSlippage.destAmount),\n      toToken.decimals\n    );\n  }\n\n  return {\n    ...amounts,\n    swapSide,\n  };\n}\n"],"names":["useSwapAmountsWithSlippage","t0","$","_c","submittedSwapWei","usedPriceWei","formDataUnit","fromToken","toToken","resolvedSlippage","useSlippage","swapSideFromInput","useSwapSide","swapSide","amounts","destAmount","srcAmount","decimals","formatUnits","BigInt","amountsAfterSlippage","applySlippage","weiFromAmount","parseUnits","weiToAmount","amountsAfterSlippage_0","toString","t1"],"mappings":"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"}

package/dist/components/widget/TradeParameters/BridgePreferenceParameters/BridgePreferenceParameters.d.ts

@@ -0,0 +1,21 @@
+import { BridgePreference, DisabledBridges } from '../state/bridgePreferences/types';
+export type BridgePreferenceParametersProps = {
+    onOpenDrawer: () => void;
+    onCloseDrawer: () => void;
+    bridgePreference: {
+        state: {
+            setValue: (value: BridgePreference) => void;
+            value: BridgePreference;
+        };
+        isNotDefault: boolean;
+    };
+    disabledBridges: {
+        state: {
+            setValue: (value: DisabledBridges) => void;
+            value: DisabledBridges;
+        };
+        isNotDefault: boolean;
+    };
+};
+export declare const BridgePreferenceParameters: ({ onOpenDrawer, onCloseDrawer, bridgePreference, disabledBridges, }: BridgePreferenceParametersProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BridgePreferenceParameters.d.ts.map

package/dist/components/widget/TradeParameters/BridgePreferenceParameters/BridgePreferenceParameters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BridgePreferenceParameters.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeParameters/BridgePreferenceParameters/BridgePreferenceParameters.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,gBAAgB,EAChB,eAAe,EAChB,MAAM,kCAAkC,CAAC;AAG1C,MAAM,MAAM,+BAA+B,GAAG;IAC5C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,gBAAgB,EAAE;QAChB,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;YAC5C,KAAK,EAAE,gBAAgB,CAAC;SACzB,CAAC;QACF,YAAY,EAAE,OAAO,CAAC;KACvB,CAAC;IACF,eAAe,EAAE;QACf,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;YAC3C,KAAK,EAAE,eAAe,CAAC;SACxB,CAAC;QACF,YAAY,EAAE,OAAO,CAAC;KACvB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,qEAKxC,+BAA+B,4CAoCjC,CAAC"}

package/dist/components/widget/TradeParameters/BridgePreferenceParameters/BridgePreferenceParameters.js

@@ -0,0 +1,90 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+import { useSetScreen } from '../../../../core/screen/state/hooks/useSetScreen.js';
+import { ChevronRightIcon } from 'lucide-react';
+import { EllipseIcon } from '../../Icon/EllipseIcon.js';
+
+const BridgePreferenceParameters = (t0) => {
+  const $ = distExports.c(15);
+  const {
+    onOpenDrawer,
+    onCloseDrawer,
+    bridgePreference,
+    disabledBridges
+  } = t0;
+  const {
+    showBridgePreferencesScreen,
+    closeScreen
+  } = useSetScreen();
+  const isNotDefault = bridgePreference.isNotDefault || disabledBridges.isNotDefault;
+  let t1;
+  if ($[0] !== bridgePreference.state || $[1] !== closeScreen || $[2] !== disabledBridges.state || $[3] !== onCloseDrawer || $[4] !== onOpenDrawer || $[5] !== showBridgePreferencesScreen) {
+    t1 = () => {
+      onCloseDrawer();
+      showBridgePreferencesScreen({
+        onGoBack: () => {
+          closeScreen();
+          onOpenDrawer();
+        },
+        initialBridgePreference: bridgePreference.state.value,
+        initialDisabledBridges: disabledBridges.state.value,
+        onClose: (updatedPreferences) => {
+          bridgePreference.state.setValue(updatedPreferences.bridgePreference);
+          disabledBridges.state.setValue(updatedPreferences.disabledBridges);
+        }
+      });
+    };
+    $[0] = bridgePreference.state;
+    $[1] = closeScreen;
+    $[2] = disabledBridges.state;
+    $[3] = onCloseDrawer;
+    $[4] = onOpenDrawer;
+    $[5] = showBridgePreferencesScreen;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  const onClick = t1;
+  let t2;
+  if ($[7] !== isNotDefault) {
+    t2 = isNotDefault && /* @__PURE__ */ jsx(EllipseIcon, { className: "stroke-contrast-8 dark:stroke-contrast-2" });
+    $[7] = isNotDefault;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  let t3;
+  if ($[9] !== t2) {
+    t3 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
+      "Bridge Preferences",
+      t2
+    ] });
+    $[9] = t2;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  let t4;
+  if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = /* @__PURE__ */ jsx(ChevronRightIcon, { className: "text-contrast-5 pointer-events-none size-4 shrink-0 transition-transform duration-200 group-data-[state=open]:rotate-90" });
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  let t5;
+  if ($[12] !== onClick || $[13] !== t3) {
+    t5 = /* @__PURE__ */ jsxs("div", { onClick, className: "flex items-center justify-between py-4 cursor-pointer", children: [
+      t3,
+      t4
+    ] });
+    $[12] = onClick;
+    $[13] = t3;
+    $[14] = t5;
+  } else {
+    t5 = $[14];
+  }
+  return t5;
+};
+
+export { BridgePreferenceParameters };
+//# sourceMappingURL=BridgePreferenceParameters.js.map

package/dist/components/widget/TradeParameters/BridgePreferenceParameters/BridgePreferenceParameters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BridgePreferenceParameters.js","sources":["../../../../../src/components/widget/TradeParameters/BridgePreferenceParameters/BridgePreferenceParameters.tsx"],"sourcesContent":["import { useSetScreen } from \"@/core/screen/state/hooks/useSetScreen\";\nimport { ChevronRightIcon } from \"lucide-react\";\nimport type {\n  BridgePreference,\n  DisabledBridges,\n} from \"../state/bridgePreferences/types\";\nimport { EllipseIcon } from \"../../Icon/EllipseIcon\";\n\nexport type BridgePreferenceParametersProps = {\n  onOpenDrawer: () => void;\n  onCloseDrawer: () => void;\n  bridgePreference: {\n    state: {\n      setValue: (value: BridgePreference) => void;\n      value: BridgePreference;\n    };\n    isNotDefault: boolean;\n  };\n  disabledBridges: {\n    state: {\n      setValue: (value: DisabledBridges) => void;\n      value: DisabledBridges;\n    };\n    isNotDefault: boolean;\n  };\n};\n\nexport const BridgePreferenceParameters = ({\n  onOpenDrawer,\n  onCloseDrawer,\n  bridgePreference,\n  disabledBridges,\n}: BridgePreferenceParametersProps) => {\n  const { showBridgePreferencesScreen, closeScreen } = useSetScreen();\n\n  const isNotDefault =\n    bridgePreference.isNotDefault || disabledBridges.isNotDefault;\n\n  const onClick = () => {\n    onCloseDrawer();\n    showBridgePreferencesScreen({\n      onGoBack: () => {\n        closeScreen();\n        onOpenDrawer();\n      },\n      initialBridgePreference: bridgePreference.state.value,\n      initialDisabledBridges: disabledBridges.state.value,\n      onClose: (updatedPreferences) => {\n        bridgePreference.state.setValue(updatedPreferences.bridgePreference);\n        disabledBridges.state.setValue(updatedPreferences.disabledBridges);\n      },\n    });\n  };\n\n  return (\n    <div\n      onClick={onClick}\n      className=\"flex items-center justify-between py-4 cursor-pointer\"\n    >\n      <div className=\"flex items-center gap-2 text-sm\">\n        Bridge Preferences\n        {isNotDefault && (\n          <EllipseIcon className=\"stroke-contrast-8 dark:stroke-contrast-2\" />\n        )}\n      </div>\n      <ChevronRightIcon className=\"text-contrast-5 pointer-events-none size-4 shrink-0 transition-transform duration-200 group-data-[state=open]:rotate-90\" />\n    </div>\n  );\n};\n"],"names":["BridgePreferenceParameters","t0","$","_c","onOpenDrawer","onCloseDrawer","bridgePreference","disabledBridges","showBridgePreferencesScreen","closeScreen","useSetScreen","isNotDefault","t1","state","onGoBack","initialBridgePreference","value","initialDisabledBridges","onClose","updatedPreferences","setValue","onClick","t2","t3","t4","Symbol","for","t5"],"mappings":";;;;;;AA2BO,MAAMA,6BAA6BC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,YAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,gBAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAN,EAAAA;AAMzC,EAAA,MAAA;AAAA,IAAAO,2BAAAA;AAAAA,IAAAC;AAAAA,MAAqDC,YAAAA,EAAa;AAElE,EAAA,MAAAC,YAAAA,GACEL,gBAAAA,CAAgBK,YAAAA,IAAiBJ,eAAAA,CAAeI,YAAAA;AAAc,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAV,CAAAA,CAAA,CAAA,CAAA,KAAAI,gBAAAA,CAAAO,KAAAA,IAAAX,EAAA,CAAA,CAAA,KAAAO,WAAAA,IAAAP,CAAAA,CAAA,CAAA,CAAA,KAAAK,gBAAAM,KAAAA,IAAAX,CAAAA,CAAA,CAAA,CAAA,KAAAG,aAAAA,IAAAH,CAAAA,CAAA,CAAA,CAAA,KAAAE,YAAAA,IAAAF,CAAAA,CAAA,CAAA,CAAA,KAAAM,2BAAAA,EAAA;AAEhDI,IAAAA,EAAAA,GAAAA,MAAA;AACdP,MAAAA,aAAAA,EAAc;AACdG,MAAAA,2BAAAA,CAA4B;AAAA,QAAAM,UAChBA,MAAA;AACRL,UAAAA,WAAAA,EAAY;AACZL,UAAAA,YAAAA,EAAa;AAAA,QAAC,CAAA;AAAA,QACfW,uBAAAA,EACwBT,iBAAgBO,KAAAA,CAAMG,KAAAA;AAAAA,QAAMC,sBAAAA,EAC7BV,gBAAeM,KAAAA,CAAMG,KAAAA;AAAAA,QAAME,SAC1CC,CAAAA,kBAAAA,KAAA;AACPb,UAAAA,gBAAAA,CAAgBO,KAAAA,CAAMO,QAAAA,CAAUD,kBAAAA,CAAkBb,gBAAiB,CAAA;AACnEC,UAAAA,eAAAA,CAAeM,KAAAA,CAAMO,QAAAA,CAAUD,kBAAAA,CAAkBZ,eAAgB,CAAA;AAAA,QAAC;AAAA,OAErE,CAAA;AAAA,IAAC,CAAA;AACHL,IAAAA,CAAAA,CAAA,CAAA,IAAAI,gBAAAA,CAAAO,KAAAA;AAAAX,IAAAA,CAAAA,MAAAO,WAAAA;AAAAP,IAAAA,CAAAA,CAAA,CAAA,IAAAK,eAAAA,CAAAM,KAAAA;AAAAX,IAAAA,CAAAA,MAAAG,aAAAA;AAAAH,IAAAA,CAAAA,MAAAE,YAAAA;AAAAF,IAAAA,CAAAA,MAAAM,2BAAAA;AAAAN,IAAAA,CAAAA,MAAAU,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAV,EAAA,CAAA,CAAA;AAAA,EAAA;AAdD,EAAA,MAAAmB,OAAAA,GAAgBT,EAAAA;AAcd,EAAA,IAAAU,EAAAA;AAAA,EAAA,IAAApB,CAAAA,QAAAS,YAAAA,EAAA;AASKW,IAAAA,EAAAA,GAAAX,YAAAA,oBACC,GAAA,CAAC,WAAA,EAAA,EAAsB,SAAA,EAAA,0CAAA,EAA0C,CAAA;AAClET,IAAAA,CAAAA,MAAAS,YAAAA;AAAAT,IAAAA,CAAAA,MAAAoB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAApB,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAqB,EAAAA;AAAA,EAAA,IAAArB,CAAAA,QAAAoB,EAAAA,EAAA;AAJHC,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,iCAAA,EAAkC,QAAA,EAAA;AAAA,MAAA,oBAAA;AAAA,MAE9CD;AAAAA,KAAAA,EAGH,CAAA;AAAMpB,IAAAA,CAAAA,MAAAoB,EAAAA;AAAApB,IAAAA,CAAAA,OAAAqB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAArB,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAsB,EAAAA;AAAA,EAAA,IAAAtB,EAAA,EAAA,CAAA,KAAAuB,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AACNF,IAAAA,EAAAA,uBAAC,gBAAA,EAAA,EAA2B,SAAA,EAAA,yHAAA,EAAyH,CAAA;AAAGtB,IAAAA,CAAAA,OAAAsB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAtB,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAyB,EAAAA;AAAA,EAAA,IAAAzB,EAAA,EAAA,CAAA,KAAAmB,WAAAnB,CAAAA,SAAAqB,EAAAA,EAAA;AAV1JI,IAAAA,EAAAA,iCACWN,OAAAA,EACC,SAAA,EAAA,uDAAA,EAEVE,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAMAC;AAAAA,KAAAA,EACF,CAAA;AAAMtB,IAAAA,CAAAA,OAAAmB,OAAAA;AAAAnB,IAAAA,CAAAA,OAAAqB,EAAAA;AAAArB,IAAAA,CAAAA,OAAAyB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAzB,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAXNyB,EAAAA;AAWM;;;;"}

package/dist/components/widget/TradeParameters/BridgePreferenceParameters/useDraftBridgePreferencesState.d.ts

@@ -0,0 +1,12 @@
+export declare function useDraftBridgePreferencesState(): {
+    bridgePreference: {
+        value: import('../state/bridgePreferences/types').BridgePreference;
+        setValue: (args_0: import('../state/bridgePreferences/types').BridgePreference | ((prev: import('../state/bridgePreferences/types').BridgePreference) => import('../state/bridgePreferences/types').BridgePreference)) => void;
+    };
+    disabledBridges: {
+        value: import('../state/bridgePreferences/types').DisabledBridges;
+        setValue: (args_0: import('../state/bridgePreferences/types').DisabledBridges) => void;
+    };
+    resetPreferencesToDefault: () => void;
+};
+//# sourceMappingURL=useDraftBridgePreferencesState.d.ts.map

package/dist/components/widget/TradeParameters/BridgePreferenceParameters/useDraftBridgePreferencesState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraftBridgePreferencesState.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeParameters/BridgePreferenceParameters/useDraftBridgePreferencesState.ts"],"names":[],"mappings":"AAMA,wBAAgB,8BAA8B;;;;;;;;;;EAwB7C"}

package/dist/components/widget/TradeParameters/BridgePreferenceParameters/useDraftBridgePreferencesState.js

@@ -0,0 +1,68 @@
+import { d as distExports } from '../../../../_virtual/index.js';
+import { defaultBridgePreference, defaultDisabledBridges } from '../state/bridgePreferences/constants.js';
+import { useDraftBridgePreferences } from '../state/bridgePreferences/useBridgePreferences.js';
+
+function useDraftBridgePreferencesState() {
+  const $ = distExports.c(13);
+  const {
+    draftBridgePreference,
+    draftDisabledBridges,
+    setDraftBridgePreference,
+    setDraftDisabledBridges
+  } = useDraftBridgePreferences();
+  let t0;
+  if ($[0] !== setDraftBridgePreference || $[1] !== setDraftDisabledBridges) {
+    t0 = () => {
+      setDraftBridgePreference(defaultBridgePreference);
+      setDraftDisabledBridges(defaultDisabledBridges);
+    };
+    $[0] = setDraftBridgePreference;
+    $[1] = setDraftDisabledBridges;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const resetPreferencesToDefault = t0;
+  let t1;
+  if ($[3] !== draftBridgePreference || $[4] !== setDraftBridgePreference) {
+    t1 = {
+      value: draftBridgePreference,
+      setValue: setDraftBridgePreference
+    };
+    $[3] = draftBridgePreference;
+    $[4] = setDraftBridgePreference;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== draftDisabledBridges || $[7] !== setDraftDisabledBridges) {
+    t2 = {
+      value: draftDisabledBridges,
+      setValue: setDraftDisabledBridges
+    };
+    $[6] = draftDisabledBridges;
+    $[7] = setDraftDisabledBridges;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  let t3;
+  if ($[9] !== resetPreferencesToDefault || $[10] !== t1 || $[11] !== t2) {
+    t3 = {
+      bridgePreference: t1,
+      disabledBridges: t2,
+      resetPreferencesToDefault
+    };
+    $[9] = resetPreferencesToDefault;
+    $[10] = t1;
+    $[11] = t2;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  return t3;
+}
+
+export { useDraftBridgePreferencesState };
+//# sourceMappingURL=useDraftBridgePreferencesState.js.map

package/dist/components/widget/TradeParameters/BridgePreferenceParameters/useDraftBridgePreferencesState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraftBridgePreferencesState.js","sources":["../../../../../src/components/widget/TradeParameters/BridgePreferenceParameters/useDraftBridgePreferencesState.ts"],"sourcesContent":["import {\n  defaultBridgePreference,\n  defaultDisabledBridges,\n} from \"../state/bridgePreferences/constants\";\nimport { useDraftBridgePreferences } from \"../state/bridgePreferences/useBridgePreferences\";\n\nexport function useDraftBridgePreferencesState() {\n  const {\n    draftBridgePreference,\n    draftDisabledBridges,\n    setDraftBridgePreference,\n    setDraftDisabledBridges,\n  } = useDraftBridgePreferences();\n\n  const resetPreferencesToDefault = () => {\n    setDraftBridgePreference(defaultBridgePreference);\n    setDraftDisabledBridges(defaultDisabledBridges);\n  };\n\n  return {\n    bridgePreference: {\n      value: draftBridgePreference,\n      setValue: setDraftBridgePreference,\n    },\n    disabledBridges: {\n      value: draftDisabledBridges,\n      setValue: setDraftDisabledBridges,\n    },\n    resetPreferencesToDefault,\n  };\n}\n"],"names":["useDraftBridgePreferencesState","$","_c","draftBridgePreference","draftDisabledBridges","setDraftBridgePreference","setDraftDisabledBridges","useDraftBridgePreferences","t0","defaultBridgePreference","defaultDisabledBridges","resetPreferencesToDefault","t1","value","setValue","t2","t3","bridgePreference","disabledBridges"],"mappings":";;;;AAMO,SAAAA,8BAAAA,GAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AACL,EAAA,MAAA;AAAA,IAAAC,qBAAAA;AAAAA,IAAAC,oBAAAA;AAAAA,IAAAC,wBAAAA;AAAAA,IAAAC;AAAAA,MAKIC,yBAAAA,EAA0B;AAAE,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAP,EAAA,CAAA,CAAA,KAAAI,4BAAAJ,CAAAA,QAAAK,uBAAAA,EAAA;AAEEE,IAAAA,EAAAA,GAAAA,MAAA;AAChCH,MAAAA,wBAAAA,CAAyBI,uBAAuB,CAAA;AAChDH,MAAAA,uBAAAA,CAAwBI,sBAAsB,CAAA;AAAA,IAAC,CAAA;AAChDT,IAAAA,CAAAA,MAAAI,wBAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,uBAAAA;AAAAL,IAAAA,CAAAA,MAAAO,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAP,EAAA,CAAA,CAAA;AAAA,EAAA;AAHD,EAAA,MAAAU,yBAAAA,GAAkCH,EAAAA;AAGhC,EAAA,IAAAI,EAAAA;AAAA,EAAA,IAAAX,EAAA,CAAA,CAAA,KAAAE,yBAAAF,CAAAA,QAAAI,wBAAAA,EAAA;AAGkBO,IAAAA,EAAAA,GAAA;AAAA,MAAAC,KAAAA,EACTV,qBAAAA;AAAAA,MAAqBW,QAAAA,EAClBT;AAAAA,KACZ;AAACJ,IAAAA,CAAAA,MAAAE,qBAAAA;AAAAF,IAAAA,CAAAA,MAAAI,wBAAAA;AAAAJ,IAAAA,CAAAA,MAAAW,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAX,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAc,EAAAA;AAAA,EAAA,IAAAd,EAAA,CAAA,CAAA,KAAAG,wBAAAH,CAAAA,QAAAK,uBAAAA,EAAA;AACgBS,IAAAA,EAAAA,GAAA;AAAA,MAAAF,KAAAA,EACRT,oBAAAA;AAAAA,MAAoBU,QAAAA,EACjBR;AAAAA,KACZ;AAACL,IAAAA,CAAAA,MAAAG,oBAAAA;AAAAH,IAAAA,CAAAA,MAAAK,uBAAAA;AAAAL,IAAAA,CAAAA,MAAAc,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAd,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAe,EAAAA;AAAA,EAAA,IAAAf,CAAAA,CAAA,CAAA,CAAA,KAAAU,yBAAAA,IAAAV,CAAAA,SAAAW,EAAAA,IAAAX,CAAAA,CAAA,EAAA,CAAA,KAAAc,EAAAA,EAAA;AARIC,IAAAA,EAAAA,GAAA;AAAA,MAAAC,gBAAAA,EACaL,EAAAA;AAAAA,MAGjBM,eAAAA,EACgBH,EAAAA;AAAAA,MAGhBJ;AAAAA,KAEH;AAACV,IAAAA,CAAAA,MAAAU,yBAAAA;AAAAV,IAAAA,CAAAA,OAAAW,EAAAA;AAAAX,IAAAA,CAAAA,OAAAc,EAAAA;AAAAd,IAAAA,CAAAA,OAAAe,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAf,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAVMe,EAAAA;AAUN;;;;"}

package/dist/components/widget/TradeParameters/TradeParameters.d.ts

@@ -1,6 +1,7 @@
 type TradeParametersProps = {
-    onClose?: () => void;
+    onOpenDrawer: () => void;
+    onCloseDrawer: () => void;
 };
-export declare const TradeParameters: ({ onClose }: TradeParametersProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TradeParameters: ({ onOpenDrawer, onCloseDrawer, }: TradeParametersProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=TradeParameters.d.ts.map

package/dist/components/widget/TradeParameters/TradeParameters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TradeParameters.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeParameters/TradeParameters.tsx"],"names":[],"mappings":"AAWA,KAAK,oBAAoB,GAAG;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,aAAa,oBAAoB,4CA+ChE,CAAC"}
+{"version":3,"file":"TradeParameters.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeParameters/TradeParameters.tsx"],"names":[],"mappings":"AAYA,KAAK,oBAAoB,GAAG;IAC1B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,kCAG7B,oBAAoB,4CAuDtB,CAAC"}

package/dist/components/widget/TradeParameters/TradeParameters.js

@@ -8,11 +8,13 @@ import { EIP1559Parameter } from './EIP1559Parameter.js';
 import { useEIP1559Enabled } from '../../../hooks/useEIP1559Enabled.js';
 import { useGlobalDeltaEnabled } from '../../../hooks/useGlobalDeltaEnabled.js';
 import { useTempTradeParameters } from './useTempTradeParameters.js';
+import { BridgePreferenceParameters } from './BridgePreferenceParameters/BridgePreferenceParameters.js';
 
 const TradeParameters = (t0) => {
-  const $ = distExports.c(28);
+  const $ = distExports.c(36);
   const {
-    onClose
+    onOpenDrawer,
+    onCloseDrawer
   } = t0;
   const {
     enabledInConfig: deltaEnabledInConfig,
@@ -25,12 +27,12 @@ const TradeParameters = (t0) => {
   const shouldShowDelta = deltaEnabledInConfig && deltaEnabledOnCurrentChain;
   const shouldShowEIP1559 = eip1559EnabledOnApi;
   let t1;
-  if ($[0] !== onClose || $[1] !== tempTradeParameters) {
+  if ($[0] !== onCloseDrawer || $[1] !== tempTradeParameters) {
     t1 = () => {
       tempTradeParameters.saveParams();
-      onClose?.();
+      onCloseDrawer();
     };
-    $[0] = onClose;
+    $[0] = onCloseDrawer;
     $[1] = tempTradeParameters;
     $[2] = t1;
   } else {
@@ -72,62 +74,79 @@ const TradeParameters = (t0) => {
     t5 = $[12];
   }
   let t6;
-  if ($[13] !== t2 || $[14] !== t3 || $[15] !== t4 || $[16] !== t5) {
-    t6 = /* @__PURE__ */ jsxs("div", { children: [
+  if ($[13] !== onCloseDrawer || $[14] !== onOpenDrawer || $[15] !== tempTradeParameters.bridgePreference || $[16] !== tempTradeParameters.disabledBridges) {
+    t6 = /* @__PURE__ */ jsx(BridgePreferenceParameters, { bridgePreference: tempTradeParameters.bridgePreference, disabledBridges: tempTradeParameters.disabledBridges, onOpenDrawer, onCloseDrawer });
+    $[13] = onCloseDrawer;
+    $[14] = onOpenDrawer;
+    $[15] = tempTradeParameters.bridgePreference;
+    $[16] = tempTradeParameters.disabledBridges;
+    $[17] = t6;
+  } else {
+    t6 = $[17];
+  }
+  let t7;
+  if ($[18] !== t2 || $[19] !== t3 || $[20] !== t4 || $[21] !== t5 || $[22] !== t6) {
+    t7 = /* @__PURE__ */ jsxs("div", { children: [
       t2,
       t3,
       t4,
-      t5
+      t5,
+      t6
     ] });
-    $[13] = t2;
-    $[14] = t3;
-    $[15] = t4;
-    $[16] = t5;
-    $[17] = t6;
+    $[18] = t2;
+    $[19] = t3;
+    $[20] = t4;
+    $[21] = t5;
+    $[22] = t6;
+    $[23] = t7;
   } else {
-    t6 = $[17];
+    t7 = $[23];
   }
-  let t7;
-  if ($[18] !== tempTradeParameters.resetParams) {
-    t7 = /* @__PURE__ */ jsx(Button, { variant: "secondary", radius: "sm", className: "h-[40px]", onClick: tempTradeParameters.resetParams, children: "Reset To Default" });
-    $[18] = tempTradeParameters.resetParams;
-    $[19] = t7;
+  const t8 = !tempTradeParameters.hasModifiedParameters;
+  let t9;
+  if ($[24] !== t8 || $[25] !== tempTradeParameters.resetParams) {
+    t9 = /* @__PURE__ */ jsx(Button, { variant: "secondary", radius: "sm", className: "h-[40px]", onClick: tempTradeParameters.resetParams, disabled: t8, children: "Reset To Default" });
+    $[24] = t8;
+    $[25] = tempTradeParameters.resetParams;
+    $[26] = t9;
   } else {
-    t7 = $[19];
+    t9 = $[26];
   }
-  let t8;
-  if ($[20] !== onSave) {
-    t8 = /* @__PURE__ */ jsx(Button, { variant: "default", radius: "sm", className: "h-[40px]", onClick: onSave, children: "Save Changes" });
-    $[20] = onSave;
-    $[21] = t8;
+  const t10 = !tempTradeParameters.hasUnsavedParameters;
+  let t11;
+  if ($[27] !== onSave || $[28] !== t10) {
+    t11 = /* @__PURE__ */ jsx(Button, { variant: "default", radius: "sm", className: "h-[40px]", onClick: onSave, disabled: t10, children: "Save Changes" });
+    $[27] = onSave;
+    $[28] = t10;
+    $[29] = t11;
   } else {
-    t8 = $[21];
+    t11 = $[29];
   }
-  let t9;
-  if ($[22] !== t7 || $[23] !== t8) {
-    t9 = /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
-      t7,
-      t8
+  let t12;
+  if ($[30] !== t11 || $[31] !== t9) {
+    t12 = /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+      t9,
+      t11
     ] });
-    $[22] = t7;
-    $[23] = t8;
-    $[24] = t9;
+    $[30] = t11;
+    $[31] = t9;
+    $[32] = t12;
   } else {
-    t9 = $[24];
+    t12 = $[32];
   }
-  let t10;
-  if ($[25] !== t6 || $[26] !== t9) {
-    t10 = /* @__PURE__ */ jsxs("div", { className: "p-6 pt-0 text-contrast-4 dark:text-contrast-7 flex flex-col gap-4", children: [
-      t6,
-      t9
+  let t13;
+  if ($[33] !== t12 || $[34] !== t7) {
+    t13 = /* @__PURE__ */ jsxs("div", { className: "p-6 pt-0 text-contrast-4 dark:text-contrast-7 flex flex-col gap-4", children: [
+      t7,
+      t12
     ] });
-    $[25] = t6;
-    $[26] = t9;
-    $[27] = t10;
+    $[33] = t12;
+    $[34] = t7;
+    $[35] = t13;
   } else {
-    t10 = $[27];
+    t13 = $[35];
   }
-  return t10;
+  return t13;
 };
 
 export { TradeParameters };