@skip-go/widget 2.1.3-alpha.1 → 2.2.0

package/README.md

@@ -133,6 +133,7 @@ interface SwapWidgetProps {
     brandColor: string; // color used for confirmation buttons
     highlightColor: string; // color used when hovering over buttons, and in select chain/asset dropdown
   };
+  persistSwapWidgetState?: boolean; // whether or not swap widget state should persist after refresh. Defaults to true
 }
 ````
 

package/build/hooks/use-swap-widget.d.ts

@@ -10,7 +10,7 @@ export interface DefaultRouteConfig {
     destChainID?: string;
     destAssetDenom?: string;
 }
-export declare function useSwapWidget(): {
+export declare function useSwapWidget(persistSwapWidgetState?: boolean): {
     amountIn: string;
     amountOut: string;
     bridges: BridgeType[];

package/build/index.es.js

@@ -81,7 +81,7 @@ const wallets = [
 const CosmosProvider = ({ children }) => {
     const chains = getChains();
     const assets = getAssetLists();
-    return (jsx(ChainProvider, { chains: chains, wallets: wallets, throwErrors: false, assetLists: assets, sessionOptions: {
+    return (jsx(ChainProvider, { chains: chains, wallets: wallets, throwErrors: false, assetLists: assets, disableIframe: false, sessionOptions: {
             duration: 1000 * 60 * 60 * 24, // 1 day
         }, children: children }, 'skip-widget-chain-provider'));
 };
@@ -1962,12 +1962,16 @@ function parseAmountWei(amount, decimals = 6) {
 }
 
 const PRICE_IMPACT_THRESHOLD = 0.1;
-function useSwapWidget() {
+function useSwapWidget(persistSwapWidgetState = true) {
     /**
      * intentional manual hydration to prevent ssr mismatch
      * @see {useSwapWidgetStore}
      */
-    useEffect(() => void useSwapWidgetStore.persist.rehydrate(), []);
+    useEffect(() => {
+        if (persistSwapWidgetState) {
+            useSwapWidgetStore.persist.rehydrate();
+        }
+    }, []);
     /////////////////////////////////////////////////////////////////////////////
     // #region -- core states
     const { routeConfig, defaultRoute } = useSwapWidgetUIStore();
@@ -3991,7 +3995,7 @@ const SetAddressDialog = ({ open, onOpen, chain, index, signRequired, isDestinat
             return '0x...';
         }
         if (chainType === 'svm') {
-            return 'Enter solanma address...';
+            return 'Enter solana address...';
         }
         return 'Enter address...';
     }, [chainType, bech32Prefix]);
@@ -5016,7 +5020,7 @@ function TransactionDialog({ isLoading, route, isAmountError, shouldShowPriceImp
     return (jsxs(Fragment$1, { children: [jsxs("div", { children: [jsx(StyledBrandDiv, { as: "button", className: cn('w-full rounded-md py-4 font-semibold text-white outline-none transition-[opacity,transform]', 'disabled:cursor-not-allowed disabled:opacity-75', 'enabled:hover:rotate-1 enabled:hover:scale-102'), disabled: !route || (typeof isLoading === 'boolean' && isLoading), onClick: () => confirmControl.open(), children: "Preview Route" }), isOpen && route && (jsx(PreviewRoute, { route: route, disclosure: confirmDisclosure, isAmountError: isAmountError }))] }), jsx(PriceImpactWarning, { onGoBack: confirmControl.close, message: routeWarningMessage, title: routeWarningTitle })] }));
 }
 
-const SwapWidgetUI = ({ className, style, toasterProps, }) => {
+const SwapWidgetUI = ({ className, style, toasterProps, persistSwapWidgetState, }) => {
     var _a, _b, _c;
     const theme = useTheme();
     useEffect(() => void disclosure.rehydrate(), []);
@@ -5046,7 +5050,7 @@ const SwapWidgetUI = ({ className, style, toasterProps, }) => {
             });
         },
     });
-    const { amountIn, amountOut, bridges, destinationAsset, destinationChain, direction, isAmountError, numberOfTransactions, onAllTransactionComplete, onBridgeChange, onDestinationAmountChange, onDestinationAssetChange, onDestinationChainChange, onInvertDirection, onSourceAmountChange, onSourceAmountMax, onSourceAssetChange, onSourceChainChange, priceImpactThresholdReached, route, routeError, routeLoading, routeWarningMessage, routeWarningTitle, sourceAsset, sourceChain, sourceFeeAmount, sourceFeeAsset, swapPriceImpactPercent, usdDiffPercent, shareable, } = useSwapWidget();
+    const { amountIn, amountOut, bridges, destinationAsset, destinationChain, direction, isAmountError, numberOfTransactions, onAllTransactionComplete, onBridgeChange, onDestinationAmountChange, onDestinationAssetChange, onDestinationChainChange, onInvertDirection, onSourceAmountChange, onSourceAmountMax, onSourceAssetChange, onSourceChainChange, priceImpactThresholdReached, route, routeError, routeLoading, routeWarningMessage, routeWarningTitle, sourceAsset, sourceChain, sourceFeeAmount, sourceFeeAsset, swapPriceImpactPercent, usdDiffPercent, shareable, } = useSwapWidget(persistSwapWidgetState);
     const srcAccount = useAccount(sourceChain === null || sourceChain === void 0 ? void 0 : sourceChain.chainID);
     const isWalletConnected = srcAccount === null || srcAccount === void 0 ? void 0 : srcAccount.isWalletConnected;
     function promptDestAsset() {
@@ -5233,7 +5237,7 @@ const SwapWidgetWithoutProviders = ({ settings, onlyTestnet, defaultRoute, route
     }, [defaultTheme, theme]);
     return (jsx(WithStyledShadowDom, { children: jsx(ThemeProvider, { theme: mergedThemes, children: jsx(SwapWidgetUI, { ...swapWidgetUIProps }) }) }));
 };
-const SwapWidget = ({ settings, onlyTestnet, defaultRoute, routeConfig, theme, className, style, filter, toasterProps, ...swapWidgetProviderProps }) => {
+const SwapWidget = ({ settings, onlyTestnet, defaultRoute, routeConfig, theme, className, style, filter, toasterProps, persistSwapWidgetState, ...swapWidgetProviderProps }) => {
     useEffect(() => {
         configureSwapWidget({
             onlyTestnet,
@@ -5249,7 +5253,7 @@ const SwapWidget = ({ settings, onlyTestnet, defaultRoute, routeConfig, theme, c
             ...theme,
         };
     }, [defaultTheme, theme]);
-    return (jsx(WithStyledShadowDom, { children: jsx(ThemeProvider, { theme: mergedThemes, children: jsx(SwapWidgetProvider, { ...swapWidgetProviderProps, children: jsx(SwapWidgetUI, { className: className, style: style, toasterProps: toasterProps }) }) }) }));
+    return (jsx(WithStyledShadowDom, { children: jsx(ThemeProvider, { theme: mergedThemes, children: jsx(SwapWidgetProvider, { ...swapWidgetProviderProps, children: jsx(SwapWidgetUI, { className: className, style: style, toasterProps: toasterProps, persistSwapWidgetState: persistSwapWidgetState }) }) }) }));
 };
 
 function isJsonString(str) {