@rango-dev/widget-embedded 0.1.10-next.96 → 0.1.10-next.98

package/dist/widget-embedded.esm.js

@@ -15,10 +15,10 @@ import { styled as styled$1 } from '@rango-dev/ui/src/theme';
 import { allProviders } from '@rango-dev/provider-all';
 import { useManager, Provider } from '@rango-dev/queue-manager-react';
 import copy from 'copy-to-clipboard';
+import { cancelSwap, swapQueueDef } from '@rango-dev/queue-manager-rango-preset';
 import i18n from 'i18next';
 import Backend from 'i18next-http-backend';
 import LanguageDetector from 'i18next-browser-languagedetector';
-import { swapQueueDef } from '@rango-dev/queue-manager-rango-preset';
 
 const navigationRoutes = {
   home: '/',
@@ -2329,16 +2329,20 @@ function SwapDetailsPage() {
       swap
     } = _ref;
     return swap.requestId === selectedSwapRequestId;
-  })?.swap;
+  });
+  //TODO: implement swap cancellation (move queueManager logic to queueManager/rango-preset)
+  const onCancel = () => {
+    const swap = selectedSwap ? manager?.get(selectedSwap.id) : undefined;
+    if (swap) cancelSwap(swap);
+  };
   return React.createElement(SwapHistory, {
     onBack: navigateBackFrom.bind(null, navigationRoutes.swapDetails),
     //todo: move PendingSwap type to rango-types
     //@ts-ignore
-    pendingSwap: selectedSwap,
+    pendingSwap: selectedSwap?.swap,
     onCopy: handleCopy,
     isCopied: isCopied,
-    //todo: implement swap cancellation (move queueManager logic to queueManager/rango-preset)
-    onCancel: requestId => console.log(requestId)
+    onCancel: onCancel
   });
 }