@velora-dex/widget 0.2.0 → 0.2.2

package/dist/core/state/widgetEventsAtom.js

@@ -92,6 +92,15 @@ const widgetEventsAtom = atom({}, (get, set, callbacks) => {
     };
     callbacks.onConnectWallet(payloadWithState);
   };
+  const _onConnectWalletClick = callbacks.onConnectWalletClick;
+  const onConnectWalletClick = _onConnectWalletClick ? (payload) => {
+    const widgetState = getWidgetState(get);
+    const payloadWithState = {
+      event: payload.event,
+      state: widgetState
+    };
+    _onConnectWalletClick(payloadWithState);
+  } : void 0;
   const onCancelOrder = (payload) => {
     if (!callbacks.onCancelOrder) return;
     const widgetState = getWidgetState(get);
@@ -136,6 +145,7 @@ const widgetEventsAtom = atom({}, (get, set, callbacks) => {
     onWrapETH,
     onSettingsChange,
     onConnectWallet,
+    onConnectWalletClick,
     onCancelOrder,
     onFillOTCOrder,
     onFormInputChange,
@@ -146,13 +156,14 @@ const useWidgetEvents = () => {
   return useAtomValue(widgetEventsAtom);
 };
 const useWidgetEventsSetter = (callbacks) => {
-  const $ = distExports.c(26);
+  const $ = distExports.c(28);
   const setWidgetEvents = useSetAtom(widgetEventsAtom);
   let t0;
-  if ($[0] !== callbacks?.onAllowToken || $[1] !== callbacks?.onCancelOrder || $[2] !== callbacks?.onConnectWallet || $[3] !== callbacks?.onFillOTCOrder || $[4] !== callbacks?.onFormInputChange || $[5] !== callbacks?.onLimitOrder || $[6] !== callbacks?.onOTCOrder || $[7] !== callbacks?.onPriceChange || $[8] !== callbacks?.onSettingsChange || $[9] !== callbacks?.onSwap || $[10] !== callbacks?.onWrapETH || $[11] !== setWidgetEvents) {
+  if ($[0] !== callbacks?.onAllowToken || $[1] !== callbacks?.onCancelOrder || $[2] !== callbacks?.onConnectWallet || $[3] !== callbacks?.onConnectWalletClick || $[4] !== callbacks?.onFillOTCOrder || $[5] !== callbacks?.onFormInputChange || $[6] !== callbacks?.onLimitOrder || $[7] !== callbacks?.onOTCOrder || $[8] !== callbacks?.onPriceChange || $[9] !== callbacks?.onSettingsChange || $[10] !== callbacks?.onSwap || $[11] !== callbacks?.onWrapETH || $[12] !== setWidgetEvents) {
     t0 = () => {
       setWidgetEvents({
         onConnectWallet: callbacks?.onConnectWallet,
+        onConnectWalletClick: callbacks?.onConnectWalletClick,
         onAllowToken: callbacks?.onAllowToken,
         onSwap: callbacks?.onSwap,
         onOTCOrder: callbacks?.onOTCOrder,
@@ -168,50 +179,53 @@ const useWidgetEventsSetter = (callbacks) => {
     $[0] = callbacks?.onAllowToken;
     $[1] = callbacks?.onCancelOrder;
     $[2] = callbacks?.onConnectWallet;
-    $[3] = callbacks?.onFillOTCOrder;
-    $[4] = callbacks?.onFormInputChange;
-    $[5] = callbacks?.onLimitOrder;
-    $[6] = callbacks?.onOTCOrder;
-    $[7] = callbacks?.onPriceChange;
-    $[8] = callbacks?.onSettingsChange;
-    $[9] = callbacks?.onSwap;
-    $[10] = callbacks?.onWrapETH;
-    $[11] = setWidgetEvents;
-    $[12] = t0;
+    $[3] = callbacks?.onConnectWalletClick;
+    $[4] = callbacks?.onFillOTCOrder;
+    $[5] = callbacks?.onFormInputChange;
+    $[6] = callbacks?.onLimitOrder;
+    $[7] = callbacks?.onOTCOrder;
+    $[8] = callbacks?.onPriceChange;
+    $[9] = callbacks?.onSettingsChange;
+    $[10] = callbacks?.onSwap;
+    $[11] = callbacks?.onWrapETH;
+    $[12] = setWidgetEvents;
+    $[13] = t0;
   } else {
-    t0 = $[12];
+    t0 = $[13];
   }
   const t1 = callbacks?.onConnectWallet;
-  const t2 = callbacks?.onAllowToken;
-  const t3 = callbacks?.onSwap;
-  const t4 = callbacks?.onOTCOrder;
-  const t5 = callbacks?.onLimitOrder;
-  const t6 = callbacks?.onWrapETH;
-  const t7 = callbacks?.onSettingsChange;
-  const t8 = callbacks?.onCancelOrder;
-  const t9 = callbacks?.onFillOTCOrder;
-  const t10 = callbacks?.onFormInputChange;
-  const t11 = callbacks?.onPriceChange;
-  let t12;
-  if ($[13] !== setWidgetEvents || $[14] !== t1 || $[15] !== t10 || $[16] !== t11 || $[17] !== t2 || $[18] !== t3 || $[19] !== t4 || $[20] !== t5 || $[21] !== t6 || $[22] !== t7 || $[23] !== t8 || $[24] !== t9) {
-    t12 = [t1, t2, t3, t4, t5, t6, t7, t8, t9, t10, t11, setWidgetEvents];
-    $[13] = setWidgetEvents;
-    $[14] = t1;
-    $[15] = t10;
-    $[16] = t11;
-    $[17] = t2;
-    $[18] = t3;
-    $[19] = t4;
-    $[20] = t5;
-    $[21] = t6;
-    $[22] = t7;
-    $[23] = t8;
-    $[24] = t9;
-    $[25] = t12;
+  const t2 = callbacks?.onConnectWalletClick;
+  const t3 = callbacks?.onAllowToken;
+  const t4 = callbacks?.onSwap;
+  const t5 = callbacks?.onOTCOrder;
+  const t6 = callbacks?.onLimitOrder;
+  const t7 = callbacks?.onWrapETH;
+  const t8 = callbacks?.onSettingsChange;
+  const t9 = callbacks?.onCancelOrder;
+  const t10 = callbacks?.onFillOTCOrder;
+  const t11 = callbacks?.onFormInputChange;
+  const t12 = callbacks?.onPriceChange;
+  let t13;
+  if ($[14] !== setWidgetEvents || $[15] !== t1 || $[16] !== t10 || $[17] !== t11 || $[18] !== t12 || $[19] !== t2 || $[20] !== t3 || $[21] !== t4 || $[22] !== t5 || $[23] !== t6 || $[24] !== t7 || $[25] !== t8 || $[26] !== t9) {
+    t13 = [t1, t2, t3, t4, t5, t6, t7, t8, t9, t10, t11, t12, setWidgetEvents];
+    $[14] = setWidgetEvents;
+    $[15] = t1;
+    $[16] = t10;
+    $[17] = t11;
+    $[18] = t12;
+    $[19] = t2;
+    $[20] = t3;
+    $[21] = t4;
+    $[22] = t5;
+    $[23] = t6;
+    $[24] = t7;
+    $[25] = t8;
+    $[26] = t9;
+    $[27] = t13;
   } else {
-    t12 = $[25];
+    t13 = $[27];
   }
-  useLayoutEffect(t0, t12);
+  useLayoutEffect(t0, t13);
 };
 function isFullTokenFormState(state) {
   return !!(state.tokenTo && state.receiverAddress && state.destChainId && state.connectedAccount);

package/dist/core/state/widgetEventsAtom.js.map

@@ -1 +1 @@
-{"version":3,"file":"widgetEventsAtom.js","sources":["../../../src/core/state/widgetEventsAtom.ts"],"sourcesContent":["import { atom, useAtomValue, useSetAtom } from \"jotai\";\nimport type {\n  WidgetEventCallbacks,\n  WidgetEventCallbacksMin,\n} from \"@/events/types\";\nimport { useLayoutEffect } from \"react\";\nimport { getWidgetState } from \"@/events/getters/widgetState\";\nimport { assert } from \"ts-essentials\";\nimport type { TokenFormState } from \"@/events/types/common\";\n\nexport const widgetEventsAtom = atom<\n  WidgetEventCallbacksMin,\n  [WidgetEventCallbacks],\n  void\n>({}, (get, set, callbacks) => {\n  const onSwap: WidgetEventCallbacksMin[\"onSwap\"] = (payload) => {\n    if (!callbacks.onSwap) return;\n    const widgetState = getWidgetState(get);\n\n    const swapFormState = widgetState.formState.swap;\n    assert(\n      isFullTokenFormState(swapFormState),\n      \"Swap form state is required to perform swap\"\n    );\n\n    type Input = Parameters<NonNullable<WidgetEventCallbacks[\"onSwap\"]>>[0];\n\n    // attaching extra parameters to the event payload\n    const payloadWithState = {\n      event: {\n        ...payload.event,\n        params: {\n          ...payload.event.params,\n          ...swapFormState,\n        },\n      },\n      state: widgetState,\n    } as Input;\n\n    callbacks.onSwap(payloadWithState);\n  };\n\n  const onLimitOrder: WidgetEventCallbacksMin[\"onLimitOrder\"] = (payload) => {\n    if (!callbacks.onLimitOrder) return;\n    const widgetState = getWidgetState(get);\n    const limitOrderFormState = widgetState.formState.limit;\n    assert(\n      isFullTokenFormState(limitOrderFormState),\n      \"Limit order form state is required to create a limit order\"\n    );\n\n    type Input = Parameters<\n      NonNullable<WidgetEventCallbacks[\"onLimitOrder\"]>\n    >[0];\n\n    const payloadWithState = {\n      event: {\n        ...payload.event,\n        params: {\n          ...payload.event.params,\n          ...limitOrderFormState,\n        },\n      },\n      state: widgetState,\n    } as Input;\n    callbacks.onLimitOrder(payloadWithState);\n  };\n\n  const onOTCOrder: WidgetEventCallbacksMin[\"onOTCOrder\"] = (payload) => {\n    if (!callbacks.onOTCOrder) return;\n    const widgetState = getWidgetState(get);\n    const otcOrderFormState = widgetState.formState.otc;\n    assert(\n      isFullTokenFormState(otcOrderFormState),\n      \"OTC order form state is required to create an OTC order\"\n    );\n    type Input = Parameters<NonNullable<WidgetEventCallbacks[\"onOTCOrder\"]>>[0];\n    const payloadWithState = {\n      event: {\n        ...payload.event,\n        params: {\n          ...payload.event.params,\n          ...otcOrderFormState,\n        },\n      },\n      state: widgetState,\n    } as Input;\n    callbacks.onOTCOrder(payloadWithState);\n  };\n\n  const onAllowToken: WidgetEventCallbacksMin[\"onAllowToken\"] = (payload) => {\n    if (!callbacks.onAllowToken) return;\n    const widgetState = getWidgetState(get);\n\n    const payloadWithState = {\n      event: payload.event,\n      state: widgetState,\n    };\n\n    callbacks.onAllowToken(payloadWithState);\n  };\n\n  const onWrapETH: WidgetEventCallbacksMin[\"onWrapETH\"] = (payload) => {\n    if (!callbacks.onWrapETH) return;\n    const widgetState = getWidgetState(get);\n    const payloadWithState = {\n      event: payload.event,\n      state: widgetState,\n    };\n    callbacks.onWrapETH(payloadWithState);\n  };\n\n  const onSettingsChange: WidgetEventCallbacksMin[\"onSettingsChange\"] = (\n    payload\n  ) => {\n    if (!callbacks.onSettingsChange) return;\n    const widgetState = getWidgetState(get);\n    const payloadWithState = {\n      event: payload.event,\n      state: widgetState,\n    };\n    callbacks.onSettingsChange(payloadWithState);\n  };\n\n  const onConnectWallet: WidgetEventCallbacksMin[\"onConnectWallet\"] = (\n    payload\n  ) => {\n    if (!callbacks.onConnectWallet) return;\n    const widgetState = getWidgetState(get);\n    const payloadWithState = {\n      event: payload.event,\n      state: widgetState,\n    };\n    callbacks.onConnectWallet(payloadWithState);\n  };\n\n  const onCancelOrder: WidgetEventCallbacksMin[\"onCancelOrder\"] = (payload) => {\n    if (!callbacks.onCancelOrder) return;\n    const widgetState = getWidgetState(get);\n    const payloadWithState = {\n      event: payload.event,\n      state: widgetState,\n    };\n    callbacks.onCancelOrder(payloadWithState);\n  };\n\n  const onFillOTCOrder: WidgetEventCallbacksMin[\"onFillOTCOrder\"] = (\n    payload\n  ) => {\n    if (!callbacks.onFillOTCOrder) return;\n    const widgetState = getWidgetState(get);\n    const payloadWithState = {\n      event: payload.event,\n      state: widgetState,\n    };\n    callbacks.onFillOTCOrder(payloadWithState);\n  };\n\n  const onFormInputChange: WidgetEventCallbacksMin[\"onFormInputChange\"] = (\n    payload\n  ) => {\n    if (!callbacks.onFormInputChange) return;\n    const widgetState = getWidgetState(get);\n    const payloadWithState = {\n      event: payload.event,\n      state: widgetState,\n    };\n    callbacks.onFormInputChange(payloadWithState);\n  };\n\n  const onPriceChange: WidgetEventCallbacksMin[\"onPriceChange\"] = (payload) => {\n    if (!callbacks.onPriceChange) return;\n    const widgetState = getWidgetState(get);\n    const payloadWithState = {\n      event: payload.event,\n      state: widgetState,\n    };\n    callbacks.onPriceChange(payloadWithState);\n  };\n\n  set(widgetEventsAtom, {\n    onSwap,\n    onLimitOrder,\n    onOTCOrder,\n    onAllowToken,\n    onWrapETH,\n    onSettingsChange,\n    onConnectWallet,\n    onCancelOrder,\n    onFillOTCOrder,\n    onFormInputChange,\n    onPriceChange,\n  });\n});\n\nexport const useWidgetEvents = (): WidgetEventCallbacksMin => {\n  return useAtomValue(widgetEventsAtom);\n};\n\nexport const useWidgetEventsSetter = (callbacks?: WidgetEventCallbacks) => {\n  const setWidgetEvents = useSetAtom(widgetEventsAtom);\n\n  useLayoutEffect(() => {\n    setWidgetEvents({\n      onConnectWallet: callbacks?.onConnectWallet,\n      onAllowToken: callbacks?.onAllowToken,\n      onSwap: callbacks?.onSwap,\n      onOTCOrder: callbacks?.onOTCOrder,\n      onLimitOrder: callbacks?.onLimitOrder,\n      onWrapETH: callbacks?.onWrapETH,\n      onSettingsChange: callbacks?.onSettingsChange,\n      onCancelOrder: callbacks?.onCancelOrder,\n      onFillOTCOrder: callbacks?.onFillOTCOrder,\n      onFormInputChange: callbacks?.onFormInputChange,\n      onPriceChange: callbacks?.onPriceChange,\n    });\n  }, [\n    callbacks?.onConnectWallet,\n    callbacks?.onAllowToken,\n    callbacks?.onSwap,\n    callbacks?.onOTCOrder,\n    callbacks?.onLimitOrder,\n    callbacks?.onWrapETH,\n    callbacks?.onSettingsChange,\n    callbacks?.onCancelOrder,\n    callbacks?.onFillOTCOrder,\n    callbacks?.onFormInputChange,\n    callbacks?.onPriceChange,\n    setWidgetEvents,\n  ]);\n};\n\nfunction isFullTokenFormState<T extends TokenFormState>(\n  state: T\n): state is Required<T> {\n  return !!(\n    state.tokenTo &&\n    state.receiverAddress &&\n    state.destChainId &&\n    state.connectedAccount\n  );\n}\n"],"names":["widgetEventsAtom","atom","get","set","callbacks","onSwap","payload","widgetState","getWidgetState","swapFormState","formState","swap","assert","isFullTokenFormState","payloadWithState","event","params","state","onLimitOrder","limitOrderFormState","limit","onOTCOrder","otcOrderFormState","otc","onAllowToken","onWrapETH","onSettingsChange","onConnectWallet","onCancelOrder","onFillOTCOrder","onFormInputChange","onPriceChange","useWidgetEvents","useAtomValue","useWidgetEventsSetter","$","_c","setWidgetEvents","useSetAtom","t0","t1","t2","t3","t4","t5","t6","t7","t8","t9","t10","t11","t12","useLayoutEffect","tokenTo","receiverAddress","destChainId","connectedAccount"],"mappings":"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"}
+{"version":3,"file":"widgetEventsAtom.js","sources":["../../../src/core/state/widgetEventsAtom.ts"],"sourcesContent":["import { atom, useAtomValue, useSetAtom } from \"jotai\";\nimport type {\n  WidgetEventCallbacks,\n  WidgetEventCallbacksMin,\n} from \"@/events/types\";\nimport { useLayoutEffect } from \"react\";\nimport { getWidgetState } from \"@/events/getters/widgetState\";\nimport { assert } from \"ts-essentials\";\nimport type { TokenFormState } from \"@/events/types/common\";\n\nexport const widgetEventsAtom = atom<\n  WidgetEventCallbacksMin,\n  [WidgetEventCallbacks],\n  void\n>({}, (get, set, callbacks) => {\n  const onSwap: WidgetEventCallbacksMin[\"onSwap\"] = (payload) => {\n    if (!callbacks.onSwap) return;\n    const widgetState = getWidgetState(get);\n\n    const swapFormState = widgetState.formState.swap;\n    assert(\n      isFullTokenFormState(swapFormState),\n      \"Swap form state is required to perform swap\"\n    );\n\n    type Input = Parameters<NonNullable<WidgetEventCallbacks[\"onSwap\"]>>[0];\n\n    // attaching extra parameters to the event payload\n    const payloadWithState = {\n      event: {\n        ...payload.event,\n        params: {\n          ...payload.event.params,\n          ...swapFormState,\n        },\n      },\n      state: widgetState,\n    } as Input;\n\n    callbacks.onSwap(payloadWithState);\n  };\n\n  const onLimitOrder: WidgetEventCallbacksMin[\"onLimitOrder\"] = (payload) => {\n    if (!callbacks.onLimitOrder) return;\n    const widgetState = getWidgetState(get);\n    const limitOrderFormState = widgetState.formState.limit;\n    assert(\n      isFullTokenFormState(limitOrderFormState),\n      \"Limit order form state is required to create a limit order\"\n    );\n\n    type Input = Parameters<\n      NonNullable<WidgetEventCallbacks[\"onLimitOrder\"]>\n    >[0];\n\n    const payloadWithState = {\n      event: {\n        ...payload.event,\n        params: {\n          ...payload.event.params,\n          ...limitOrderFormState,\n        },\n      },\n      state: widgetState,\n    } as Input;\n    callbacks.onLimitOrder(payloadWithState);\n  };\n\n  const onOTCOrder: WidgetEventCallbacksMin[\"onOTCOrder\"] = (payload) => {\n    if (!callbacks.onOTCOrder) return;\n    const widgetState = getWidgetState(get);\n    const otcOrderFormState = widgetState.formState.otc;\n    assert(\n      isFullTokenFormState(otcOrderFormState),\n      \"OTC order form state is required to create an OTC order\"\n    );\n    type Input = Parameters<NonNullable<WidgetEventCallbacks[\"onOTCOrder\"]>>[0];\n    const payloadWithState = {\n      event: {\n        ...payload.event,\n        params: {\n          ...payload.event.params,\n          ...otcOrderFormState,\n        },\n      },\n      state: widgetState,\n    } as Input;\n    callbacks.onOTCOrder(payloadWithState);\n  };\n\n  const onAllowToken: WidgetEventCallbacksMin[\"onAllowToken\"] = (payload) => {\n    if (!callbacks.onAllowToken) return;\n    const widgetState = getWidgetState(get);\n\n    const payloadWithState = {\n      event: payload.event,\n      state: widgetState,\n    };\n\n    callbacks.onAllowToken(payloadWithState);\n  };\n\n  const onWrapETH: WidgetEventCallbacksMin[\"onWrapETH\"] = (payload) => {\n    if (!callbacks.onWrapETH) return;\n    const widgetState = getWidgetState(get);\n    const payloadWithState = {\n      event: payload.event,\n      state: widgetState,\n    };\n    callbacks.onWrapETH(payloadWithState);\n  };\n\n  const onSettingsChange: WidgetEventCallbacksMin[\"onSettingsChange\"] = (\n    payload\n  ) => {\n    if (!callbacks.onSettingsChange) return;\n    const widgetState = getWidgetState(get);\n    const payloadWithState = {\n      event: payload.event,\n      state: widgetState,\n    };\n    callbacks.onSettingsChange(payloadWithState);\n  };\n\n  const onConnectWallet: WidgetEventCallbacksMin[\"onConnectWallet\"] = (\n    payload\n  ) => {\n    if (!callbacks.onConnectWallet) return;\n    const widgetState = getWidgetState(get);\n    const payloadWithState = {\n      event: payload.event,\n      state: widgetState,\n    };\n    callbacks.onConnectWallet(payloadWithState);\n  };\n\n  const _onConnectWalletClick = callbacks.onConnectWalletClick;\n  const onConnectWalletClick: WidgetEventCallbacksMin[\"onConnectWalletClick\"] =\n    _onConnectWalletClick\n      ? (payload) => {\n          const widgetState = getWidgetState(get);\n          const payloadWithState = {\n            event: payload.event,\n            state: widgetState,\n          };\n          _onConnectWalletClick(payloadWithState);\n        }\n      : undefined;\n\n  const onCancelOrder: WidgetEventCallbacksMin[\"onCancelOrder\"] = (payload) => {\n    if (!callbacks.onCancelOrder) return;\n    const widgetState = getWidgetState(get);\n    const payloadWithState = {\n      event: payload.event,\n      state: widgetState,\n    };\n    callbacks.onCancelOrder(payloadWithState);\n  };\n\n  const onFillOTCOrder: WidgetEventCallbacksMin[\"onFillOTCOrder\"] = (\n    payload\n  ) => {\n    if (!callbacks.onFillOTCOrder) return;\n    const widgetState = getWidgetState(get);\n    const payloadWithState = {\n      event: payload.event,\n      state: widgetState,\n    };\n    callbacks.onFillOTCOrder(payloadWithState);\n  };\n\n  const onFormInputChange: WidgetEventCallbacksMin[\"onFormInputChange\"] = (\n    payload\n  ) => {\n    if (!callbacks.onFormInputChange) return;\n    const widgetState = getWidgetState(get);\n    const payloadWithState = {\n      event: payload.event,\n      state: widgetState,\n    };\n    callbacks.onFormInputChange(payloadWithState);\n  };\n\n  const onPriceChange: WidgetEventCallbacksMin[\"onPriceChange\"] = (payload) => {\n    if (!callbacks.onPriceChange) return;\n    const widgetState = getWidgetState(get);\n    const payloadWithState = {\n      event: payload.event,\n      state: widgetState,\n    };\n    callbacks.onPriceChange(payloadWithState);\n  };\n\n  set(widgetEventsAtom, {\n    onSwap,\n    onLimitOrder,\n    onOTCOrder,\n    onAllowToken,\n    onWrapETH,\n    onSettingsChange,\n    onConnectWallet,\n    onConnectWalletClick,\n    onCancelOrder,\n    onFillOTCOrder,\n    onFormInputChange,\n    onPriceChange,\n  });\n});\n\nexport const useWidgetEvents = (): WidgetEventCallbacksMin => {\n  return useAtomValue(widgetEventsAtom);\n};\n\nexport const useWidgetEventsSetter = (callbacks?: WidgetEventCallbacks) => {\n  const setWidgetEvents = useSetAtom(widgetEventsAtom);\n\n  useLayoutEffect(() => {\n    setWidgetEvents({\n      onConnectWallet: callbacks?.onConnectWallet,\n      onConnectWalletClick: callbacks?.onConnectWalletClick,\n      onAllowToken: callbacks?.onAllowToken,\n      onSwap: callbacks?.onSwap,\n      onOTCOrder: callbacks?.onOTCOrder,\n      onLimitOrder: callbacks?.onLimitOrder,\n      onWrapETH: callbacks?.onWrapETH,\n      onSettingsChange: callbacks?.onSettingsChange,\n      onCancelOrder: callbacks?.onCancelOrder,\n      onFillOTCOrder: callbacks?.onFillOTCOrder,\n      onFormInputChange: callbacks?.onFormInputChange,\n      onPriceChange: callbacks?.onPriceChange,\n    });\n  }, [\n    callbacks?.onConnectWallet,\n    callbacks?.onConnectWalletClick,\n    callbacks?.onAllowToken,\n    callbacks?.onSwap,\n    callbacks?.onOTCOrder,\n    callbacks?.onLimitOrder,\n    callbacks?.onWrapETH,\n    callbacks?.onSettingsChange,\n    callbacks?.onCancelOrder,\n    callbacks?.onFillOTCOrder,\n    callbacks?.onFormInputChange,\n    callbacks?.onPriceChange,\n    setWidgetEvents,\n  ]);\n};\n\nfunction isFullTokenFormState<T extends TokenFormState>(\n  state: T\n): state is Required<T> {\n  return !!(\n    state.tokenTo &&\n    state.receiverAddress &&\n    state.destChainId &&\n    state.connectedAccount\n  );\n}\n"],"names":["widgetEventsAtom","atom","get","set","callbacks","onSwap","payload","widgetState","getWidgetState","swapFormState","formState","swap","assert","isFullTokenFormState","payloadWithState","event","params","state","onLimitOrder","limitOrderFormState","limit","onOTCOrder","otcOrderFormState","otc","onAllowToken","onWrapETH","onSettingsChange","onConnectWallet","_onConnectWalletClick","onConnectWalletClick","undefined","onCancelOrder","onFillOTCOrder","onFormInputChange","onPriceChange","useWidgetEvents","useAtomValue","useWidgetEventsSetter","$","_c","setWidgetEvents","useSetAtom","t0","t1","t2","t3","t4","t5","t6","t7","t8","t9","t10","t11","t12","t13","useLayoutEffect","tokenTo","receiverAddress","destChainId","connectedAccount"],"mappings":"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"}

package/dist/core/swapDetails/fees.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fees.d.ts","sourceRoot":"","sources":["../../../src/core/swapDetails/fees.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kDAAkD,CAAC;AAGjF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAGpE,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,SAAS,GACV,EAAE;IACD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;CACpB,GAAG,eAAe,GAAG,SAAS,CAkB9B;AAED,wBAAgB,0BAA0B,CAAC,EACzC,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE;IACD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;CACpB,GAAG,eAAe,CAWlB"}
+{"version":3,"file":"fees.d.ts","sourceRoot":"","sources":["../../../src/core/swapDetails/fees.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kDAAkD,CAAC;AAGjF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAGpE,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,SAAS,GACV,EAAE;IACD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;CACpB,GAAG,eAAe,GAAG,SAAS,CAmB9B;AAED,wBAAgB,0BAA0B,CAAC,EACzC,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE;IACD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;CACpB,GAAG,eAAe,CAiBlB"}

package/dist/core/swapDetails/fees.js

@@ -15,7 +15,8 @@ function constructSwapFeesDetail({
   return {
     title: "Swap Fees",
     value: formattedFee === "$0.00" ? "<$0.01" : formattedFee,
-    isLoading
+    isLoading,
+    tooltip: `Swap fees are set to ${price.partnerFee.toFixed(2)}% for this trade`
   };
 }
 function constructNetworkFeesDetail({
@@ -33,7 +34,8 @@ function constructNetworkFeesDetail({
   return {
     title: "Network Fees",
     value,
-    isLoading
+    isLoading,
+    tooltip: "Those fees are paid to validators, Velora and its partners don't control this fee"
   };
 }
 

package/dist/core/swapDetails/fees.js.map

@@ -1 +1 @@
-{"version":3,"file":"fees.js","sources":["../../../src/core/swapDetails/fees.tsx"],"sourcesContent":["import type { DetailWithValue } from \"@/components/widget/Details/types\";\nimport type { SwapMode } from \"@/components/widget/SwapModeSwitcher/state/types\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport { calculateFeeUSD } from \"@/lib/utils/fee\";\nimport type { DeltaOrMarketPrice } from \"@/hooks/swap/prices/types\";\nimport { isDeltaPrice } from \"@/hooks/swap/prices/delta/queries/useDeltaPriceQuery\";\n\nexport function constructSwapFeesDetail({\n  price,\n  isLoading,\n}: {\n  price?: DeltaOrMarketPrice;\n  isLoading: boolean;\n}): DetailWithValue | undefined {\n  // quit early if there are no fees or destUSD in price,\n  // because we cannot calculate the fee\n  if (!price || price.partnerFee === 0) return;\n\n  const destUSD = isDeltaPrice(price) ? price.receivedDestUSD : price.destUSD;\n  if (!destUSD) return;\n\n  const partnerFeeUSD = calculateFeeUSD(price.partnerFee, destUSD);\n  const formattedFee = partnerFeeUSD\n    ? formatFiatPrice(partnerFeeUSD.toNumber())\n    : null;\n\n  return {\n    title: \"Swap Fees\",\n    value: formattedFee === \"$0.00\" ? \"<$0.01\" : formattedFee,\n    isLoading,\n  };\n}\n\nexport function constructNetworkFeesDetail({\n  price,\n  swapMode,\n  isLoading,\n}: {\n  price?: DeltaOrMarketPrice;\n  swapMode: SwapMode;\n  isLoading: boolean;\n}): DetailWithValue {\n  let value: React.ReactNode = null;\n\n  if (swapMode === \"delta\") {\n    value = <div className=\"text-[#A5D712]\">Gasless</div>;\n  } else if (price?.gasCostUSD !== undefined) {\n    const formattedPrice = formatFiatPrice(Number(price.gasCostUSD));\n    value = formattedPrice === \"$0.00\" ? \"<$0.01\" : formattedPrice;\n  }\n\n  return { title: \"Network Fees\", value, isLoading };\n}\n"],"names":["constructSwapFeesDetail","price","isLoading","partnerFee","destUSD","isDeltaPrice","receivedDestUSD","partnerFeeUSD","calculateFeeUSD","formattedFee","formatFiatPrice","toNumber","title","value","constructNetworkFeesDetail","swapMode","gasCostUSD","undefined","formattedPrice","Number"],"mappings":";;;;;AAOO,SAASA,uBAAAA,CAAwB;AAAA,EACtCC,KAAAA;AAAAA,EACAC;AAIF,CAAA,EAAgC;AAG9B,EAAA,IAAI,CAACD,KAAAA,IAASA,KAAAA,CAAME,UAAAA,KAAe,CAAA,EAAG;AAEtC,EAAA,MAAMC,UAAUC,YAAAA,CAAaJ,KAAK,CAAA,GAAIA,KAAAA,CAAMK,kBAAkBL,KAAAA,CAAMG,OAAAA;AACpE,EAAA,IAAI,CAACA,OAAAA,EAAS;AAEd,EAAA,MAAMG,aAAAA,GAAgBC,eAAAA,CAAgBP,KAAAA,CAAME,UAAAA,EAAYC,OAAO,CAAA;AAC/D,EAAA,MAAMK,eAAeF,aAAAA,GACjBG,eAAAA,CAAgBH,aAAAA,CAAcI,QAAAA,EAAU,CAAA,GACxC,IAAA;AAEJ,EAAA,OAAO;AAAA,IACLC,KAAAA,EAAO,WAAA;AAAA,IACPC,KAAAA,EAAOJ,YAAAA,KAAiB,OAAA,GAAU,QAAA,GAAWA,YAAAA;AAAAA,IAC7CP;AAAAA,GACF;AACF;AAEO,SAASY,0BAAAA,CAA2B;AAAA,EACzCb,KAAAA;AAAAA,EACAc,QAAAA;AAAAA,EACAb;AAKF,CAAA,EAAoB;AAClB,EAAA,IAAIW,KAAAA,GAAyB,IAAA;AAE7B,EAAA,IAAIE,aAAa,OAAA,EAAS;AACxBF,IAAAA,KAAAA,mBAAQ,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EAAiB,QAAA,EAAA,SAAA,EAAO,CAAA;AAAA,EACjD,CAAA,MAAA,IAAWZ,KAAAA,EAAOe,UAAAA,KAAeC,MAAAA,EAAW;AAC1C,IAAA,MAAMC,cAAAA,GAAiBR,eAAAA,CAAgBS,MAAAA,CAAOlB,KAAAA,CAAMe,UAAU,CAAC,CAAA;AAC/DH,IAAAA,KAAAA,GAAQK,cAAAA,KAAmB,UAAU,QAAA,GAAWA,cAAAA;AAAAA,EAClD;AAEA,EAAA,OAAO;AAAA,IAAEN,KAAAA,EAAO,cAAA;AAAA,IAAgBC,KAAAA;AAAAA,IAAOX;AAAAA,GAAU;AACnD;;;;"}
+{"version":3,"file":"fees.js","sources":["../../../src/core/swapDetails/fees.tsx"],"sourcesContent":["import type { DetailWithValue } from \"@/components/widget/Details/types\";\nimport type { SwapMode } from \"@/components/widget/SwapModeSwitcher/state/types\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport { calculateFeeUSD } from \"@/lib/utils/fee\";\nimport type { DeltaOrMarketPrice } from \"@/hooks/swap/prices/types\";\nimport { isDeltaPrice } from \"@/hooks/swap/prices/delta/queries/useDeltaPriceQuery\";\n\nexport function constructSwapFeesDetail({\n  price,\n  isLoading,\n}: {\n  price?: DeltaOrMarketPrice;\n  isLoading: boolean;\n}): DetailWithValue | undefined {\n  // quit early if there are no fees or destUSD in price,\n  // because we cannot calculate the fee\n  if (!price || price.partnerFee === 0) return;\n\n  const destUSD = isDeltaPrice(price) ? price.receivedDestUSD : price.destUSD;\n  if (!destUSD) return;\n\n  const partnerFeeUSD = calculateFeeUSD(price.partnerFee, destUSD);\n  const formattedFee = partnerFeeUSD\n    ? formatFiatPrice(partnerFeeUSD.toNumber())\n    : null;\n\n  return {\n    title: \"Swap Fees\",\n    value: formattedFee === \"$0.00\" ? \"<$0.01\" : formattedFee,\n    isLoading,\n    tooltip: `Swap fees are set to ${price.partnerFee.toFixed(2)}% for this trade`,\n  };\n}\n\nexport function constructNetworkFeesDetail({\n  price,\n  swapMode,\n  isLoading,\n}: {\n  price?: DeltaOrMarketPrice;\n  swapMode: SwapMode;\n  isLoading: boolean;\n}): DetailWithValue {\n  let value: React.ReactNode = null;\n\n  if (swapMode === \"delta\") {\n    value = <div className=\"text-[#A5D712]\">Gasless</div>;\n  } else if (price?.gasCostUSD !== undefined) {\n    const formattedPrice = formatFiatPrice(Number(price.gasCostUSD));\n    value = formattedPrice === \"$0.00\" ? \"<$0.01\" : formattedPrice;\n  }\n\n  return {\n    title: \"Network Fees\",\n    value,\n    isLoading,\n    tooltip:\n      \"Those fees are paid to validators, Velora and its partners don't control this fee\",\n  };\n}\n"],"names":["constructSwapFeesDetail","price","isLoading","partnerFee","destUSD","isDeltaPrice","receivedDestUSD","partnerFeeUSD","calculateFeeUSD","formattedFee","formatFiatPrice","toNumber","title","value","tooltip","toFixed","constructNetworkFeesDetail","swapMode","gasCostUSD","undefined","formattedPrice","Number"],"mappings":";;;;;AAOO,SAASA,uBAAAA,CAAwB;AAAA,EACtCC,KAAAA;AAAAA,EACAC;AAIF,CAAA,EAAgC;AAG9B,EAAA,IAAI,CAACD,KAAAA,IAASA,KAAAA,CAAME,UAAAA,KAAe,CAAA,EAAG;AAEtC,EAAA,MAAMC,UAAUC,YAAAA,CAAaJ,KAAK,CAAA,GAAIA,KAAAA,CAAMK,kBAAkBL,KAAAA,CAAMG,OAAAA;AACpE,EAAA,IAAI,CAACA,OAAAA,EAAS;AAEd,EAAA,MAAMG,aAAAA,GAAgBC,eAAAA,CAAgBP,KAAAA,CAAME,UAAAA,EAAYC,OAAO,CAAA;AAC/D,EAAA,MAAMK,eAAeF,aAAAA,GACjBG,eAAAA,CAAgBH,aAAAA,CAAcI,QAAAA,EAAU,CAAA,GACxC,IAAA;AAEJ,EAAA,OAAO;AAAA,IACLC,KAAAA,EAAO,WAAA;AAAA,IACPC,KAAAA,EAAOJ,YAAAA,KAAiB,OAAA,GAAU,QAAA,GAAWA,YAAAA;AAAAA,IAC7CP,SAAAA;AAAAA,IACAY,SAAS,CAAA,qBAAA,EAAwBb,KAAAA,CAAME,UAAAA,CAAWY,OAAAA,CAAQ,CAAC,CAAC,CAAA,gBAAA;AAAA,GAC9D;AACF;AAEO,SAASC,0BAAAA,CAA2B;AAAA,EACzCf,KAAAA;AAAAA,EACAgB,QAAAA;AAAAA,EACAf;AAKF,CAAA,EAAoB;AAClB,EAAA,IAAIW,KAAAA,GAAyB,IAAA;AAE7B,EAAA,IAAII,aAAa,OAAA,EAAS;AACxBJ,IAAAA,KAAAA,mBAAQ,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EAAiB,QAAA,EAAA,SAAA,EAAO,CAAA;AAAA,EACjD,CAAA,MAAA,IAAWZ,KAAAA,EAAOiB,UAAAA,KAAeC,MAAAA,EAAW;AAC1C,IAAA,MAAMC,cAAAA,GAAiBV,eAAAA,CAAgBW,MAAAA,CAAOpB,KAAAA,CAAMiB,UAAU,CAAC,CAAA;AAC/DL,IAAAA,KAAAA,GAAQO,cAAAA,KAAmB,UAAU,QAAA,GAAWA,cAAAA;AAAAA,EAClD;AAEA,EAAA,OAAO;AAAA,IACLR,KAAAA,EAAO,cAAA;AAAA,IACPC,KAAAA;AAAAA,IACAX,SAAAA;AAAAA,IACAY,OAAAA,EACE;AAAA,GACJ;AACF;;;;"}

package/dist/core/swapDetails/orderRouting.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"orderRouting.d.ts","sourceRoot":"","sources":["../../../src/core/swapDetails/orderRouting.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEzE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kDAAkD,CAAC;AAEjF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,wBAAgB,2BAA2B,CAAC,EAC1C,QAAQ,EACR,SAAS,EACT,UAAU,GACX,EAAE;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;CACvC,GAAG,eAAe,CA2ClB"}
+{"version":3,"file":"orderRouting.d.ts","sourceRoot":"","sources":["../../../src/core/swapDetails/orderRouting.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEzE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kDAAkD,CAAC;AAEjF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAMnD,wBAAgB,2BAA2B,CAAC,EAC1C,QAAQ,EACR,SAAS,EACT,UAAU,GACX,EAAE;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;CACvC,GAAG,eAAe,CA4ClB"}

package/dist/core/swapDetails/orderRouting.js

@@ -2,6 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { DeltaIcon } from '../../components/widget/Icon/DeltaIcon.js';
 import { isSimplePath, isMultiSwap, isMegaSwap } from '../../lib/utils/dexes.js';
 
+const tooltip = "Velora routes and splits your order across many exchanges to achieve the best available rate.";
 function constructOrderRoutingDetail({
   swapMode,
   isLoading,
@@ -16,15 +17,17 @@ function constructOrderRoutingDetail({
         /* @__PURE__ */ jsx(DeltaIcon, {}),
         " Delta"
       ] }),
-      isLoading: false
+      isLoading: false,
       // Delta mode does not have routing
+      tooltip
     };
   }
   if (!bestRoutes || bestRoutes.length === 0) {
     return {
       title,
       value: null,
-      isLoading
+      isLoading,
+      tooltip
     };
   }
   if (isSimplePath(bestRoutes)) {
@@ -50,7 +53,8 @@ function constructOrderRoutingDetail({
   return {
     title: "Order Routing",
     value: routing,
-    isLoading
+    isLoading,
+    tooltip
   };
 }
 

package/dist/core/swapDetails/orderRouting.js.map

@@ -1 +1 @@
-{"version":3,"file":"orderRouting.js","sources":["../../../src/core/swapDetails/orderRouting.tsx"],"sourcesContent":["import type { DetailWithValue } from \"@/components/widget/Details/types\";\nimport { DeltaIcon } from \"@/components/widget/Icon/DeltaIcon\";\nimport type { SwapMode } from \"@/components/widget/SwapModeSwitcher/state/types\";\nimport { isSimplePath, isMultiSwap, isMegaSwap } from \"@/lib/utils/dexes\";\nimport type { OptimalRate } from \"@velora-dex/sdk\";\nimport type { JSX } from \"react\";\n\nexport function constructOrderRoutingDetail({\n  swapMode,\n  isLoading,\n  bestRoutes,\n}: {\n  swapMode: SwapMode;\n  isLoading: boolean;\n  bestRoutes?: OptimalRate[\"bestRoute\"];\n}): DetailWithValue {\n  const title = \"Order Routing\";\n  let routing: string | JSX.Element | null = null;\n\n  if (swapMode === \"delta\") {\n    return {\n      title,\n      value: (\n        <div className=\"flex items-center gap-1\">\n          <DeltaIcon /> Delta\n        </div>\n      ),\n      isLoading: false, // Delta mode does not have routing\n    };\n  }\n\n  if (!bestRoutes || bestRoutes.length === 0) {\n    return { title, value: null, isLoading };\n  }\n\n  if (isSimplePath(bestRoutes)) {\n    const [{ swapExchanges }] = bestRoutes[0].swaps;\n\n    if (swapExchanges.length > 1) {\n      routing = \"Multi. Exchanges\";\n    } else {\n      const swapExchange = swapExchanges[0];\n\n      if (swapExchange) {\n        routing = (\n          <div className=\"max-w-[200px] whitespace-nowrap overflow-hidden text-ellipsis\">\n            100% {swapExchange.exchange}\n          </div>\n        );\n      }\n    }\n  } else if (isMultiSwap(bestRoutes)) {\n    routing = \"MultiSwap\";\n  } else if (isMegaSwap(bestRoutes)) {\n    routing = \"MegaSwap\";\n  }\n\n  return { title: \"Order Routing\", value: routing, isLoading };\n}\n"],"names":["constructOrderRoutingDetail","swapMode","isLoading","bestRoutes","title","routing","value","length","isSimplePath","swapExchanges","swaps","swapExchange","exchange","isMultiSwap","isMegaSwap"],"mappings":";;;;AAOO,SAASA,2BAAAA,CAA4B;AAAA,EAC1CC,QAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC;AAKF,CAAA,EAAoB;AAClB,EAAA,MAAMC,KAAAA,GAAQ,eAAA;AACd,EAAA,IAAIC,OAAAA,GAAuC,IAAA;AAE3C,EAAA,IAAIJ,aAAa,OAAA,EAAS;AACxB,IAAA,OAAO;AAAA,MACLG,KAAAA;AAAAA,MACAE,KAAAA,kBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAA,EAAA,EAAS,CAAA;AAAA,QAAG;AAAA,OAAA,EACf,CAAA;AAAA,MAEFJ,SAAAA,EAAW;AAAA;AAAA,KACb;AAAA,EACF;AAEA,EAAA,IAAI,CAACC,UAAAA,IAAcA,UAAAA,CAAWI,MAAAA,KAAW,CAAA,EAAG;AAC1C,IAAA,OAAO;AAAA,MAAEH,KAAAA;AAAAA,MAAOE,KAAAA,EAAO,IAAA;AAAA,MAAMJ;AAAAA,KAAU;AAAA,EACzC;AAEA,EAAA,IAAIM,YAAAA,CAAaL,UAAU,CAAA,EAAG;AAC5B,IAAA,MAAM,CAAC;AAAA,MAAEM;AAAAA,KAAe,CAAA,GAAIN,UAAAA,CAAW,CAAC,CAAA,CAAEO,KAAAA;AAE1C,IAAA,IAAID,aAAAA,CAAcF,SAAS,CAAA,EAAG;AAC5BF,MAAAA,OAAAA,GAAU,kBAAA;AAAA,IACZ,CAAA,MAAO;AACL,MAAA,MAAMM,YAAAA,GAAeF,cAAc,CAAC,CAAA;AAEpC,MAAA,IAAIE,YAAAA,EAAc;AAChBN,QAAAA,OAAAA,mBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+DAAA,EAA+D,QAAA,EAAA;AAAA,UAAA,OAAA;AAAA,UACtEM,YAAAA,CAAaC;AAAAA,SAAAA,EACrB,CAAA;AAAA,MAEJ;AAAA,IACF;AAAA,EACF,CAAA,MAAA,IAAWC,WAAAA,CAAYV,UAAU,CAAA,EAAG;AAClCE,IAAAA,OAAAA,GAAU,WAAA;AAAA,EACZ,CAAA,MAAA,IAAWS,UAAAA,CAAWX,UAAU,CAAA,EAAG;AACjCE,IAAAA,OAAAA,GAAU,UAAA;AAAA,EACZ;AAEA,EAAA,OAAO;AAAA,IAAED,KAAAA,EAAO,eAAA;AAAA,IAAiBE,KAAAA,EAAOD,OAAAA;AAAAA,IAASH;AAAAA,GAAU;AAC7D;;;;"}
+{"version":3,"file":"orderRouting.js","sources":["../../../src/core/swapDetails/orderRouting.tsx"],"sourcesContent":["import type { DetailWithValue } from \"@/components/widget/Details/types\";\nimport { DeltaIcon } from \"@/components/widget/Icon/DeltaIcon\";\nimport type { SwapMode } from \"@/components/widget/SwapModeSwitcher/state/types\";\nimport { isSimplePath, isMultiSwap, isMegaSwap } from \"@/lib/utils/dexes\";\nimport type { OptimalRate } from \"@velora-dex/sdk\";\nimport type { JSX } from \"react\";\n\nconst tooltip =\n  \"Velora routes and splits your order across many exchanges to achieve the best available rate.\";\n\nexport function constructOrderRoutingDetail({\n  swapMode,\n  isLoading,\n  bestRoutes,\n}: {\n  swapMode: SwapMode;\n  isLoading: boolean;\n  bestRoutes?: OptimalRate[\"bestRoute\"];\n}): DetailWithValue {\n  const title = \"Order Routing\";\n  let routing: string | JSX.Element | null = null;\n\n  if (swapMode === \"delta\") {\n    return {\n      title,\n      value: (\n        <div className=\"flex items-center gap-1\">\n          <DeltaIcon /> Delta\n        </div>\n      ),\n      isLoading: false, // Delta mode does not have routing\n      tooltip,\n    };\n  }\n\n  if (!bestRoutes || bestRoutes.length === 0) {\n    return { title, value: null, isLoading, tooltip };\n  }\n\n  if (isSimplePath(bestRoutes)) {\n    const [{ swapExchanges }] = bestRoutes[0].swaps;\n\n    if (swapExchanges.length > 1) {\n      routing = \"Multi. Exchanges\";\n    } else {\n      const swapExchange = swapExchanges[0];\n\n      if (swapExchange) {\n        routing = (\n          <div className=\"max-w-[200px] whitespace-nowrap overflow-hidden text-ellipsis\">\n            100% {swapExchange.exchange}\n          </div>\n        );\n      }\n    }\n  } else if (isMultiSwap(bestRoutes)) {\n    routing = \"MultiSwap\";\n  } else if (isMegaSwap(bestRoutes)) {\n    routing = \"MegaSwap\";\n  }\n\n  return { title: \"Order Routing\", value: routing, isLoading, tooltip };\n}\n"],"names":["tooltip","constructOrderRoutingDetail","swapMode","isLoading","bestRoutes","title","routing","value","length","isSimplePath","swapExchanges","swaps","swapExchange","exchange","isMultiSwap","isMegaSwap"],"mappings":";;;;AAOA,MAAMA,OAAAA,GACJ,+FAAA;AAEK,SAASC,2BAAAA,CAA4B;AAAA,EAC1CC,QAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC;AAKF,CAAA,EAAoB;AAClB,EAAA,MAAMC,KAAAA,GAAQ,eAAA;AACd,EAAA,IAAIC,OAAAA,GAAuC,IAAA;AAE3C,EAAA,IAAIJ,aAAa,OAAA,EAAS;AACxB,IAAA,OAAO;AAAA,MACLG,KAAAA;AAAAA,MACAE,KAAAA,kBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAA,EAAA,EAAS,CAAA;AAAA,QAAG;AAAA,OAAA,EACf,CAAA;AAAA,MAEFJ,SAAAA,EAAW,KAAA;AAAA;AAAA,MACXH;AAAAA,KACF;AAAA,EACF;AAEA,EAAA,IAAI,CAACI,UAAAA,IAAcA,UAAAA,CAAWI,MAAAA,KAAW,CAAA,EAAG;AAC1C,IAAA,OAAO;AAAA,MAAEH,KAAAA;AAAAA,MAAOE,KAAAA,EAAO,IAAA;AAAA,MAAMJ,SAAAA;AAAAA,MAAWH;AAAAA,KAAQ;AAAA,EAClD;AAEA,EAAA,IAAIS,YAAAA,CAAaL,UAAU,CAAA,EAAG;AAC5B,IAAA,MAAM,CAAC;AAAA,MAAEM;AAAAA,KAAe,CAAA,GAAIN,UAAAA,CAAW,CAAC,CAAA,CAAEO,KAAAA;AAE1C,IAAA,IAAID,aAAAA,CAAcF,SAAS,CAAA,EAAG;AAC5BF,MAAAA,OAAAA,GAAU,kBAAA;AAAA,IACZ,CAAA,MAAO;AACL,MAAA,MAAMM,YAAAA,GAAeF,cAAc,CAAC,CAAA;AAEpC,MAAA,IAAIE,YAAAA,EAAc;AAChBN,QAAAA,OAAAA,mBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+DAAA,EAA+D,QAAA,EAAA;AAAA,UAAA,OAAA;AAAA,UACtEM,YAAAA,CAAaC;AAAAA,SAAAA,EACrB,CAAA;AAAA,MAEJ;AAAA,IACF;AAAA,EACF,CAAA,MAAA,IAAWC,WAAAA,CAAYV,UAAU,CAAA,EAAG;AAClCE,IAAAA,OAAAA,GAAU,WAAA;AAAA,EACZ,CAAA,MAAA,IAAWS,UAAAA,CAAWX,UAAU,CAAA,EAAG;AACjCE,IAAAA,OAAAA,GAAU,UAAA;AAAA,EACZ;AAEA,EAAA,OAAO;AAAA,IAAED,KAAAA,EAAO,eAAA;AAAA,IAAiBE,KAAAA,EAAOD,OAAAA;AAAAA,IAASH,SAAAA;AAAAA,IAAWH;AAAAA,GAAQ;AACtE;;;;"}

package/dist/core/swapDetails/priceImpact.d.ts

@@ -3,5 +3,7 @@ import { DeltaOrMarketPrice } from '../../hooks/swap/prices/types';
 export declare function constructPriceImpactDetail({ price, isLoading, }: {
     price?: DeltaOrMarketPrice;
     isLoading: boolean;
-}): DetailWithValue;
+}): DetailWithValue & {
+    isHighImpact?: boolean;
+};
 //# sourceMappingURL=priceImpact.d.ts.map

package/dist/core/swapDetails/priceImpact.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"priceImpact.d.ts","sourceRoot":"","sources":["../../../src/core/swapDetails/priceImpact.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAKpE,wBAAgB,0BAA0B,CAAC,EACzC,KAAK,EACL,SAAS,GACV,EAAE;IACD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;CACpB,GAAG,eAAe,CA+BlB"}
+{"version":3,"file":"priceImpact.d.ts","sourceRoot":"","sources":["../../../src/core/swapDetails/priceImpact.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAQpE,wBAAgB,0BAA0B,CAAC,EACzC,KAAK,EACL,SAAS,GACV,EAAE;IACD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;CACpB,GAAG,eAAe,GAAG;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAkCA"}

package/dist/core/swapDetails/priceImpact.js

@@ -3,6 +3,7 @@ import { cn } from '../../lib/utils/index.js';
 import { getPriceImpact } from '../../lib/utils/priceImpact.js';
 import { TriangleAlert } from 'lucide-react';
 
+const tooltip = "The expected influence of the trade over the current market fiat price of the chosen pair of tokens.";
 function constructPriceImpactDetail({
   price,
   isLoading
@@ -12,7 +13,8 @@ function constructPriceImpactDetail({
     return {
       title,
       value: null,
-      isLoading
+      isLoading,
+      tooltip
     };
   }
   const {
@@ -32,7 +34,9 @@ function constructPriceImpactDetail({
         "text-secondary-orange-peel-1 dark:text-secondary-orange-peel-1": isHighImpact
       })
     },
-    isLoading
+    isLoading,
+    tooltip,
+    isHighImpact
   };
 }
 

package/dist/core/swapDetails/priceImpact.js.map

@@ -1 +1 @@
-{"version":3,"file":"priceImpact.js","sources":["../../../src/core/swapDetails/priceImpact.tsx"],"sourcesContent":["import type { DetailWithValue } from \"@/components/widget/Details/types\";\nimport type { DeltaOrMarketPrice } from \"@/hooks/swap/prices/types\";\nimport { cn } from \"@/lib/utils\";\nimport { getPriceImpact } from \"@/lib/utils/priceImpact\";\nimport { TriangleAlert } from \"lucide-react\";\n\nexport function constructPriceImpactDetail({\n  price,\n  isLoading,\n}: {\n  price?: DeltaOrMarketPrice;\n  isLoading: boolean;\n}): DetailWithValue {\n  const title = \"Price Impact\";\n\n  if (!price) {\n    return {\n      title,\n      value: null,\n      isLoading,\n    };\n  }\n  const { priceImpact, isHighImpact } = getPriceImpact(price);\n\n  const priceImpactPercent = `${priceImpact.toFixed(2)}%`;\n\n  return {\n    title,\n    value: isHighImpact ? (\n      <div className=\"flex items-center gap-1\">\n        <TriangleAlert size={14} /> {priceImpactPercent}\n      </div>\n    ) : (\n      priceImpactPercent\n    ),\n    classes: {\n      value: cn({\n        \"text-secondary-orange-peel-1 dark:text-secondary-orange-peel-1\":\n          isHighImpact,\n      }),\n    },\n    isLoading,\n  };\n}\n"],"names":["constructPriceImpactDetail","price","isLoading","title","value","priceImpact","isHighImpact","getPriceImpact","priceImpactPercent","toFixed","classes","cn"],"mappings":";;;;;AAMO,SAASA,0BAAAA,CAA2B;AAAA,EACzCC,KAAAA;AAAAA,EACAC;AAIF,CAAA,EAAoB;AAClB,EAAA,MAAMC,KAAAA,GAAQ,cAAA;AAEd,EAAA,IAAI,CAACF,KAAAA,EAAO;AACV,IAAA,OAAO;AAAA,MACLE,KAAAA;AAAAA,MACAC,KAAAA,EAAO,IAAA;AAAA,MACPF;AAAAA,KACF;AAAA,EACF;AACA,EAAA,MAAM;AAAA,IAAEG,WAAAA;AAAAA,IAAaC;AAAAA,GAAa,GAAIC,eAAeN,KAAK,CAAA;AAE1D,EAAA,MAAMO,kBAAAA,GAAqB,CAAA,EAAGH,WAAAA,CAAYI,OAAAA,CAAQ,CAAC,CAAC,CAAA,CAAA,CAAA;AAEpD,EAAA,OAAO;AAAA,IACLN,KAAAA;AAAAA,IACAC,KAAAA,EAAOE,YAAAA,mBACL,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,MAAM,EAAA,EAAG,CAAA;AAAA,MAAG,GAAA;AAAA,MAAEE;AAAAA,KAAAA,EAC/B,CAAA,GAEAA,kBAAAA;AAAAA,IAEFE,OAAAA,EAAS;AAAA,MACPN,OAAOO,EAAAA,CAAG;AAAA,QACR,gEAAA,EACEL;AAAAA,OACH;AAAA,KACH;AAAA,IACAJ;AAAAA,GACF;AACF;;;;"}
+{"version":3,"file":"priceImpact.js","sources":["../../../src/core/swapDetails/priceImpact.tsx"],"sourcesContent":["import type { DetailWithValue } from \"@/components/widget/Details/types\";\nimport type { DeltaOrMarketPrice } from \"@/hooks/swap/prices/types\";\nimport { cn } from \"@/lib/utils\";\nimport { getPriceImpact } from \"@/lib/utils/priceImpact\";\nimport { TriangleAlert } from \"lucide-react\";\n\nconst tooltip =\n  \"The expected influence of the trade over the current market fiat price of the chosen pair of tokens.\";\n\nexport function constructPriceImpactDetail({\n  price,\n  isLoading,\n}: {\n  price?: DeltaOrMarketPrice;\n  isLoading: boolean;\n}): DetailWithValue & {\n  isHighImpact?: boolean;\n} {\n  const title = \"Price Impact\";\n\n  if (!price) {\n    return {\n      title,\n      value: null,\n      isLoading,\n      tooltip,\n    };\n  }\n  const { priceImpact, isHighImpact } = getPriceImpact(price);\n\n  const priceImpactPercent = `${priceImpact.toFixed(2)}%`;\n\n  return {\n    title,\n    value: isHighImpact ? (\n      <div className=\"flex items-center gap-1\">\n        <TriangleAlert size={14} /> {priceImpactPercent}\n      </div>\n    ) : (\n      priceImpactPercent\n    ),\n    classes: {\n      value: cn({\n        \"text-secondary-orange-peel-1 dark:text-secondary-orange-peel-1\":\n          isHighImpact,\n      }),\n    },\n    isLoading,\n    tooltip,\n    isHighImpact,\n  };\n}\n"],"names":["tooltip","constructPriceImpactDetail","price","isLoading","title","value","priceImpact","isHighImpact","getPriceImpact","priceImpactPercent","toFixed","classes","cn"],"mappings":";;;;;AAMA,MAAMA,OAAAA,GACJ,sGAAA;AAEK,SAASC,0BAAAA,CAA2B;AAAA,EACzCC,KAAAA;AAAAA,EACAC;AAIF,CAAA,EAEE;AACA,EAAA,MAAMC,KAAAA,GAAQ,cAAA;AAEd,EAAA,IAAI,CAACF,KAAAA,EAAO;AACV,IAAA,OAAO;AAAA,MACLE,KAAAA;AAAAA,MACAC,KAAAA,EAAO,IAAA;AAAA,MACPF,SAAAA;AAAAA,MACAH;AAAAA,KACF;AAAA,EACF;AACA,EAAA,MAAM;AAAA,IAAEM,WAAAA;AAAAA,IAAaC;AAAAA,GAAa,GAAIC,eAAeN,KAAK,CAAA;AAE1D,EAAA,MAAMO,kBAAAA,GAAqB,CAAA,EAAGH,WAAAA,CAAYI,OAAAA,CAAQ,CAAC,CAAC,CAAA,CAAA,CAAA;AAEpD,EAAA,OAAO;AAAA,IACLN,KAAAA;AAAAA,IACAC,KAAAA,EAAOE,YAAAA,mBACL,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,MAAM,EAAA,EAAG,CAAA;AAAA,MAAG,GAAA;AAAA,MAAEE;AAAAA,KAAAA,EAC/B,CAAA,GAEAA,kBAAAA;AAAAA,IAEFE,OAAAA,EAAS;AAAA,MACPN,OAAOO,EAAAA,CAAG;AAAA,QACR,gEAAA,EACEL;AAAAA,OACH;AAAA,KACH;AAAA,IACAJ,SAAAA;AAAAA,IACAH,OAAAA;AAAAA,IACAO;AAAAA,GACF;AACF;;;;"}

package/dist/core/swapDetails/useSwapDetailsListProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSwapDetailsListProps.d.ts","sourceRoot":"","sources":["../../../src/core/swapDetails/useSwapDetailsListProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,kCAAkC,EACnC,MAAM,mCAAmC,CAAC;AAkB3C,eAAO,MAAM,uBAAuB,QAC9B,kCAsEH,CAAC"}
+{"version":3,"file":"useSwapDetailsListProps.d.ts","sourceRoot":"","sources":["../../../src/core/swapDetails/useSwapDetailsListProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,kCAAkC,EACnC,MAAM,mCAAmC,CAAC;AA0B3C,eAAO,MAAM,uBAAuB,QAC9B,kCAsGH,CAAC"}

package/dist/core/swapDetails/useSwapDetailsListProps.js

@@ -1,4 +1,4 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { d as distExports } from '../../_virtual/index.js';
 import { SwapRate } from '../../components/widget/SwapRate/SwapRate.js';
 import { useCurrentSwapPrice } from '../../hooks/swap/prices/useSwapPrices.js';
@@ -9,12 +9,15 @@ import { constructOrderRoutingDetail } from './orderRouting.js';
 import { constructPriceImpactDetail } from './priceImpact.js';
 import { constructSwapFeesDetail, constructNetworkFeesDetail } from './fees.js';
 import { useSwapSide } from '../../components/widget/SwapModeSwitcher/state/swapSideAtom.js';
-import { isTruthy } from '../../lib/utils/index.js';
+import { cn, isTruthy } from '../../lib/utils/index.js';
 import { constructYouGetDetail } from './youGet.js';
 import { useSlippage } from '../../hooks/useSlippage.js';
+import { ReactComponent as ForwardRef } from '../../assets/price-impact.svg.js';
+import { TooltipTrigger, TooltipContent, Tooltip } from '../../components/ui/tooltip.js';
+import { Skeleton } from '../../components/ui/skeleton.js';
 
 const useSwapDetailsListProps = () => {
-  const $ = distExports.c(19);
+  const $ = distExports.c(49);
   const {
     tokenFrom,
     tokenTo
@@ -39,14 +42,25 @@ const useSwapDetailsListProps = () => {
     resolvedSlippage
   } = useSlippage("swap");
   const swapSide = useSwapSide();
+  let T0;
+  let T1;
+  let details;
   let t1;
-  if ($[1] !== isLoading || $[2] !== price || $[3] !== priceMode || $[4] !== resolvedSlippage || $[5] !== swapSide || $[6] !== tokenTo) {
+  let t2;
+  let t3;
+  let t4;
+  let t5;
+  let t6;
+  if ($[1] !== destAmountWei || $[2] !== isLoading || $[3] !== price || $[4] !== priceMode || $[5] !== resolvedSlippage || $[6] !== srcAmountWei || $[7] !== swapSide || $[8] !== tokenFrom || $[9] !== tokenTo) {
     const orderRoutingDetail = constructOrderRoutingDetail({
       bestRoutes: price && "bestRoute" in price ? price.bestRoute : void 0,
       swapMode: priceMode,
       isLoading
     });
-    const priceImpactDetail = constructPriceImpactDetail({
+    const {
+      isHighImpact,
+      ...priceImpactDetail
+    } = constructPriceImpactDetail({
       price,
       isLoading
     });
@@ -66,55 +80,154 @@ const useSwapDetailsListProps = () => {
       tokenTo,
       swapSide
     });
-    t1 = [orderRoutingDetail, priceImpactDetail, swapFeesDetail, youGetDetail, networkFeesDetail].filter(isTruthy);
-    $[1] = isLoading;
-    $[2] = price;
-    $[3] = priceMode;
-    $[4] = resolvedSlippage;
-    $[5] = swapSide;
-    $[6] = tokenTo;
-    $[7] = t1;
-  } else {
-    t1 = $[7];
-  }
-  const details = t1;
-  const isBuy = swapSide === "BUY";
-  let t2;
-  if ($[8] !== destAmountWei || $[9] !== isBuy || $[10] !== isLoading || $[11] !== srcAmountWei || $[12] !== tokenFrom || $[13] !== tokenTo) {
-    t2 = /* @__PURE__ */ jsx(SwapRate, { srcToken: tokenFrom, destToken: tokenTo, srcAmountWei, destAmountWei, isLoading, reverse: isBuy });
-    $[8] = destAmountWei;
-    $[9] = isBuy;
-    $[10] = isLoading;
-    $[11] = srcAmountWei;
-    $[12] = tokenFrom;
-    $[13] = tokenTo;
+    details = [orderRoutingDetail, priceImpactDetail, swapFeesDetail, youGetDetail, networkFeesDetail].filter(isTruthy);
+    const isBuy = swapSide === "BUY";
+    t5 = "flex items-center justify-between";
+    let t72;
+    if ($[19] !== destAmountWei || $[20] !== isBuy || $[21] !== isLoading || $[22] !== srcAmountWei || $[23] !== tokenFrom || $[24] !== tokenTo) {
+      t72 = /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(SwapRate, { srcToken: tokenFrom, destToken: tokenTo, srcAmountWei, destAmountWei, isLoading, reverse: isBuy }) }) });
+      $[19] = destAmountWei;
+      $[20] = isBuy;
+      $[21] = isLoading;
+      $[22] = srcAmountWei;
+      $[23] = tokenFrom;
+      $[24] = tokenTo;
+      $[25] = t72;
+    } else {
+      t72 = $[25];
+    }
+    let t82;
+    if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+      t82 = /* @__PURE__ */ jsx(TooltipContent, { children: "Best price for this trade based on the current market conditions" });
+      $[26] = t82;
+    } else {
+      t82 = $[26];
+    }
+    if ($[27] !== t72) {
+      t6 = /* @__PURE__ */ jsxs(Tooltip, { children: [
+        t72,
+        t82
+      ] });
+      $[27] = t72;
+      $[28] = t6;
+    } else {
+      t6 = $[28];
+    }
+    T1 = Tooltip;
+    T0 = TooltipTrigger;
+    t4 = true;
+    t1 = "flex items-center gap-1";
+    t2 = !isHighImpact && /* @__PURE__ */ jsx(ForwardRef, { className: "size-[16px]" });
+    t3 = priceImpactDetail.isLoading ? /* @__PURE__ */ jsx(Skeleton, { className: "bg-contrast-6 dark:bg-contrast-5 min-w-[42px] h-[12px]" }) : /* @__PURE__ */ jsx("div", { className: cn({
+      "text-secondary-orange-peel-1 dark:text-secondary-orange-peel-1": isHighImpact
+    }), children: priceImpactDetail.value ?? "-" });
+    $[1] = destAmountWei;
+    $[2] = isLoading;
+    $[3] = price;
+    $[4] = priceMode;
+    $[5] = resolvedSlippage;
+    $[6] = srcAmountWei;
+    $[7] = swapSide;
+    $[8] = tokenFrom;
+    $[9] = tokenTo;
+    $[10] = T0;
+    $[11] = T1;
+    $[12] = details;
+    $[13] = t1;
     $[14] = t2;
+    $[15] = t3;
+    $[16] = t4;
+    $[17] = t5;
+    $[18] = t6;
   } else {
+    T0 = $[10];
+    T1 = $[11];
+    details = $[12];
+    t1 = $[13];
     t2 = $[14];
+    t3 = $[15];
+    t4 = $[16];
+    t5 = $[17];
+    t6 = $[18];
   }
-  let t3;
-  if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = {
+  let t7;
+  if ($[29] !== t1 || $[30] !== t2 || $[31] !== t3) {
+    t7 = /* @__PURE__ */ jsxs("div", { className: t1, children: [
+      t2,
+      t3
+    ] });
+    $[29] = t1;
+    $[30] = t2;
+    $[31] = t3;
+    $[32] = t7;
+  } else {
+    t7 = $[32];
+  }
+  let t8;
+  if ($[33] !== T0 || $[34] !== t4 || $[35] !== t7) {
+    t8 = /* @__PURE__ */ jsx(T0, { asChild: t4, children: t7 });
+    $[33] = T0;
+    $[34] = t4;
+    $[35] = t7;
+    $[36] = t8;
+  } else {
+    t8 = $[36];
+  }
+  let t9;
+  if ($[37] === Symbol.for("react.memo_cache_sentinel")) {
+    t9 = /* @__PURE__ */ jsx(TooltipContent, { children: "Price Impact" });
+    $[37] = t9;
+  } else {
+    t9 = $[37];
+  }
+  let t10;
+  if ($[38] !== T1 || $[39] !== t8) {
+    t10 = /* @__PURE__ */ jsxs(T1, { children: [
+      t8,
+      t9
+    ] });
+    $[38] = T1;
+    $[39] = t8;
+    $[40] = t10;
+  } else {
+    t10 = $[40];
+  }
+  let t11;
+  if ($[41] !== t10 || $[42] !== t5 || $[43] !== t6) {
+    t11 = /* @__PURE__ */ jsxs("div", { className: t5, children: [
+      t6,
+      t10
+    ] });
+    $[41] = t10;
+    $[42] = t5;
+    $[43] = t6;
+    $[44] = t11;
+  } else {
+    t11 = $[44];
+  }
+  let t12;
+  if ($[45] === Symbol.for("react.memo_cache_sentinel")) {
+    t12 = {
       root: "mt-4"
     };
-    $[15] = t3;
+    $[45] = t12;
   } else {
-    t3 = $[15];
+    t12 = $[45];
   }
-  let t4;
-  if ($[16] !== details || $[17] !== t2) {
-    t4 = {
-      trigger: t2,
+  let t13;
+  if ($[46] !== details || $[47] !== t11) {
+    t13 = {
+      trigger: t11,
       details,
-      classes: t3
+      classes: t12
     };
-    $[16] = details;
-    $[17] = t2;
-    $[18] = t4;
+    $[46] = details;
+    $[47] = t11;
+    $[48] = t13;
   } else {
-    t4 = $[18];
+    t13 = $[48];
   }
-  return t4;
+  return t13;
 };
 
 export { useSwapDetailsListProps };