@rango-dev/widget-embedded 0.30.1-next.17 → 0.30.1-next.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.30.1-next.17",
+  "version": "0.30.1-next.19",
   "license": "MIT",
   "type": "module",
   "source": "./src/index.ts",
@@ -30,7 +30,7 @@
     "@rango-dev/queue-manager-rango-preset": "^0.35.2-next.3",
     "@rango-dev/queue-manager-react": "^0.26.1-next.1",
     "@rango-dev/signer-solana": "^0.30.1-next.1",
-    "@rango-dev/ui": "^0.36.1-next.8",
+    "@rango-dev/ui": "^0.36.1-next.9",
     "@rango-dev/wallets-react": "^0.21.2-next.3",
     "@rango-dev/wallets-shared": "^0.35.2-next.1",
     "bignumber.js": "^9.1.1",
@@ -53,4 +53,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

package/src/containers/WidgetInfo/WidgetInfo.tsx

@@ -4,7 +4,7 @@ import { useManager } from '@rango-dev/queue-manager-react';
 import React, { createContext, useContext } from 'react';
 
 import { useLanguage } from '../../hooks/useLanguage';
-import { useUpdateQuoteInput } from '../../hooks/useUpdateQuoteInput/useUpdateQuoteInput';
+import { useUpdateQuoteInputs } from '../../hooks/useUpdateQuoteInputs/useUpdateQuoteInputs';
 import { useAppStore } from '../../store/AppStore';
 import { useNotificationStore } from '../../store/notification';
 import { useQuoteStore } from '../../store/quote';
@@ -36,7 +36,9 @@ export function WidgetInfo(props: React.PropsWithChildren) {
   const resetLanguage = useLanguage().resetLanguage;
   const notifications = useNotificationStore().getNotifications();
   const clearNotifications = useNotificationStore().clearNotifications;
-  const updateQuoteInput = useUpdateQuoteInput();
+  const updateQuoteInputs = useUpdateQuoteInputs();
+  const { fromBlockchain, toBlockchain, fromToken, toToken, inputAmount } =
+    useQuoteStore();
 
   // eslint-disable-next-line react/jsx-no-constructed-context-values
   const value: WidgetInfoContextInterface = {
@@ -62,7 +64,26 @@ export function WidgetInfo(props: React.PropsWithChildren) {
       clearAll: clearNotifications,
     },
     quote: {
-      updateQuoteInput,
+      quoteInputs: {
+        fromBlockchain: fromBlockchain?.name ?? null,
+        fromToken: fromToken
+          ? {
+              symbol: fromToken.symbol,
+              blockchain: fromToken.blockchain,
+              address: fromToken.address,
+            }
+          : null,
+        toBlockchain: toBlockchain?.name ?? null,
+        toToken: toToken
+          ? {
+              symbol: toToken.symbol,
+              blockchain: toToken.blockchain,
+              address: toToken.address,
+            }
+          : null,
+        requestAmount: inputAmount,
+      },
+      updateQuoteInputs,
     },
   };
 

package/src/containers/WidgetInfo/WidgetInfo.types.ts

@@ -1,7 +1,7 @@
 import type { WidgetHistory } from './WidgetInfo.helpers';
 import type { FetchStatus, FindToken } from '../../store/slices/data';
 import type { ConnectedWallet } from '../../store/wallets';
-import type { UpdateQuoteInput, Wallet } from '../../types';
+import type { QuoteInputs, UpdateQuoteInputs, Wallet } from '../../types';
 import type { Notification } from '../../types/notification';
 import type { BlockchainMeta, SwapperMeta, Token } from 'rango-sdk';
 
@@ -28,6 +28,7 @@ export interface WidgetInfoContextInterface {
     clearAll: () => void;
   };
   quote: {
-    updateQuoteInput: UpdateQuoteInput;
+    quoteInputs: QuoteInputs;
+    updateQuoteInputs: UpdateQuoteInputs;
   };
 }

package/src/hooks/useUpdateQuoteInputs/index.ts

@@ -0,0 +1 @@
+export { useUpdateQuoteInputs } from './useUpdateQuoteInputs';

package/src/hooks/{useUpdateQuoteInput/useUpdateQuoteInput.ts → useUpdateQuoteInputs/useUpdateQuoteInputs.ts}

@@ -1,10 +1,10 @@
-import type { UpdateQuoteInput } from '../../types';
+import type { UpdateQuoteInputs } from '../../types';
 
 import { useAppStore } from '../../store/AppStore';
 import { useQuoteStore } from '../../store/quote';
 
 // This hook provides a function to update quote inputs using fewer and simpler parameters.
-export function useUpdateQuoteInput() {
+export function useUpdateQuoteInputs() {
   const { findToken } = useAppStore();
   const blockchains = useAppStore().blockchains();
   const tokens = useAppStore().tokens();
@@ -16,7 +16,7 @@ export function useUpdateQuoteInput() {
     setInputAmount,
   } = useQuoteStore();
 
-  const updateQuoteInput: UpdateQuoteInput = (params) => {
+  const updateQuoteInputs: UpdateQuoteInputs = (params) => {
     const { fromBlockchain, fromToken, toBlockchain, toToken, requestAmount } =
       params;
     const meta = { blockchains, tokens };
@@ -46,5 +46,5 @@ export function useUpdateQuoteInput() {
     }
   };
 
-  return updateQuoteInput;
+  return updateQuoteInputs;
 }

package/src/types/quote.ts

@@ -133,10 +133,12 @@ export type QuoteErrorResponse = {
   options: QuoteError;
 };
 
-export type UpdateQuoteInput = (params: {
-  fromBlockchain?: string | null;
-  toBlockchain?: string | null;
-  fromToken?: Asset | null;
-  toToken?: Asset | null;
-  requestAmount?: string;
-}) => void;
+export type QuoteInputs = {
+  fromBlockchain: string | null;
+  toBlockchain: string | null;
+  fromToken: Asset | null;
+  toToken: Asset | null;
+  requestAmount: string;
+};
+
+export type UpdateQuoteInputs = (params: Partial<QuoteInputs>) => void;

package/dist/hooks/useUpdateQuoteInput/index.d.ts

@@ -1,2 +0,0 @@
-export { useUpdateQuoteInput } from './useUpdateQuoteInput';
-//# sourceMappingURL=index.d.ts.map

package/dist/hooks/useUpdateQuoteInput/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useUpdateQuoteInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/hooks/useUpdateQuoteInput/useUpdateQuoteInput.d.ts

@@ -1,3 +0,0 @@
-import type { UpdateQuoteInput } from '../../types';
-export declare function useUpdateQuoteInput(): UpdateQuoteInput;
-//# sourceMappingURL=useUpdateQuoteInput.d.ts.map

package/dist/hooks/useUpdateQuoteInput/useUpdateQuoteInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useUpdateQuoteInput.d.ts","sourceRoot":"","sources":["../../../src/hooks/useUpdateQuoteInput/useUpdateQuoteInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAMpD,wBAAgB,mBAAmB,qBA2ClC"}

package/src/hooks/useUpdateQuoteInput/index.ts

@@ -1 +0,0 @@
-export { useUpdateQuoteInput } from './useUpdateQuoteInput';