@imtbl/checkout-widgets 2.4.13 → 2.4.14-alpha.1

package/dist/browser/{SwapWidget-CaimjlZx.js → SwapWidget-Y6Xo5WSo.js}

@@ -1,9 +1,9 @@
-import { k as useTranslation, x as jsxs, de as quickswapFooterStyles, B as Box, df as quickswapFooterLogoStyles, v as jsx, A as Body, dg as quickswapFooterDisclaimerTextStyles, dh as Po, X as getRemoteImage, r as reactExports, y as Button, aA as Drawer, W as CloudImage, H as Heading, cF as Logo, di as getImxTokenImage, cc as formatUnits, j as calculateCryptoToFiat, J as tokenValueFormat, cj as isGasFree, b as parseUnits, h as formatZeroAmount, cA as ShimmerBox, bH as PriceDisplay, aF as Fragment, dj as getCryptoToUSDConversion, Z as ConnectLoaderContext, a$ as isNativeToken, cS as NATIVE, aU as ViewContext, D as useAnalytics, dk as calculateFeesFiat, U as UserJourney, cV as DEFAULT_QUOTE_REFRESH_INTERVAL, aK as isPassportProvider, dl as parseEther, P as amountInputValidation, b3 as ButtCon, bj as motion, b8 as Tooltip, bd as Icon, bN as K, V as ViewActions, a5 as SharedViews, K as getDefaultTokenImage, dm as ESTIMATE_DEBOUNCE, dn as DEFAULT_TOKEN_VALIDATION_DECIMALS, bn as Ot, cZ as DEFAULT_TOKEN_DECIMALS, F as EventTargetContext, dp as sendSwapWidgetCloseEvent, O as orchestrationEvents, o as oo, M as HeaderNavigation, a0 as LoadingView, z as SimpleLayout, cY as IMX_TOKEN_SYMBOL, cz as S, d1 as SimpleTextBody, d2 as FooterButton, dq as m, c$ as heroBackGroundStyles, d0 as heroImageStyles, bB as Trans, L as Link, c6 as FooterLogo, aV as useHandover, bI as viewReducer, bJ as initialViewState, dr as DEFAULT_BALANCE_RETRY_POLICY, bm as xt, ds as Ao, d7 as StatusView, dt as sendSwapSuccessEvent, c7 as StatusType, du as sendSwapFailedEvent, dv as sendSwapRejectedEvent, a6 as ErrorView, bR as ServiceUnavailableErrorView, e as ae, cQ as fe } from './index-Co43S-f8.js';
-import { S as SelectForm, T as TextInputForm, A as Accordion, b as gasAmountAccordionStyles, a as TransactionRejected, N as NetworkSwitchDrawer, W as WalletApproveHero, g as getAllowedBalances } from './WalletApproveHero-2qnl25R9.js';
-import { u as useInterval } from './useInterval-BaXQ-Cl5.js';
-import { S as SwapWidgetViews, T as TopUpView } from './TopUpView-DIAfMQDk.js';
-import { F as FeesBreakdown } from './FeesBreakdown-D42F89mf.js';
-import { S as SpendingCapHero } from './SpendingCapHero-DxECFPhZ.js';
+import { k as useTranslation, x as jsxs, df as quickswapFooterStyles, B as Box, dg as quickswapFooterLogoStyles, v as jsx, A as Body, dh as quickswapFooterDisclaimerTextStyles, di as Po, X as getRemoteImage, r as reactExports, y as Button, aA as Drawer, W as CloudImage, H as Heading, cG as Logo, dj as getImxTokenImage, cd as formatUnits, j as calculateCryptoToFiat, J as tokenValueFormat, ck as isGasFree, b as parseUnits, h as formatZeroAmount, cB as ShimmerBox, bH as PriceDisplay, aF as Fragment, dk as getCryptoToUSDConversion, Z as ConnectLoaderContext, a$ as isNativeToken, cT as NATIVE, aU as ViewContext, D as useAnalytics, dl as calculateFeesFiat, U as UserJourney, cW as DEFAULT_QUOTE_REFRESH_INTERVAL, aK as isPassportProvider, dm as parseEther, P as amountInputValidation, b3 as ButtCon, bj as motion, b8 as Tooltip, bd as Icon, bO as K, V as ViewActions, a5 as SharedViews, K as getDefaultTokenImage, dn as ESTIMATE_DEBOUNCE, dp as DEFAULT_TOKEN_VALIDATION_DECIMALS, dq as Ka, dr as Ha, c_ as DEFAULT_TOKEN_DECIMALS, F as EventTargetContext, ds as sendSwapWidgetCloseEvent, O as orchestrationEvents, o as oo, M as HeaderNavigation, a0 as LoadingView, z as SimpleLayout, cZ as IMX_TOKEN_SYMBOL, cA as S, d2 as SimpleTextBody, d3 as FooterButton, dt as m, d0 as heroBackGroundStyles, d1 as heroImageStyles, bB as Trans, L as Link, c7 as FooterLogo, aV as useHandover, bJ as viewReducer, bK as initialViewState, du as DEFAULT_BALANCE_RETRY_POLICY, dv as yo, d8 as StatusView, dw as sendSwapSuccessEvent, c8 as StatusType, dx as sendSwapFailedEvent, dy as sendSwapRejectedEvent, a6 as ErrorView, bS as ServiceUnavailableErrorView, e as ae, cR as fe } from './index-B6p10_zD.js';
+import { S as SelectForm, T as TextInputForm, A as Accordion, b as gasAmountAccordionStyles, a as TransactionRejected, N as NetworkSwitchDrawer, W as WalletApproveHero, g as getAllowedBalances } from './WalletApproveHero-4jx0GgAA.js';
+import { u as useInterval } from './useInterval-BPf23nxq.js';
+import { S as SwapWidgetViews, T as TopUpView } from './TopUpView-BORiBYNf.js';
+import { F as FeesBreakdown } from './FeesBreakdown-DvFl9V2q.js';
+import { S as SpendingCapHero } from './SpendingCapHero-Daz_5xcg.js';
 
 function QuickswapFooter({ theme, environment }) {
     const { t } = useTranslation();
@@ -21,7 +21,6 @@ const initialSwapState = {
     supportedTopUps: null,
     allowedTokens: [],
     autoProceed: false,
-    riskAssessment: undefined,
 };
 var SwapActions;
 (function (SwapActions) {
@@ -32,7 +31,6 @@ var SwapActions;
     SwapActions["SET_TOKEN_BALANCES"] = "SET_TOKEN_BALANCES";
     SwapActions["SET_ALLOWED_TOKENS"] = "SET_ALLOWED_TOKENS";
     SwapActions["SET_AUTO_PROCEED"] = "SET_AUTO_PROCEED";
-    SwapActions["SET_RISK_ASSESSMENT"] = "SET_RISK_ASSESSMENT";
 })(SwapActions || (SwapActions = {}));
 // eslint-disable-next-line @typescript-eslint/naming-convention
 const SwapContext = reactExports.createContext({
@@ -82,11 +80,6 @@ const swapReducer = (state, action) => {
                 autoProceed: action.payload.autoProceed,
                 direction: action.payload.direction,
             };
-        case SwapActions.SET_RISK_ASSESSMENT:
-            return {
-                ...state,
-                riskAssessment: action.payload.riskAssessment,
-            };
         default:
             return state;
     }
@@ -522,7 +515,7 @@ class PriceImpactError extends Error {
 }
 function SwapForm({ data, theme, cancelAutoProceed }) {
     const { t } = useTranslation();
-    const { swapState: { allowedTokens, tokenBalances, network, autoProceed, riskAssessment, }, } = reactExports.useContext(SwapContext);
+    const { swapState: { allowedTokens, tokenBalances, network, autoProceed, }, } = reactExports.useContext(SwapContext);
     const { connectLoaderState } = reactExports.useContext(ConnectLoaderContext);
     const { checkout, provider } = connectLoaderState;
     const defaultTokenImage = getDefaultTokenImage(checkout?.config.environment, theme);
@@ -1132,17 +1125,6 @@ function SwapForm({ data, theme, cancelAutoProceed }) {
     const sendTransaction = async () => {
         if (!quote)
             return;
-        if (riskAssessment && Ot(riskAssessment)) {
-            viewDispatch({
-                payload: {
-                    type: ViewActions.UPDATE_VIEW,
-                    view: {
-                        type: SwapWidgetViews.SERVICE_UNAVAILABLE,
-                    },
-                },
-            });
-            return;
-        }
         const transaction = quote;
         const isValid = SwapFormValidator();
         // Tracking swap from data here and is valid or not to understand behaviour
@@ -1152,12 +1134,12 @@ function SwapForm({ data, theme, cancelAutoProceed }) {
             control: 'Swap',
             controlType: 'Button',
             extras: {
-                swapFromAddress: data?.fromTokenAddress,
-                swapFromAmount: data?.fromAmount,
-                swapFromTokenSymbol: data?.fromTokenSymbol,
-                swapToAddress: data?.toTokenAddress,
-                swapToAmount: data?.toAmount,
-                swapToTokenSymbol: data?.toTokenSymbol,
+                swapFromAddress: fromToken?.address,
+                swapFromAmount: fromAmount,
+                swapFromTokenSymbol: fromToken?.symbol,
+                swapToAddress: toToken?.address,
+                swapToAmount: toAmount,
+                swapToTokenSymbol: toToken?.symbol,
                 isSwapFormValid: isValid,
                 hasFundsForGas: !insufficientFundsForGas,
                 autoProceed,
@@ -1172,6 +1154,31 @@ function SwapForm({ data, theme, cancelAutoProceed }) {
             openNotEnoughImxDrawer();
             return;
         }
+        // Perform sanctions check once we have valid asset and amount data
+        const address = await (await provider?.getSigner())?.getAddress();
+        if (!address) {
+            return;
+        }
+        if (!fromToken?.address || !fromAmount) {
+            throw new Error('Invalid form data: fromToken.Address or fromAmount is missing');
+        }
+        const riskAssessmentData = [{
+                address,
+                tokenAddr: fromToken.address,
+                amount: parseUnits(fromAmount, fromToken.decimals),
+            }];
+        const riskAssessment = await Ka(riskAssessmentData, checkout.config);
+        if (riskAssessment && Ha(riskAssessment, address)) {
+            viewDispatch({
+                payload: {
+                    type: ViewActions.UPDATE_VIEW,
+                    view: {
+                        type: SwapWidgetViews.SERVICE_UNAVAILABLE,
+                    },
+                },
+            });
+            return;
+        }
         try {
             // check for switch network here
             const currentChainId = await provider.provider.send('eth_chainId', []);
@@ -1237,7 +1244,7 @@ function SwapForm({ data, theme, cancelAutoProceed }) {
                                             paddingBottom: 'base.spacing.x1',
                                         }, children: t('views.SWAP.swapForm.from.label') }), jsx(SelectInput, { testId: "fromTokenInputs", options: tokensOptionsFrom, selectSubtext: fromToken
                                             ? `${t('views.SWAP.content.availableBalancePrefix')} ${tokenValueFormat(fromBalance)}`
-                                            : '', selectTextAlign: "left", textInputType: "number", testInputMode: "decimal", textInputValue: fromAmount, textInputPlaceholder: t('views.SWAP.swapForm.from.inputPlaceholder'), textInputSubtext: `${t('views.SWAP.content.fiatPricePrefix')} 
+                                            : '', selectTextAlign: "left", textInputType: "number", testInputMode: "decimal", textInputValue: fromAmount, textInputPlaceholder: t('views.SWAP.swapForm.from.inputPlaceholder'), textInputSubtext: `${t('views.SWAP.content.fiatPricePrefix')}
               $${formatZeroAmount(fromFiatValue, true)}`, textInputTextAlign: "right", textInputValidator: amountInputValidation, onTextInputChange: (v) => onFromTextInputChange(v), onTextInputFocus: onFromTextInputFocus, textInputMaxButtonClick: textInputMaxButtonClick, onSelectChange: onFromSelectChange, textInputErrorMessage: t(fromAmountError), selectErrorMessage: t(fromTokenError), selectedOption: fromToken
                                             ? formatTokenOptionsId(fromToken.symbol, fromToken.address)
                                             : undefined, coinSelectorHeading: t('views.SWAP.swapForm.from.selectorTitle'), defaultTokenImage: defaultTokenImage, control: "FromToken", userJourney: UserJourney.SWAP, screen: "SwapCoins", environment: checkout?.config.environment, theme: theme })] }), jsx(Box, { sx: {
@@ -1851,30 +1858,12 @@ function SwapWidget({ amount, fromTokenAddress, toTokenAddress, config, autoProc
             }
         })();
     }, [checkout, provider]);
-    reactExports.useEffect(() => {
-        if (!checkout || swapState.riskAssessment) {
-            return;
-        }
-        (async () => {
-            const address = await (await provider?.getSigner())?.getAddress();
-            if (!address) {
-                return;
-            }
-            const assessment = await xt([address], checkout.config);
-            swapDispatch({
-                payload: {
-                    type: SwapActions.SET_RISK_ASSESSMENT,
-                    riskAssessment: assessment,
-                },
-            });
-        })();
-    }, [checkout, provider]);
     reactExports.useEffect(() => {
         swapDispatch({
             payload: {
                 type: SwapActions.SET_AUTO_PROCEED,
                 autoProceed: autoProceed ?? false,
-                direction: direction ?? Ao.FROM,
+                direction: direction ?? yo.FROM,
             },
         });
     }, [autoProceed, direction]);
@@ -1884,13 +1873,13 @@ function SwapWidget({ amount, fromTokenAddress, toTokenAddress, config, autoProc
                 payload: {
                     type: SwapActions.SET_AUTO_PROCEED,
                     autoProceed: false,
-                    direction: Ao.FROM,
+                    direction: yo.FROM,
                 },
             });
         }
     }, [autoProceed, swapDispatch]);
-    const fromAmount = direction === Ao.FROM || direction == null ? amount : undefined;
-    const toAmount = direction === Ao.TO ? amount : undefined;
+    const fromAmount = direction === yo.FROM || direction == null ? amount : undefined;
+    const toAmount = direction === yo.TO ? amount : undefined;
     const topUpOptions = reactExports.useMemo(() => {
         const optionsArray = [];
         const isNotPassport = !isPassportProvider(provider)

package/dist/browser/{TokenImage-CJcf0BVb.js → TokenImage-DW2XzMbU.js}

@@ -1,4 +1,4 @@
-import { r as reactExports, K as getDefaultTokenImage, v as jsx } from './index-Co43S-f8.js';
+import { r as reactExports, K as getDefaultTokenImage, v as jsx } from './index-B6p10_zD.js';
 
 function TokenImage({ src, name, environment, theme, defaultImage, ...forwardedProps }) {
     const [error, setError] = reactExports.useState(false);

package/dist/browser/{TopUpView-DIAfMQDk.js → TopUpView-BORiBYNf.js}

@@ -1,4 +1,4 @@
-import { r as reactExports, cc as formatUnits, v as jsx, x as jsxs, dG as isDualVariantIcon, aP as MenuItem, B as Box, k as useTranslation, aU as ViewContext, G as CryptoFiatContext, F as EventTargetContext, D as useAnalytics, a1 as CryptoFiatActions, dH as DEFAULT_TOKEN_SYMBOLS, cU as st, M as HeaderNavigation, H as Heading, A as Body, z as SimpleLayout, o as oo, V as ViewActions, O as orchestrationEvents, bN as K } from './index-Co43S-f8.js';
+import { r as reactExports, cd as formatUnits, v as jsx, x as jsxs, dJ as isDualVariantIcon, aP as MenuItem, B as Box, k as useTranslation, aU as ViewContext, G as CryptoFiatContext, F as EventTargetContext, D as useAnalytics, a1 as CryptoFiatActions, dK as DEFAULT_TOKEN_SYMBOLS, cV as st, M as HeaderNavigation, H as Heading, A as Body, z as SimpleLayout, o as oo, V as ViewActions, O as orchestrationEvents, bO as K } from './index-B6p10_zD.js';
 
 var BridgeWidgetViews;
 (function (BridgeWidgetViews) {

package/dist/browser/{WalletApproveHero-2qnl25R9.js → WalletApproveHero-4jx0GgAA.js}

@@ -1,5 +1,5 @@
-import { ac as hFlex, v as jsx, dw as motion, ae as _objectWithoutProperties, Q as useTheme, r as reactExports, ag as _slicedToArray, aq as useGetSubcomponentChild, al as merge, x as jsxs, dx as BaseClickable, b3 as ButtCon, au as SmartClone, dy as AnimatePresence, B as Box, S as Stack, dz as ClassNames, ad as _defineProperty, dA as getTertiaryButtonStyles, ar as flattenChildren, dB as isChildSubcomponent, aB as Divider, b4 as TextInput, dC as FormControlWrapper, k as useTranslation, aP as MenuItem, aA as Drawer, A as Body, aF as Fragment, D as useAnalytics, dD as Select, bN as K, dh as Po, dE as DuoCon, H as Heading, y as Button, cK as retry, cS as NATIVE, b0 as getTokenImageByAddress, a$ as isNativeToken, dr as DEFAULT_BALANCE_RETRY_POLICY, cP as isMetaMaskProvider, W as CloudImage, c6 as FooterLogo, X as getRemoteImage, cN as getChainNameById, cH as isWalletConnectProvider, c$ as heroBackGroundStyles, d0 as heroImageStyles, dF as heroImageBottomAlign } from './index-Co43S-f8.js';
-import { T as TokenImage } from './TokenImage-CJcf0BVb.js';
+import { ac as hFlex, v as jsx, dz as motion, ae as _objectWithoutProperties, Q as useTheme, r as reactExports, ag as _slicedToArray, aq as useGetSubcomponentChild, al as merge, x as jsxs, dA as BaseClickable, b3 as ButtCon, au as SmartClone, dB as AnimatePresence, B as Box, S as Stack, dC as ClassNames, ad as _defineProperty, dD as getTertiaryButtonStyles, ar as flattenChildren, dE as isChildSubcomponent, aB as Divider, b4 as TextInput, dF as FormControlWrapper, k as useTranslation, aP as MenuItem, aA as Drawer, A as Body, aF as Fragment, D as useAnalytics, dG as Select, bO as K, di as Po, dH as DuoCon, H as Heading, y as Button, cL as retry, cT as NATIVE, b0 as getTokenImageByAddress, a$ as isNativeToken, du as DEFAULT_BALANCE_RETRY_POLICY, cQ as isMetaMaskProvider, W as CloudImage, c7 as FooterLogo, X as getRemoteImage, cO as getChainNameById, cI as isWalletConnectProvider, d0 as heroBackGroundStyles, d1 as heroImageStyles, dI as heroImageBottomAlign } from './index-B6p10_zD.js';
+import { T as TokenImage } from './TokenImage-DW2XzMbU.js';
 
 function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/dist/browser/{WalletWidget-EUpKwouL.js → WalletWidget-BwFVpnAI.js}

@@ -1,6 +1,6 @@
-import { ae as _objectWithoutProperties, Q as useTheme, dI as getStartingSize, dJ as DEFAULT_BUTTON_SIZE, al as merge, r as reactExports, ar as flattenChildren, v as jsx, dB as isChildSubcomponent, au as SmartClone, B as Box, dK as getResponsiveSx, dL as BUTTON_SIZES, dM as setDefaultSxBackgroundColor, b3 as ButtCon, dz as ClassNames, y as Button, ad as _defineProperty, e as ae, k as useTranslation, aU as ViewContext, x as jsxs, A as Body, V as ViewActions, Z as ConnectLoaderContext, D as useAnalytics, F as EventTargetContext, bN as K, aP as MenuItem, J as tokenValueFormat, U as UserJourney, O as orchestrationEvents, o as oo, h as formatZeroAmount, aK as isPassportProvider, dN as ZERO_BALANCE_STRING, a$ as isNativeToken, dO as sendNetworkSwitchEvent, cz as S, a5 as SharedViews, dP as ge, dQ as sortNetworksCompareFn, cC as getChainImage, cK as retry, dr as DEFAULT_BALANCE_RETRY_POLICY, dR as sortTokensByAmount, b0 as getTokenImageByAddress, j as calculateCryptoToFiat, G as CryptoFiatContext, a1 as CryptoFiatActions, M as HeaderNavigation, cR as ButtonNavigationStyles, dS as sendWalletWidgetCloseEvent, c6 as FooterLogo, z as SimpleLayout, cQ as fe, cO as getWalletProviderNameByProvider, dG as isDualVariantIcon, cb as abbreviateWalletAddress, H as Heading, aA as Drawer, cE as useWalletConnect, dT as sendDisconnectWalletEvent, cH as isWalletConnectProvider, c$ as heroBackGroundStyles, d0 as heroImageStyles, dF as heroImageBottomAlign, d1 as SimpleTextBody, dU as FAQS_LINK, L as Link, bI as viewReducer, bJ as initialViewState, Y as CryptoFiatProvider, a0 as LoadingView, a6 as ErrorView } from './index-Co43S-f8.js';
-import { T as TokenImage } from './TokenImage-CJcf0BVb.js';
-import { u as useInterval } from './useInterval-BaXQ-Cl5.js';
+import { ae as _objectWithoutProperties, Q as useTheme, dL as getStartingSize, dM as DEFAULT_BUTTON_SIZE, al as merge, r as reactExports, ar as flattenChildren, v as jsx, dE as isChildSubcomponent, au as SmartClone, B as Box, dN as getResponsiveSx, dO as BUTTON_SIZES, dP as setDefaultSxBackgroundColor, b3 as ButtCon, dC as ClassNames, y as Button, ad as _defineProperty, e as ae, k as useTranslation, aU as ViewContext, x as jsxs, A as Body, V as ViewActions, Z as ConnectLoaderContext, D as useAnalytics, F as EventTargetContext, bO as K, aP as MenuItem, J as tokenValueFormat, U as UserJourney, O as orchestrationEvents, o as oo, h as formatZeroAmount, aK as isPassportProvider, dQ as ZERO_BALANCE_STRING, a$ as isNativeToken, dR as sendNetworkSwitchEvent, cA as S, a5 as SharedViews, dS as ge, dT as sortNetworksCompareFn, cD as getChainImage, cL as retry, du as DEFAULT_BALANCE_RETRY_POLICY, dU as sortTokensByAmount, b0 as getTokenImageByAddress, j as calculateCryptoToFiat, G as CryptoFiatContext, a1 as CryptoFiatActions, M as HeaderNavigation, cS as ButtonNavigationStyles, dV as sendWalletWidgetCloseEvent, c7 as FooterLogo, z as SimpleLayout, cR as fe, cP as getWalletProviderNameByProvider, dJ as isDualVariantIcon, cc as abbreviateWalletAddress, H as Heading, aA as Drawer, cF as useWalletConnect, dW as sendDisconnectWalletEvent, cI as isWalletConnectProvider, d0 as heroBackGroundStyles, d1 as heroImageStyles, dI as heroImageBottomAlign, d2 as SimpleTextBody, dX as FAQS_LINK, L as Link, bJ as viewReducer, bK as initialViewState, Y as CryptoFiatProvider, a0 as LoadingView, a6 as ErrorView } from './index-B6p10_zD.js';
+import { T as TokenImage } from './TokenImage-DW2XzMbU.js';
+import { u as useInterval } from './useInterval-BPf23nxq.js';
 
 var horizontalMenuSxProps = {
   justifyContent: "stretch",

package/dist/browser/{auto-track-BLHegHT2.js → auto-track-DZymc0UC.js}

@@ -1,4 +1,4 @@
-import { eo as pTimeout } from './index-Co43S-f8.js';
+import { er as pTimeout } from './index-B6p10_zD.js';
 
 // Check if a user is opening the link in a new tab
 function userNewTab(event) {