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

package/dist/browser/{index-B6LlGDqn.js → index-BQ53A9R_.js}

@@ -1,4 +1,4 @@
-import { e5 as __awaiter, e6 as __generator } from './index-CYSUCb_r.js';
+import { e7 as __awaiter, e8 as __generator } from './index-B6p10_zD.js';
 
 function loadLegacyVideoPlugins(analytics) {
     return __awaiter(this, void 0, void 0, function () {
@@ -7,7 +7,7 @@ function loadLegacyVideoPlugins(analytics) {
             switch (_a.label) {
                 case 0: return [4 /*yield*/, import(
                     // @ts-expect-error
-                    './index.umd-C_C0lXQh.js').then(function (n) { return n.i; })
+                    './index.umd-DQuNDZ-6.js').then(function (n) { return n.i; })
                     // This is super gross, but we need to support the `window.analytics.plugins` namespace
                     // that is linked in the segment docs in order to be backwards compatible with ajs-classic
                     // @ts-expect-error

package/dist/browser/{index-CxVwwdjo.js → index-Bhny47VI.js}

@@ -1,4 +1,4 @@
-import { e5 as __awaiter, e6 as __generator, e7 as loadScript, e8 as getNextIntegrationsURL, e9 as unloadScript, ea as __spreadArray, eb as isOffline, ec as __assign, ed as ContextCancelation, ee as applyDestinationMiddleware, ef as dist, eg as isServer, eh as mergedOptions, ei as isPlainObject, ej as pWhile, ek as PriorityQueue, el as PersistedPriorityQueue, em as attempt, en as isOnline, eo as Context } from './index-CYSUCb_r.js';
+import { e7 as __awaiter, e8 as __generator, e9 as loadScript, ea as getNextIntegrationsURL, eb as unloadScript, ec as __spreadArray, ed as isOffline, ee as __assign, ef as ContextCancelation, eg as applyDestinationMiddleware, eh as dist, ei as isServer, ej as mergedOptions, ek as isPlainObject, el as pWhile, em as PriorityQueue, en as PersistedPriorityQueue, eo as attempt, ep as isOnline, eq as Context } from './index-B6p10_zD.js';
 import { i as isPlanEventEnabled } from './is-plan-event-enabled-mXX0dwl-.js';
 
 function normalizeName(name) {

package/dist/browser/{index-DhJhrEPT.js → index-BjxyO_sP.js}

@@ -1,4 +1,4 @@
-import { eq as gracefulDecodeURIComponent, ei as isPlainObject } from './index-CYSUCb_r.js';
+import { es as gracefulDecodeURIComponent, ek as isPlainObject } from './index-B6p10_zD.js';
 
 /**
  * Returns an object containing only the properties prefixed by the input

package/dist/browser/{index-DfqbSiW-.js → index-CGpeUDFk.js}

@@ -1,4 +1,4 @@
-import { dX as se$1, dY as T$2, dZ as oe$1, d_ as R$1, d$ as a$2, e0 as te$1, e1 as p$1, e2 as ne$1, e3 as y$1 } from './index-CYSUCb_r.js';
+import { dZ as se$1, d_ as T$2, d$ as oe$1, e0 as R$1, e1 as a$2, e2 as te$1, e3 as p$1, e4 as ne$1, e5 as y$1 } from './index-B6p10_zD.js';
 
 /**
  * @license

package/dist/browser/{index-_E9_8iXP.js → index-CZhAFfYE.js}

@@ -1,4 +1,4 @@
-import { ec as __assign } from './index-CYSUCb_r.js';
+import { ee as __assign } from './index-B6p10_zD.js';
 import { i as isPlanEventEnabled } from './is-plan-event-enabled-mXX0dwl-.js';
 
 function disabledActionDestinations(plan, settings) {

package/dist/browser/{index-BGfRODL9.js → index-DQSmVvsC.js}

@@ -1,4 +1,4 @@
-import { e4 as getAugmentedNamespace, az as commonjsGlobal } from './index-CYSUCb_r.js';
+import { e6 as getAugmentedNamespace, az as commonjsGlobal } from './index-B6p10_zD.js';
 
 var dist$1 = {};
 

package/dist/browser/{index-DkUaawBA.js → index-bhVqRauZ.js}

@@ -1,4 +1,4 @@
-import { e5 as __awaiter, e6 as __generator, eg as isServer, e8 as getNextIntegrationsURL, e7 as loadScript } from './index-CYSUCb_r.js';
+import { e7 as __awaiter, e8 as __generator, ei as isServer, ea as getNextIntegrationsURL, e9 as loadScript } from './index-B6p10_zD.js';
 
 function remoteMiddlewares(ctx, settings, obfuscate) {
     var _a;

package/dist/browser/index.js

@@ -1 +1 @@
-export { er as WidgetsFactory } from './index-CYSUCb_r.js';
+export { et as WidgetsFactory } from './index-B6p10_zD.js';

package/dist/browser/{index.umd-C_C0lXQh.js → index.umd-DQuNDZ-6.js}

@@ -1,4 +1,4 @@
-import { ay as getDefaultExportFromCjs } from './index-CYSUCb_r.js';
+import { ay as getDefaultExportFromCjs } from './index-B6p10_zD.js';
 
 function _mergeNamespaces(n, m) {
 	m.forEach(function (e) {

package/dist/browser/{useInterval-BjJWflew.js → useInterval-BPf23nxq.js}

@@ -1,4 +1,4 @@
-import { r as reactExports, dW as useBrowserLayoutEffect } from './index-CYSUCb_r.js';
+import { r as reactExports, dY as useBrowserLayoutEffect } from './index-B6p10_zD.js';
 
 // Inspired by https://usehooks-ts.com/react-hook/use-interval
 function useInterval(callback, delay) {

package/dist/types/widgets/swap/context/SwapContext.d.ts

@@ -1,4 +1,4 @@
-import { WalletProviderName, GetBalanceResult, NetworkInfo, TokenInfo, SwapDirection, AssessmentResult } from '@imtbl/checkout-sdk';
+import { WalletProviderName, GetBalanceResult, NetworkInfo, TokenInfo, SwapDirection } from '@imtbl/checkout-sdk';
 import { Exchange } from '@imtbl/dex-sdk';
 export interface SwapState {
     exchange: Exchange | null;
@@ -8,7 +8,6 @@ export interface SwapState {
     supportedTopUps: TopUpFeature | null;
     allowedTokens: TokenInfo[];
     autoProceed: boolean;
-    riskAssessment: AssessmentResult | undefined;
 }
 export interface TopUpFeature {
     isOnRampEnabled?: boolean;
@@ -23,7 +22,7 @@ export interface SwapContextState {
 export interface SwapAction {
     payload: ActionPayload;
 }
-type ActionPayload = SetExchangePayload | SetWalletProviderNamePayload | SetNetworkPayload | SetSupportedTopUpPayload | SetTokenBalancesPayload | SetAllowedTokensPayload | SetAutoProceedPayload | SetRiskAssessmentPayload;
+type ActionPayload = SetExchangePayload | SetWalletProviderNamePayload | SetNetworkPayload | SetSupportedTopUpPayload | SetTokenBalancesPayload | SetAllowedTokensPayload | SetAutoProceedPayload;
 export declare enum SwapActions {
     SET_EXCHANGE = "SET_EXCHANGE",
     SET_WALLET_PROVIDER_NAME = "SET_WALLET_PROVIDER_NAME",
@@ -31,8 +30,7 @@ export declare enum SwapActions {
     SET_SUPPORTED_TOP_UPS = "SET_SUPPORTED_TOP_UPS",
     SET_TOKEN_BALANCES = "SET_TOKEN_BALANCES",
     SET_ALLOWED_TOKENS = "SET_ALLOWED_TOKENS",
-    SET_AUTO_PROCEED = "SET_AUTO_PROCEED",
-    SET_RISK_ASSESSMENT = "SET_RISK_ASSESSMENT"
+    SET_AUTO_PROCEED = "SET_AUTO_PROCEED"
 }
 export interface SetExchangePayload {
     type: SwapActions.SET_EXCHANGE;
@@ -63,10 +61,6 @@ export interface SetAutoProceedPayload {
     autoProceed: boolean;
     direction: SwapDirection;
 }
-export interface SetRiskAssessmentPayload {
-    type: SwapActions.SET_RISK_ASSESSMENT;
-    riskAssessment: AssessmentResult;
-}
 export declare const SwapContext: import("react").Context<SwapContextState>;
 export type Reducer<S, A> = (prevState: S, action: A) => S;
 export declare const swapReducer: Reducer<SwapState, SwapAction>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imtbl/checkout-widgets",
-  "version": "2.4.14-alpha.0",
+  "version": "2.4.14-alpha.1",
   "browserslist": {
     "production": [
       ">0.2%",
@@ -18,12 +18,12 @@
     "@biom3/design-tokens": "^0.4.5",
     "@biom3/react": "^0.29.4",
     "@emotion/react": "^11.11.3",
-    "@imtbl/bridge-sdk": "2.4.14-alpha.0",
-    "@imtbl/checkout-sdk": "2.4.14-alpha.0",
-    "@imtbl/config": "2.4.14-alpha.0",
-    "@imtbl/cryptofiat": "2.4.14-alpha.0",
-    "@imtbl/dex-sdk": "2.4.14-alpha.0",
-    "@imtbl/passport": "2.4.14-alpha.0",
+    "@imtbl/bridge-sdk": "2.4.14-alpha.1",
+    "@imtbl/checkout-sdk": "2.4.14-alpha.1",
+    "@imtbl/config": "2.4.14-alpha.1",
+    "@imtbl/cryptofiat": "2.4.14-alpha.1",
+    "@imtbl/dex-sdk": "2.4.14-alpha.1",
+    "@imtbl/passport": "2.4.14-alpha.1",
     "@imtbl/react-analytics": "0.3.2-alpha",
     "@rive-app/react-canvas-lite": "^4.9.0",
     "@walletconnect/ethereum-provider": "^2.11.1",

package/src/widgets/swap/SwapWidget.tsx

@@ -9,7 +9,6 @@ import {
 import {
   TokenFilterTypes, IMTBLWidgetEvents, SwapWidgetParams,
   SwapDirection,
-  fetchRiskAssessment,
   WalletProviderName,
 } from '@imtbl/checkout-sdk';
 import { useTranslation } from 'react-i18next';
@@ -193,28 +192,6 @@ export default function SwapWidget({
     })();
   }, [checkout, provider]);
 
-  useEffect(() => {
-    if (!checkout || swapState.riskAssessment) {
-      return;
-    }
-
-    (async () => {
-      const address = await (await provider?.getSigner())?.getAddress();
-
-      if (!address) {
-        return;
-      }
-
-      const assessment = await fetchRiskAssessment([address], checkout.config);
-      swapDispatch({
-        payload: {
-          type: SwapActions.SET_RISK_ASSESSMENT,
-          riskAssessment: assessment,
-        },
-      });
-    })();
-  }, [checkout, provider]);
-
   useEffect(() => {
     swapDispatch({
       payload: {

package/src/widgets/swap/components/SwapForm.tsx

@@ -5,8 +5,12 @@ import {
 import {
   Box, ButtCon, Heading, Icon, OptionKey, Tooltip, Body,
 } from '@biom3/react';
-import { isAddressSanctioned, TokenInfo, WidgetTheme } from '@imtbl/checkout-sdk';
-
+import {
+  fetchRiskAssessmentV2,
+  isSingleAddressSanctioned,
+  TokenInfo,
+  WidgetTheme,
+} from '@imtbl/checkout-sdk';
 import { TransactionResponse } from '@imtbl/dex-sdk';
 import { useTranslation } from 'react-i18next';
 import { Environment } from '@imtbl/config';
@@ -92,7 +96,6 @@ export function SwapForm({ data, theme, cancelAutoProceed }: SwapFromProps) {
       tokenBalances,
       network,
       autoProceed,
-      riskAssessment,
     },
   } = useContext(SwapContext);
 
@@ -815,18 +818,7 @@ export function SwapForm({ data, theme, cancelAutoProceed }: SwapFromProps) {
 
   const sendTransaction = async () => {
     if (!quote) return;
-    if (riskAssessment && isAddressSanctioned(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
@@ -836,12 +828,12 @@ export function SwapForm({ data, theme, cancelAutoProceed }: SwapFromProps) {
       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,
@@ -855,6 +847,38 @@ export function SwapForm({ data, theme, cancelAutoProceed }: SwapFromProps) {
       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 fetchRiskAssessmentV2(riskAssessmentData, checkout.config);
+
+    if (riskAssessment && isSingleAddressSanctioned(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 as any).send('eth_chainId', []);
@@ -959,7 +983,7 @@ export function SwapForm({ data, theme, cancelAutoProceed }: SwapFromProps) {
               testInputMode="decimal"
               textInputValue={fromAmount}
               textInputPlaceholder={t('views.SWAP.swapForm.from.inputPlaceholder')}
-              textInputSubtext={`${t('views.SWAP.content.fiatPricePrefix')} 
+              textInputSubtext={`${t('views.SWAP.content.fiatPricePrefix')}
               $${formatZeroAmount(
                 fromFiatValue,
                 true,

package/src/widgets/swap/context/SwapContext.ts

@@ -4,7 +4,6 @@ import {
   NetworkInfo,
   TokenInfo,
   SwapDirection,
-  AssessmentResult,
 } from '@imtbl/checkout-sdk';
 import { Exchange } from '@imtbl/dex-sdk';
 import { createContext } from 'react';
@@ -17,7 +16,6 @@ export interface SwapState {
   supportedTopUps: TopUpFeature | null;
   allowedTokens: TokenInfo[];
   autoProceed: boolean;
-  riskAssessment: AssessmentResult | undefined;
 }
 
 export interface TopUpFeature {
@@ -34,7 +32,6 @@ export const initialSwapState: SwapState = {
   supportedTopUps: null,
   allowedTokens: [],
   autoProceed: false,
-  riskAssessment: undefined,
 };
 
 export interface SwapContextState {
@@ -53,8 +50,7 @@ type ActionPayload =
   | SetSupportedTopUpPayload
   | SetTokenBalancesPayload
   | SetAllowedTokensPayload
-  | SetAutoProceedPayload
-  | SetRiskAssessmentPayload;
+  | SetAutoProceedPayload;
 
 export enum SwapActions {
   SET_EXCHANGE = 'SET_EXCHANGE',
@@ -64,7 +60,6 @@ export enum SwapActions {
   SET_TOKEN_BALANCES = 'SET_TOKEN_BALANCES',
   SET_ALLOWED_TOKENS = 'SET_ALLOWED_TOKENS',
   SET_AUTO_PROCEED = 'SET_AUTO_PROCEED',
-  SET_RISK_ASSESSMENT = 'SET_RISK_ASSESSMENT',
 }
 
 export interface SetExchangePayload {
@@ -103,11 +98,6 @@ export interface SetAutoProceedPayload {
   direction: SwapDirection;
 }
 
-export interface SetRiskAssessmentPayload {
-  type: SwapActions.SET_RISK_ASSESSMENT;
-  riskAssessment: AssessmentResult;
-}
-
 // eslint-disable-next-line @typescript-eslint/naming-convention
 export const SwapContext = createContext<SwapContextState>({
   swapState: initialSwapState,
@@ -165,11 +155,6 @@ export const swapReducer: Reducer<SwapState, SwapAction> = (
         autoProceed: action.payload.autoProceed,
         direction: action.payload.direction,
       };
-    case SwapActions.SET_RISK_ASSESSMENT:
-      return {
-        ...state,
-        riskAssessment: action.payload.riskAssessment,
-      };
     default:
       return state;
   }